@charset "utf-8";
/* CSS Document */

body { padding:0px; margin:0px; background: url(../images/body_bg.jpg) repeat-x top #f1efef;}
img { border:0px;}
h1,h2,h3,p { margin:0px; padding:0px;}

.wrapper { margin:0px auto; width:760px; background:url(../images/main_bg.jpg) repeat-y; overflow:hidden; padding:0px 2px; font-size:12px; color:#656060; font-family:Arial, Helvetica, sans-serif;}
.top { float:left; width:760px; height:80px; background:url(../images/top_bg.jpg) repeat-x;}
.logo { float:left; width:224px; height:80px;}
.slogan { float:left; width:339px; height:80px; background:url(../images/slogan-the-water-data-compant.jpg) no-repeat;}
.top_linkArea { float:right; padding-right:6px; padding-top:15px; color:#044767; font-family:tahoma, Arial, Verdana; font-size:11px; text-transform:uppercase;}
.top_link,.top_link:link,.top_link:active,.top_link:hover { color:#044767; padding:0px 11px; text-decoration:none;}
.top_link:hover { color:#1d6e95;}
.menu_area { float:left; width:750px; height:35px; background-color:#63c6f3; padding-right:10px;}
.homeTop_textArea { float:left; width:712px; padding:16px 24px 12px; line-height:18px;}
.top_boxArea { float:left; width:750px; padding:12px 5px 6px;}
h1.greenBox { float:left; width:332px; height:74px; padding-right:6px; background:url(../images/greenBox.jpg) no-repeat; color:#ffffff; font-size:18px; padding:36px 26px 0px 20px; font-weight:normal;}
.greenBox span { font-size:16px;}
.blueBox { float:left; width:270px; height:82px; background:url(../images/blueBox.jpg) no-repeat; font-size:20px; color:#044767; padding:28px 12px 0px 90px; font-size:20px;}
.blueBox span { float:left; width:100%; font-size:11px; color:#FFFFFF; line-height:18px; padding-top:3px;}
.white_link,.white_link:link,.white_link:active,.white_link:visited { color:#FFFFFF; text-decoration:underline;}
.white_link:hover { color:#c6ecfe;}
.grayBox_area { float:left; width:750px; height:35px; padding:0px 5px 6px;}
.grayBox_left { float:left; width:10px; height:35px; background:url(../images/grayBox_left.jpg) no-repeat;}
.graybox1 { float:left; width:706px; height:35px; line-height:35px; font-size:16px; color:#0490d5; padding:0px 12px; background-color:#e6e6e6; font-weight:bold;}
.graybox2 { float:left; width:726px; height:35px; line-height:35px; color:#282828; padding-right:4px; background-color:#e6e6e6; text-align:right;}
.graybox1 span { font-weight:normal; font-size:12px; color:#282828;}
.grayBox_right { float:left; width:10px; height:35px; background:url(../images/grayBox_right.jpg) no-repeat;}
.home_mainImg { float:left; width:752px; height:439px; padding:0px 4px 6px;}
.blue_link,.blue_link:link,.blue_link:active,.blue_link:visited { color:#105775; text-decoration:underline;}
.blue_link:hover { color:#217295}
.middle_area { float:left; width:712px; padding:12px 24px 24px;}
.middle_text { float:left; width:100%; line-height:18px;}
.middle_link,.middle_link:link,.middle_link:active,.middle_link:visited { color:#0f6b98; text-decoration: none;}
.middle_link:hover { color:#3081a9}
.footer { float:left; width:100%; height:35px; line-height:35px; text-align:center; font-size:11px; color:#FFFFFF; background-color:#96b616;}
h1.page_heading { float:left; width:100%; font-size:18px; font-weight:normal; color:#0490d5;}
.productDetail_area { float:left; width:692px; padding:9px 9px 0px 9px; border:1px solid #D6D6D6; background-color:#fefefe; margin-bottom:10px;}
.productDetail_mainImg { float:left; width:500px; border:1px solid #D6D6D6;}
.productDetail_thumb { float:left; width:180px; height:90px; margin-left:8px; margin-bottom:9px; border:1px solid #D6D6D6;}