@import url('reset.css');
@import url('baseform.css');
@import url('thickbox.css');

body{
    background:url(/images/core/bg_body.gif) 0 0 repeat-x #1c1e20;
    font: 74%/1.4em Verdana, Helvetica, Arial, San-Serif;
    color: #999999;
} 

p, h1, h2, h3, h4, h5, h6, hr{
    margin:0 0 15px 0;
}

h1{font-size: 1.5em; font-family: Arial, Verdana, Helvetica; text-transform: uppercase; color: #fff;}
h2{font-size: 1.2em; color: #fff;}
h3{font-size: 1.1em; color: #5378b7;}
h4{font-size: 1.1em; color: #5378b7;}
h5{font-size: 1.1em; color: #fff;}

ul, ol{margin:0 0 15px 25px;}

ul li{list-style: square;}
ol li{list-style: decimal;}

a img{border: 4px solid #7facdd;}
a:hover img{border-color:#5378b7;}

a{background: none; color: #7facdd;}
a:hover{color:#ffffff;}


.product-title, .product-cat{
    text-align: center;
    display: block;
    margin: 0;
    overflow: hidden;
    color: #ceddff;
    font-weight: bold;
    font-size: 1.2em;
}

a.product-detail{
    overflow: hidden;
    text-indent: -999em;
    display: block;
    position: absolute;
}




/**Website Core Structure** Primary **/
#wrapper{background: url(/images/core/bg_header.jpg) center 50px no-repeat; width:auto; margin: 0 auto;}
#container{width:905px; margin:0 auto;}



/**Website Core Structure** Header **/
#header{}

#nav{height:57px; padding:0 0 0 106px;}
#nav ul{margin:0; padding:0;}
#nav ul li{margin:0 1px 0 0; padding:0; float:left; list-style: none;}
#nav ul li a{display: block; overflow: hidden; text-indent: -999em; background-repeat: no-repeat; background-position: 0 0; height:57px;}
#nav ul li a:hover{background-position: 0 -57px;}
#nav ul li#nav-home a{background-image: url(/images/core/nav/home.gif); width:82px;}
#nav ul li#nav-profile a{background-image:url(/images/core/nav/profile.gif); width:156px;}
#nav ul li#nav-services a{background-image: url(/images/core/nav/services.gif); width:151px;}
#nav ul li#nav-products a{background-image: url(/images/core/nav/products.gif); width:116px;}
#nav ul li#nav-testimonials a{background-image: url(/images/core/nav/testimonials.gif); width:154px;}
#nav ul li#nav-contactus a{background-image: url(/images/core/nav/contact.gif); width:134px;}

body#p-home #nav ul li#nav-home a, body#p-profile #nav ul li#nav-profile a,
body#p-services #nav ul li#nav-services a, body#p-products #nav ul li#nav-products a,
body#p-product-category #nav ul li#nav-products a, body#p-product #nav ul li#nav-products a,
body#p-testimonials #nav ul li#nav-testimonials a, body#p-contactus #nav ul li#nav-contactus a,
body#p-prod-thankyou #nav ul li#nav-products a, body#p-contact-thankyou #nav ul li#nav-contactus a
{background-position: 0 -57px;}

#header{padding:0; background: url(/images/core/bg_banner.jpg) 0 143px no-repeat; height: 189px; position:relative;}

h2#logo{margin: 0; padding: 0; line-height: 0; float: left;}
h2#logo a{display: block; overflow: hidden; text-indent: -999em; background: url(/images/core/logo_hydro.jpg) 0 0 no-repeat; height:128px; width:347px;}

/*Featured Product*/
#featured_products{float:right; width:470px; padding:19px 0 0 0;}
#featured_products h2#heading-featured-products{width:454px; height:28px; margin: 0 0 0 14px; padding: 0; display: block; overflow: hidden; text-indent: -999em; background: url(/images/core/heading_featured_products.gif) 0 0 no-repeat;}
#featured_products ul{padding:11px 0 0 0; margin: 0; margin-left:0;}
#featured_products ul li{background:url(/images/core/bg_featured.gif) 0 0 no-repeat; height:90px; width:200px; overflow:hidden; display:inline; float:left; padding: 10px; position: relative;  margin-left: 14px;}

.feat-prod-img{float:left; height:90px; width:100px; margin: 0 15px 0 0; display: inline;}
#featured_products .product-title {height: 50px; width: 85px; float: right;}
#featured_products a.product-detail{background: url(/images/core/btn_moreinfo_fea.gif) 0 0 no-repeat; height:26px; width: 88px; top:75px; left:121px;}
#featured_products a:hover.product-detail{background-position:0 -26px;}


h3#cta-phone{display: block; overflow: hidden; text-indent: -999em; height:17px; width:388px; background: url(/images/core/cta_banner_phone.gif) 0 0 no-repeat; top:155px; left:20px; position:absolute;}

#banner{height:229px; overflow: hidden; width:903px; background: url(/images/core/bg_banner.gif) 0 0 no-repeat;}
#banner img{height:229px; width:903px;}


/**Website Core Structure** Content Area **/
#content-container{background: url(/images/core/bg_content.gif) 235px 0 repeat-y; margin: 0 0 30px 0; padding: 30px 0 0 0;}
#sub-nav{width:200px; float: left; padding:0 22px 0 5px;}
#primary-content{width:640px; float:left; padding: 0 0 0 25px;}

#sub-nav h2#heading-products{background: url(/images/core/heading_products.gif) 0 0 no-repeat; height: 26px; width: 201px; display: block; overflow: hidden; text-indent: -999em; margin: 0;}
#sub-nav h2#heading-services{background: url(/images/core/heading_services.gif) 0 0 no-repeat; height: 26px; width: 201px; display: block; overflow: hidden; text-indent: -999em; margin: 25px 0 0 0;}
#sub-nav .title{border-bottom: 1px dotted #808182; color: #999999; text-transform: uppercase; padding: 10px; cursor: pointer;}
#sub-nav ul{border-bottom: 1px dotted #808182; margin: 0;}
#sub-nav ul li{background: url(/images/core/icon_bullet.gif) 30px center no-repeat #1f262e; padding:10px 5px 10px 45px; list-style: none;}
#sub-nav ul li a{text-decoration: none; text-transform: uppercase; color: #c4bf97;}
#sub-nav ul li a:hover{color: #fff;}
.selected{background: #222e3c;}

/*used on contact page and product detail page*/
#right-content{width:300px; float:right; padding:0 0 0 20px;}
#left-content{width:298px; float:left; background: #1f262e; padding: 10px; border: 1px solid #293849;}




/**Website Core Structure** Footer **/
#footer{background: url(/images/core/bg_footer.gif) 0 0 no-repeat;height:105px; padding:16px 0 0 25px; position: relative;}
#footer a{color:#999999; text-decoration: none;}
#footer a:hover{color:#cccccc;}
a#wf-logo{top:8px; right:10px; width:87px; height:27px; position: absolute;}
a#wf-logo img{border: none;}
#affiliates{width:600px; position:absolute; top:58px; right:0px;}
#affiliates h2#heading-affiliates{display: block; overflow: hidden; text-indent: -999em; background: url(/images/core/heading_our_affiliates.gif) 0 0 no-repeat; width:127px; height:12px; margin: 19px 16px 0 0; float: left;}
#affiliates div.container {float: left; display: block; width: 455px;}
#affiliates ul{margin: 0;}
#affiliates ul li{float:left; display: block; height:44px; overflow: hidden; margin:0 10px 10px 0; list-style: none;}
#affiliates ul li#aff-kazel{background: url(/images/core/logo_aff_kazel.jpg) 0 0 no-repeat; width:111px;}
#affiliates ul li#aff-bert{background:url(/images/core/logo_aff_bertocco.jpg) 0 0 no-repeat; width:110px;}
#affiliates ul li#aff-ital{background: url(/images/core/logo_aff_italautocar.jpg) 0 0 no-repeat; width:111px;}
#affiliates ul li#aff-hyva{background: url(/images/core/logo_hyva.jpg) 0 0 no-repeat; width:77px;}
#affiliates p {float: right; margin-right: 10px; margin-top: 10px; text-decoration: underline; font-size: 12px;}


/**Website Inner Page Structure** Product, Products and Cat Products Pages **/
#breadcrumbs{color: #999999; padding:0 0 25px 0;}
#breadcrumbs a, .breadcrumb{color:#4e8fd6; text-decoration: none;}

ul#products{margin:0;}
ul#products li{overflow:hidden; float:left; display: inline; height:195px; width:130px; background:#1f262e; border: 1px solid #293849; padding: 10px; position:relative; margin:0 8px 8px 0; list-style: none;}
ul#products li .prod-img a{display: block; line-height: 0;}
ul#products h3{ margin:10px 0 2px 0;}
ul#products h3.product-cat{width:130px; height:40px;}
ul#products p{text-align: center; margin: 0; color: #ceddff;}
ul#products p span{color: #fff4ce;}
ul#products a.product-detail {top:180px; left:30px; height:26px; width:88px; background:url(/images/core/btn_moreinfo.gif) 0 0 no-repeat; position: absolute;}
ul#products a:hover.product-detail{background-position: 0 -26px;}

.description { width: 480px; float: left; display: block; }
.images ul { margin: 0; width: 100px; float: left; }
.images ul li {  list-style: none; margin: 0 0 10px 30px; }
.images ul li img { border: 2px solid #293849; }

.fields{padding:0 0 10px 0;}
.fields h4{border-bottom:1px dotted #cccccc; font-size:1em; margin:0 0 5px 0; padding-bottom:5px;}
.fields h4 span{color:#666666; display:inline-block; font-weight:normal !important; width:100px;}

body#p-product .prod-img{margin-bottom: 10px;}


/**Website Inner Page Structure** Testimonials **/
ul#testimonial-list {margin: 0; list-style: none!important; display:block;}
#testimonial-list li{list-style: none!important;background:#1f262e; border: 1px solid #293849; padding: 10px; color:#CEDDFF; margin: 0 0 15px 0; /*display: block;*/}
#testimonial-list {font-style: italic;}
#testimonial-list .client{text-align: right; margin: 0; font-style:normal; color: #fff;}
#testimonial-list li .message ul li{list-style: square !important; background:none !important;padding:0 !important; margin:0 !important;border:0 !important;}
#testimonial-list li .message ol li{list-style: decimal !important; background:none !important;padding:0 !important; margin:0 !important;border:0 !important;}

/*contact us pg*/
#location-map{width: auto; padding:20px 0 0 0; float: left;}
body#p-contactus #left-content{width:400px;}
body#p-contactus #right-content{width:198px;}