/**** GLOBAL ELEMENTS ****/ 
/**** These style site-wide HTML elements ****/

body{ 
	background-color:#ffffff; 
	margin: 0px; 
	font-family: Georgia,"Times New Roman";
	font-size:0.9em; 
}
a img{ 
	border:0px; 
} 
a{ 
	text-decoration:none;
	color:#0094B3; 
} 

/* For Ajax responses */
.response-message {
	border: 1px solid #666;
	background-color: #ffb71d; /* yellow */
	color: black;
	padding: 6px;
	font-family: Verdana;
}



/**** GLOBAL PAGE STRUCTURES ****/ 
/**** These are the major containers used on the site ****/

#Masthead{ 
	position:relative; 
	width:950px; 
	margin:0 auto 0 auto; 
	height:175px; 
	z-index: 99; /* to make the 2010 menu go on top of the slideshow in IE */
} 
#CompanyLogo{ 
	position:absolute; 
	left:70px; 
	top:36px; 
} 
.CustSwatchErrorMsg {
	position: absolute;
	top: 0;
	left: 0;
	width: 530px;
	padding: 20px 0;
	background-color: #fff;
	color: #ff0000;
}
#CustomerSwatch{ 
	position:absolute; 
	background:url(/images/bg_customers.png) no-repeat left top;
	top:0px; 
	left:350px; 
	height:150px;
	width:575px; 
}  
#MnplSwatch{ 
	position:absolute; 
	background:url(/images/mnpl/bg_givingback.png) no-repeat left top;
	top:0px; 
	left:350px; 
	height:150px;
	width:575px; 
} 
#CareSwatch{ 
	position:absolute; 
	background:url(/images/bg_customercare.png) no-repeat left top;
	top:0px; 
	left:350px; 
	height:150px;
	width:575px; 
} 
#CareSwatchImage {
	position:relative; 
	left:400px; 
	top:25px;
}
#CareSwatchText {
	position: relative;
	left: 20px;
	top: -5px;
	color: white;
	font: 12px Arial, Helvetica, sans-serif;
}
#CareSwatchText a{
	color: white;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#GlobalNavigation{ 
	background:#D9D9D9 url(/images/bg_navbarright.png) no-repeat 350px 0px;
	position:absolute; 
	top:150px; 
	height:25px;
	width:100%; 
	font-family:arial; 
	font-size:11px;
}

#ContentSpace{ 
	position:relative; 
	width:950px; 
	margin:0 auto 0 auto; 
	padding: 0;
	border: 1px solid #ffffff;
	
} 




/**** SPECIFIC IMPLEMENTATIONS ****/ 
/**** These are specific page conventions/elements commonly used through the site ****/

/* OUR CUSTOMERS - The Our-Customers Lead at the top of all pages */

#CustomerSwatch img{ 
	position:absolute; 
	top:25px; 
	right:0px; 
} 

#YourMarket {
	position:relative;
	width:950px; 
	margin:0 auto 0 auto; 
	text-align: right; 
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-right: 55px;
	top: 0px;
} 

#YourMarket a {
	/*font-weight: bold;*/
}


/* -------------------------------------------
	Menu 2010 + search
	------------------------------------------- */

#GlobalNavigation ul{ 
	list-style-type:none; 
	margin:0px; 
	padding-left:360px; 
}

#GlobalNavigation ul li{ 
	padding: 7px 24px 0px 4px;
	height: 18px;
	margin: 0px 10px 0px 0px; 
	float: left; 
	background: #88000b url(/images/menu2010-li-bkg-off.png) no-repeat scroll center right;
}

#GlobalNavigation ul li.selected{ 
	background-color: #FFF; 
	color: #000;  
	background: #FFF url(/images/menu2010-li-bkg-on.png) no-repeat scroll center right;
}

#GlobalNavigation a{ 
	color: #CCC;
} 

#GlobalNavigation ul li.selected a{ 
	color: #000; 
}	
#menu2010 {
	display: none; 
	background-image: url(/images/menu2010.png);
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
	position:absolute;
	height: 141px;
	width: 622px;
	top: 173px;
	left: 330px;
	overflow: hidden;
	z-index: 99999;
}

#menu2010 ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative; 
	width: 154px;
} 

#menu2010 ul.menuCol2 {
}

#menu2010 ul.menuCol3 {
}

#menu2010 ul.menuCol4 {	
}

#menu2010 li {
	margin-left: 20px;
	margin-bottom: 3px;
	cursor: pointer;
}

#menu2010 li.menuHeader {
	color:#0094B3;
	text-transform:uppercase;
	margin: 9px 0 3px 10px;
}

#menu2010 li.menuHeader a {
	color:#0094B3;
}

#menu2010 a {
	color: #000;
}

#menu2010 li:hover {
	background-color: #F1BB2F;
	/* color: #88000b; */
}



/* GLOBAL NAV / SEARCH - Specific styles for implementing search box */ 

#Search{ 
	position:absolute; 
	width:266px; 
	top:0px; 
	left:659px;
} 
#Search #SearchForm{ 
	margin:0px; 
	padding:0px; 
	} 
#SearchForm label{ 
	display: inline; 
	color: #FFF;
	float: left; 
	padding: 7px 0 0 17px;
	font-weight: normal; 
} 
#SearchForm .field{ 
	position: absolute; 
	background-color: #FFF; 
	height: 19px; 
	padding: 0px; 
	width: 200px; 
	right: 0px; 
	top: 3px; 
} 
#SearchForm .field #search_submit{ 
	position:absolute; 
	right:0px; 
	top: -3px;
} 
#SearchForm .field #search_query{ 
	border: 0px none transparent; 
	height: 14px; 
	font-size: 12px; 
	width: 150px; 
	padding-top: 3px; 
	margin: 0px; 
} 

/* FOOTER - the footer links and copyright statement */ 
#Footer{ 
	/* width:522px; */
	width: 600px; 
	height: 42px;
	margin-top:24px;
	font-size: 9px;
	line-height: 1em;
	font-family:arial;
	text-transform:uppercase;
	padding-top: 16px;
	border-top: 2px solid #DDDDDD;
} 

#rightFooter{ 
	position: relative;
	left: 255px;
	top: -42px;
	width: 370px;
	height: 42px;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	font-size: 9px;
	font-family:arial;
	text-transform:uppercase;
	border-left: 2px solid #DDDDDD;
} 


.rightFooterNav {
	position: relative;
	display: block;
	margin: 4px 0 10px 0;
	padding: 0;
}


#taglineFooter {
	position: relative;
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#Footer a{ 
	color:#000000; 
	font-weight:bold; 
	font-size:9px;
}

#Footer ul{ 
	list-style-type:none; 
	margin:0px;
	padding:0px; 
}

#Footer ul li{ 
	margin:0px 8px 0px 0px; 
	float:left; 
	text-transform:uppercase;
}
#Footer ul li.rightcap{ 
	margin-right:0px !important;
}

#Footer ul li a{ 
	color:#000; 
	font-weight:bold; 
	font-size:9px;
}
#Footer p.copyright{  
	color:#666666;
	text-decoration:none; 
	margin: 6px 0 0 0;
} 
#Footer p.copyright a{
	color:#666666;
	text-decoration:none; 
} 
#Footer p.copyright a:hover{
	color:#000000;
	text-decoration:underline; 
} 

#Footer .rightFooterNav ul { display: inline; list-style-type: none; }
#Footer .rightFooterNav li { display: inline; padding: 2px; }



#Switcher {
	border: 1px solid #666;
	margin: 0;
	padding: 0;
}

#Switcher ul {
	padding: 0 5px 0 5px;
}

#Switcher ul li {
	display: inline;
	text-transform:uppercase;
	font-family:arial; 
	color:#000;  
	font-size:10px; 
	padding-right: 10px;
	/* list-style-type: square; */
}

#Switcher a {
	color: #000;
}

.SwitchToggler {
	border: 1px solid #666;
	background-color: #CCCCCC;
	padding: 10px;
}
	
	
.fine-print {
	color: #666;
	font-size: 0.8em;
	margin: 20px 0;
} 




/* -------------------------------------------
	Quick Links
	------------------------------------------- */
	
#SectionNavigationHome ul{ 
	position:relative; 
	padding: 0 0 8px 0;
	margin: 0 0 0 0;
}
#SectionNavigationHome ul ul{ 
	position:relative; 
	left:0px; 
	top:0px; 
} 
#SectionNavigationHome ul li{ 
	list-style-type:none; 
	padding-bottom:3px; 
} 
#SectionNavigationHome ul li a{ 
	color:#0094B3;
	text-transform:uppercase; 
	font-family:arial; 
	font-size:11px;
}

#SectionNavigationHome ul ul{ 
	margin:0px 0px 0px 10px;
	padding:0px; 
} 
#SectionNavigationHome ul ul li a:link{ 
	color:#333; 
	font-family:Georgia !important; 
	text-transform:none !important; 
}

#SectionNavigationHome ul ul li a:hover{ 
	color:#000;
	font-weight: bold;
	font-family:Georgia !important; 
	text-transform:none !important; 
}

#SectionNavigationHome ul li a:hover{ 
	color:#00819c;
	font-weight: bold; 
}

#SectionNavigationHome ul ul li a:visited{ 
	color:#333; 
	font-family:Georgia !important; 
	text-transform:none !important; 
}

#SectionNavigation div#CustomerNavTabs {
	left: -20px;
}

#SectionNavigation ul#SectionNavigationTabContainer {
	left: 0;
}

#SectionNavigation ul#SectionNavigationTabContainer li.ui-tabs-selected {
	padding-bottom: 4px;
}

#SectionNavigation ul#SectionNavigationTabContainer li.ui-state-active {
	padding-bottom: 4px;
	margin-bottom: 0;
	*margin-bottom: 2px; /* the asterisk is a hack to make this rule only work in FF */
}

.market-checkbox {

}

.highlight {
	color: #000000;
	background-color: #FFFBCF;
}