/** * shopp.css * Generic layout & styles for Shopp pages * * @author Jonathan Davis * @package shopp **//* Generic Shopp Styles */#shopp .submit{text-align:right}
#shopp form{text-align:left}
#shopp form.product ul.options{list-style:none}
#shopp form ul{line-height:1}
#shopp form label{font-size:14px;font-weight:bold;padding-bottom:3px}
#shopp form ul li span label,#shopp form div label{font-size:11px;font-weight:normal;padding-bottom:8px}
/** * Catalog/Category **/.categories ul li a.current{font-weight:bold}
#shopp .category{position:relative}
#shopp .views{display:inline;position:absolute;right:0;top:0}
#shopp .views button{border:none;background:none;cursor:pointer;padding:2px}
#shopp .views button:hover{background-color:#ebebeb;border:1px solid #777}
#shopp .views li{display:inline}
#shopp .orderby{float:right}
#shopp .subcategories{padding:10px 0;margin-bottom:10px}
/* Each product in a category has a containing frame */#shopp ul.products li.product div.frame{padding:10px;}
#shopp ul.products li .name,#shopp ul.products li .summary,#shopp ul.products li .savings,#shopp ul.products li .price{margin-top:0;margin-bottom:0}
#shopp ul.products li .details{float:none; min-height:100px;}
#shopp .details-fix{min-height:250px;}/* sets the min height so that the image and the add to cart dont meet! */
/* Hide the product summary in the grid view */#shopp ul.products li .summary{display:none}
#shopp ul.products li .listview{display:none}
#shopp ul.products img{display:block}
#shopp .price{font-weight:bold;line-height:1.5;margin:0}
#shopp .original{text-decoration:line-through}
#shopp .sale{font-size:150%}
.filters a.cancel:before{content:"["}
.filters a.cancel{font-weight:bold}
.filters a.cancel:after{content:"]"}
.filters a.cancel:hover{text-decoration:none}
/* Product List View */
#shopp.list ul.products li{float:none;width:100%;clear:both;padding-bottom:10px}
#shopp.list ul.products li.product{border-bottom:1px solid #ddd}
#shopp.list ul.products li div.frame{width:100%;text-align:left}
#shopp.list ul.products li img{float:left;margin-right:10px}
#shopp.list ul.products li .details{float:left;width:65%}
#shopp.list ul.products li .listview{display:block}
#shopp ul.breadcrumb{margin:10px 0}
#shopp ul.breadcrumb li{background:none;padding:0;display:inline;margin-left:0;text-indent:0}
#shopp ul.categories{float:left;margin-right:20px}
#shopp #new{float:left;width:75%}
/* Category Pagination */#shopp ul.paging{/* placeholder for your styles - inherited defaults:clear:none;display:inline-block;*/}
#shopp ul.paging li{/* placeholder for your styles - inherited defaults:display:inline-block;margin-left:5px;*/}
#shopp ul.paging li a{/* page links default styling */}
#shopp ul.paging li a:hover{/* page links hover styling */}
#shopp ul.paging li.active{/* currrent page style */}
#shopp ul.paging li.disabled{/* style for disabled previous/next links */}
#shopp ul.paging li.previous a,#shopp ul.paging li.next a{/* previous/next link style */}
/** * Product Pages **/#shopp .column{float:left}
#shopp .column.first{width:65%}
#shopp .column.second{float:right;width:35%}
#shopp .original{text-decoration:line-through}
#shopp form.product ul,#shopp form.product ul li,#shopp form.product ul li label{clear:none}
#shopp ul.variations label{display:block}
#shopp dl{clear:both}
#shopp dl dt{font-weight:bold;float:left;margin-right:10px;clear:left}
#shopp dl dd{display:block;clear:right}
#shopp ul{margin-left:60px}
#shopp .gallery{margin:5px 10px 5px 0;float:right}
#shopp .gallery ul.previews li.thumbnails ul{margin:10px 0 10px 0}
#shopp .gallery ul.previews li.thumbnails li{margin:0 5px 0 0}
/** * Shopping Cart **/#shopp #cart{width:100%}
#shopp #cart table{padding:10px 0;width:100%}
#shopp #cart th{text-align:left;font-weight:bold}
#shopp #cart th,#shopp #cart td{padding:3px}
#shopp #cart .item{width:50%}
#shopp #cart .money,#shopp #cart .totals th,#shopp #cart .buttons td{text-align:right;white-space:nowrap}
#shopp #cart .totals.total th,#shopp #cart .totals.total td{font-size:130%}
/*#shopp #cart .remove{font-size:9px}*/
#shopp #cart .remove{width:122px;height:36px;padding:0;margin:0;border:0;background:transparent url('http://www.cleanchange.co.uk/cleanlanguage/wp-content/themes/constructor/images/buttons/Remove.gif') no-repeat center top;overflow:hidden;cursor:pointer;/* hand-shaped cursor */ cursor:hand;/* for IE 5.x */}
#shopp #cart address{font-style:normal}
#shopp #cart big{display:block;margin:10px 0}
#shopp #cart big a.right{float:right}
#shopp .xcheckout{display:block;clear:both;text-align:right}
#shopp .xcheckout button{border:none;margin:0;padding:0}
#shopp .xcheckout img{border:none;margin:0;padding:0}
#shopp-cart.widget p.status{margin-bottom:10px}
/** * Checkout **/#shopp #shipping-methods{padding-left:30px}
#shopp #shipping-methods li{margin-top:5px}
#shopp #shipping-methods input{margin-left:-16px}
#shopp #errors{color:#990000}
/** * Order Receipt **/#shopp #receipt{position:relative;margin:20px 0}
#shopp #receipt address{font-style:normal}
#shopp #receipt fieldset{float:left;width:auto;width:42%;padding:10px;border:1px solid #dadada;margin-bottom:30px}
#shopp #receipt fieldset.shipping{width:42%;float:right}
#shopp #receipt fieldset legend{display:block}
#shopp #receipt table.transaction{clear:both;width:100%;margin-bottom:10px}
#shopp #receipt table.transaction th{text-align:right;width:80px;padding-right:10px}
#shopp #receipt .order{width:100%;clear:both;border:none}
#shopp #receipt td{border:none}
#shopp #receipt th{font-weight:bold;text-align:left;border:none}
#shopp #receipt th,#shopp #receipt td{padding:3px 0}
#shopp #receipt .order .item{width:50%}
#shopp #receipt .order .money,#shopp #receipt .order .total,#shopp #receipt .order .buttons td{text-align:right}
#shopp #receipt .order .totals.total th,#shopp #receipt .order .totals.total td{font-size:130%}

#shopp .list ul.products li img{float:none;margin-right:10px}
#shopp .thumbimage { width: 125px; float: left; }


#shopp .details-fix li {list-style-image:url('http://www.cleanchange.co.uk/store/images/arrow_small.jpg');list-style-position:outside;margin-bottom:1px;float:none;margin-right:10px}

#shopp .tagcloud,.shopp.tagcloud{width:90%;padding:0;}
#shopp .tagcloud li,.shopp.tagcloud li{display:inline;line-height:1.2;background-image:none;padding:0;}
.shopp.tagcloud li.level-1{font-size:11px;}
.shopp.tagcloud li.level-2{font-size:11px;}
.shopp.tagcloud li.level-3{font-size:11px;}
.shopp.tagcloud li.level-4{font-size:11px;}
.shopp.tagcloud li.level-5{font-size:11px;}
.shopp.tagcloud li.level-6{font-size:11px;}
.shopp.tagcloud li.level-7{font-size:11px;}


#featured {height:220px; width:100%;}
#featured td {width:33%; text-align:center; vertical-align:top;}
#featured td a {border-bottom: medium none;}
.mainsearch {background:#fff; border:1px solid #8952b0; font-weight:300; color:#1a7fb7;}