<br />
/* facebook */
.fb-like{top: 20px;left: 900px;position: absolute;}


/* common styles */
.clear_block,.clearblock{display: block;clear: both;line-height: 0px;}
.mbf_border{border: 2px solid #9B99BB;}
.mbf_background_light{background-color:#F2F3F8;}
.mbf_background_white{background-color:#fff;}
.mbf_title{border-bottom: 2px solid #9B99BB; text-align: center; width: 100%;text-transform: uppercase;line-height: 28px; font-size: 16px; font-weight: bold;color: #7B78A3}
.error {	font-size: 12px; color:red;}

.bold{font-weight: bold;}
.italic{font-style: italic;}
.textred{color: red;}
.textblack{color: black;}

/* content default */
#content{font-size: 14px;color: #7B78A3;line-height: 18px;}


/* back button */
#mbf_back{text-align: right;clear: both; margin: 5px;}
#mbf_back a,#mbf_back a:link,#mbf_back a:hover,#mbf_back a:visited{font-size: 14px;font-weight: normal;text-decoration: none;margin-right: 20px;}

/* shortcuts link to the related page*/
#top_shortcut{text-align: left;clear: both; margin: 5px;color:#7b78a3;}
#top_shortcut a,#top_shortcut a:link,#top_shortcut a:hover,#top_shortcut a:visited{font-size: 14px;font-weight: normal;text-decoration: none;text-transform: capitalize;}

/* the login box */
#mbf_loginbox{margin: 30px 0 0 20px;width: 600px;line-height: 20px;}
#mbf_loginbox .row{text-align: left;margin: 5px 0 5px 5px;}
#mbf_loginbox .row .label{display: inline-block;width:170px;font-size: 12px; font-weight: bold;text-align: left;}
#mbf_loginbox .row .text{display: inline-block;width: 400px;text-align: left;}
#mbf_loginbox .error{font-size: 12px; color: red;}
#mbf_loginbox .center{text-align: center;}

#submitbutton {
	color: white !important;
	background: #EB008B !important;
}

#submit_order {
	color: white;
	background: #EB008B;
}
/* the spin input */
.spineditor{width: 60px;height: 22px;}
.spineditor input{float: left;width: 40px; height: 100%;font-size: 14px; font-weight:bold;text-align: center;border: 1px solid #696697;border-right: none;line-height: 20px;}
.spineditor .scroll{float: left;width: 18px;height:100%;margin: 0 0 0 -1px;border: 1px solid #696697; border-left: none;}
.spineditor .scroll .up{display: block;margin: 2px 0 0 0;}
.spineditor .scroll .down{display: block;margin: 4px 0 0 0;}

/* cart */
.mbf_cart{border: 2px solid #9B99BB;display: block; clear: both;}


.mbf_cart #total { width: 100%; height: 80px;}

.mbf_cart #total .tlabel {
    width: 680px;
    float: left;
    text-align: right;
    font-size: 16px;
    margin: 0 5px 0 0;
}
.mbf_cart #total .tvalue {
    width: 165px;
    float: left;
    text-align: right;
    font-size: 16px;
    margin: 0 5px 0 0;
}

.mbf_cart .row{margin: 2px 0 2px 0;}
.mbf_cart .row *{display: inline-block;font-size: 12px;text-align: center;color:#8B8B8B;font-weight: bold;vertical-align:middle;}
.mbf_cart .hrow *{display: inline-block;font-size: 10px;text-align: center;color:#8B8B8B;font-weight: normal;vertical-align:middle;}
.mbf_cart .row .photo{width: 120px;}
.mbf_cart .row .product{width: 130px;text-align: left;}
.mbf_cart .row .size{width:70px;}
.mbf_cart .row .rrp{width:110px;}
.mbf_cart .row .quantity{width: 100px;margin-bottom: 5px;}
.mbf_cart .row .stock{width: 70px;}
.mbf_cart .row .subtotal{width: 100px;margin-bottom: 7px;}
.mbf_cart .row .subtotal-value{font-size: 16px;}
.mbf_cart .row .remove{width: 60px;}
.mbf_cart .row .purchase_date{width: 120px;}
.mbf_cart .row .button{width: 150px;}
.mbf_cart .row .note {width: 200px;}
.mbf_cart .row textarea {font-weight: normal;color: black;text-align: left;}
.mbf_cart .row .button a {
	color: white !important;
	background-color: #6D6B9C !important;
	border: none !important;
}

.mbf_cart .row .remove a {text-align: center;color: red;font-family: 'titillium_webregular';font-size:24px; line-height:20px; text-decoration: none; width: 24px; height: 24px; -webkit-border-radius: 100%; border-radius:100%;}
.mbf_cart .row .remove a:hover {background: red; color:white;}
.mbf_cart div:not(.hrow).row .size, .mbf_cart div:not(.hrow).row .product { margin-bottom: 7px;}
.mbf_cart div:not(.hrow).row .stock {height: 40px; margin: 4px 0px 16px 0px;}
.mbf_cart div:not(.hrow).row .note {height: 40px; margin: 5px 0px 15px 0px;}

.mbf_cart .row .stock_yes, 
.mbf_cart .row .stock_no, 
.mbf_cart .row .stock_soo, 
.mbf_cart .row .stock_ava, 
.mbf_cart .row .stock_low 
{ height: 40px; width: 40px; }

.mbf_cart .srow{border-top: 2px solid #9B99BB;background-color:#F2F3F8;}
.mbf_cart .srow .left{width: 300px; float: left;margin: 10px 0 10px 10px;}
.mbf_cart .srow .left img{display: inline;}
.mbf_cart .srow .updcartalert{float: left;text-align: center;width:320px; margin: 10px 0 10px 20px; line-height: 18px;font-size: 12px; color: red;}
.mbf_cart .srow .right{width: 143px; float: right;margin: 10px 70px 10px 0;}
.mbf_cart .srow .right .button input {width: 184px !important; padding: 0px 30px !important;}
#submitbutton { width: 124px !important; padding: 0px 30px !important; margin: 5px 0px 10px 0px !important; border: none !important;}

.mbf_cart_shipping_box {float: left;border: 2px solid #9B99BB;margin:20px 0 0 0px; width: 380px;background-color:#F2F3F8;}
.mbf_cart_shipping_box .heading{padding:5px 0 5px 15px;text-transform: uppercase;font-size: 16px; font-weight: bold;color: #9491B2;border-bottom: 2px solid #9B99BB;background-color:#fff;}
.mbf_cart_shipping_box .row {margin: 15px 0 5px 0;}
.mbf_cart_shipping_box .row .check{display: inline-block;vertical-align:middle;width: 30px;margin-left: 20px;}
.mbf_cart_shipping_box .row .text{display: inline-block;vertical-align:middle;width: 160px;font-size: 12px;font-weight: bold;}
.mbf_cart_shipping_box .row .logo{display: inline-block;vertical-align:middle;width: 120px;}

.mbf_cart_cost_box { float:right;width: 330px; border: 2px solid #fff; margin-top: 20px; line-height: 24px;}
.mbf_cart_cost_box *{display: inline-block;font-size: 16px; color: #605D7C;margin-top: 2px;}
.mbf_cart_cost_box .name{width: 120px;text-align: right;}
.mbf_cart_cost_box .value{width: 160px;text-align: right;}
.mbf_cart_cost_box .gtname{width: 120px;text-align: right;font-size: 16px; font-weight: bold; }
.mbf_cart_cost_box .gtvalue{width: 160px;text-align: right;font-size: 18px; font-weight: bold;}
.mbf_cart_cost_box .button{margin:10px auto; width: 100%; display: block;text-align: right;}

/* user registration form */
#mbf_registration {color: #6B6A6F; margin: 15px 0 0 0;}
#mbf_registration .col{width: 290px; float: left;margin: 5px 0 5px 5px;}
#mbf_registration .field{width: 270px;margin: 10px 0 0 0;font-size: 12px;}
#mbf_registration .fieldhalf {display: inline-block;margin: 10px 2px 0 0;width: 130px;}
#mbf_registration .field label,#mbf_registration .fieldhalf label{font-size: 12px; font-weight: bold;display: block;margin: 2px 0 2px 2px;}
#mbf_registration .field input{font-size: 14px; width: 260px;letter-spacing:1px;}
#mbf_registration .field .optional,#mbf_registration .tickbox .optional{font-size: 12px;font-weight: normal;}
#mbf_registration .field .error,#mbf_registration .fieldhalf .error,#mbf_registration .tickbox .error{color: red;}
#mbf_registration .fieldhalf input,#mbf_registration .fieldhalf select{font-size: 14px; width: 120px;letter-spacing:1px;}
#mbf_registration .tickbox{width: 270px;height: 25px;}
#mbf_registration .tickbox label{font-size: 12px; font-weight: bold; color: #6B6A6F;margin: 0 0 5px 5px;vertical-align: middle;}
#mbf_registration .tickbox label input{width: 19px;height: 22px;padding: 0 10px 0 0;display: block;clear: left;float: left;}
#mbf_registration .statecombo{text-transform: uppercase;}
#mbf_registration .statecombo option{padding-left: 10px;text-transform: uppercase;}
#mbf_registration .fieldhalf .displaynone{display:none;}
#mbf_registration .fieldhalf .displayblock{display: block;}


/* claim and return */
.borderbox {border: 1px solid #DDD;	background: #fff;	margin: 10px 0 10px 0;padding: 25px;width: 850px;border-radius: 20px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	overflow: hidden;
	display: block;
	clear: both;
}
.borderbox .heading{font-size: 14px; font-weight: bold;margin: 5px 0 10px 0;}
.borderbox .text{font-size: 12px; font-weight: normal; line-height: 24px;clear: both;display: block;}
.borderbox .width300{width: 300px; display: inline-block;line-height: 16px;}
.list li{list-style: none;margin-top: 5px;}


.mbf_claim{}
.mbf_claim .row{margin: 2px 0 2px 0;display: block;border-bottom: 1px solid #B0AFD0;font-size: 14px;text-align: left;}
.mbf_claim *{text-align: center;display: inline-block;vertical-align:middle;}
.mbf_claim .row .itemsel{width:50px;}
.mbf_claim .row .photo{width:110px;margin:0 20px 0 0;}
.mbf_claim .row .style{width:120px;}
.mbf_claim .row .colour{width:100px;}
.mbf_claim .row .quan{width:60px;}
.mbf_claim .row .size{width:50px;}
.mbf_claim .row .sizeexch{width:60px;}
.mbf_claim .row .retquancbox{width:110px;}
.mbf_claim .row .returned{width:70px;}
.mbf_claim .row .exchanged{width:70px;}
.mbf_claim .row .info{width:140px;height: 35px;background-color:white; color: black; border: 1px solid black; line-height: 40px;padding: 0 10px 0 10px;}
.mbf_claim .row .info:hover { cursor: pointer;}
.mbf_claim .row .despatch{width:110px;}
.mbf_claim .row .heading{font-weight: normal;}
.mbf_claim .row .bold{font-weight: bold;}
.mbf_claim .row .photo img{height: 40px;width: auto;margin:auto;}

/* for post code pop up */
.postcode_popup{position: absolute;width:250px;	display: block;border:1px solid #aaa;z-index: 1000;background-color: white;}
.postcode_popup_hide{display:none;}
.postcode_popup span{width: 100%; font-size: 10px;color: red;}

/* for static pages */
.staticpad{margin:10px 0 10px 5px;width: 920px;}


.test{
	text-transform: uppercase;
}