/*SIFR*/

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/


/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
.sIFR-flash {display: none !important;height: 0;width: 0;position: absolute;overflow: hidden;}
.sIFR-alternate {font:Frutiger, "Frutiger 65 Bold",  Arial, Helvetica, sans-serif; visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important;}
/*SIFR*/


/*Cross Site Styles*/
* {	margin: 0px; padding: 0px;	border-top-style: none;	border-right-style: none; border-bottom-style: none; border-left-style: none; font-style:normal; }
a {color: #000000;}
p { line-height: 1.5em;}
img	{border:none;}
body { background-image: url(../images/stripBG.jpg); background-repeat: repeat-x; background-color: #57A4D2; text-align: center; }
#divContainer {	width: 800px;margin-right: auto;margin-left: auto;text-align: left;font-family: Arial, Helvetica, sans-serif;color: #000000;background-position: 0px 0px;background-repeat: no-repeat;}
.ColOne { background-image:url(../images/containerBG_1Col.gif); }
.ColTwo { background-image:url(../images/containerBG_2Col.gif); }
.ColThree { background-image:url(../images/containerBG_3Col.gif); }
.ColFour { background-image:url(../images/containerBG_4Col.gif); }
.ColFive  {	background-image:url(../images/containerBG_5Col.gif); }
#divHeader {height:auto; clear: both;width: 800px; background-image: url(../images/header.gif);background-repeat: no-repeat;	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #282F52;margin-bottom: 5px;}
#divHeader a{display:block; float:right; margin-right:25px; margin-top:15px; width:75px; height:75px;}
#divContent {margin-top:5px;font-size:0.7em;min-height:800px;}
#divContent p {	margin-bottom: 10px; }
#divContent p a { color:#000000; }
h1 {font:Frutiger, "Frutiger 65 Bold",  Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.2em;}
h2 {font:Frutiger, "Frutiger 65 Bold",  Arial, Helvetica, sans-serif; font-size:0.8em; line-height:1.2em;}
.offScreen { position: absolute; left: -9999px;	font-size: 0px; line-height: 0px; height: 0px; }
#divLeft {width: 170px;float: left;	height: 500px;}
#divLeft a.searchforajobButton {display: block;border-bottom-width: 1px;border-bottom-style: solid; border-bottom-color: #4184B5;margin-bottom: 10px;margin-top: 10px; padding-top:0px;	padding-bottom: 34px;}
#divLeft img {float:right;margin-bottom: 10px;}
#divNav { display: block;} 
#divNav ul { list-style-type: none;	margin-bottom: 8px;	padding-top: 6px; border-top-width: 1px; border-top-style: solid; border-top-color: #26385C;margin-left: 0px; display: block; }
#divNav ul.keyline1 { border-top-color: #285786; padding-bottom: 10px; border-bottom-color: #3579AB; border-bottom-width: 1px; border-bottom-style: solid;	margin-bottom: 0px; }
#divNav ul.home { border-top-style: none;	border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 0px; padding-top: 0px; }
#divNav ul.home a {	padding-left: 6px; }
#divNav ul li a { color: #000000; text-decoration: none; margin-left: 10px; display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 14px; }
#divNav ul li strong { 	display: block;	margin-bottom: 2px;	margin-left: 6px; }
#divNav ul li a:hover  {color:#CCCCFF;}
#divNav .navHeaders { margin-left: 0px;	margin-bottom: 4px;}
#divFooter {padding-top: 25px;	text-align: center;	padding-bottom: 25px;border-top-width: 1px;	border-top-style: solid;border-top-color: #70B2D9;background-color: #57A4D2;font-size: 0.7em;color: #70B2D9; width:800px}
#divFooter ul {	list-style-type: none;}
#divFooter li {	display: inline;}
#divFooter li a {font-family: Arial, Helvetica, sans-serif;	font-size: 1em;text-decoration: none!important;}
#divFooter li a:hover	{border-bottom:1px solid #70B2D9;padding-bottom: 2px;}
.divClear {	clear: both;height: 0px;}

/*Navigaion Current State Using Template Perameters*/

#homepage #divNav ul li a#home,
#feelapartofitpage #divNav ul li a#feelapartofit,
#locationspage #divNav ul li a#ourlocations,
#rolespage #divNav ul li a#other_departments,
#rewardspage #divNav ul li a#other_departments,
#blogpage #divNav ul li a#blog,
#flexiblebenefitspage #divNav ul li a#flexiblebenefits,
#yourquestionsansweredpage #divNav ul li a#yourquestionsanswered,
#contactpage #divNav ul li a#contactus,
#customerservicepage #divNav ul li a#customerservice,
#retailpage #divNav ul li a#retail,
#salespage #divNav ul li a#sales,
#broadbandpage #divNav ul li a#broadband,
#other_departmentspage #divNav ul li a#other_departments

{
	background-color: #253479;
	color: #000000;
}

/*Navigaion Current Sate Using Template Perameters end*/


/*Cross Site Styles Close*/


/*Universal Styles*/
#divRight {
	width: 180px;
	float: left;
	margin-left: 16px;
}
.plugTopGap {
	position: relative;
	top: -28px;
}
#divRight .HomeUkMap {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#divRight .retailStoreTitle {
	margin-bottom: 4px;
}
#divRight .storeLocationsBtn {
	margin-top: 7px;
}

#divWideRight {
	float: left;
	text-align: left;
	width: 600px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-bottom: 10px;
}
#divWideRight.customerservice {
	margin-top: 2px;
}
#divWideRight   h3.customerServicesHeader  {
	height: 194px;
	width: 580px;
	background-image: url(../images/customer_service_header.jpg);
	display: block;
	color: #000000;
	text-decoration: none;
	margin-top: 3px;
}
#divWideRight .imageLinks {
	float: left;
	margin-right: 8px;
}
#divWideRight .locationBoxLeft {
	float:left;
	width: 267px;
	margin-bottom: 30px;
	margin-right: 25px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	position: relative;
}
#divWideRight .locationBoxLeft h4, #divWideRight .locationBoxLeft h4 a, #divWideRight .locationBoxRight h4, #divWideRight .locationBoxRight h4 a {
	display: block;
	margin-bottom: 5px;
	color:#FFF;
	text-decoration:none;
}
.locationBoxLeft#roles   img  {
	position: absolute;
	bottom: 8px;
}

#divWideRight h5 {
	font-size: 1em;
	margin-bottom: 0px;
	margin-top: 25px;
}
#divWideRight .ditl {
	width: 280px;
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
	padding-bottom: 15px;
}
#divWideRight  .ditl  h5  {
	margin-top: 0px;
	margin-bottom: 8px;
	display: block;
	font-size: 1.2em;
}
#divWideRight .ditl h5 a {
	color: #000000;
	text-decoration: none;
}
#divWideRight .ditl img {
	float: right;
	margin-left: 5px;
	margin-top: 3px;
}
#divWideRight .ditl p {
	width: 105px;
	margin-top: 0px;
}
#divWideRight   .ditl   p   a {
	font-weight: bold;
}
#divWideRight p.small	{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	margin-top:10px;
	color:#57A4D2;
}
#divCenter {
	text-align: left;
	background-color: transparent;
	width: 414px;
	float: left;
	margin-left: 17px;
	padding-bottom: 10px;
}
#divCenter  p, #divCenter  h3, #divCenter ul {
	margin-left: 3px;
}

#divCenter img {
	margin-bottom: 10px;
}
#divCenter iframe {
	margin-right: 3px;
	margin-left: 3px;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #62A4D0;
}
#divCenter .blueBoxLeft {
	width: 200px;
	background-image: url(../images/blueBox.jpg);
	background-position: 0px 0px;
	height: 113px;
	text-align: left;
	float: left;
}

#divCenter  .blueBoxLeft  h3 a {
	color: #000000;
	display:block;
	text-decoration: none;
	margin: 9px;
}
#divCenter .blueBoxLeft p {
	display: block;
	margin-top: 9px !important;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#divCenter .blueBoxLeft p a {
	display: block;
}
#divCenter .blueBoxRight {
	width: 200px;
	height: 113px;
	background-image: url(../images/blueBox.jpg);
	float: right;
	text-align: left;
}
#divCenter .blueBoxRight  h3 a {
	color: #000000;
	text-decoration: none;
		display:block;
	margin: 9px;
}
.sIFR-hasFlash .blueBoxLeft h3, .sIFR-hasFlash .blueBoxRight h3{
	margin-top: 8px;
	padding-left: 6px !important; 
	margin-right: 8px;
	margin-bottom: 10px;
	display:block;
}
#divCenter .blueBoxRight p {
	display: block;
	margin-top: 9px !important;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#divCenter .blueBoxRight p a {
	display: block;
}
#divCenter .blueBoxLeft a, #divCenter .blueBoxRight a {
	text-decoration: none;
}

#divCenter img.homeo2Rewards {
	clear: both;
	margin-top: 18px;
	margin-bottom: 12px;
}
#divCenter  ul#textul {
	list-style-type: none;
}
#divCenter  ul#textul li  {
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #000000;
	text-decoration: none;
}
#divCenter  ul#textul   li a {
	color: #000000;
	text-decoration: underline;
}
.sIFR-hasFlash #divCenter h3 {
	visibility: hidden;
	font-size: 16px;
	margin-bottom: 10px;
	margin-left: 3px;
}
.sIFR-hasFlash #divCenter h4 {
	visibility: hidden;
	font-size: 14px;
	margin-bottom: 5px;
	margin-top:3px;
	margin-left: 3px;
}
#divBreadcrumb {
	margin-bottom: 15px;
	display: block;
	float: left;
	width: 410px;
	margin-left:17px;
}
#divBreadcrumb.header {
	left: 20px;
	margin-bottom: 2px;
}
#divBreadcrumb a, #divBreadcrumb a:hover {
	color: #9AA2C6;
	text-decoration: none;
}
#divDayInTheLifeCenter {
	width: 240px;
	float: left;
	margin-left: 20px;
	padding-right: 10px;
	margin-top: 0px;
}
#divDayInTheLifeRight {
	float: left;
	width: 330px;
	margin-left: 20px;
	margin-top: 0px;
}
#divDayInTheLifeRight #flashcontent {
	float: left;
	width:190px;
	padding:0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#divDayInTheLifeRight #flashcontent {
	float: left;
	width:190px;
	padding:0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#divDayInTheLifeRight  #videoChooser h4 {
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height:1em;
}


#yourQuestionsLeft {
	float: left;
	width: 378px;
	margin-left: 20px;
}
#yourQuestionsRight {
	float: left;
	margin-left: 20px;
	width: 212px;
}
#yourQuestionsBottom {
	margin-top: 15px;
	float: right;
	width: 613px;
	font-size: 11px;
}
#yourQuestionsBottom  h4 {
	margin-bottom: 10px;
}

.valuableSkills {
	text-align: left;
	padding-left: 0px;
	list-style-type: none;
	display: block;
	margin-bottom: 10px;
}
.valuableSkills#right  {
	float: right;
}
.valuableSkills#left  {
	float: left;
}
.valuableSkills li a {
	text-decoration: none;
	color: #000000;
	display: block;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 19px;
	width: 168px;
}
.valuableSkills li a:hover {
	background-color: #FFFFFF;
	color: #032555;
	background-position: 6px 8px;
	background-image: url(../images/smallBullet.gif);
	background-repeat: no-repeat;
}
div.locationbox {
	float: left;
	width: 195px;
	margin-top: 5px;
	margin-left: 8px;
	margin-bottom: 10px;
	position: relative;
}
div.locationbox img {
	margin-top: 0px;
}


div.locationbox p {
	margin: 0px;
	padding: 0px;
}

#sectionLinks {
	float: right;
	margin-left: 20px;
	width: 300px;
	margin-top: 7px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#sectionLinks img {
	margin-bottom: 6px;
	clear: both;
	margin-left: 31px;
}
#sectionLinks h4 {
	font-size:15px !important;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: -15px;
	<--[if lt IE 7]>
	left:0px;
	<![endif]
}
#sectionLinks  div {
	list-style-type: none;
	float: right;
	display: block;
	width: 320px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#sectionLinks ul.left  	{
	list-style-type: none;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 120px;
	float: left;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #286396;
	margin-top: 7px;
}

#sectionLinks  ul.right {
	list-style-type: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 150px;
	float: left;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 7px;
}
#sectionLinks ul li a {
	display: block;
	margin-left: 0px;
	margin-right: 3px;
	color: #000000;
	text-decoration: none;
	padding-left: 13px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(../images/smallBullet2.gif);
	background-position: 3px 8px;
	background-repeat:no-repeat;
}
#sectionLinks ul li a:hover {
	background-color: #FFFFFF;
	background-image: url(../images/smallBullet.gif);
	background-position: 3px 8px;
	background-repeat: no-repeat;
	color: #032555;
}
#divCenter .divClear, #divLeft .divClear, #divRight .divClear, #divWideRight .divClear  {
	height: 10px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}
#hotjobs	{
	list-style:none;
	display:block;
	cursor: hand;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#hotjobs li {
	display: block;
	padding: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	position: relative;
	height: 39px;
	width: 600px;
	float:left;
	clear: both;
}
#hotjobs li a {
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	height: 34px;
	display: block;
	width:570px;
	color: #374382;
	text-decoration: none;
	background-image: url(../images/hotJobstabs.gif);
	background-position: right top;
	margin:0px;
	float:left;
}

#hotjobs li a:hover {
	background-image: url(../images/hotJobstabs.gif);
	background-position: right bottom;
	color: #000000!important;
	
}
#hotjobs.home li 	{
	width:411px!important;
	clear: both;
}
#hotjobs.home li a 	{
	width:381px!important;
}

#hotjobs .refNumber {
	float: right;
	color: #000000;
	display: block;
	margin: 0px;
	padding-top: 13px;
	padding-right: 15px;
	position: relative;
	display:block;
	z-index:10000;
}
#hotjobs .refNumber:hover {
	float: right;
	color: #000000;
}

#hotjobs .jobSpec a {
	float: left;
	color: #394583;
	text-decoration: none;
}
#hotjobs .jobSpec a:hover {
	color: #000000;
}
#hotjobs li.last {
	border:none;
}

#FeelPoloroids {
	background-image: url(../images/feelapartofit_poloroids.jpg);
	height: 270px;
	background-position: 10px 0px;
	background-repeat: no-repeat;
	margin-top: 0px;
	position: relative;
	top: -9px;
}
#FeelPoloroids .BlueSky {
	display: block;
	height: 159px;
	width: 159px;
	position: relative;
	top: 70px;
	left: 20px;
	float: left;
}
#FeelPoloroids .eCard {
	position: relative;
	display: block;
	height: 159px;
	width: 159px;
	float: right;
	top: 70px;
	right: 25px;
}
.divFeel {
	width: 188px;
	margin-right: 10px;
	border: 1px solid #397CAC;
	position: relative;
	float: left;
}
.divFeel .titlebox {
	background-color: #104884;
	padding: 8px;
}
.divFeel .titlebox h4 {
	font-size: 16px;
	color: #000000;
}
.divFeel  p {
	display: block;
	padding:10px;
}
.divFeel  a {
	text-decoration:none;
}
.divFeel p a {
	text-decoration:none;
}
.divFeel img {
	clear: both;
	margin: 0px;
	padding: 0px;
	display:block;
}
.divFeel  a.MoreInfo2 {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.divFeel  .prop {
	float: right;
	height: 170px;
	width: 1px;
}
.divFeel  .clear {
	height: 30px;
	overflow: hidden;
}
.padding  {
	padding: 10px;
}
#locationsBottomRight, #locationsBottomLeft {
	border: solid #3D76AB 1px;
	height: 255px;
	width: 190px;
	background-color: #2271A9;
	position: relative;
}
#locationsBottomRight p, #locationsBottomLeft p {
	margin:0px;
	padding:0px;
}
#locationsBottomRight img, #locationsBottomLeft img {
	margin:0px;
	padding:0px;
}
#locationsBottomLeft {
	float: left;
}
#locationsBottomRight {
	float: right;
}
.routeplanner {
}
.routeplanner h4 {
	margin-left: 0px;
	padding-left: 0px;
	position: relative;
	left: -3px;
}
.routeplanner  .input {
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2271A9;
	width: 168px;
	padding: 2px;
}
.routeplanner .submit {
	clear: both;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#flashcontent *, #flashcontentTwo *	{
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#57A4D2;
}
#flashcontent  .floatLeft	{
	float:left;
	overflow: hidden;
	position: relative;
	[if IE]>
	position: fixed;
	<![endif]
}

p.customerServiceP {
	margin-left: 5px;
	float: left;
	width: 250px;
	display: block;
}
h3 a, h4 a {
	text-decoration: none;
}

h5.locations {
	font-size: 1.2em;
	margin-bottom: 4px;
}
h5 .small {
	font-size: 11px;
	font-weight: normal;
}
h5 a {
	color: #FFFFFF;
	text-decoration: none;
}
#contactForm {
	margin-top: 10px;
	display: block;
	margin-bottom: 25px;
	padding-left: 15px;
}
#contactForm label.textarea    {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
	width: 100px;
}
#contactForm label {
	margin-bottom: 3px;
	display: block;
	width: 80px;
	text-align: right;
	margin-left: 7px;
}
#contactForm .input {
	margin-bottom: 0px;
	position: relative;
	top: -15px;
	left: 87px;
	width: 270px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	font-size: 11px;
	color: #002456;
	padding: 2px;
}
#contactForm textarea.input {
	overflow: auto;
	height: 200px;
	width: 362px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002456;
	padding: 2px;
	margin-bottom: 25px;
	left: 0px;
	top: 10px;
}.submit {
	margin-top: 10px;
}
.required    {
	color: #FFF33E;
	font-weight: bold;
	font-size: 13px;
}
.ourLocationsTitle {
	width: 88px;
	margin-top: 4px;
}
img.customerservice_image {
	margin-top: 3px;
}
.topMargin10px {
	margin-top: 10px;
}
.keyline2 {
	clear: both;
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #397CAC;
	margin-top: 10px;
	margin-bottom: 10px;
}
.keyline3 {
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5193C1;
	padding-bottom: 10px;
}
.keyline4 {
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2B6DA2;
	padding-bottom: 10px;
}
.keyline5 {
	border-top-color: #70B2D9;
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	display: block;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
.keyline6 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #26385C;
	clear: both;
	margin-top: 8px;
}
.keyline7 {
	border-top-color: #5A9BC8;
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	display: block;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
.prop	{
	float: right;
	height: 200px;
	width: 1px;
}
.prop2 {
	float: right;
	width: 1px;
	height: 120px;
}
#roles  .prop3 {
	float: right;
	height: 265px;
	width: 1px;
}

object {display:block; cursor:hand; z-index:10000;}