/*** generic page style ****/

.mbbody {

	border: 1px solid 		#aaa;

	color: 					#333333;

	text-shadow: 0 1px 0 #fff;

	background: 			#f9f9f9;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9), to( #eeeeee )); /* Saf4+, Chrome */

	background-image: -webkit-linear-gradient( #f9f9f9, #eeeeee);

	background-image:    -moz-linear-gradient( #f9f9f9, #eeeeee);

	background-image:     -ms-linear-gradient( #f9f9f9, #eeeeee);

	background-image:      -o-linear-gradient( #f9f9f9, #eeeeee);

	background-image:         linear-gradient( #f9f9f9, #eeeeee);

}

.mb-footer {

	border: none;

	background: -moz-linear-gradient(top, rgba(63,54,58,0.45) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,54,58,0.45)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, rgba(63,54,58,0.45) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, rgba(63,54,58,0.45) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, rgba(63,54,58,0.45) 0%,rgba(255,255,255,0) 100%); /* IE10+ */

	background: linear-gradient(to bottom, rgba(63,54,58,0.45) 0%,rgba(255,255,255,0) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#733f363a', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

.mboverlay {

    background: #000000;

    border-width: 0;

}



.mbpopup-content { 

	border:4px solid #ccc;

	background-color:#fff;



	-moz-border-radius: 9px;

	-webkit-border-radius: 9px;

	-khtml-border-radius: 9px;

	border-radius: 9px;

	

	-moz-box-shadow:0 0 5px #333;

	-webkit-box-shadow:0 0 5px #333;

	box-shadow:0 0 5px #333;

}



/*** generic visual "effects" ****/

.mbbutton-up {

	border: 1px solid #ccc;

	/*background: #eee;*/

	font-weight: bold;

	color: #222;

	text-shadow: 0 0 #ffffff;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #f1f1f1));

	background-image: -webkit-linear-gradient( #ffffff, #f1f1f1);

	background-image:    -moz-linear-gradient( #ffffff, #f1f1f1);

	background-image:     -ms-linear-gradient( #ffffff, #f1f1f1);

	background-image:      -o-linear-gradient( #ffffff, #f1f1f1);

	background-image:         linear-gradient( #ffffff, #f1f1f1);

}



.mbbutton-up a.mblink-inherit { color: #000000; }



.mbbutton-hover {

	border: 1px solid #bbb;

	background: #dfdfdf;

	font-weight: bold;

	color: #222;

	text-shadow: 0 1px 0 #ffffff;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6), to( #e0e0e0));

	background-image: -webkit-linear-gradient( #f9f9f9, #e0e0e0);

	background-image:    -moz-linear-gradient( #f6f6f6, #e0e0e0);

	background-image:     -ms-linear-gradient( #f6f6f6, #e0e0e0);

	background-image:      -o-linear-gradient( #f6f6f6, #e0e0e0);

	background-image:         linear-gradient( #f6f6f6, #e0e0e0);

}

.mbbutton-hover a.mblink-inherit { color: #2F3E46; }



.mbbutton-down {

	border: 1px solid #bbb;

	background: #d6d6d6;

	font-weight: bold;

	color: #222;

	text-shadow: 0 1px 0 #ffffff;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#dfdfdf));

	background-image: -webkit-linear-gradient( #d0d0d0, #dfdfdf);

	background-image:    -moz-linear-gradient( #d0d0d0, #dfdfdf);

	background-image:     -ms-linear-gradient( #d0d0d0, #dfdfdf);

	background-image:      -o-linear-gradient( #d0d0d0, #dfdfdf);

	background-image:         linear-gradient( #d0d0d0, #dfdfdf);

}



.mbbutton-down a.ui-link-inherit { color: #2F3E46; }

.mbbutton-up,

.mbbutton-hover,

.mbbutton-down {

	font-family: 'Open Sans', Helvetica, Arial, sans-serif;

	text-decoration: none;

}



.mbbutton-active {

	border: 1px solid #2373a5;

	background: #5393c5;

	font-weight: bold;

	color: #fff;

	cursor: pointer;

	text-shadow: 0 1px 1px #3373a5;

	text-decoration: none;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 ), to( #6facd5));

	background-image: -webkit-linear-gradient( #5393c5, #6facd5);

	background-image:    -moz-linear-gradient( #5393c5, #6facd5);

	background-image:     -ms-linear-gradient( #5393c5, #6facd5);

	background-image:      -o-linear-gradient( #5393c5, #6facd5);

	background-image:         linear-gradient( #5393c5, #6facd5);

	font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif;

}

.mbbutton-active a.mblink-inherit { color: #fff; }

.mbbutton-inner { border-top: 1px solid #fff; border-color: rgba(255,255,255,.3); }



/*** icons ***/

.mbicon,

.mbicon-searchfield:after {

	background: #666;

	background: rgba(0,0,0,.4);

	background-position: 50% 50%;

	background-repeat: no-repeat;	

	-moz-border-radius: 	9px;

	-webkit-border-radius: 	9px;

	border-radius: 			9px;

}



.mbicon-alt {

	background: #fff;

	background: rgba(255,255,255,.3);

	background-position: 50% 50%;

	background-repeat: no-repeat;

}



.mbicon-arrow { background-image: url(../ecommerce/images/arrow.png); background-color: transparent; }

.mbicon-addtocart { background-image: url(../ecommerce/images/addtocart.png); }

.mbicon-delete { background-image: url(../ecommerce/images/cancel.png); }

.mbicon-dropdown { background-image: url(../ecommerce/images/dropdown.gif); }

.mbicon-cleartext { background-image: url(../ecommerce/images/cancel.png);  }

.mbicon-search, .mb-icon-searchfield:after { background-image: url(../ecommerce/images/find.png); }



/* icons for HD/"retina" sprite */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

       only screen and (min--moz-device-pixel-ratio: 1.5),

       only screen and (min-resolution: 240dpi) {

	

	.mbicon-plus, .mbicon-minus, .mbicon-delete, .mbicon-arrow-r,

	.mbicon-arrow-l, .mbicon-arrow-u, .mbicon-arrow-d, .mbicon-check,

	.mbicon-gear, .mbicon-refresh, .mbicon-forward, .mbicon-back,

	.mbicon-grid, .mbicon-star, .mbicon-alert, .mbicon-info, .mbicon-home, .mbicon-search, .mbicon-searchfield:after, 

	.mbicon-checkbox-off, .mbicon-checkbox-on, .mbicon-radio-off, .mbicon-radio-on {

	/*

		background-image: url(images/icons-36-white.png);

		-moz-background-size: 776px 18px;

		-o-background-size: 776px 18px;

		-webkit-background-size: 776px 18px;

		background-size: 776px 18px;

	*/

	}

	

	.mbicon-alt {

		/* background-image: url(images/icons-36-black.png);*/ /* global icon set */

	}

}



/*** buttons and "link buttons" elements  ***/

.button,

.button:visited,

input[type="submit"],

input[type="button"] {

	display: inline-block;

	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */

	*display: inline;

	overflow: visible;

	vertical-align: baseline;

	padding: 4px 19px;

	outline: none;

	cursor: pointer;

	text-align: center;

	text-decoration: none;

	letter-spacing: normal;

	font: 14px/100% sans-serif;

	margin-top: 10px;

	margin-bottom: 2px;

	color: #222;



	background: #dfdfdf;



	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6", endColorstr="#E0E0E0");

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F6F6F6FF, endColorstr=#E0E0E0F1)";



	background-image:  -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e0e0e0));

	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6), to( #e0e0e0));

	background-image: -webkit-linear-gradient( #f9f9f9, #e0e0e0);

	background-image:    -moz-linear-gradient( #f6f6f6, #e0e0e0);

	background-image:     -ms-linear-gradient( #f6f6f6, #e0e0e0);

	background-image:      -o-linear-gradient( #f6f6f6, #e0e0e0);

	background-image:         linear-gradient( #f6f6f6, #e0e0e0);



	border: solid 1px #b7b7b7;

	

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-khtml-border-radius: 4px;

	border-radius: 4px;



	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	-khtml-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	box-shadow: 0 1px 2px rgba(0,0,0,.2);

}



.button:hover,

input[type="submit"]:hover,

input[type="button"]:hover {

	text-decoration: none;

	border: solid 1px #555;

	color: #222;

	background: #dcdcdc;

	background: -moz-linear-gradient(top, #fafafa, #dcdcdc);

	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dcdcdc));

	background: -webkit-linear-gradient(top, #fafafa, #dcdcdc);

	background: -khtml-gradient(linear, left top, left bottom, from(#fafafa), to(#dcdcdc));

	background: -o-linear-gradient(top, #fafafa, #dcdcdc);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa", endColorstr="#dcdcdc");

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#dcdcdc)";

}



.button:active,

input[type="submit"]:active,

input[type="button"]:active { position: relative; top: 1px; }

.mbbutton:active { position: relative; top: 1px; }



button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: none; border: 0; padding: 0; }

input[type="submit"]:focus, input[type="button"]:focus { outline : none; }





/* focus state - set here for specificity (note: these classes are added by JavaScript) */

.mbfocus {

	-moz-box-shadow: 0px 0px 4px 	#387bbe;

	-webkit-box-shadow: 0px 0px 4px	#387bbe;

	box-shadow: 0px 0px 4px 		#387bbe;

}



/*** generic states ***/

.mbdisabled { opacity: .3; }

.mbdisabled,

.mbdisabled a { cursor: default !important; pointer-events: none; }

.mbdisabled .mbbutton-text {

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";

	filter: alpha(opacity=30);

	zoom: 1;

}





/*** concrete form buttons ****/

.mbbutton,

input.moduleButton,

.basketButtons input,

.basketButtons a,

.miniBasketButtons input,

input.productDetailButton {



	display: inline-block;

	

	padding: .6em 20px;

	min-width: .75em;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	position: relative;

	zoom: 1;

	z-index: 2;



	white-space: normal;

	text-overflow: ellipsis;



	border: 1px solid #ccc;

	color: #222;

	background: #eee;



	font-weight: bold;

	text-align: center;	

	text-shadow: 0 1px 0 #ffffff;



	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#F1F1F1");

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#F1F1F1F1)";



	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #f1f1f1));

	background-image: -webkit-linear-gradient( #ffffff, #f1f1f1);

	background-image:    -moz-linear-gradient( #ffffff, #f1f1f1);

	background-image:     -ms-linear-gradient( #ffffff, #f1f1f1);

	background-image:      -o-linear-gradient( #ffffff, #f1f1f1);

	background-image:         linear-gradient( #ffffff, #f1f1f1);



	-khtml-border-radius:	9px;

	-webkit-border-radius:	9px;

	-moz-border-radius:		9px;

	-ms-border-radius:		9px;

	-o-border-radius:		9px;

	border-radius:			9px;



	-khtml-box-shadow: 0 1px 4px rgba(0,0,0,.3);

	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);

	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);

	-ms-box-shadow: 0 1px 4px rgba(0,0,0,0.3);

	-o-box-shadow:  0 1px 4px rgba(0,0,0,0.3);

	box-shadow: 0 1px 4px rgba(0,0,0,.3);

}



input.productDetailButton, input#basketEndOrder, input#customerBasketContinue, input#paymentAndShippingBasketContinue { color:#fff; text-shadow:none; }



a.mbbutton:hover,

input.moduleButton:hover,

.basketButtons input:hover,

.basketButtons a:hover,

.miniBasketButtons input:hover,

input.productDetailButton:hover {

	border: 1px solid #bbb;

	background: #dfdfdf;

	font-weight: bold;

	color: #222;

	text-shadow: 0 1px 0 #ffffff;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6), to( #e0e0e0));

	background-image: -webkit-linear-gradient( #f9f9f9, #e0e0e0);

	background-image:    -moz-linear-gradient( #f6f6f6, #e0e0e0);

	background-image:     -ms-linear-gradient( #f6f6f6, #e0e0e0);

	background-image:      -o-linear-gradient( #f6f6f6, #e0e0e0);

	background-image:         linear-gradient( #f6f6f6, #e0e0e0);

}



input.productDetailButton:hover, input#basketEndOrder:hover, input#customerBasketContinue:hover, input#paymentAndShippingBasketContinue:hover { color:#fff; text-shadow:none; }



input.moduleButton:hover a.mblink-inherit,

.basketButtons input:hover a.mblink-inherit,

input.productDetailButton:hover a.mblink-inherit { color: #2F3E46; }



/*** pagination ***/

div.productsPagination { overflow:hidden;  position: relative; padding:5px 2px; margin: 2px; }

.productsPagination a.pager { 

	text-align: left;	  

	color: #222;

	background: #fff;

	border: 1px solid #b7b7b7;

	margin: 0 1px;

	padding: 2px 10px;

	min-width: 0.75em;

	overflow: hidden;

	position: relative;

	white-space: nowrap;

	-moz-border-radius: 	14px;

	-webkit-border-radius: 	14px;

	border-radius: 			14px;

	font-size:12px;

}

div.pathFirst a {

	text-overflow: ellipsis;

	padding: 0 20px;

	min-width: 0.75em;

	overflow: hidden;

	position: relative;

	white-space: nowrap;

}



/*** paths (breadcrumbs) ***/

.categoryPathContainer,

.pagePathContainer,

.searchPathContainer

{

	padding: 5px;

	background: url("../ecommerce/images/topBackground.png") repeat-x center center!important;

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474148', endColorstr='#a22563',GradientType=1 ); /* IE6-9 */

/*

	color: 				#3E3E3E;

	background: 		#eeeeee;

	border: 1px solid	#DDD;

	font-weight: bold;

	text-shadow: 0 1px 1px #fff;

*/

	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#F1F1F1");

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#F1F1F1F1)";

/*

	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #f1f1f1));

	background-image: -webkit-linear-gradient( #ffffff, #f1f1f1);

	background-image:    -moz-linear-gradient( #ffffff, #f1f1f1);

	background-image:     -ms-linear-gradient( #ffffff, #f1f1f1);

	background-image:      -o-linear-gradient( #ffffff, #f1f1f1);

	background-image:         linear-gradient( #ffffff, #f1f1f1);	

*/	

}

.mbcontent .pageText{text-align:justify;}

a.pathLast { color:#fff; }

a.pathLast:hover { color:#DBEFED; }



div.pathSpacer { display: none; }

div.path { display: inline-block; cursor: pointer; float: left; }



div.pathFirst { 

	text-align: left;	  



	color: #222;

	background: #fff;



	padding: 0.1em 0;

	border: 1px solid #b7b7b7;



	background-image: url(../ecommerce/images/back.gif); 

	background-position: 0 50%;

	background-repeat: no-repeat;



	-moz-border-radius: 	14px;

	-webkit-border-radius: 	14px;

	border-radius: 			14px;

}

div.pathFirst a {

	text-overflow: ellipsis;

	padding: 0 20px;

	min-width: 0.75em;

	overflow: hidden;

	position: relative;

	white-space: nowrap;

	font-size:12px;

}

div.pathLast { text-align: right; font-size: 1.1em; float: right; margin-right: 5px; width: calc(70% - 90px);}

div.pathLast a{}



/*** checkout steps ***/

span.basketStep {

	background: #eee;



	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#F1F1F1");

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#F1F1F1F1)";



	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #f1f1f1));

	background-image: -webkit-linear-gradient( #ffffff, #f1f1f1);

	background-image:    -moz-linear-gradient( #ffffff, #f1f1f1);

	background-image:     -ms-linear-gradient( #ffffff, #f1f1f1);

	background-image:      -o-linear-gradient( #ffffff, #f1f1f1);

	background-image:         linear-gradient( #ffffff, #f1f1f1);



	border: solid 1px #b7b7b7;

}



/*** page transitions  ***/

div.page {

	font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif;

	text-decoration: none;

	padding: 8px;

	margin: 10px 0;

	border: 1px solid #ccc;

	background: #eee;

	font-weight: bold;

	color: #222;

	text-shadow: 0 0 #ffffff;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #f1f1f1));

	background-image: -webkit-linear-gradient( #ffffff, #f1f1f1);

	background-image:    -moz-linear-gradient( #ffffff, #f1f1f1);

	background-image:     -ms-linear-gradient( #ffffff, #f1f1f1);

	background-image:      -o-linear-gradient( #ffffff, #f1f1f1);

	background-image:         linear-gradient( #ffffff, #f1f1f1);

	

	-moz-border-radius: 9px;

	-webkit-border-radius: 9px;

	-khtml-border-radius: 9px;

	border-radius: 9px;

}

#userFieldShippingFirstNameContainer label, #userFieldShippingLastNameContainer label, #userFieldShippingNifContainer label, #userFieldshippingPhoneContainer label, #userFieldShippingAddress1Container label, #userFieldShippingCountryContainer label{margin-left: -90px;float: left;width: 84px;text-align: right;}

#shippingAddressFormFieldsContainer{margin-left:90px;}

div.page a {

	display: block;

	background: url(../ecommerce/images/next.gif) no-repeat scroll 100% 50%;

}



div.page a:hover { color: inherit; }