/*** 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-image: -webkit-gradient(linear, left top, left bottom, from( #151515), to( #999999 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #151515, #999999);
	background-image:    -moz-linear-gradient( #151515, #999999);
	background-image:     -ms-linear-gradient( #151515, #999999);
	background-image:      -o-linear-gradient( #151515, #999999);
	background-image:         linear-gradient( #151515, #999999);

}
.mboverlay, .invoverlay {
    background: #000000;
    border-width: 0;
}

.mbpopup-content, .invpopup-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: 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: 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);
}

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.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: 4px 2px 4px 2px; margin: 1% 2px 1% 2px; text-align:right }
.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;
}
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,
.userPathContainer
{
	padding: 5px;
	
	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);	
}

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.pathLast { 
	text-align: left;	  

	color: #222;
	background: #fff;

	padding: 0.1em 0;
	border: 1px solid #b7b7b7;
 
	background-position: 0 50%;
	background-repeat: no-repeat;

	-moz-border-radius: 	14px;
	-webkit-border-radius: 	14px;
	border-radius: 			14px;
	}
div.pathFirst a, div.pathLast a {
	text-overflow: ellipsis;
	padding: 0 20px;
	min-width: 0.75em;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
}
div.pathLast { text-align: center; font-size: 1.2em; float: right; margin-right: 5px; }

/*** 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.mobileRedirect ,div.page {
	font-family: 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;
}
 div.page.shopsPage{
	font-family: 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 #f9cfc7;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9cfc7), to( #f9cfc7));
	background-image: -webkit-linear-gradient( #f9cfc7, #f9cfc7);
	background-image:    -moz-linear-gradient( #f9cfc7, #f9cfc7);
	background-image:     -ms-linear-gradient( #f9cfc7, #f9cfc7);
	background-image:      -o-linear-gradient( #f9cfc7, #f9cfc7);
	background-image:         linear-gradient( #f9cfc7, #f9cfc7);
	
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
}
 div.page.productsPage{
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 8px;
	margin: 10px 0;
	border: 1px solid #ccc;
	background: #f8d1bf;
	font-weight: bold;
	color: #222;
	text-shadow: 0 0 #f9cfc7;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9cfc7), to( #f8d1bf));
	background-image: -webkit-linear-gradient( #f8d1bf, #f8d1bf);
	background-image:    -moz-linear-gradient( #f8d1bf, #f8d1bf);
	background-image:     -ms-linear-gradient( #f8d1bf, #f8d1bf);
	background-image:      -o-linear-gradient( #f8d1bf, #f9cfc7);
	background-image:         linear-gradient( #f8d1bf, #f8d1bf);
	
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
}

div.page a ,div.mobileRedirect a{
	display: block;
	background: url(../ecommerce/images/next.gif) no-repeat scroll 100% 50%;
}

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