/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
object{ outline: 0; }
strong, b, strong *, b * { font-weight: bold !important; }
em, i, em *, i * { font-style: italic !important; }
a:focus, input:focus{ outline-style: none; }
/* GENERAL */
body{ font: 12px/18px Arial, Helvetica, Verdana; background: url('images/main.gif') center 36px no-repeat; color: #343434; text-align: center; }
p{ margin: 0 0 20px 0; }
a{ color: #4680ab; text-decoration: none; }
a:hover{ text-decoration: underline; }
span.fakePrice{ text-decoration: line-through; font-weight: bold; color: #fc913f; font-style: italic; }
/* WRAPPER */
div.wrapper{ }
div.cwrapper{ width: 960px; text-align: left; margin: auto; }
/* TOP BAR */
div.topBar{ border-bottom: #424344 1px solid; height: 36px; background: #4e4f50 url('images/top-bg.gif') 0 0 repeat-x; }
.topBar div.ct{ width: 960px; margin: auto; overflow: auto; }
.topBar .mMenu li{ float: left; display: inline; }
.topBar .mMenu li a{ line-height: 0; padding: 18px 20px; border: #424344 solid; border-width: 0 1px 0 1px; display: block; font-size: 12px; font-weight: bold; margin: 0 -1px 0 0; }
.topBar .mMenu a{ color: #fff; text-shadow: 0 -1px 0 #353637; text-decoration: none; }
.topBar .mMenu a:hover{ color: #fff; }
.topBar .mMenu a:hover, .topBar .mMenu .active a{ background: url('images/top-bg-over.gif') 0 0 repeat-x; }
.topBar .mMenu ul li{ float: none; display: block; }
/* HEADER */
div.mHeader{ width: 100%; height: 175px; float: left; display: inline; position: relative; }
.mHeader div.logo{ width: 183px; height: 95px; margin: 33px 0 0 0; float: left; display: inline; }
.mHeader h1 a{ width: 183px; height: 50px; background: url('images/logo.gif') 0 0 no-repeat; text-indent: -5000px; display: block; }
.mHeader .logo ul{ width: 100%; height: 25px; margin: 20px 0 0 0; }
.mHeader .logo li{ height: 25px; float: left; display: inline; }
.mHeader .logo li a{ background-image: url('images/hbrands.gif'); display: inline; float: left; height: 25px; text-indent: -5000px; font-size: 2px; }
.mHeader .h-dermasilk a{ width: 61px; background-position: 0 0; }
.mHeader .h-dermasilk a:hover{ background-position: 0 25px; }
.mHeader .h-microair-barrier a{ width: 68px; background-position: -61px 0; }
.mHeader .h-microair-barrier a:hover{ background-position: -61px 25px; }
.mHeader .h-microair-pristine a{ width: 54px; background-position: -129px 0; }
.mHeader .h-microair-pristine a:hover{ background-position: -129px 25px; }
ul.mainMenu{ width: 435px; float: left; display: inline; margin: 40px 0 0 50px; }
.mainMenu li{ float: right; display: inline; }
.mainMenu a{ float: right; display: inline; width: 100%; font-weight: bold; color: #4d4f4f; font-size: 13px; }
.mainMenu a:hover{ color: #000000; text-decoration: none; }
ul.slideMenu{ display: block; position: absolute; top: 36px; z-index: 13; background: #3d3e3f; }
.slideMenu li{ float: none; display: block; width: 150px; }
.slideMenu a{ display: block; clear: both; padding: 10px 0; float: none; color: #ffffff; text-decoration: none; background: #3d3e3f; text-align: left; }
.mMenu .slideMenu a:hover{ background-image: none; background: #545658; color: #ffffff; }
.mainMenu li.active{ background: url('images/menu-a.gif') 0 0 repeat-x; }
.mainMenu .active a{ color: #ffffff; text-decoration: none; text-shadow: #4a7da3 0px -1px 0px; }
div.search{ float: right; display: inline; margin-top: 7px; background: url('images/search-bg.gif') 0 0 no-repeat; width: 199px; height: 21px; }
.search form{ position: relative; }
.search input.text{ border: 0; background: url('images/0.gif'); width: 175px; position: absolute; top: 4px; left: 5px; color: #000; }
.search input.submit{ position: absolute; top: 0; left: 170px; }
/* BASKET */
div.mb{ width: 200px; float: right; display: inline; text-align: right; margin-top: 35px; }
.mb a{ color: #4d4e4f; font-weight: bold; font-size: 11px; }
.mb div{ padding-right: 30px; margin-bottom: 4px; background-position: right top; background-repeat: no-repeat; }
.mb div.monkey{ background-image: url('images/ic-user.gif'); }
.mb div.basket{ background-image: url('images/ic-cart.gif'); }
/* LEFT */
div.left{ float: left; display: inline; width: 275px; }
.left h1{ width: 243px; height: 60px; margin: 26px 0 0 0; background: url('images/logo.gif') 0 0 no-repeat; width: 243px; height: 60px; }
.left h1 a{ display: inline; float: left; width: 121px; height: 60px; text-indent: -5000px; }
/* QUESTIONS */
ul.questions{ display: block; width: 285px; overflow: hidden; margin-top: 5px; }
.questions li{ float: left; display: inline; font-size: 11px; width: 85px; margin-right: 10px; }
.questions a{ width: 85px; height: 23px; text-align: center; display: block; color: #ffffff; padding-top: 6px; background: url('images/qbg.gif') 0 0 no-repeat; }
/* RIGHT */
div.right{ float: left; display: inline; width: 645px; margin: 0 40px 0 0; }
div.mainHeader{ width: 100%; height: 239px; background: 0 0 no-repeat; position: relative; }
div.header1{ background-image: url('header/1.jpg'); }
div.header2{ background-image: url('header/2.jpg'); }
div.header3{ background-image: url('header/3.jpg'); }
div.header4{ background-image: url('header/4.jpg'); }
ul.secondaryMenu{ display: block; position: absolute; top: 212px; left: 0; }
.secondaryMenu li{ float: left; display: inline; margin: 0 30px 0 0;}
.secondaryMenu a{ color: #ffffff; text-shadow: #4a7da3 0 -1px 0; }
/* CATEGORIES */
div.catwrapper{ width: 255px; margin-top: 40px; background: #f8fbfc url('images/cfooter.gif') left bottom no-repeat; margin-left: 10px; }
ul.categories{ width: 215px; margin-left: 20px; padding-bottom: 20px; }
.categories a:hover{ color: #ffffff; background: url('images/btn-bg.gif') 50% 50% repeat-x; text-shadow: #4a7da3 0 -1px 0; }
.categories a{ padding: 10px 0 10px 0; background: url('images/dots.gif') bottom left repeat-x; display: block; color: #343434; font-weight: bold; text-decoration: none; text-indent: 10px; }
.categories li li a{ font-weight: normal; text-indent: 20px; }
.categories li li li a{ text-indent: 0; width: 180px; color: #5b5b5b; padding: 5px 0 5px 33px; background: url('images/branch.gif') 20px 0 no-repeat; }
.categories li li li a:hover{ background: url('images/branch.gif') 20px 0 no-repeat; color: #fc913f; text-decoration: underline; }
.categories .active a{ color: #fc913f; }
.categories .active a:hover{ background: url('images/dots.gif') bottom left repeat-x; text-shadow: none; }
.categories .active li a{ color: #343434; }
.categories .active li a:hover{ color: #ffffff; background: url('images/btn-bg.gif') 50% 50% repeat-x; text-shadow: #4a7da3 0 -1px 0; }
.categories li{ background: url('images/li-inactive.gif') right 18px no-repeat; }
.categories li.active{ background: url('images/li-active.gif') right 18px no-repeat; }
.categories li li{ background: none; }
.categories li li.active{ background: none; }
.categories li .active a{ font-weight: bold; }
.categories li .active li a{ font-weight: normal; }
/*.categories li.active li a{ font-weight: normal; }*/
.categories .active li li a:hover{ background: url('images/branch.gif') 20px 0 no-repeat; color: #fc913f; text-decoration: underline; text-shadow: none; }
/* SCROLL */
div.slider{ margin: 55px 0 0 0; }
div.scrollItem{ width: 116px; height: 120px; text-align: center; }
.scrollItem img{ margin: 0 0 5px 0; }
.scrollItem a.name{ font-weight: bold; text-shadow: #4a7da3 0px -1px 0px; display: block; }
.scrollItem a{ color: #ffffff; text-decoration: none; }
/*
div.monkey{ width: 510px; float: left; display: inline; color: #ffffff; margin: 1px 0 0 0; color: #c6d9e6; }
.monkey a{ color: #ffffff; }
div.basket{ width: 150px; float: left; display: inline; color: #ffffff; text-align: right; }
.basket a{ color: #ffffff; }*/
/* CONTENT */
div.content{ margin: 60px 0 0 0; }
.content h2{ font-size: 22px; color: #65ace0; margin: 0 0 20px 0; }
/* MULTIPAGE */
.multipage h2{ color: #fc913f; margin: 0 0 50px 0; }
div.multipage{ float: left; display: inline; background: url('images/dots.gif') 0 40px repeat-x; margin: 0 0 20px 0; width: 100%; }
.multipage ul.menu{ width: 150px; float: left; display: inline; border: #e8e8e8 solid; border-width: 0 1px 0 0; }
.multipage .menu li{ text-align: right; display: block; }
.multipage .menu a{ color: #343434; display: block; padding: 15px 15px 15px 0; }
.multipage .menu a:hover{ color: #4680ab; }
.multipage div.content{ float: left; display: inline; width: 465px; margin: 0 0 0 20px; color: #5b5b5b; }
.multipage .content ul{ list-style: disc inside; margin-bottom: 10px; }
.multipage .content ul li{ margin: 0 0 2px 0; }
.multipage li.active{ background: url('images/multibg.gif') right top no-repeat; }
.multipage .active a{ background: url('images/multibg.gif') right bottom no-repeat; color: #fc913f; text-decoration: none; font-weight: bold; }
.multipage .active a:hover{ color: #fc913f; }
/* PRODUCTS */
div.products{ float: left; display: inline; background: url('images/dots.gif') 0 40px repeat-x; width: 100%; }
.products h2{ margin: 0 0 50px 0; }
.products div.item{ width: 100%; float: left; display: inline; background: url('images/dots.gif') bottom left repeat-x; margin: 0 0 20px 0; padding: 0 0 20px 0; }
.products .item div{ float: left; display: inline; }
.products div.image{ width: 80px; }
.products div.content{ width: 545px; margin: 0 0 0 20px; }
.products p{ margin: 0 0 5px 0; }
.products p.details{ text-align: right; }
.products h3{ font-size: 18px; color: #fc913f; margin: 0 0 8px 0; }
.products h3 a{ color: #fc913f; }
/* TESTIMONIALS */
ul.testimonials{ }
.singlePage .testimonials li{ overflow: auto; display: block; list-style-type: none; background: url('images/dots.gif') left bottom repeat-x; padding-bottom: 20px; margin-bottom: 20px; }
.testimonials a.img{ display: block; float: left; display: inline; margin-right: 20px; }
.singlePage .testimonials h3{ padding: 0; margin: 0; font-weight: normal; }
.singlePage .testimonials p{ padding: 0; margin-bottom: 5px; font-family: Georgia; font-style: italic; font-size: 13px; }
.singlePage .testimonials a.more{ font-size: 11px; color: #FC913F; }
.singlePage .testimonials a.info{ font-size: 11px; display: block; color: #4e4f50; text-decoration: none; margin-bottom: 3px; }
div.testimonial{ font-family: Georgia, serif; font-size: 14px; font-style: italic; line-height: 24px; }
/* ARTICLES */
div.articles{ float: left; display: inline; background: url('images/fadeline.gif') 0 35px no-repeat; width: 100%; }
.articles h2{ margin: 0 0 50px 0; }
.articles div.item{ width: 100%; float: left; display: inline; background: url('images/dots.gif') bottom left repeat-x; margin: 0 0 20px 0; padding: 0 0 20px 0; }
.articles div.content{ width: 100%; margin: 0 0 0 20px; }
.articles p{ margin: 0 0 5px 0; }
.articles p.details{ text-align: right; }
.articles h3{ font-size: 18px; color: #fc913f; margin: 0 0 8px 0; }
.articles h3 a{ color: #fc913f; }
/* PRODUCT */
div.product{ float: left; display: inline; background: url('images/dots.gif') 0 40px repeat-x; margin: 0 0 20px 0; width: 100%; }
.product h2{ color: #fc913f; margin: 0 0 50px 0; }
.product div.description{ width: 432px; float: left; display: inline; }
.product .description ul{ list-style: disc inside; margin-bottom: 10px; }
.product .description ul li{ margin: 0 0 2px 0; }
.product div.side{ width: 173px; margin: 0 0 0 40px; float: left; display: inline; text-align: right; }
.product .side p.nostoc{ font-style: italic; font-size: 11px; }
.product .side a.btn{ float: right; margin: 0 0 20px; font-weight: bold; }
.product .side span.price{ font-size: 13px; margin: 0 0 10px 0; display: block; width: 100%; float: left; display: inline; }
.product .side div.input{ width: 100%; }
.product .side label{ width: 73px; margin: 0 0 5px 0; text-align: left; }
.product .side select{ width: 100px; float: right; margin: 0 0 10px 0; }
.product .side .text input{ width: 94px; float: right; margin: 0 0 10px 0; padding: 2px; }
.product .side .text label{ margin: 8px 0 0 0; }
.product .side h3{ font-size: 14px; color: #65ace0; font-weight: bold; text-align: left; padding: 8px 0 18px 0; background: 0 0 no-repeat; text-indent: 40px; margin: 0 0 10px 0; }
.product h3.buy{ background-image: url('images/icon-buy.gif'); }
.product h3.contactInfo{ background-image: url('images/icon-phone.gif'); padding-bottom: 8px; }
.product .side div.box{ float: left; display: inline; width: 100%; background: url('images/dots.gif') left bottom repeat-x; margin: 0 0 10px 0; }
.product .side .box img{ margin: 0 0 10px 0; }
div.prodContent{ float: left; display: inline; background: url('images/dots-ver.gif') 452px 0 repeat-y; }
.product div.info{ font-size: 13px; font-weight: bold; margin: 0 0 20px 0; background: url('images/icon-order.gif') 0 0 no-repeat; }
.product .info p{ padding: 8px; text-indent: 40px; }
/* CART */
div.cart{ width: 100%; }
.cart table{ width: 100%; }
.cart th{ font-weight: bold; padding: 0 0 10px 0; }
.cart td{ padding: 15px 0; }
.cart tr{ background: url('images/dots.gif') left bottom repeat-x; }
.cart th.center, .cart td.center{ text-align: center; }
.cart td.bold{ font-weight: bold;}
.cart .del a{ display: block; width: 19px; height: 19px; text-indent: -5000px; background: url('images/del.gif') 0 0 no-repeat; margin: 0 0 0 10px; }
.cart .del a:hover{ background-position: 0 -19px; }
.cart tr.deleting{ background: #e9e9e9; color: #737373;}
.cart .deleting a{ color: #737373; }
.cart div.noprods{ display: none; }
.cart p.transportCost{ text-align: right; margin: 20px 0 0 0; }
.cart p.finalPrice{ text-align: right; margin: 10px 0 0 0; font-size: 14px; font-weight: bold; }
.cart p.cartInfo{ font-size: 11px; line-height: 16px; font-style: italic; margin: 10px 0 0 0; }
.cart input{ width: 40px; border: #cccccc 1px solid; padding: 2px; text-align: center; }
.cart div.buts{ float: left; display: inline; margin: 30px 0 0 0; width: 100%;}
.cart .buts a{ float: right; display: inline; margin: 0 0 0 10px; }
.cart .buts a.jsBack{ float: left; margin: 0; }
/* SINGLE PAGE */
div.singlePage{ float: left; display: inline; background: url('images/dots.gif') 0 35px repeat-x; margin: 0 0 50px 0; width: 100%; }
.singlePage h2{ color: #fc913f; margin: 0 0 50px 0; }
.singlePage h3{ color: #4680c8; font-size: 16px; margin: 20px 0 10px 0; font-weight: bold; }
.singlePage div.singleContent{ margin: 0; }
.singlePage ul{ list-style: disc inside; margin-bottom: 10px; }
.singlePage ul li{ margin: 0 0 2px 0; }
.singlePage div.searchResults{ margin: 0; }
.singlePage .searchResults div.item{ margin: 0 0 10px 0; }
.searchResults h4{ font-size: 13px; font-weight: bold; margin: 0 0 5px 0; }
/* HOME */
div.home{ float: left; display: inline; background: url('images/dots.gif') 0 40px repeat-x; width: 100%; }
.home h2{ margin: 0 0 50px 0; color: #fc913f; }
.home div.split{ width: 100%; float: left; display: inline; background: url('images/dots-ver.gif') 322px 0 repeat-y; }
.home div.news{ width: 302px; float: left; display: inline; }
.home div.contactInfo{ width: 302px; float: left; display: inline; margin: 0 0 0 41px; }
.home div.hometestimonial{ width: 302px; float: left; display: inline; margin: 0 0 0 41px; }
.hometestimonial img{ float: right; margin: 0 0 10px 10px; }
div.testimonialcontent{ overflow: auto; background: url('images/dots.gif') left bottom repeat-x; margin-bottom: 20px; }
.hometestimonial .testimonialcontent p{ font-family: Georgia, serif; font-size: 13px; font-style: italic; }
.hometestimonial h4{ font-size: 13px; font-weight: bold; color: #FC913F; }
.hometestimonial h5{ font-size: 11px; color: #4e4f50; line-height: 12px; margin-bottom: 10px; }
.home p{ line-height: 22px; }
.home h3{ color: #4680AB; font-size: 16px; font-weight: bold; padding: 8px 0 18px 0; text-indent: 34px; }
.home h3.news{ background: url('images/icon-news.gif') 3px 6px no-repeat; }
.home h3.contact{ background: url('images/icon-phone.gif') 0 6px no-repeat; margin-top: 20px; }
.home h3.testimonials{ background: url('images/icon-testimonials.gif') 0 6px no-repeat; }
.home h3.about{ background: url('images/icon-about.gif') 6px 7px no-repeat; }
.home div.item{ width: 100%; padding: 0 0 5px 0; background: url('images/dots.gif') left bottom repeat-x; margin: 0 0 10px 0; }
.home .item h4{ font-weight: bold; margin: 0 0 5px 0; color: #FC913F; }
.home .item h4 a{ color: #FC913F; }
.home .item p{ margin: 0; }
/*
.ho div.item{ width: 100%; float: left; display: inline; background: url('images/dots.gif') bottom left repeat-x; margin: 0 0 20px 0; padding: 0 0 20px 0; }
.articles div.content{ width: 100%; margin: 0 0 0 20px; }
.articles p{ margin: 0 0 5px 0; }
.articles p.details{ text-align: right; }
.articles h3{ font-size: 18px; color: #fc913f; margin: 0 0 8px 0; }
.articles h3 a{ color: #fc913f; }*/
/* FOOTER */
div.footer{ width: 960px; margin: 20px 0 0 0; background: url('images/footer.gif') 0 0 no-repeat; padding: 50px 0 30px 0; margin: auto; text-align: left; overflow: auto; }
.footer div{ float: left; display: inline; margin: 0; }
.footer div.left{ width: 500px;}
.footer div.right{ width: 460px; text-align: right; }
.footer .right a{ color: #343434; }
.footer div.admin{ float: left; display: inline; width: 100%; margin: 20px 0 20px 0; text-align: center; color: red; font-weight: bold; }
.footer .admin a{ color: red; }
/* GENERAL FORM */
form div.input{ width: 100%; margin: 0 0 10px 0; float: left; display: inline; }
form div.submit{ float: left; display: inline; }
form .input label{ width: 150px; float: left; display: inline; }
form .text input, form textarea, form .password input{ width: 300px; padding: 4px; font: 12px Arial; border: #d5d5d5 1px solid; }
form textarea{ width: 400px; }
form textarea.small{ height: 50px; }
form .select select{ width: 250px; padding: 4px;}
form .oneline label{ width: 100%; margin: 0 0 5px 0; }
form div.oneline{ margin: 0 0 20px 0; margin: 0 0 0 150px; }
form div.submit{ margin: 0 0 0 150px; }
form div.inform{ width: 250px; margin: 0 0 20px 150px; float: left; display: inline; }
form div.separator{ width: 100%; float: left; display: inline; height: 10px; background: url('images/dots.gif') left top repeat-x; margin: 10px 0 10px 0; }
form span.sheader{ font-size: 14px; font-weight: bold; color: #4680ab; }
form p.tip{ font-size: 11px; color: #696969; margin: -5px 0 15px 150px; float: left; display: inline; }
form div.checkbox{ width: 100%; float: right; margin: 0 0 20px 0; }
form .checkbox input{ margin: 3px 0 0 150px; float: left; }
form .checkbox label{ float: right; width: 470px; }
form div.solo{ width: 400px; margin: 0 0 0 150px; }
form .solo label{ width: 100%; margin: 0 0 5px 0; }
form div.error-message{ float: left; display: inline; width: 400px; margin: 3px 0 0 150px; color: red; font-size: 11px; }
.noErrors div.error-message{ display: none; }
/* USER TABLE */
table.usertbl{ width: 100%; }
.usertbl td{ padding: 10px 0; }
.usertbl tr{ background: url('images/dots.gif') bottom left repeat-x; }
.usertbl td.right{ text-align: right; }
.usertbl a{ color: #000000; }
/* BUTTONS */
a.btn{ width: 140px; height: 27px; padding-top: 8px; background: url('images/btn.gif') 0 0 no-repeat; text-shadow: #4a7da3 0px -1px 0px; display: block; color: #e0e5e8; text-align: center; text-decoration: none; font-weight: bold; }
a.btn:hover{ background-position: 0 -35px; color: #ffffff; }
/* HIDDEN STUFF */
#ajaxLoader{ display: none; }
/* PAGE BREAK */
div#breakHide{ display: none; }
p#breakMore{ text-align: right; }
#breakMore a{ font-weight: bold; padding: 0 10px 0 0; color: #fc913f; background: url('images/moreless.gif') no-repeat; }
#breakMore a.more{ background-position: right 6px; }
#breakMore a.less{ background-position: right -27px; }
.flash{ font-size: 14px; font-style: italic; }
span.f10{ font-size: 11px; color: #696969; padding-top: 3px; }