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

.mbbody { 

	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);

}

.productDetailInfo.mbbody { background:#fff/*f2f2f2*/; }

.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 #000;

	background: #eee;

	font-weight: bold;

	color: #005438;

	text-shadow: 0 0 #005438;

	background: #fff /* url(../ecommerce/images/mainBG.png) left center no-repeat #423f3e; */

    border: 1px solid #999999;

    color: #005438;

    font-weight: bold;

    text-shadow: 0 0 #FFFFFF;	

}



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



.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 {   }



/*** 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,

input#index {



	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; 

	font-weight: bold;

	text-align: center;	

	text-shadow: 0 1px 0 #ffffff;

	/*background:#f07444;*/

	



	/*-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; 

	font-weight: bold;

	color: #222;

	text-shadow: 0 1px 0 #ffffff;

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

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

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

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

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

	background-image:         linear-gradient( #FFF), #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: 2px;  }

.productsPagination a.pager { 

	text-align: center;	  

	border: 1px solid #dcdcdc;

	margin: 2px 1px;

	overflow: hidden;

	position: relative;

	white-space: nowrap;

	font-size:10px;

	border-radius: 5px;

 	display: block;



	height: 30px;

    line-height: 30px;

	width: 80px;

/*	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;*/

}



.productsPagination a.pager.pagerNext{

	float: right;

}



.productsPagination a.pager.pagerViewAll{

	    float: right;

}



.productsPagination a.pager.pagerPrevious{

	    float: left;

}



#backToStoreLink{color:#fff;background:#ccc;font:13px/100% sans-serif;}







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: 3px;

	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 a { color: #FFF;}

div.pathFirst { 

	float:none;

	clear:both;

	text-align: left;	  

	color: #FFF;

  height: 30px;

  line-height: 30px;

	border-radius: 5px;

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

	background-position: 0 50%;

	background-repeat: no-repeat;

	background-color: #2264ae;

	margin-top: 5px;

/*

	-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;

}

div.pathLast{ display:none; padding:0px 3px; font-size:15px; font-weight: bold;margin-right: 5px; overflow: hidden; text-align: center; line-height:20px; margin-right:20px;clear:both; float:none; background: #dde4ea; margin:5px 0px;line-height:32px; }

/*** 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;

}

a#index {



color: #FFF;



line-height: 30px;

border-radius: 5px;

font:14px/100% sans-serif;



background-color: #febd21;

margin-top: 5px;

}

/*** page transitions  ***/

div#mobileRedirect{ background:#febd21;}

div.page, div.mobileRedirect {

	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 a ,div.mobileRedirect a{

	display: block;

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

}



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