/* Global Values */
body {background:#4C94AB url(/images/bg_blue.gif) repeat-x; font-family:sans-serif; font-size:11px; margin:0px; padding:0px; text-align:center;}
html,body { height:100%; }
html>body #container {height:auto}

/* Tags */
a { color:#003263; text-decoration:underline; margin:0; }
a:hover { color:#4078af; text-decoration:underline; margin:0; }
h1 { font-size:16px; font-weight:bold; color:#31522C; margin:1em 0; }
h2 { font-size:16px; font-weight:bold; color:#31522C; margin:1em 0; }
h3 { font-size:14px; font-weight:bold; color:#31522C; margin:1em 0; }
p { line-height:16px; }
ul { line-height:16px; }
#content td { vertical-align: top; }
#content td h2 {margin-top:0px;}
#content form td {vertical-align: middle;}

/* Tagged Classes */
img.home {margin:30px 100px 0 30px;}
p.small { font-size:10px; margin:4px; line-height:normal;}
p.large { font-size:14px; }

/* Div IDs */
div#container {background:#FFF; height:100%; margin:0 auto; min-height:100%; text-align:left; width:760px; position: relative; }
div#navigation_1 { width:760px; text-indent:-9999px; height:281px; position: relative;border-bottom:2px solid #03c3e7; }
div#extralinks { width:240px; height:100%;}
div#footer{width:760px; margin: 0px auto; text-align: center; clear: both; position: relative; padding-top:15px; }
div#header { height:100px; background: #FFFFFF url('/images/logo.jpg') no-repeat; background-position:right; }
div#navigation {position: absolute; bottom:0px; padding-top:10px;  padding-bottom:10px;background-color: #eaeaea; border-top:1px solid #bababa; }
div#nav {height:200px; background: #FFFFFF url('/images/bg_nav.gif') repeat-x; }

/* Heading IDs */
h1#cienanos { background: transparent url(/images/titles_small/celebrating100years.gif) 0px 0px no-repeat; text-indent: -9999px; height: 23px;}
h1#about { background: transparent url(/images/titles_small/aboutus.gif) 0px 0px no-repeat; height:23px; text-indent: -9999px; }
h1#career {background: transparent url(/images/titles_small/careers.gif) 0px 0px no-repeat; height:23px; text-indent: -9999px;}
h1#hydrate {background: transparent url(/images/titles_small/hydrationfacts.gif) 0px 0px no-repeat; height:23px; text-indent: -9999px;}
h1#whole {background: transparent url(/images/titles_small/wholesale.gif) 0px 0px no-repeat; height:23px; text-indent: -9999px;} 
h1#contact {background: transparent url(/images/titles_small/contactus.gif) 0px 0px no-repeat; height:23px; text-indent: -9999px;} 
h1#ourwater {background: transparent url(/images/titles_small/source.gif) 0px 0px no-repeat; height:23px; text-indent: -9999px;}
h1#retailer {background: transparent url(/images/titles_small/findaretailer.gif) 0px 0px no-repeat; height:23px; text-indent: -9999px;}
h1#press  {background: transparent url(/images/titles_small/pressr.jpg) 0px 0px no-repeat; height:23px; text-indent: -9999px;}
h1#instores {background: transparent url(/images/titles_small/welcome.gif) 0px 0px no-repeat; height:23px; text-indent: -9999px;}
h1#products {background: transparent url(/images/titles_small/products2.gif) 0px 0px no-repeat; height:23px; text-indent: -9999px;} 
h1#products-service {background: transparent url(/images/titles_small/products.gif) 0px 0px no-repeat; height:23px; text-indent: -9999px;} 
h1#become {background: transparent url(/images/titles_small/customer.gif) 0px 0px no-repeat; height:23px; text-indent: -9999px;} 
h1#order {background: transparent url(/images/titles_small/ordernow.gif) 0px 0px no-repeat; height:23px; text-indent: -9999px; }
h1#greenm {background: transparent url(/images/titles_small/greenmountain.gif) 0px 0px no-repeat; height:23px; text-indent: -9999px;} 

/* Table IDs */
table#content_container {position:relative; top:0px; clear:both;padding:0px; margin:0px; margin-bottom:280px; width:100%; border:0px;} /* change to 120 if lost */
table#content_container td {padding:10px;}
table#contactform td, table#contactform2 td {padding:2px;}
table#theloginform td {padding:0px;}

/* Unordered Lists */
ul#homepage {list-style: none; margin: 0px; padding: 0px;}
ul#homepage li {text-indent: -9999px;}
ul.navlist {list-style: none; display: block; margin: 0px; padding: 0px; clear: left; width:750px; margin-left:10px;  }
ul.navlist2 {list-style: none;  float:left; margin: 0px; padding: 0px;  margin-left:5px;  }
ul.navlist li, ul.navlist2 li {display: block; float:left;padding:3px;}

/* Global Head Nav */
a#absopure_logo {height:120px; width:128px; background: url(/images/btn_head.jpg) 0px -120px no-repeat; position: absolute; top:10px; display: block; left:53px}
#select {width:251px; height:40px; display:block; position:absolute; top:40px; left:420px; outline:0; background: url(/images/btn_head.jpg) no-repeat  -276px -120px;}
a#absopure_stores{width:263px; height:40px; display:block; position:absolute; top:200px; left:420px; outline:0; background: url(/images/btn_head.jpg) no-repeat -526px 0px;}
a#absopure_stores:hover{width:263px; height:40px; display:block; position:absolute; top:200px; left:420px; outline:0; background: url(/images/btn_head.jpg) no-repeat -526px -60px;}
a#absopure_home{width:240px; height:50px; display:block; position:absolute; top:90px; left:420px; outline:0;  background: url(/images/btn_head.jpg) no-repeat 0px 0px;}
a#absopure_home:hover{width:240px; height:50px; display:block; position:absolute; top:90px; left:420px; outline:0;  background: url(/images/btn_head.jpg) no-repeat 0px -60px;}
a#absopure_work{width:240px; height:50px; display:block; position:absolute; top:145px; left:420px; outline:0; background: url(/images/btn_head.jpg) no-repeat -263px 0px;}
a#absopure_work:hover{width:240px; height:50px; display:block; position:absolute; top:145px; left:420px; outline:0; background: url(/images/btn_head.jpg) no-repeat -263px -60px;}
#water_bottle {width:148px; height:110px; left:212px; top:20px; position: absolute; border: 0px; background: url(/images/btn_head.jpg) no-repeat -128px -120px; display: block;}
#calltoaction {position:absolute; border: 0px; background: url(/images/calltoaction.jpg) no-repeat 0px 0px; display: block; width:422px; height: 93px; left:0px; top:160px;}
/* Sidebar Navigation */
div.smalllink {width:203px; height:50px; padding:15px 0; margin:0 30px 0 16px; display:block; border-bottom:#9F9F9F 1px dotted; padding-bottom:10px;}
div.smalllink img {float:left; margin-right:15px; border:0px; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; }
div.smalllink img.rec {float:left; margin-right:15px; border:0px; -moz-opacity:0.85; filter:alpha(opacity=85); opacity:.85; }
.smalllink img:hover {-moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0; }
.smalllink a:hover img {-moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0; }

/* Drop Down Subpage Navigation */
a.navspaced { display:block; width:165px; height:12px; background-image: url('/images/nav_arrows_spaced.gif'); background-repeat:no-repeat; background-position:172px 0px; text-align:right; padding:7px 0; padding-right:58px; margin-right:8px; color:black; text-decoration:none;}
a.nav {display:block;width:165px;height:12px;background-image: url('/images/nav_arrows.gif');background-repeat:no-repeat;background-position:172px 0px;text-align:right;padding:5px 0;padding-right:58px; margin-right:8px; color:black;text-decoration:none; cursor: pointer;}
#nav a.nav:hover {background-position:177px -22px; cursor: pointer;}
#nav a.navspaced:hover {background-position:177px -26px; cursor: pointer;}
#products_dropdown #dropdown_list, #products_dropdown #dropdown_list2 {text-align:left; width:150px; display:none; position:absolute;border-bottom: 1px solid silver; }
#products_dropdown:hover #dropdown_list, #products_dropdown.hover #dropdown_list {display:block; position:absolute; left:235px; top: 65px; z-index:100;}
#products_dropdown:hover #dropdown_list2, #products_dropdown.hover #dropdown_list2 {display:block; position:absolute; left: 235px; top: 55px; z-index:100;}
#products_dropdown #dropdown_list a:hover, #products_dropdown #dropdown_list a.hover, #products_dropdown #dropdown_list2 a:hover, #products_dropdown #dropdown_list2 a.hover {background:#eee;}
#products_dropdown #dropdown_list a, #products_dropdown #dropdown_list2 a {width:175px; height:20px; text-align:center; 	padding-top:5px; display:block; position:relative;	background:#fff; border: 1px solid silver; border-bottom-width:0px;}

/* Rotating Banner */
#mtar {	border:none;}
#bb {width:486px;	height:200px; display:block; position:relative; padding: 0px; margin: 0px; }
.float_left {display:block; float:left;}

/* Plain Classes */
.alignleft {text-align: left;}
.aligncenter {margin-left:auto; margin-right:auto;}
.alignright {text-align: right;}
.career {width:130px;display:block;float:left; clear: left;margin-top:5px;height:22px; vertical-align: middle;}
.cinput {width:160px; float:left; margin-bottom:5px;display:block; }
.clearL {clear:left;}
.clearR {clear:right;}
.clear {clear:both}
.green {color:#31522C;}
.hide {display: none; visibility: hidden;}
.indent {margin-left:5px;}
.floatL {float:left; margin-right: 10px;}
.floatR {float:right; margin-left: 10px;}
.foottitle {font-weight: bold; color:#31522C; margin-right:10px;}
.foottitle:hover {margin-right:10px;}
.error, .oops {color:#FF0000; }
.pageTitle2 { font-size:12px; font-weight:bold; color:#31522C; margin:1em 0; }
.pageTitle3 { font-size:11px; font-weight:bold; margin:1em 0; }
.submitbtn {clear:left; display:block; float:left; margin-left: 30px; margin-top:10px;}
.menhead {list-style: none; float:left; margin-bottom: 10px; display: block;}
.menhead li {display:block; float: left; margin:0px 7px;list-style: none;}
.menhead li a {font-size: 12px;}
.sbar {border-right:#8E8E8E solid 1px;}

/* Plain IDs */
#errorlog {margin-bottom: 20px; background-color: #ffd8d8; border:1px solid #c10000;padding: 15px;  display:block; font-family: Helvetica; font-weight: normal; font-size: 12px; text-align: center;}
#step2 {cursor:pointer; border:0px;float:right; height:26px; width:84px; background-image:url(/images/submit_btn.gif); text-indent: -9999px;}
table.coffeee img {width:100px; height:100px;}
table.coffeee img.sampler {width:100px; height:127px;}
table.coffeee td {vertical-align: top; text-align: left;}
table.coffeee h3 {margin-top:0px;}