/* structure */
/* mac hide \*/ html, body { height:100%; } /* end hide */
body { background-color:#ffffff; margin:0px; height:100%;  }
#container {	height:100%;	min-height:100%; color:#000000; text-align:left;	 position:relative; }
html>body #container { height:auto; }
#header { height:126px; width:100%; background-color:#87cefa; background-image:url(../images/top-purple.gif); background-repeat:repeat-x; background-position:0px 112px; }
#logo { position:absolute; z-index:20; top:0px; left:22px; }
#strapline { position:absolute; top:128px; left:170px; height:40px; width:368px; }
#content { clear:both; padding:50px 0px 20px 220px; vertical-align:top; font-size:11px; line-height:14px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; }
#leftcol { width:200px; background-color:#ffffff; position:absolute; left:0px; top:180px; }
#rightcol { float:left; width:540px; padding:0px 30px 40px 0px; }
#clearfooter { width:100%; height:78px; clear:both; }
#footer {	width:100%; clear:both;	 height:109px; left:0; bottom:0; background-color:#675181; position:absolute; padding:0px; text-align:center; border:0px; background-image:url(../images/base-white.gif); background-repeat:repeat-x; background-position:0px 0px; }
#bubbles { width:700px; height:107px; background-image:url(../images/base-bubbles.jpg); background-repeat:no-repeat; background-position:0px 0px; margin-left:auto; margin-right:auto; }
* html #footer { /* ie only style*/ 	\height:107px; /*  ie5 */ 	he\ight:107px; /* ie6 */ }

/* main navigation */
#nav { width:180px; min-height:200px; padding:80px 0px 10px 0px; margin-top:10px; margin-left:auto; margin-right:auto; background-color:#675181; background-image:url(../images/nav-header.gif); background-repeat:no-repeat; background-position:0px 0px; }
.level1 { width:180px; height:20px; background-color:#675181; }
.level1 a { display:block; padding-left:5px; height:20px; width:175px; text-align:left; color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; line-height:20px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; background-color:#675181; }
.level1 a:hover { background-color:#87cefa; height:20px; }

/* submenu */
.submenu { margin:0px 0px 20px 0px; }
.submenu a { color:#0f69a0; font-weight:bold; font-size:12px; line-height:14px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:none; }
.submenu a:hover { color:#0f69a0; font-weight:bold; font-size:12px; line-height:14px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:none; }
.backlink a { color:#0f69a0; font-weight:bold; font-size:12px; line-height:14px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:none; text-align:right; }
.backlink a:hover { color:#000000; font-weight:bold; font-size:12px; line-height:14px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:none; text-align:right; }

/* country select */
#country-select { width:180px; margin-left:auto; margin-right:auto; }
#country-select  p { color:#0f69a0; font-size:12px; font-weight:bold; line-height:14px; margin:5px 0px 3px 0px; }
#country-select select { width:180px; color:#000000; font-size:11px; font-weight:normal; line-height:11px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding:2px; border-color:#0f69a0; border-width:1px; border-style:solid;  }

/* general */
h1 { color:#0f69a0; font-size:18px; line-height:18px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
h2 { color:#0f69a0; font-size:14px; line-height:14px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-bottom:0px; }
li { color:#000000; font-size:12px; line-height:16px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-bottom:10px; }
p, td  { color:black; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
ul { margin-top:0px; }
.articlelink { margin-top:2px; margin-bottom:2px }
.form { font-size:12px; line-height:14px}
.red { color:#ff0000; font-weight:bold; }
.sectionhead { margin-top:10px; margin-bottom:0px; }
.sectionlinks { margin-top:0px; margin-bottom:0px; }
.specs { color:#000000; font-size:12px; line-height:16px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:3px; }
.clearboth { clear:both; }

/* home page */
.hp-image { border:solid 1px #0f69a0; margin:5px; }
#mission { clear:both; padding:3px; width:550px; border:solid 1px #0f69a0; background-color:#f0f8ff; text-align:center; font-size:11px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
 
/* product display - simple view */
#products { width:540px; text-align:center; border:0px; padding:0px; background-color:#ffffff;  }
.product-container { width:160px; padding:0px; text-align:center; float:left; vertical-align:top; margin:0px 10px 10px 10px; }
.productname {  width:160px; margin:0px 0px 5px 0px; background-color:#87cefa; color:#0f69a0; text-align:center; font-weight:bold; font-size:12px; line-height:22px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.product-container a, productname a { text-decoration:none; color:#0f69a0; }
.newrow { clear:both; }

/* chemicals & accessories listings */
.row { clear:both; padding-top:5px; border-top:1px solid #87cefa; }
.row span.prodimg { float:left; width:120px; text-align:left; margin-bottom:2px; }
.row span.proddesc { float:right; width:420px; text-align:left; }
.prodname { display:block; background-color:#87cefa; padding:2px 5px 2px 5px; margin:0px 0px 3px 0px; color:#0f69a0; font-weight:bold; }

/* helpdesk */
.sectionlinks a:active { color:#0f69a0; }
.sectionlinks a:hover { color:#0f69a0; }
.sectionlinks a:link, .sectionlinks a:visited { color:#87cefa; background-color:#ffffff; font-weight:bold; font-size:14px; line-height:14px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:none; }

/* warranty form */
form { margin:0px }
#register { width:550px; margin:0px; padding:0px; border-collapse:collapse; }
.regsubhead { font-size:14px; color:#0f69a0; font-weight:bold; text-align:left; }
.regsubmit { text-align:right; padding-right:10px; padding-top:10px; }
.regtag { width:110px; text-align:right; padding-right:2px; }
.regtag2 { width:100px; text-align:right; padding-right:2px; }
.reginput { width:150px; height:18px; border:1px solid #6C5988; font-size:11px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:5px; margin-bottom:5px; padding-left:2px; }
.reginput3 { width:410px; height:18px; border:1px solid #6C5988; font-size:11px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:5px; margin-bottom:5px; padding-left:2px; }
.reginput2 { width:60px; height:18px; border:1px solid #6C5988; font-size:11px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:5px; margin-bottom:2px; padding-left:2px; }
select {  height:18px; border:1px solid #6C5988; font-size:11px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.submit_btn { height:20px; width:200px; font-size:12px; }

/* free spa page */
#contest { width:540px; padding-top:145px;  background-image:url(../images/contest-graphic.jpg);  background-repeat:no-repeat; background-position:0px 0px; }
#contest-header { position:absolute; left:335px; top:180px; }
.compmain { font-weight:bold; font-size:30px; line-height:32px;  font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#ff0000; }
.compsub { font-weight:bold; font-size:16px; line-height:18px;  font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#000000; }
.compdesc { padding-left:110px; margin-top:10px; width:350px;  font-size:11px; line-height:14px;  font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#000000;  }
#contest form { margin-bottom:20px; }

/* Home Depot link */
#hdlink { width:450px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; clear:both; border:solid 1px #e9e9e9; padding:5px; }
#hdlink img { border:0; width:235px; height:80px; float:left; }
.hdtext { width:210px; height:40px; margin-top:15px;  float:right; font-size:14px; line-height:18px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight:bold; color:#000000; }

/* catalogue link */
#catalogue { clear:both; width:260px; margin:20px auto 0px auto; }
#catalogue img { border:0px; }
#catalogue a { text-decoration:none; color:#4a4949; font-weight:bold; }
#catalogue span  { float:right; width:120px; text-align:left; padding-top:20px; font-size:14px; line-height:18px; }