/* 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_containerMobile.png) no-repeat top left;
}

#containerWrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#container {
	float:left;
	width:100%;
	position:relative;
	background: transparent
	color: #666;
   padding-bottom:.5em;
}

#headerWrapper {
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	padding: 0;
	margin:0;
	background: transparent url(../../../../vgn-ext-templating/aquachem/layout/background_mobileHeader.jpg) repeat-x top;
	color: #000;
	z-index:10;
}
#siteLogo {
	width: 30%;
	height:83px;
	float: left;
	padding: 0 5%;
}

#siteLogo img {
	width: 92px;
	height:83px;
}
#header {
	width: 50%;
	height:83px;
	float:left;
	margin: 0;
	padding: 0 5%;
	background:transparent;
}

#social {
	display:none;
	visibility:hidden;
}

#globalNavWrapper {
	display:none;
	visibility:hidden;
}

#primaryNavWrapper {
	width: 100%;
	float: left;
	padding: 0 5%;
	background: transparent;
	height:65px;
}

#primaryNavOverlay {
	float:left;
	width:100%;
}

#primaryNav {
	display:none;
	visibility: hidden;
}
#mobileNav {
	float:left;
	width:100%;
	margin: 1.5em 0 0 0;
}
#mobileNav sup {}

#mobileNav ul {
	float:right;
}

#mobileNav ul li {
	display:inline;
	vertical-align:middle;
}

#mobileNav ul li a {
	display:block;
	float:left;
	font-size: 1.1em;
	line-height:2em;
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
	color: #0054a4;
	background:#fff;
	text-decoration:none;
	text-transform:lowercase;
	padding: 0 3em 0 3em;
	text-shadow: #ebebeb 0.1em 0.1em 0.2em;
	-moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   -khtml-border-radius: 8px;
    border-radius: 8px;
  	box-shadow: #666 0.1em 0.1em 0.2em;
}

#mobileNav ul li a:hover {
	background: #ebebeb;
}

#siteSearch {
	display:none;
	visibility:hidden;
}

#contentWrapper {
	width: 96%;
	float:left;
	margin: 65px 2% 0 2%;
	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: 96%;
	margin: 0 auto;
	padding: .5em 2% 2em 2%;
	clear: both;
	background: transparent;
	color: #fff;
	font-size: 1em;
}
#footer p {
	width:100%;
	margin: .5em 0;
	text-align:left;
	float:left;
}
#footer ul {
	text-align:left;
	width:100%;
	margin: .5em 0;
	float: left;
}

#footer li {
	display: inline;
	float:left;
	margin: 0;
	padding: .5em .7em;
	border-right: 1px solid #999999;
}

#footer li.last {
	border-right: none;
}

#footer a {
	text-decoration:none;
	color: #fff;
}

#footer a:hover {
	color:red;
}

/* 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 */

/* 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  */

/* OWT LOGIN*/

#homeOWTLoginWrapper {
	float:left;
	width:100%;
	margin: 1.5em 0 10px 0;
	background: #45a3ab url(../../../../vgn-ext-templating/aquachem/layout/background_homeOWTLoginMobile.png) no-repeat top left;
}

#homeOWTLoginWrapper .homeOWTLogin {
	float:right;
	width:92%;
	padding:30px 4% 5px 4%;
	margin:0;
}

#homeOWTLoginWrapper .homeOWTLogin label {
	float:left;
	width:60px;
	clear:both;
	font-size:1em;
	line-height:2em;
	padding:0 .5em 0 0;
	color:#fff;
}

#homeOWTLoginWrapper .homeOWTLogin input[type="text"],
#homeOWTLoginWrapper .homeOWTLogin input[type="password"] {
	float:left;
	width: 120px;
	height: 18px;
	font-size:1em;
	padding:3px;
	margin: 0 0 .5em 0;
	border:none;
	color:#646464;
	font-family: 'PT Sans', sans-serif;
	font-style:italic;
}

#homeOWTLoginWrapper .homeOWTLogin input[type="password"] {
	*font-family: Arial;	
}

#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;
}

/* END OWT LOGIN*/


/* RSLIDER - HOME ONLY */

.imageRotator {
	padding:0;
	float:left;
	width:96%;
	margin:0 2% 5px 2%;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

a {
  color: #fff;
  text-decoration: none;
  }

.banner { position: relative; overflow: auto;width:96% !important;margin:0 2%; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }

.banner img {
	width:100%;
	min-height:115px;
}

a {
  color: #fff;
  text-decoration: none;
  }
  
/* END RSLIDER */  

/* START REGIONS */

#region1 {
	width:96%;
	float: left;
	margin: 5px 2%;
}

#region2 {
	width:100%;
	float: left;
	margin: 0;
	clear:both;
	display:none;
	visibility:hidden;
}

#region3 {
	width:100%;
	float: left;
	margin: 0;
}

#region4 {
	width:96%;
	float: left;
	margin: 5px 2%;
	clear:both;
}

#region5 {
	width:96%;
	float: left;
	margin: 5px 2%;
}

/* END REGIONS */