/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/*
This stylesheet will be called for all resolutions between 801px and 1280px.  
In addition, this stylesheet will be called for IE7 and IE8 due to lack of support for css media queries.
*/

/* ALL TEMPLATES */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-style: inherit;
	font-weight: inherit;
	outline: 0 none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
	overflow: auto;
	overflow-y: scroll;
}

body {
	font: .9em/1.0em 'PT Sans', sans-serif;
	color: #666;
	font-style: inherit;
	margin: 0;
	background: #3877b1 url(../../../../vgn-ext-templating/aquachem/layout/background_site.png) repeat-x top center;
}

form{clear:both;}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #009ada;
	background: transparent;
}

a:hover {
	color: #6ec82d;
	background: transparent;
}

a:active {
	color: #6ec82d;
	background: transparent;
}

h1 {
	font-size: 20px;
	font-weight: bold;
	color: #6ec82d;;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	color: #6ec82d;
	margin: 20px 0 5px 0;
	padding: 2px 0;	
}

strong, b {
	font-weight:bold;
}

i {
	font-style:italic;
}

.arrowLink {
	background: transparent url(../../../../vgn-ext-templating/aquachem/layout/arrowLink.png) no-repeat right;
	padding-right:12px;
}

.arrowLink:hover {
	background: transparent url(../../../../vgn-ext-templating/aquachem/layout/arrowLinkHover.png) no-repeat right;
}

#overlay {
	float: left;
	width:100%;
	margin: 0;
	padding: 0;
	background: transparent url(../../../../vgn-ext-templating/aquachem/layout/background_container.png) no-repeat top center;
	min-height: 1200px;
	height: auto !important;
	height:1200px;
}

#containerWrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#container {
	float:left;
	width:100%;
	position:relative;
	background: #fff url(../../../../vgn-ext-templating/aquachem/layout/background_homeContainer.jpg) no-repeat bottom;
	color: #666;
  -webkit-box-shadow: 0px 0px 4px 0px #333; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
   box-shadow: 0px 0px 4px 0px #333; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
   padding-bottom:205px;
}

#headerWrapper {
	width: 960px;
	position:absolute;
	top:0;
	left:0;
	padding: 0;
	margin:0;
	background: transparent;
	color: #000;
	z-index:10;
}
#siteLogo {
	width: 160px;
	height:146px;
	float: left;
}

#siteLogo img {

}
#header {
	width: 800px;
	float:left;
	margin: 0;
	padding: 0;
	background: #cccccc;
	color: #666666;
}

#social {
	float:left;
	width:60%;
	height:32px;
}

#social ul {
	float:right;
	margin: 1px 0;
}

#social li {
	display:inline;
	height:30px;
	float:left;
}

#social a {
	display:inline;
	float:left;
	color: #646464;
	text-decoration:none;
	padding: 0;
	height:30px;
}

#social a img {
	height:30px;
}

#globalNavWrapper {
	float:left;
	width:40%;
	height:32px;
}

#globalNav {
	width: 100%;
	margin: 0;
	padding:0;
	height:32px;
}

#globalNav ul {
	float:right;
	margin: 10px 0 0 0;
}

#globalNav li {
	display:inline;
}

#globalNav a {
	display:inline;
	font-size: 12px;
	line-height:20px;
	font-weight:bold;
	color: #646464;
	text-decoration:none;
	text-transform: uppercase;
	padding: 0 8px;
}

#globalNav a:hover {
	color:#fff;
}

#primaryNavWrapper {
	width: 100%;
	float: left;
	background: #ffffff;
	color: #ffffff;
	height:35px;
}

#primaryNavOverlay {
	width:100%;
	float:left;
	background: #08a2dd;
	height:35px;
	border-top:1px solid #6dcff6;
}

#primaryNav {
	width: 65%;
	float:left;
	margin: 0;
	padding:0;
	text-align:center;
	height:35px;
}

#primaryNav sup {}

#primaryNav ul {
	float:left;
}

#primaryNav ul li {
	display:inline;
	vertical-align:middle;
}

#primaryNav ul li a {
	display:block;
	float:left;
	font-size: 14px;
	line-height:35px;
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
	text-transform:uppercase;
	padding: 0 15px;
	background: transparent url(../../../../vgn-ext-templating/aquachem/layout/background_primaryNavDivider.png) no-repeat right;
	text-shadow: #333 0.1em 0.1em 0.2em;
}

#primaryNav ul li a:hover {
	color: #fff;
	background: #5c5c5e;
}

#mobileNav {
	display:none;
	visibility:hidden;
}

#siteSearch {
	width: 35%;
	float: left;
	margin: 0;
	padding:0;
	height:35px;
	color: #fff;
	background:transparent;
}

#siteSearch .siteSearchForm {
	float:left;
	width:100%;
	text-align:right;
}

#siteSearch .siteSearchForm input {
	font-style: italic;
	color: #646464;
	text-indent: 5px;
	height:22px;
	line-height:22px;
	padding:0;
	margin: 5px 0 0 0;
	border:none;
	width: 225px;
}

#siteSearch button {
	background: transparent url(../../../../vgn-ext-templating/aquachem/layout/siteSearch.png) no-repeat top left;
	border: 0;
	margin: 5px 0 0 0;
	padding: 0 10px 0 0;
	cursor: pointer;
	height: 22px;
	width: 32px;
	vertical-align:top;
}

#homeOWTLoginWrapper {
	float:left;
	width:500px;
	z-index:30;
	height:37px;
	position: absolute;
	top:74px;
	right:20px;
	background: transparent url(../../../../vgn-ext-templating/aquachem/layout/background_homeOWTLogin.png) no-repeat top left;
}

#homeOWTLoginWrapper .homeOWTLogin {
	float:right;
	padding: 0;
	background: transparent;
	color:#fff;
	padding:6px 0 3px 0;
}

#homeOWTLoginWrapper .homeOWTLogin label {
	float:left;
	font-size:11px;
	padding:12px 5px 0 5px;
}

#homeOWTLoginWrapper .homeOWTLogin input[type="text"],
#homeOWTLoginWrapper .homeOWTLogin input[type="password"] {
	float:left;
	width: 120px;
	height: 18px;
	font-size:15px;
	padding:3px;
	margin: 2px 5px 0 5px;
	border:none;
	color:#646464;
	font-family: Arial;
	font-style:italic;
}

#homeOWTLoginWrapper .homeOWTLogin input[type="submit"] {
	float:left;
	height: 24px;
	width: 40px;
	padding:3px;
	margin: 0;
	border:none;
	background:transparent;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	text-decoration: underline;
	cursor: pointer;
}

#homeOWTLoginWrapper .homeOWTLogin input[type="submit"]:hover {
	color:#a7f0f1;
}

#contentWrapper {
	width: 100%;
	float:left;
	margin: 74px 0 0 0;
	padding: 0;
	background: #fff;
	z-index:0;
}

#content {
	width: 100%;
	float:left;
	margin: 0;
	padding: 0;
	background:#fff;
	color: #666;
}

#contentOverlay {
	float:left;
	width:100%;
}

#footerWrapper {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	background: transparent;
	color: #fff;
	clear:both;
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	clear: both;
	background: transparent;
	color: #fff;
	height: 160px;
	font-size: 12px;
	line-height: 18px;
}
#footer p {
	width:350px;
	margin: 0 10px 0 0;
	text-align:left;
	float:left;
}
#footer ul {
	text-align:right;
	width:590px;
	margin: 0 0 0 10px;
	float: left;
}

#footer li {
	display: inline;
	padding: 0 3px;
	margin:0;
	border-right: 1px solid #fff;
}

#footer li.last {
	border-right: none;
}

#footer a {
	text-decoration:none;
	color: #fff;
	padding:0 0 0 0;
	margin: 0 0 0 0; 
}

#footer a:hover {
	color: #dcdcdc;
}


/* END ALL TEMPLATES */

/* VIGNETTE OVERRIDES */

page-component {
    float: left;
}

.vgn-ext-component {
	float:left;
	width: 100%;
}
.vui-cps-ui-ice-page-component {
    float: left !important;
    width: 100% !important;
}
.vui-cps-ui-ice-page-region {
	border: 1px dashed #FF0000;
   float: left;
   min-height: 20px;
   width: 100%;
}

/* END VIGNETTE OVERRIDES */

/* CSS3 ENHANCEMENTS */
.rounded-corners {
	-moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
    border-radius: 4px;
}

/* END CSS3 ENHANCEMENTS */

/* RECAPTCHA */
.recaptchatable #recaptcha_response_field {
	left: 0 !important;
}
/* END RECAPTCHA */

/* DOCUMENT ICONS */
.pdf {}
.sm_pdf, .sm_pdf:hover {
	background: transparent url(../../../../vgn-ext-templating/aquachem/layout/sm_pdf.jpg) no-repeat left;
	padding-left: 20px;
	line-height: 20px;
}
/* END DOCUMENT ICONS */


/* PAGE TITLE WRAPPER */

.pageTitleWrapper {
	width:100%;
	float:left;
	height:50px;
	background: #339999 url(../../../../vgn-ext-templating/aquachem/layout/background_sectionHeader_waterTesting.png) repeat-x top;
	margin: 0;
	padding:0;
}
.pageTitleWrapper .pageTitle {
	width:100%;
	float:left;
}
.pageTitleWrapper .pageTitle h1 {
	float:left;
	width: 96%;
	margin: 0 2%;
	padding: 0;
	font-family: 'PT Sans', sans-serif;
	font-size: 40px;
	line-height: 50px;
	color: #fff;
	font-weight: normal;
	text-transform:lowercase;
}

/* END PAGE TITLE WRAPPER */

/* VGNTEXT WRAPPER */

.vgnTextWrapper {
	width: 100%;
	float:left;
	margin: 0;
	padding: 0;
	*padding:10px 0 0 0;
}
.vgnTextWrapper .vgnText {
	width: 100%;
	float:left;
}
.vgnTextWrapper .vgnText h2 {
	float:left;
	width:96%;
	margin:0 0 10px 0;
	padding:0 2%;
	background: #5ec2c5 url(../../../../vgn-ext-templating/aquachem/layout/background_sectionHeader_waterTesting.png) repeat-x top;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	line-height:40px;
}
.vgnTextWrapper .vgnText h3 {
	float:left;
	width:100%;
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;
	font-weight:bold;
	color: #0054a4;
	font-size: 16px;
}

.vgnTextWrapper .vgnText p {
	float:left;
	width:100%;
	padding: 5px 0;
}
.vgnTextWrapper .vgnText ul {
	padding: .2em 0 .2em 1.5em;
	list-style: disc outside;
}
.vgnTextWrapper .vgnText li {
	line-height: 1.3em;
}
.vgnTextWrapper .vgnText table {
	margin: .5em 0;
}
.vgnTextWrapper .vgnText tbody {}
.vgnTextWrapper .vgnText tr {}
.vgnTextWrapper .vgnText td {
	border:1px solid #cacaca;
	padding: .4em;
	font-size: .9em;
}
.vgnTextWrapper .vgnText td p {
	padding: 0;
	margin:.4em 0;
}
.vgnTextWrapper .vgnText a {}
.vgnTextWrapper .vgnText a:hover {}
.vgnTextWrapper .vgnText strong {}

/* END VGNTEXT WRAPPER */

/* LEFT NAV REGION IMAGE HYPERLINK */

.imageHyperlink {
	float:left;
	width:100%;
	margin: 0;
	padding: 0;
}
.imageHyperlink .image {
	float:left;
	width:100%;
}
.imageHyperlink .image img {
	float:left;
	width:100%;
}

/* END LEFT NAV REGION IMAGE HYPERLINK */

/* HEADLINE WRAPPER */

.headlineWrapper {
	float:left;
	width:748px;
	height:275px;
	padding:10px;
	margin: 10px 0 0 0;
	background: #d7d7d7;
	position: relative;
}

.headlineWrapper .headlineLeft {
	position: relative;
	float:left;
	width:493px;
	height:275px;
	margin: 0 0 0 0;
}

.headlineWrapper .headlineLeft .headline {
	position: absolute;
	width: 300px;
	bottom:0;
	left:0;
	font-size:32px;
	color: #0054a4;
	line-height: 36px;
	margin: 0;
}

.headlineWrapper .headlineLeft .headline img {
	clear:both;
	float:left;
	margin:10px 0 0 0;
}

.headlineWrapper .headlineRight {
	position: relative;
	float:left;
	width:255px;
	height:275px;
	margin: 0 0 0 0;	
}

.headlineWrapper .headlineRight .productGroupImage {
	position: absolute;
	width: 255px;
	height:124px;
	top:0;
	right:0;
	margin: 0;
}

.headlineWrapper .headlineRight .productVideo {
	position: absolute;
	width: 255px;
	bottom:0;
	right:0;
	margin: 0;
}

.headlineWrapper .headlineRight .headlineCallout {
	position: absolute;
	width: 255px;
	height:124px;
	background: #008d7a url(../../../../vgn-ext-templating/aquachem/layout/background_waterTestingHeadlineCallout.png) repeat-x top;
	color: #fff;
	top:0;
	right:0;
	margin: 0;
}

.headlineWrapper .headlineRight .headlineCallout h3 {
	float:left;
	width:96%;
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	padding: 5px 2%;
	color:#fff;
}

.headlineWrapper .headlineRight .headlineCallout p {
	float:left;
	width:96%;
	font-size:13px;
	line-height:16px;
	padding: 0 2%;
	color:#fff;
}

.headlineWrapper .headlineRight .owtLoginBox {
	position: absolute;
	width: 255px;
	height:143px;
	background:#45a3ab;
	bottom:0;
	right:0;
	margin: 0;
}

.headlineWrapper .headlineRight .owtLoginBox h3 {
	float:left;
	width:96%;
	margin:10px 2%;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
}

.headlineWrapper .headlineRight .owtLoginBox label {
	float:left;
	width: 75px;
	color:#fff;
	text-transform: lowercase;
	margin: 5px 0 5px 10px;
	font-size:15px;
	line-height:20px;	
}

.headlineWrapper .headlineRight .owtLoginBox input[type="text"] {
	float:left;
	width:160px;
	border:none;
	height:20px;
	margin: 5px 0;
	padding:0;
}

.headlineWrapper .headlineRight .owtLoginBox .forgotPassword {
	clear:both;
	float:left;
	width:120px;
	margin: 10px 0 10px 10px;
	color:#fff;
}

.headlineWrapper .headlineRight .owtLoginBox .forgotPassword a {
	color:#fff;
	text-decoration:underline;
	font-size: 12px;
}

.headlineWrapper .headlineRight .owtLoginBox input[type="submit"] {
	width: 79px; 
	height: 27px; 
	float: right; 
	padding: 3px 0; 
	margin: 10px 10px 10px 0;
	cursor: pointer;
	background: transparent url(../../../../vgn-ext-templating/aquachem/layout/btn_owtLogin.png);
	border:none;
}

/* END HEADLINE WRAPPER  */

/* IMAGE ROTATOR */

.banner { position: relative; overflow: auto; width:505px; margin:0;	height:194px; background: #666;}
.banner li { list-style: none; }
.banner ul li { float: left; }
.banner img {
	height:194px;
	width:505px;
}
        
        
a {
  color: #fff;
  text-decoration: none;
  }

/* END IMAGE ROTATOR */ 

/* START REGIONS */

#region1 {
	width:920px;
	float: left;
	margin: 0 20px;
}

#region2 {
	width:178px;
	float: left;
	margin: 5px 0 5px 20px;
	clear:both;
	display:none;
	visibility: hidden;
}

#region3 {
	width:505px;
	float: left;
	margin: 5px 0 5px 20px;
}

#region4 {
	width:405px;
	float: left;
	margin: 5px 20px 5px 5px;
}

#region5 {
	width:920px;
	float: left;
	margin: 0 20px;
}

/* END REGIONS */

/* GOOGLE SEARCH */
.gsc-control-cse {
	padding: 2px 10px 0 0 !important;
	background-color:transparent !important;
	border-color:transparent !important;
	border:0px !important;
}
form.gsc-search-box {
	padding: 0px !important;
	margin:0px !important;
}
/* END GOOGLE SEARCH */