/*(main.css) Sun Water Coolers :: Alastair Reid, Easyspace Premium Design */

/*Layout*/ img { border:none; outline-style:none;} a:focus{width:0;height:0;outline:0;}


html,body{text-align:center;background:#D5E5FC;font-family:Arial, Helvetica, sans-serif;margin:0;padding:0; background-image:url(img/stripe_bg.gif); background-repeat:repeat-x; color:#006699;}
#pagewidth{width:900px;text-align:left;margin-left:auto;margin-right:auto;}
#spacer{position:relative;height:25px;width:100%; text-align:center;}
#h-nav{position:relative;background-color:#CCC;height:35px;width:100%;}
#header{position:relative;height:100px;color:#fff;width:100%; background-image:url(img/nav/images/nav_bg.png); background-repeat:repeat-x;  z-index:3;}
#details { z-index:100; position:absolute; top:0px; left:510px; background-image:url(img/nav/images/nav_bg.png); background-repeat:repeat-x;}
#maincol{background-color:#d5e5fc; background-image:url(img/water_bg.jpg); background-repeat:no-repeat;float:right;display:inline;position:relative;width:900px;}
#maincol2 { min-height:600px; background-image:url(img/main_bg.png);background-repeat:no-repeat;float:right;display:inline;position:relative;width:900px;}
#specialoffer {width:238px; height:128px; z-index:900; position:absolute; top:20px; left:635px; }
#cooler { width:315px; display:inline; position:relative; float:left; margin-left:95px;}
.textlink { text-decoration:none; font-weight:bold; color:#006;} .textlink:hover { color:#09F;}
.coolertitle { font-size:16px; font-weight:bold; margin-bottom:25px; }
#maincol_right{margin-top:55px;float:right;display:inline;position:relative;width:300px; background-image:url(img/right_bg.png); background-repeat:no-repeat; background-position:top;}
#maincol_left{ margin-top:55px; background-image:url(img/left_bg.png); background-repeat:no-repeat; background-position:top;float:left;display:inline;position:relative;width:600px; min-height:550px;}

#otherbutton { position:absolute; z-index:999; top:35px; left:730px; width:155px; height:156px;}
#showother { width:100%; position:relative; display:none; clear:both;}
#glass { position:absolute; z-index:999; top:335px; left:445px;}
#maincol_left_half{float:left;display:inline;position:relative;width:450px; margin-top:-75px;}
#maincol_right_half{float:right;display:inline;position:relative;width:450px;}
#mainbox{width:550px;height:auto;position:relative;float:left; margin:5px; display:inline;}
#leftcol{width:250px;height:auto;position:relative;float:left;background-color:#333;display:inline;}
#rightcol{width:250px;height:auto;position:relative;float:right;background-color:#333;display:inline;}
#footer{height:15px;background-color:#006699;color:#fff;clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
 .mainlist{ margin-left:75px; padding:0;} li { list-style-image:url(img/tick.png); font-size:12px; padding-bottom:5px;  padding-left:5px;}

/*jquery classes*/
.fade {display:none;}


/*Form*/
form {margin:45px; padding:20px; }
label  {display:block; margin-top:15px; font-size:12px; font-weight:bold;}
.textinput { border:2px solid #017CAB;}
option { color:#017CAB; }

table {background:#FFF; width:500px; margin-left:50px; border:1px solid #069;}
td { text-align:center; font-size:12px; padding:5px;} th {text-align:center;}


.LV_validation_message{font-weight:700;margin:0 0 0 5px; display:block; font-size:10px;}
.LV_valid{color:#0C0;}
.LV_invalid{color:#C00;}
.LV_valid_field,input.LV_valid_field:hover,input.LV_valid_field:active,textarea.LV_valid_field:hover,textarea.LV_valid_field:active{border:1px solid #0C0;}
.LV_invalid_field,input.LV_invalid_field:hover,input.LV_invalid_field:active,textarea.LV_invalid_field:hover,textarea.LV_invalid_field:active{border:1px solid #C00;}