/*** generic page style ****/
.mbbody {
	border-bottom: 1px solid 		#c4c4c4;
	border-top: 1px solid 		#c4c4c4;
	color: 					hsl(0, 0%, 30%);
	/*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);
}
.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-top: 1px solid #f0f0f0;
	background: #eee;
	text-transform: uppercase;
	/*font-weight: bold;*/
	color: #777676;
	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: #2F3E46; }

.mbbutton-hover {
	border: 1px solid #bbb;
	background: #dfdfdf;
	font-weight: bold;
	color: #777676;
	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: #777676;
	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;
	margin-top: 10px;
	margin-bottom: 2px;
	color: #777676;
	background: #dfdfdf;
  border: solid 1px #b7b7b7;
	text-transform: uppercase;font-weight: normal;
}

.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	text-decoration: none;
	border: solid 1px #555;
	color: #777676;
	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 hsl(37, 90%, 56%);
	color: #ffffff;
	background: hsl(37, 90%, 56%);
	text-align: center;	
}

a.mbbutton:hover,
input.moduleButton:hover,
.basketButtons input:hover,
.basketButtons a:hover,
.miniBasketButtons input:hover,
input.productDetailButton:hover {
	border: 1px solid hsl(37, 90%, 56%); 
	color: #fff;
}

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: 10px;  }
.productsPagination a.pager {  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);   border:none;
    color: #000;  margin: 0 1px; min-width: 0.75em;  overflow: hidden;  padding: 2px 5px; position: relative;  text-align: left;  text-transform: normal;  white-space: nowrap;

/*	background-image: url(../ecommerce/images/next.png); 
	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;
}

/*** paths (breadcrumbs) ***/
.categoryPathContainer,
.pagePathContainer,
.searchPathContainer
{
	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 {  background: url("../ecommerce/images/back.png") no-repeat scroll 3% 50% #fff;   border: 1px solid #c4c4c4;
    font-size: 15px; margin-top: 2px;  text-transform: uppercase;
/*
	-moz-border-radius: 	14px;
	-webkit-border-radius: 	14px;
	border-radius: 			14px;*/
}
div.pathFirst a {text-overflow: ellipsis; padding: 0 5px 0px 15px; min-width: 0.75em; overflow: hidden; position: relative;	white-space: nowrap;}
div.pathLast { font-weight:bold; text-align: center; font-size: 15px; float: right; margin-right: 5px;  text-transform: uppercase;}

/*** 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 {
	text-decoration: none;
	padding: 8px;
	margin: 10px 0;
	border: 1px solid #ccc;
	background: #eee;
	color: #777676;
	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 a {
	display: block;
	background: url(../ecommerce/images/next.png) no-repeat scroll 100% 50%;
}

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