
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */

body{
margin:0px;
padding:0px;
text-align:center;
background-color:#FFFFFF;
background-image:url(/images/bg_body_5x191.gif);
background-repeat:repeat-x;
background-position:left top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3C3C3A;
line-height:18px;
}

a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#E76A18;
font-weight:bold;
text-decoration:underline;
}

img{ border:0px; padding:0px 0px 0px 0px; }
a:hover{ text-decoration:underline; }
h1, h2, h3, h4, p{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; }

h1{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:40px;
line-height:45px;
color:#CDD2D6;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #E7E7E7; 
}

h4{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:40px;
line-height:45px;
color:#CDD2D6;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #E7E7E7; 
}

h5{
width:350px; 
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:15px;
color:#1244E5;
font-weight:bold;
text-decoration:none;
padding-bottom:5px;
margin-bottom:5px;
}

h2{
width:225px; 
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:15px;
color:#082032;
font-weight:bold;
text-decoration:none;
padding-bottom:5px;
margin-bottom:5px;
}

h3{
width:225px; 
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:15px;
color:#022038;
font-weight:normal;
text-decoration:none;
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px dotted #A2A2A2; 
}

#page{ 
width:920px; 
margin:0px auto; 
text-align:left; 
background-image:url(/images/bg_page_920x3.gif);
background-repeat:repeat-y;
background-position:left top;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header{ 
width:920px; 
height:178px; 
background-image:url(/images/bg_header_920x178.gif);
background-repeat:no-repeat;
background-position:left top;
position:relative; 
}

#header .logo{ position:absolute; top:5px; left:70px; }
#header .warranty{ position:absolute; top:15px; left:304px; }
#header .allproducts{ position:absolute; top:50px; left:800px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-nav css */

#header-nav{ position:absolute; top:22px; left:470px; color:#000000; }

#header-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:11px;
font-weight:normal;
color:#000000;
text-decoration:none;
padding:0px 7px;
}

#header-nav a:hover{ text-decoration:underline; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-nav css */

#search-box{ position:absolute; top:142px; left:100px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-nav css */

#main-nav{ width:100%; position:absolute; top:77px; left:0px; color:#ffffff; }
#main-nav .main-nav-wrapper{padding:0px 30px 0px 50px;}

#main-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:30px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
padding:0px 10px 0px 0px;
}

#main-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ link-articles css */

#link-articles{ 
border-bottom:1px solid #E7E7E7; 
padding-bottom:20px;
margin-bottom:20px;
}

#link-articles .link{float:left;width:380px;}

#link-articles a{
background-image:url(/images/arrow_7x7.gif);
background-repeat:no-repeat;
background-position:left 3px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
font-weight:bold;
color:#FF0000;
text-decoration:none;
padding:0px 20px;
}

#link-articles a:hover{ text-decoration:underline; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */

#middle{ 
width:920px; 
}

#middle .middle-wrapper{ 
padding:0px 20px 0px 55px; 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#content{ width:845px; }
#content .content-wrapper{ padding:20px 0px 20px 0px; }
#content .content-wrapper2{ padding:20px 10px 20px 10px; }

#content .main-box{ 
width:235px; 
height:200px; 
font-family:Arial; 
font-size:11px; 
line-height:14px; 
font-weight:normal; 
color:#000; 
text-decoration:none;
border:4px solid #E7E7E7; 
float:left;
}

#content .main-faucet{ 
width:415px; 
float:left;
}

#content .article-image{ 
width:205px; 
float:left;
margin:0px 10px 5px 0px;
}

#content .main-box-wrapper{padding:5px}

#content .column{
width:380px; 
float:left;
}

#content .dotted-line{
margin-top:10px;
margin-bottom:10px;
border-bottom:1px dotted #6A6A6A;
}


#content .small-img{
width:100px; 
float:left;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ features css */
#features {
width:428px;
height:230px;
background-image:url(/images/bg_featured_428x75.gif);
background-repeat:no-repeat;
background-position:left top;
float:left;
}

#features .features-list{
width:210px;
padding-top:70px;
float:left;
}

#features .features-list ul{
padding:10px 10px 10px 30px;
margin:0px;
list-style-type:disc;
display:block;
}

#features .features-list ul li{
font-family:Arial;
font-size:11px;
line-height:14px;
font-weight:normal;
color:#000;
text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ articles css */
#articles {
width:428px;
height:230px;
background-image:url(/images/bg_featured_428x75.gif);
background-repeat:no-repeat;
background-position:left top;
float:left;
}

#articles .articles-list{
width:210px;
padding-top:70px;
float:left;
}

#articles .articles-list ul{
padding:10px 10px 10px 30px;
margin:0px;
list-style-type:disc;
display:block;
}

#articles .articles-list ul li{
font-family:Arial;
font-size:11px;
line-height:14px;
font-weight:normal;
color:#000;
text-decoration:none;
}

#articles .articles-list ul li a{
font-family:Arial;
font-size:11px;
line-height:14px;
font-weight:normal;
color:#f00;
text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ product-holder css */

#product-holder{ width:661px;}
#product-holder .column-left{ float:left; width:327px; }
#product-holder .column-left-img{ float:right; padding-left:5px;}
#product-holder .column-right{ float:right; width:290px;}
#product-holder .aaa{}
#product-holder .aaa{}

#product-holder h4{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:15px;
line-height:16px;
color:#1143E4;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
padding-top:10px;
}

#product-holder h5{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
color:#6A6A6A;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}

#product-holder .dotted-line{
margin-top:10px;
margin-bottom:10px;
border-bottom:1px dotted #6A6A6A;
}

#product-holder ul{ margin:0px 0px 10px 0px; padding:0px 0px 0px 15px; }
#product-holder ul li{}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */

#page-footer{ 
height:70px;  
position:relative; 
padding:0px 20px 0px 55px; 
}

#page-footer .page-footer-wrapper{ 
border-top:1px solid #D1D1D1; 
width:822px;
}

#page-footer .copy{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#3D596F;
font-weight:bold;
text-decoration:none;
position:absolute;
top:8px;
left:60px;
}

#page-footer .footer-nav{ position:absolute; top:8px; left:270px; }

#page-footer .footer-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#3D596F;
text-decoration:none;
padding:0px 10px 0px 0px;
}

#page-footer .footer-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */
.product_title{ 
background-image:url(/images/arrow_4x8.gif);
background-repeat:no-repeat;
background-position:left 5px;
color:#1143E4;
font-weight:bold;
text-indent:7px;
}

.product_price{ color:#010203; }

.spacev{ width:20px; float:left;}
.spacev2{ width:30px; float:left;}
.spaceo{ height:20px;}
.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{ clear:right; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ company-lead-form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

#contact-form{ margin-left:20px; padding-bottom:20px; padding-top:20px; } 
#contact-form #company-lead-form{}
#contact-form #company-lead-form p{color:#FF0000;}
#contact-form #company-lead-form table{border:0px; margin:0px;}
#contact-form #company-lead-form table tr td{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:#272A31; padding:2px; line-height:15px; }
#contact-form #company-lead-form table tr .column1{ text-align:left; padding-left:10px; width:230px; line-height:14px; }
#contact-form #company-lead-form table tr .column2{ text-indent:5px; } 
#contact-form #company-lead-form table tr .column1-error{ text-align:right; color:#FF0000; }
#contact-form #company-lead-form table tr td input, #contact-form #company-lead-form table tr td select, #contact-form #company-lead-form table tr td textarea{ font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px;  font-weight:normal; text-decoration:none; color:#000;  border:1px solid #333; width:220px; height:22px; background-color:#fff !important; margin-bottom:5px;}
#contact-form #company-lead-form table tr td .phone1{ width:61px !important; }
#contact-form #company-lead-form table tr td .phone2{ width:61px !important; }
#contact-form #company-lead-form table tr td .phone3{ width:70px !important; }
#contact-form #company-lead-form table tr td select{}
#contact-form #company-lead-form table tr td textarea{ height:120px !important; }
#contact-form #company-lead-form table tr td .submitbutton{ width:auto; height:auto; border:none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ google search */

#google-search{ margin:0; width:100%; font-size:12px; }
#google-search .google-search-wrapper{ padding:10px 0px 10px 5px; }
#google-search form{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#google-search table tr td{ font-size:11px; }
#google-search table tr td.google-title{ font-size:12px; font-weight:bold; padding:0px 0px 5px 0px; }
.google_input{ border:1px solid #375B75; width:120px; height:18px; font-size:9px; }