* {
	line-height: 100%;
	margin: 0;
	padding: 0;
}

a,a:hover,a:active,a:visited{
	text-decoration: none;
}

body, html{
	background: #FFF url('../images/body_bg.png') repeat-x;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	height: 100%;
}

.pageBanner{
	margin-bottom: 24px;
}

#wrapper {
	background: url('../images/wrapper_bg.jpg') top right no-repeat;
	width: 915px;
	
	/* STICKY FOOTER STYLES */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -36px; /* the bottom margin is the negative value of the footer's height */
}

/* UTILITY STYLES ******************************/
.active {display: block;}
.alignLeft{float: left;}
.alignRight{float: right;}
.clear{clear: both;}
.dottedRule{color:#FFF; border-color: #333; border-style: dotted; border-width: 0px 0px 1px 0px;}


/* TOP OF PAGE STYLES **************************/
#header{ height: 115px; }

#subHeader{
	color: #000;
	font-size: 15px;
	margin-bottom: 9px;
	padding: 9px 6px;
}

#subHeader a,#subHeader a:hover,#subHeader a:active,#subHeader a:visited {
	color: #000;
	font-size: 14px;
	text-decoration: none;
}

#topNav, #topNav a, #topNav a:hover, #topNav a:active, #topNav a:visited{
	color: #FFF;
	text-decoration: none;
}

#topNav ul li {
	border-right: 1px solid #FFF;
	float: left;
	font-size: 15px;
	list-style-type: none;
	padding: 0px 18px;
	position: relative;
	top: 75px;
}


/*LEFT MENU STYLES******************************/
#leftMenu{
	float: left;
	padding: 6px;
	width:250px;
}

#leftMenu h1.menuMainItem{
	color: #003791;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	margin: 3px 0px;
}

#leftMenu h2.menuSubItem{
	background: url('../images/orange_arrow_sm.gif') no-repeat 0px 2px;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-left: 12px;
}

#leftMenu h2.menuSubItem a,
#leftMenu h2.menuSubItem a:hover,
#leftMenu h2.menuSubItem a:active,
#leftMenu h2.menuSubItem a:visited{
	color: #000;
}

#leftMenu h2#browseCatalog{ background: url('../images/browse_catalog_bg.png') no-repeat; }
#leftMenu h2#productPricing{	background: url('../images/product_pricing_bg.png') no-repeat; }

#leftMenu h2#browseCatalog,
#leftMenu h2#productPricing{
	color: #005daa;
	font-size: 12px;
	font-style: italic;
	height: 48px;
	line-height: 48px;
	margin: 0px 0px 12px 0px;
	width: 248px;
}
#leftMenu h2#browseCatalog a,
#leftMenu h2#productPricing a{
	color: #005daa;
	display: inline-block;
	line-height: 48px;
	padding-left: 80px;
}

#leftMenu ul { margin: 0px 6px 24px 21px; }

#leftMenu ul li {
	border-bottom: 1px solid #e2e2e2;
	list-style-type: none;
	padding: 12px 0px;
}


/*MAIN BODY ITEM STYLES*************************/
#main {
	float: right;
	margin: 9px 6px;
	width: 625px;
}

/*INDEX PAGE STYLES*****************************/
#main #flashContainer{
	margin-bottom: 8px;
}

#main #mainPromotions,#main #mainAnnouncements{width: 307px;}
#main #mainPromotions div.title,#main #mainAnnouncements div.title{
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	padding: 6px;
}

#main #mainPromotions div.title{background: #003791;}
#main #mainAnnouncements div.title{background: #2cb1ff;}

#main div.title span.moreLink{
	color: #FFF;
	float: right;
	font-size: 11px;
	line-height: 14px;
	text-decoration: underline;
}

#main .newsItem{padding: 12px 0px; border-bottom: 1px solid #CCC;}
#main .newsItem img {float: left;}
#main .newsItem h3{color: #000; font-size: 12px; margin-bottom: 6px;}
#main .newsItem p{line-height: 125%;}
#main .newsItem a{display: inline-block; margin-top: 3px; color: #005DAA;}

/*CONTACT PAGE STYLES***************************/
h2.contactTitle{
	color: #005daa;
	border-bottom: 1px dotted #333;
	font-size: 15px;
	margin: 24px 0px 12px 0px;
	padding-bottom: 6px;
}

#selectLocation{
	margin-top: 12px;
	width: 200px;
}

.contactContainer{
	display: none;
	float: left;
}

.contactLabel{
	display: inline-block;
	float: left;
	line-height: 125%;
	padding-left: 24px; 
	margin-bottom: 12px;
	width: 65px;
}

.contactInfo{
	display: inline-block;
	float: right;
	line-height: 125%;
	margin-bottom: 12px;
	width: 500px;
}

.contactInfo a,.contactInfo a:hover,.contactInfo a:active,.contactInfo a:visited{
	color: #005daa;
	line-height: 125%;
	text-decoration: underline;
}


/*ABOUT US PAGE STYLES**************************/

#main.about p{line-height: 125%; margin: 0px 3px 18px 3px;}
#main.about ul{margin-left: 32px;}
#main.about ul li {line-height: 125%;}
#main.about h2{
	color:#005DAA;
	font-size:15px;
	margin:24px 0 12px;
	padding-bottom:6px;
}


/*PRODUCT CATEGORY & APP SPECIFIC PAGE STYLES***/
#main.prodCat p,#main.appSpecific p{line-height: 125%; margin: 0px 3px 18px 3px;}
#main.prodCat ul,#main.appSpecific ul{margin-left: 32px;}
#main.prodCat ul li,#main.appSpecific ul li {line-height: 125%;}
#main.prodCat h1,#main.appSpecific h1{
	color:#005DAA;
	font-size:15px;
	margin:0px 0px 12px;
	padding-bottom:6px;
}
#main.appSpecific a,#main.prodCat a{color: #005DAA;}
#main.appSpecific hr.dottedRule,#main.prodCat hr.dottedRule{display: block; margin-bottom: 18px;}
#main.appSpecific img.logo{float: right; vertical-align: middle;}
#main.appSpecific img.lifesciIcon {float: left; padding: 0px 6px 6px 0px;}

#main.prodCat h2,#main.appSpecific h2{
	color:#005DAA;
	font-size:12px;
	margin:0px 0px 12px;
	padding-bottom:6px;
}
#main.prodCat div.supplierColumn{float: left; width: 200px;}
#main.prodCat div.productColumn{margin-left: 200px;}

#main.prodCat ul#acrosPricebookOptions,
#main.prodCat ul#acrosPricebookOptions ul{
	margin: 6px 0px 6px 32px;
	display: none;
}

/*COFA AND MSDS FILES***************************/
#fileContainer{
	border: 1px solid #CCC;
	height: 100%;
	padding: 6px;
	position: relative;
	z-index: 100;
}
#fileContainer label {
	color: #333;
	display: inline-block;
	font-weight: bold;
	margin: 12px 0px 12px 12px;
}
#fileContainer .searchMsg{margin: 0px 0px 12px 12px;}
#fileContainer #searchBox{
	border: 1px solid #CCC;
	display: inline-block;
	margin: 12px 0px 12px 3px;
	padding: 1px;
}
#fileContainer #searchButton{background: #EFEFEF; border: solid 1px #666; display:inline-block; margin: 12px 0px 12px 6px; padding: 3px;}
#fileContainer #searchButton:active{position: relative; top: 1px; left: 1px;}
#fileContainer ul li,ol#searchResults li {padding: 6px 0px;}
#fileContainer ul,ol#searchResults{margin-left: 36px;}
#fileContainer a{color: #005DAA;}

#technicalTabs{
	color:#005DAA;
	font-size: 16px;
	position: relative;
	top: 1px;
}

#technicalTabs span.activeTab,#technicalTabs span.inactiveTab{display: inline-block; padding: 9px; margin-right: 3px}
#technicalTabs span.activeTab{background: #FFF; border: 1px solid #CCC; border-bottom: none;position:relative; z-index:150;}
#technicalTabs span.inactiveTab{background: #EFEFEF; border: 1px solid #CCC; border-bottom: none;position:relative; z-index:50;}

#technicalTabs span.activeTab a{color: #005DAA; font-weight: bold;}
#technicalTabs span.inactiveTab a{color: #666; font-weight: normal;}

/*ROUNDED CORNERS*/
#technicalTabs span.activeTab,#technicalTabs span.inactiveTab{
	-webkit-border-radius: 9px 9px 0px 0px;
	-moz-border-radius: 9px 9px 0px 0px;
	border-radius: 9px 9px 0px 0px;
}

/*QUERY PAGE STYLE******************************/

#requestForm label{display: block; width: 175px; margin: 12px 0px 0px 0px;}
#requestForm input {display:inline-block; margin-top: 3px;}
#requestForm #checkboxSelections{line-height: 125%;}
#requestForm #errorMsg{
	background: #FFF0F0;
	border: 1px solid #DF3F3F;
	display: none;
	padding: 6px;
}

#requestForm a,#requestForm a:visited{
	color:#005DAA;
	text-decoration: none;
}

/*PRICING PAGE STYLE****************************/
#productPricingList .pricingChoice {
	background: #F7F7F7; 
	border: 1px solid #999;
	display: inline-block;
	margin: 9px;
	padding: 9px;
	text-align: center;
	vertical-align: bottom;
	width: 125px;
}

#productPricingList  a,#productPricingList  a:visited{
	color:#005DAA;
	display: inline-block;
	margin-bottom: 9px;
	font-size: 11px;
	text-decoration: none;
}

#productPricingList .pricingChoice span{
	display: block;
	font-size: 11px;
	height: 32px;
	margin: 0px;
}

#productPricingList .pricingChoice.checked {
	background: #E8F2F6;
	border: 1px solid #005DAA;
}

#productPricingList .pricingChoice img{
	border: 1px solid #000;
	background: #666;
	display: block;
	height: 135px;
	margin: 0px auto 9px auto;
	width: 100px;
}

/*FOOTER STYLES*********************************/
.footer, .push {
	clear: both;
	height: 36px; /* .push must be the same height as .footer */
	margin: 0px auto;
	padding: 24px 0px;
	text-align: center;
	width: 915px;
}

.footer p, .footer a,.footer a:hover,.footer a:active,.footer a:visited{
	color: #666;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 150%;
}
