/*---------------GLOBAL---------------*/
*{margin:0; padding:0}

html, body{margin:0; padding:0; text-align:center; font:80%/1.5 Verdana, Helvetica, sans-serif; color:#434343; background:#C3BB8C url(images/bg.jpg) repeat-x} 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
#wrapper{background-color:#CCCCCC;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */   

#pagewidth{ width:955px; text-align:left;  margin-left:auto; margin-right:auto;} 
ul{list-style:none; font-size:1.2em}
a{color:#4d4d4c; text-decoration:underline; outline:0}
a:hover{text-decoration:underline; color:#960E0E}
.clr{clear:left}
p{font-size:1.1em; line-height:1.5em; margin-bottom:1.5em; color:#4d4d4c; width:95%}
#wrapper{background:#F4F2E6 url(images/wrapper-bg.jpg) no-repeat left top; float:left; padding-top:15px}
input.checkbox{border:none}
.red{color:#FF0000}

h1,h2,h3{margin:0; padding:0; font-weight:normal; margin-bottom:0.4em; font-family:Georgia, "Times New Roman", Times, serif; color:#8a8061}
h1{font-size:2.1em;}
h2{font-size:1.5em; font-weight:bold}
h3{font-size:1.3em;}

.bold{font-weight:bold}
sup{color:#960E0E}

/*---------------FORMS---------------*/
form{width:100%; margin:0 auto;}
form#login, form#register, form#contact, form#password{border:6px solid #6e5e31; margin-bottom:20px}
form input.field, form select, form textarea{font-family: Arial, Helvetica, sans-serif; font-size:1.0em; color:#434343; border:1px solid #7f9db9; padding:3px}
form p{width:99%; padding:3px; margin:0; background-color:#e4e0c9; margin-bottom:1px}
form p label{float:left; display:inline; text-align:right; padding-right:4px; font-weight:bold; width:100px; line-height:1.8em}
form fieldset{width:100%; border:none; margin:0; padding:0;}
form legend{display:none}
input.checkbox{border:none}

/*-----login------*/
form#login_header{height:30px; line-height:36px; margin:0;}
form#login{width:300px; float:left}
form#login p{width:294px}
form#login p label{width:70px}
form#login p span.submit{margin-left:73px}
/*-----register------*/
form#register{width:500px;}
form#register p{width:494px}
form#register p label{width:150px}
form#register p span.submit, form#register p span.news{margin-left:154px}
/*-----contact------*/
form#contact{width:450px;}
form#contact p{width:394px}
form#contact p label{width:105px}
form#contact p span.submit, form#contact p span.letters{margin-left:107px}
/*-----password------*/
form#password{width:500px;}
form#password p{width:494px}
form#password p label{width:200px}
form#password p span.submit, form#password p span.news{margin-left:200px}
/*---------------search---------------*/
form#search{margin-bottom:25px}
form#search p{width:95%; background-color:#F4F2E6; text-align:center}
form#search h2{width:100%; background:url(images/title-module-search.gif) no-repeat 10px 8px; text-indent:-3333px; height:30px; border-top:1px solid #b8b29b; border-bottom:1px solid #b8b29b}
form#search p input{width:160px}
form#search .submit{width:190px; text-align:center}

/*---------------HEADER---------------*/
#header{position:relative; height:200px; width:947px; float:left; border-left:4px solid #efefef; border-right:4px solid #efefef; border-top:4px solid #efefef; background:#960e0e url(images/image-header.jpg) no-repeat top right}

#logo{float:left; width:290px; height:90px; text-indent:-6000px; background-image:url(images/logo.gif); margin:30px 0 0 12px; display:inline}
#logo a{height:90px; width:100%; display:block; overflow:hidden;}

ul#header_contact{text-align:left; margin:137px 0 0 0; clear:left; float:left; padding:6px 0 0 15px; color:#f9f6ce}
ul#header_contact a{color:#f9f6ce; text-decoration:none}
ul#header_contact a:hover{text-decoration:underline}
ul#header_contact li.num{font-size:1.8em}

#login_container{width:955px;  height:35px; line-height:35px; margin-bottom:15px}

#ribbon{width:322px; height:211px; background-image:url(images/logo2.png); position:absolute; left:0; top:0; z-index:10}


ul.login{float:right}
ul.login li{float:left; margin:0px 8px 0 0; font-size:0.9em; height:36px; line-height:36px; color:#FFFFFF}
ul.login li.mailing_email, ul.login li.mailing_name{margin-top:2px}
ul.login li.reg{margin:0 0 0 15px}
ul.login li.account{margin: 0}
ul.login li input{margin-top:5px}#nav_cat{width:144px; margin-left:10px; font-size:1.1em}
#nav_cat{margin-bottom:20px}
#nav_cat h2{width:100%; background:url(images/title-module-browse.gif) no-repeat 0px 8px; text-indent:-3333px; height:30px; border-top:1px solid #b8b29b; border-bottom:1px solid #b8b29b}
#nav_cat li{font-weight:bold; margin:3px 0}
#nav_cat li a{text-decoration:none; color:#7a6f4d}
#nav_cat li a:hover{text-decoration:underline}

div.cat{width:120px; height:190px; font-size:1.1em; font-weight:bold; float:left; margin:0 15px 20px 35px; display:inline}
div.cat div.image, div.cat div.title{width:120px; text-align:center}
div.cat div.image img{padding:3px; border:1px solid #bdb69f}
div.cat div.title a{text-decoration:none}
div.cat div.title a:hover{text-decoration:underline}


/*---------------INDEX---------------*/
#features{width:955px; height:auto !important; height:auto; min-height:auto; float:left; background:#960e0e url(images/features-bg.gif) repeat-x}
#features h2{color:#ef991e; font-weight:bold; margin:10px 0 10px 0; font-size:1.5em}
#features-left{width:450px; float:left; margin-left:10px; display:inline}
#features-right{width:450px; float:right; margin-right:10px; display:inline}

ul.features{width:360px; color:#efe9d7; float:left; padding:15px 0; border-bottom:1px solid #ac1c1c;}
ul.features li.image{float:left; width:97px; height:167px}
ul.features li.image img{background-color:#f5f5f5; padding:3px; border:1px solid #5b0a0a}
ul.features li.title,
ul.features li.price,
ul.features li.desc,
ul.features li.action{float:right; width:351px; margin-bottom:6px}
ul.features-index li.title,
ul.features-index li.price,
ul.features-index li.desc,
ul.features-index li.action{width:250px}
ul.features li.title, ul.features li.price, ul.features li.action{font-weight:bold}
ul.features li.price, ul.features li.desc, ul.features li.action{font-size:0.9em}
ul.features li.action a{color:#ef9c1f; text-decoration:none}
ul.features li.action a:hover{text-decoration:underline}

ul.treatments{width:490px; color:#4d4d4c; border:none; border-bottom:1px solid #d7d4bf; margin-bottom:20px}
ul.treatments li.title{float:right; width:351px}
ul.treatments li.title h2.treatment-cat{line-height:90px}

ul.login li a{color:#FFF; text-decoration:none}
ul.login li a:hover{text-decoration:underline}


/*---------------NAV---------------*/ 
ul#nav{width:955px; float:left; background:url(images/nav-bg.gif) repeat-x; height:47px; line-height:47px; font-size:1.3em; color: #FFFFFF }
ul#nav li{float:left; margin:0 33px; font-family:Georgia, "Times New Roman", Times, serif;  font-weight:bold}
ul#nav li.home{margin-left:25px; display:inline}
ul#nav li a{text-decoration:none; padding:0; color:#6e5e31;}
ul#nav li a:hover{color:#960E0E}

/*---------------BREAD---------------*/ 
#bread{width:390px; margin-bottom:10px}

/*---------------TWO COLs---------------*/
#twocols{width:790px; float:right; position:relative }
 
/*---------------MAIN COL---------------*/
#maincol{ float:left; display:inline; position: relative; width:575px; margin-left:5px;}
#maincol img{padding:3px; border:1px solid #bdb69f}

/*---------------LEFT COL---------------*/
#leftcol{width:165px; float:left; position:relative; margin:0px; display:inline }
#leftcol img{margin:10px 0 0 5px}

/*---------------RIGHT COL---------------*/
#rightcol{ float:right; display:inline; position: relative; width:190px; margin-right:10px; height:auto !important; height:550px; min-height:550px}
#rightcol img{ margin:0}



form#mailing{margin-bottom:25px; background-color:#FFFFFF}
form#mailing p label{width:70px;}
#submit_mailing{margin-left:55px}

#call_back{width:100%; height:120px; margin-top:20px; background-color:#CCCC66}
#call_back a{width:100%; height:120px; display:block; overflow:hidden}

ul#latest_news{width:100%; background-color:#CCCC00; margin-top:20px}
ul#latest_news li.snippet{font-size:0.8em; line-height:1.1em}

ul#test_snippet{margin-top:20px; background-color:#999966}
ul#test_snippet li.quote{font-size:0.8em;}

ul#basket{list-style:none; margin-bottom:25px; font-size:1.1em}
ul#basket li.title{font-weight:bold}
ul#basket li.total{border-top:1px solid #456; height:24px}
ul#basket li.total span.total{margin-left:70px}
ul#basket li a{text-decoration:none}
ul#basket li a:hover{text-decoration:underline}
ul#basket h2 {width:100%; background:url(images/title-module-basket.gif) no-repeat 10px 8px; text-indent:-3333px; height:30px; border-top:1px solid #b8b29b; border-bottom:1px solid #b8b29b}
ul#basket li{padding:3px}



/*---------------MODULES---------------*/
ul#specials{list-style:none; margin-bottom:25px}
ul#specials h2 { font-size: 1.1em; }
ul#best_sell{list-style:none; margin:10px 0;}
ul#best_sell h2 { font-size: 1.1em; }

ul#email_notice{margin-left:20px; font-size:1.1em}
ul#email_notice li{list-style-type:disc; margin-bottom:8px}

/*---------------BASKET---------------*/
table#basket, table#address_book,table#basket_my_account {width:570px; background-color:#6e5e31; font-size:1.1em; margin:0 auto 30px auto}
table#basket thead, table#address_book thead, table#basket_my_account thead{height:35px; color:#FFFFFF}
table#basket thead tr th.remove{width:65px; text-align:center}
table#basket thead tr th.product{width:280px;}
table#basket thead tr th.price{width:60px}
table#basket thead tr th.qty{width:100px}
table#basket thead tr th.sub_total{width:70px; text-align:right; padding-right:5px}
table#basket tbody, table#address_book tbody, table#basket_my_account tbody{background-color:#F4F2E6}
table#basket tbody tr td{padding:5px 0}
table#basket tbody tr td.remove{text-align:center}
table#basket tbody tr td.right{text-align:right; padding-right:5px}
table#basket tbody tr td.total{text-align:right; padding-right:5px}

table tr td.total{border-top:1px solid #567;}
form#basket input{border:none}

table#basket_my_account thead tr th#product{width:300px;}
table#basket_my_account thead tr th#price{width:60px}
table#basket_my_account thead tr th#qty{width:100px}
table#basket_my_account thead tr th#sub_total{width:130px; text-align:right; padding-right:5px}

table#address_book tbody tr td{margin:5px 0}

/*---------------MY ACCOUNT---------------*/
ul#my_account li.bold{font-weight:bold; margin-top:10px}
#account_new_container{width:240px; float:right}
#account_exist_container{width:330px; float:left; border-right:1px solid #BEBEBE; display:inline}

/*---------------PRODUCT---------------*/
.product_container{margin:0px; margin-bottom:12px; float:left; width:385px; border-bottom:1px solid #bdb69f; padding:15px 0; }
.product_container_big{margin:5px 0 0 5px; margin-bottom:12px; float:left; width:100% }
.product_container img,.product_container_big img{float:left}
.product_container img{padding:3px; border:1px solid #bdb69f}
.product_container ul.product_summary{float:left; width:255px; margin-left:10px}
.product_container_big ul.product_summary{float:left; margin-left:10px}
ul.product_summary {font-size:1.1em; width:350px}
ul.product_summary li{margin-bottom:20px}
ul.product_summary li.rrp{margin-bottom:0}
ul.product_summary li a{font-weight:bold}
ul.product_summary li.desc{clear:left; margin-top:80px}
#desc{width:300px}

p.nostock {font-weight: bold; color: red; }

/*---------------GALLERY---------------*/
ul#category{width:540px; float:left; margin-bottom:20px}
ul#category li{float:left; padding:0 2px}

ul#gallery_1{width:540px; background-color:#33FF99;}
ul#gallery_1 li{float:left; margin:5px 5px 12px 5px}
ul#gallery_1 li img{border:1px solid #456;}

.gallery_2_cont{float:left; clear:left; margin-bottom:15px}
.gallery_2_cont img{float:left; border:1px solid #445566; margin:5px}
ul.gallery_2{float:left}
ul.gallery_2 li.title{font-weight:bold}


/*---------------TESTIMONIALS---------------*/
ul.testimonial li{font-size:0.9em}
ul.testimonial li.name{margin-top:4px; font-weight:bold; margin-bottom:15px}

/*---------------FAQS---------------*/
ul#faq_q{margin-bottom:65px; clear:left; font-size:1.1em}
ul#faq_q li{margin-bottom:5px; font-weight:bold}
ul#faq_q li a{text-decoration:none}

ul.faq_a{margin-bottom:15px; font-size:1.1em}
ul.faq_a li.question{font-weight:bold}
ul.faq_a li.top{font-size:0.9em}

/*---------------ARTICLES---------------*/
ul.article_list{margin-bottom:15px}
ul.article_list li a{font-weight:bold; text-decoration:none}

ul#article-list{width:180px; margin-bottom:25px; float:left}
ul#article-list li{width:180px; float:left; margin-bottom:8px}
/*---------------GET QUOTE---------------*/
form#quote p label{width:80px;}
#submit_quote{margin-left:85px}

/*---------------MY ACCOUNT---------------*/
ul#my_account{font-size:1.1em}
ul#my_account li.bold{font-weight:bold; margin-top:10px}

/*---------------LOCATION---------------*/
ul#location{margin-left:25px}
ul#location li.map{margin-top:15px}

/*---------------CHECKOUT---------------*/
div#checkoutbar { padding: 4px; float:left; width:570px; margin-bottom:10px; font-size:1.1em; background-color:#DCEAFF; border:1px solid #bab598}
span.greyout { color: #CCCCCC; }
div#checkoutbar { padding: 4px; background-color: #e5e2cf; }

ul.confirm_address{width:280px; height:180px; float:left; font-size:1.1em}
ul.confirm_address li.title{font-size:1.2em; font-weight:bold; margin-bottom:5px}

ul.confirm_address_short{width:280px; height:auto; float:left; font-size:1.1em; margin-bottom:30px}
ul.confirm_address_short li.title{font-size:1.2em; font-weight:bold; margin-bottom:5px}

ul.confirm_status{width:50px; height:80px; float:left; margin-right:20px; font-size:1.1em;}

ul.invoice{ width:200px; margin-left:20px }

body#payment p{background-color:#F4F2E6}

table#delivery{width:300px}
table#delivery tr td{font-size:1.1em; padding:3px}

/*---------------CONTACT---------------*/
body#contact #maincol{width:735px;}
ul.contact{margin:0 50px 25px 0; float:left; font-size:1.1em}
ul.contact li.address_bold{font-weight:bold}
ul.contact li.tel{margin-top:12px; font-weight:bold}
ul.contact li.fax{font-weight:bold}
ul.contact li.email{margin-bottom:12px; font-weight:bold}

form#contact{width:400px; float:left}
form#contact label{width:80px;}

/*---------------LINKS---------------*/
ul.links{margin-bottom:20px}
ul.links li {margin:3px 0}
ul.links li.title{font-weight:bold;}

/*---------------SITEMAP---------------*/
ul#sitemap{margin-left:25px}

/*---------------FOOTER---------------*/
#footer{height:40px; line-height:40px; color:#FFF; background-color:#2f2f2f; clear:both; text-align:center; font-size:1.1em;}
#footer a{text-decoration:none; color:#FFF;}
#footer a:hover{text-decoration:underline}
/*---------------MISC---------------*/
div.error, span.special,span.error { font-weight: bold; color: red; }
div.error { font-size: 12px; }


/*---------------FEATURED PRODUCTS---------------*/
table.featured td {vertical-align: top; padding: 2px; border: 1px solid #CCFF00; }

/*---------------RELATED PRODUCTS---------------*/
ul.related{width:560px; border-bottom:1px solid #8A8061; clear:left; height:160px; margin-bottom:10px}
ul.related li.image{float:left; margin-right:15px}