
/*Cleafix*/
.well:before,  
.well:after,
form#add-cart .form-group:before,
form#add-cart .form-group:after,
form.checkout-form fieldset:before,
form.checkout-form fieldset:after {  
    content: " ";  
    display: table;  
}  
.well:after, form#add-cart .form-group:after, form.checkout-form fieldset:after {  
    clear: both;  
}  
/* For IE 6/7 only */  
.well, form#add-cart .form-group, form.checkout-form fieldset {  
    *zoom: 1;  
}  


.well { min-height: 20px;}
.well { background: none; border: 0; padding: 8px; margin-bottom: 10px; }

.btn-group { position: relative; display: inline-block; }
.btn-group > .btn { 
	margin: 0; 
	position: relative; 
	float: left;
	padding: 6px 10px;
	font-size: 1.2em;
	background-color: #fff;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.btn-group >.btn {
	color: #252525;
}
.btn-group > .btn-active{
	color: #fff;
	background-color: #252525;
}
.btn-group >.btn:hover {
	color: #ccc;
}

#productlist .featureprojectwrap { display: none;}

.image { position: relative}
.thumbnail .image a  { display: block}
.thumbnail .image a > img { width: 100%; height: auto; display: block}

.caption h3 { margin: 10px 0; margin-bottom: 6px}
.productratecart button { margin: 0}
.productratecart span { display: inline-block;}
.price { font-weight: bold; font-size: 1.4em; display: block; margin-top: 4px}
.oldprice { text-decoration: line-through; margin: 0 4px;}
.thumbnail .sale, .thumbnail .new { position: absolute; top: 0; left: 0; display: block; padding: 6px 10px;}




ul.bestseller { margin: 6px 0;}
ul.bestseller li { display: block; font-size: 1em; height: 80px}
ul.bestseller li img { float: left; display: block; width: 80px; height: 80px; padding: 10px}
ul.bestseller li a.productname { padding-top: 10px; display: block}
ul.bestseller li span.price { font-size: 1.2em;}

img.my-foto-container, img.zoom { max-width: 100%; height: auto}

form#add-cart, .productprice,.productdescription { margin: 20px 0}

/*form#add-cart .form-group label, form#add-cart .form-group select { width: 70px; display: inline-block;}
form#add-cart .form-group input[type="number"] { width: 20px;}*/
form#add-cart .form-group { 
	outline: 1px solid #666;
	width: 200px;
	position: relative;
	height: 38px;
}

form#add-cart .form-group label {
	display: inline-block;
	padding: 0px 8px;
	width: 80px;
	line-height: 38px;
}

form#add-cart .form-group input, form#add-cart .form-group select {
	margin: 0;
	float: right;
	background-color: transparent;
	color: #fff;
}
form#add-cart .form-group select {
	line-height: 38px;
	-webkit-appearance: none;
	padding-right: 6px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}

form#add-cart .form-group input[type="number"] {
	width: 40px;
	background-color: #666;
	line-height: inherit;
	text-align: center;
}

form#add-cart .form-group:after {
	content: "\f107";
	font-family: FontAwesome;
	background: #666;
	color: #fff;
	outline: 1px solid #666;
	width: 40px;
	text-align: center;
	position: absolute;
	z-index: 9999;
	top:0;
	right:-40px;
	line-height: 38px;
}
.noArrow {
	width: 240px!important;
}
form#add-cart .noArrow:after {
	display: none!important;
}


.productbtn input[type="submit"] { width: 240px; padding: 1em;}

.mousemove { margin-top: 20px; margin-bottom: 10px;}

.control-group { margin-bottom: 10px}
.form-register .control-label { width: 300px; margin-bottom: 8px; float: left; padding:0 15px 0 0;}
.control-label span.red { color: #F00;}


.form-register input[type="text"] {
	min-width: 50%;
	font-size: 1em;
	padding: 7px 12px
}
.form-register input[type="text"]:focus {
	outline:none;  
	color: #252525;
	background-color: #fff;
}

.registerbox {
	padding: 20px 15px 0 15px;
	margin-bottom: 20px;
}

.shop-header { 
	padding: 8px 0;
	background-color: rgba(18,18,18, 0.5); 
}
.shop-header .btn { margin: 0}
.shop-header ul.topcart {
	border: 2px solid #fff;
	margin-right: 6px;
} 
.shop-header .topcart > li {
	padding: 0 8px;
	float: right;
	position: relative;
	display: block;
}
.shop-header .topcart li > .name {
	white-space: normal;
}

.shop-header .open >.dropdown-menu { display: block;}

.shop-header .dropdown-menu { 
	display: none;
	position: absolute;
	left: 0px;
	z-index: 99999;
	list-style: none;
	background-color: #fff;
	border: 1px solid #E7E7E7;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	max-width: 170px;
	padding: 5px 0;
	margin: 0;
	margin-left: -2px;
	background-clip: padding-box;
}

.shop-header .dropdown-menu > li { padding: 5px 8px 8px 8px}
.shop-header ul.topcartopen { right: 0;}

.topcart > li ul li .btn { margin: 4px 0; display: block; padding: 2px; text-align: center;}
.topcart .dropdown-menu img { max-width: 100%; height: auto; display: block;}
.topcart > li ul li .name { display: inline;}
.dropdown-menu>li>a { display: block;}

.cart-info tbody { background-color: transparent;}
.cart-info table .price { font-weight: normal; font-size: 100%;}
.cart-info table th.price { color: #999;}
.checkout-panel .price, .order-totals, .checkout-panel .btn { margin: 10px!important; font-size: 1.2em;}


.messages { padding: 1em; margin: 10px 0;}
.messages button { background-color: transparent; font-size: 1em; font-weight: bold;}

table.cart tbody { background-color: transparent;}
table.cart tbody img { width: 100%; height: auto;}
table.cart thead th { padding: 8px 8px;}
.cart-form .quantity input { padding: 8px 10px; width: 60px!important; font-size: 1em; text-align: left!important}

/*table.cart input[type=checkbox] { visibility: hidden;}*/

.removeCheck { 
	width: 25px;
	margin: 20px 100px;
	position: relative;
}

.removeCheck label {
	cursor: pointer;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	background: #fff
}

.removeCheck label:after {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.removeCheck label:hover::after {
	opacity: 0.5;
}

.removeCheck input[type=checkbox]:checked + label:after {
	opacity: 1;
}


.form-actions button#updatecart { margin-top: 10px!important; margin-right: 4px!important;}


/*Checkout form*/
.checkout-form fieldset { padding: 0!important;}
.checkout-form fieldset {border: 0!important;}
.checkout-form legend { 
	margin: 0!important;
	padding: 0!important;
}


form.checkout-form .form-group label.control-label {
	display: block;
	margin-bottom: 6px;
}
form.checkout-form .form-group.input_id_billing_detail_first_name, form.checkout-form .form-group.input_id_billing_detail_last_name, 
form.checkout-form .form-group.input_id_billing_detail_postcode, form.checkout-form .form-group.input_id_billing_detail_country,
form.checkout-form .form-group.input_id_billing_detail_phone, form.checkout-form .form-group.input_id_billing_detail_email {
	float: left;
}
form.checkout-form .form-group.input_id_billing_detail_first_name, form.checkout-form .form-group.input_id_billing_detail_last_name, 
form.checkout-form .form-group.input_id_billing_detail_phone, form.checkout-form .form-group.input_id_billing_detail_email {
	width: 50%;
}
form.checkout-form .form-group.input_id_billing_detail_first_name, form.checkout-form .form-group.input_id_billing_detail_phone {
	padding-right: 12px;
}

form.checkout-form .form-group.input_id_billing_detail_postcode {
	width: 35%;
	padding-right: 12px;
}


form.checkout-form .form-group.input_id_billing_detail_country {
	width: 65%;
}

form.checkout-form .form-group textarea#id_additional_instructions {
	height: 90px;
}

form.checkout-form .form-group.has-error > input {
	background-color: #FF9F9F;
} 
form.checkout-form .form-errors {
	font-size: 1.2em;
}

.checkout-panel ul.media-list {
	margin: 12px 0;
}

.checkout-panel ul.media-list {
	margin: 12px 0;
}

.checkout-panel ul.media-list li img {
	min-width: 80px;
	height: auto;
}

.checkout-panel ul.media-list li .media-body span.descript, .checkout-panel .price {
	float: left;
	line-height: 80px;
	margin: 0 10px!important;
}


