/**
 * Product pages
 *
 * @package Dr.Hauschka
 * @version 20110428
 */
#content .leftcol{max-width:210px;}
#content .rightcol{width:60%;}
#content .product{float:left;width:48%;margin:0 1% 0.5em 0;}
#content .block{margin-bottom:2em}

.sectionimg{position:relative;top:-6px}
.product.row.trio{margin-right:2%;height:auto !important;min-height:10.5em;width:31% !important}
.product.row.trio h2{margin-right:11.5%}
.product.row.trio ul{padding-left:0 !important;margin-left:0 !important;width:98%}
.product.row.trio li{list-style:none;margin-right:5%;float:left;width:98%;font-size:96%;}
.product.row.trio a{display:block !important;float:left;clear:both;width:100%;text-decoration:none;}
.product.row.trio li img{border:0;float:right;margin-left:5px;width:80px;height:80px}

body .product.face{background:url('../img/sections/features/face-care-cleansers.jpg') no-repeat 95% 1.65em}
body .product.autumn{background:url('../img/sections/features/autumn-skin-care.jpg') no-repeat 95% 1.65em}
body .product.body{background:url('../img/sections/features/body-care.jpg') no-repeat 95% 1.65em}
body .product.hair{background:url('../img/sections/features/hair-care.jpg') no-repeat 95% 1.65em}
body .product.sun{background:url('../img/sections/features/sun-care.jpg') no-repeat 95% 1.65em}
body .product.inner{background:url('../img/sections/features/inner-care-sage-pastilles.jpg') no-repeat 95% 1.65em}
body .product.makeup{background:url('../img/sections/features/make-up-trends.jpg') no-repeat 95% 1.65em}
body .product.bath{background:url('../img/sections/features/bath-care-baths.jpg') no-repeat 95% 1.65em}
body .product.books{background:url('../img/sections/features/books-leaflets.jpg') no-repeat 95% 1.65em}
body .product.new{background:url('../img/sections/features/new-this-summer.jpg') no-repeat 95% 1.65em}
body .product.gifts{background:url('../img/sections/features/gifts.jpg') no-repeat 95% 1.65em}
body .product.spring{background:url('../img/sections/features/spring-skin-care.jpg') no-repeat 95% 1.65em}
body .product.winter{background:url('../img/sections/features/skin-care-seasonal-winter.jpg') no-repeat 95% 1.65em;}


body .product.autumn,body .product.face,body .product.body,body .product.hair,body .product.sun,body .product.inner,body .product.makeup,body .product.books,body .product.bath, .product.gifts,
.products.winter,.products.spring,.products.winter{min-height:140px}
body .product.autumn li,body .product.books li,body .product.inner li,body .product.makeup li,body .product.bath li,body .product.face li,
body .product.body li,body .product.hair li,body .product.sun li,.products.gifts li,.product.winter li,.product.spring li,.product.winter li{margin-right:100px;text-transform:lowercase}

.skincare .center{max-width:650px}
.skincare.categories .center{max-width:800px}

.block .leftcol{width:64% !important;}
.section{margin-bottom:1em}

ul.ingredients{margin:0 !important;padding:0 !important}
.ingredients li{display:inline}

.additems input{vertical-align:middle !important}
.additems .text{width:1.5em !important}

#buy ul,#buy li{list-style:none;margin-left:0;padding-left:0;}
#buy li.block{margin:0;margin-bottom:.2em}
.column#buy{margin-right:0 !important;width:50%;}
.column#buy li.block span{float:left;}
.column#buy li{line-height:1.7em;}
.column#buy span.size,.column#buy span.price{width:35%;}
.column#buy span.quantity{width:20%;}
.column#buy button,.column#buy span.quantity{float:right;}
.column#buy button{margin:.5em 16% 1em 0}
.column#buy span.quantity input{width:1.5em;}
#recommended li{text-align:left !important}
#lastviewed.section,#recommended.section{margin-top:1em;border-bottom:1px solid #eeeeee;padding-bottom:.5em;}
#lastviewed.section li, #recommended.section li{list-style:none;width:20%;min-height:200px;height:17em;text-align:center !important;display:inline !important;float:left;margin-right:5%;}
#lastviewed.section li a,#recommended.section li a{text-decoration:none;display:block;width:80px;text-align:center !important;}
#comments{margin-top:1em;}
#comments .block{margin-bottom:0;}
#sidebar-right{margin-top:3.4em}

/* categories */
.category td{vertical-align:top}
.category td h2{margin-top:0 !important}
.category .description{width:45%}
.category .description div{margin-left:100px}
td.description li{margin-left:0 !important;}
.category caption{margin-top:1em}
.category caption{padding:.5em 0 0 0;border-top:1px solid rgb(158, 140, 92)}
.category th{border-bottom:1px solid rgb(158, 140, 92)}
.category caption span{display:block;float:right;position:relative;top:-1em}
.category caption, .products th{text-align:left}
.category td{padding:15px 0;margin-top:5px}
.category tbody td{border-bottom:1px solid rgb(215,215,215);vertical-align:top}
.category th,.category caption{color:rgb(116, 103, 68);padding-top:8px !important;padding-bottom:8px !important}
.category th form{text-align:right}
.category td hr{display:block;position:static}
.category td.size,.category td.condition,.category td.price{padding-top:0 !important}

.category img.product{display:inline;width:80px !important;height:152px !important;border:0 !important;padding-right:2%;margin-bottom:30px !important}
.description h2{text-transform:none !important}
.description p,.description li{font-size:86%;margin-right:5% !important}
.description li{margin-left:105px !important}
td.condition ul{padding-left:15%}
#sort form{text-align:right;padding-bottom:1em}

ul.sizes,ul.prices{padding-left:0 !important;margin-left:0 !important}
th.size,td.size{max-width:55px}
/*th.size,*/td.price, th.price, .prices li{text-align:left;}
.sizes li{text-align:right !important;padding-right:15% !important}
.sizes li,.prices li,.quantity div{list-style:none}

.quantity form,.sizes li,.prices li,td.condition li{line-height:2.5em;}
.quantity{text-align:right !important}

ul.products.list{padding-left:0 !important;margin-left:0 !important}
.products.list li{display:inline;margin-right:1% !important}

#cllogo{text-align:right !important;}
#cl h2{text-transform:none !important;}

/* Social Networking */
#content .social ul{list-style:none;margin-left:0;/*float:right;*/}

/* Fixes */
.features .rendered a{height:24px;overflow:hidden;display:block;background:#fff !important;}
.row.trio ul{border-top:1px solid #ddd;}
.section.navigation.bar{margin-bottom:0;}

