/* viewports */



.mbmobile, .mbmobile body { height: 99.9%; }

.mbmobile fieldset, .mbpage { padding: 0; margin: 0; }

.mbmobile a img, .mbmobile fieldset { border-width: 0; }

.mbviewport {  margin: 0; overflow-x: visible; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body.mbviewport,

div.mbviewport { overflow-x: hidden; }

.mbpage { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }

.mbmobile .mbpage-active { display: block; overflow: visible; }

.mbpage { outline: none; }



@media screen and (orientation: portrait) {

	.mbmobile, .mbmobile .mbpage { min-height: 420px; }

}

@media screen and (orientation: landscape) {

	.mbmobile, .mbmobile .mbpage { min-height: 300px; }

}



/* layout */

.mbheader {  }

.mbheader-fixed,

.mbfooter-fixed {

	left: 0;

	right: 0;

	width: 100%;

	position: fixed;

	z-index: 1000;

}

.mbheader-fixed { top: 0; }

.mbfooter-fixed { bottom: 0; }

.mbheader-fullscreen,

.mbfooter { background-color:#0F6; }

.mbfooter-fullscreen {  }

.mbpage-header-fixed { padding-top: 2.5em; }

.mbpage-footer-fixed { padding-bottom: 3em; }

.mbpage-header-fullscreen .mbcontent,

.mbpage-footer-fullscreen .mbcontent { padding: 0;}

.mbfixedhidden { position: absolute; }

.mbpage-header-fullscreen .ui-fixed-hidden,

.mbpage-footer-fullscreen .ui-fixed-hidden { left: -99999em; }

.mbheader-fixed .mbbutton,

.mbfooter-fixed .mbbutton { z-index: 10; }



.mbcontent { border-width: 0; overflow: visible; overflow-x: hidden; padding: 10px;}



/* grid layout */

.mbgrid-a, .mbgrid-b, .mbgrid-c, .mbgrid-d { overflow: hidden; background:#FFF; }

.mbblock-a, .mbblock-b, .mbblock-c, .mbblock-d, .mbblock-e { margin: 0; padding: 0; border: 1px; float: left; min-height:1px;}

.mbgrid-solo .mbblock-a { width: 100%; float: none; }

.mbgrid-a .mbblock-a, .mbgrid-a .mbblock-b { width: 50%; }

.mbgrid-a .mbblock-a { clear: left; }

.mbgrid-b .mbblock-a, .mbgrid-b .mbblock-b, .mbgrid-b .mbblock-c { width: 33.333%; }

.mbgrid-b .mbblock-a { clear: left; }

.mbgrid-c .mbblock-a, .mbgrid-c .mbblock-b, .mbgrid-c .mbblock-c, .mbgrid-c .mbblock-d { width: 25%; }

.mbgrid-c .mbblock-a { clear: left; }

.mbgrid-d .mbblock-a, .mbgrid-d .mbblock-b, .mbgrid-d .mbblock-c, .mbgrid-d .mbblock-d, .mbgrid-d .mbblock-e { width: 20%; }

.mbgrid-d .mbblock-a { clear: left; }



@media all and (min-width: 450px) {

	.mbgrid-a .mbtriblock-a, .mbgrid-a .mbtriblock-b, .mbgrid-a .mbtriblock-c { width: 33.333%; }

	.mbgrid-a .mbblock-a { clear: none; }

	.mbgrid-a .mbtriblock-a { clear: left; }

}	

/*

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}

*/



/* icons */

.mbicon { width: 18px; height: 18px; }



/* generic buttons */

.mbbutton-icon-notext .mbbutton-inner .mbicon { margin: 2px 1px 2px 3px;}

.mbbutton-text{ position: relative; z-index: 1; width: 100%; font-size:13px; text-align:center; padding:10px 0px; }

.mbbutton-text a:hover{ color:#2264ae!important;}

#categoriesList .mbbutton-text{ text-align:left; }

.mbbutton-icon-notext .mbbutton-text { position: absolute; left: -9999px; }

.mbbutton-inner {  border-top: 1px solid rgba(255, 255, 255, 0.3); }

.mbbutton-icon-notext .mbicon { display: block; z-index: 0;}

.mbbutton-icon-left .mbbutton-inner .mbicon,

.mbbutton-icon-right .mbbutton-inner .mbicon { position: absolute; top: 50%; margin-top: -9px; }

.mbbutton-icon-top .mbbutton-inner .mbicon,

.mbbutton-icon-bottom .mbbutton-inner .mbicon { position: absolute; left: 50%;  margin-left: -9px; }

.mbbutton-icon-left .mbicon { left: 10px; }

.mbbutton-icon-right .mbicon { right: 10px; }

.mbbutton-icon-top .mbicon { top: 10px; }

.mbbutton-icon-bottom .mbicon { top: auto; bottom: 10px; }



.mbheader .mbbutton-icon-left .mbicon,

.mbfooter .mbbutton-icon-left .mbicon,

.mbsmall.mbbutton-icon-left .mbicon,

.mbsmall .mbbutton-icon-left .mbicon { left: 5px; }



.mbheader .mbbutton-icon-right .mbicon,

.mbfooter .mbbutton-icon-right .mbicon,

.mbsmall.mbbutton-icon-right .mbicon,

.mbsmall .mbbutton-icon-right .mbicon { right: 5px; }



.mbheader .mbbutton-icon-top .mbicon,

.mbfooter .mbbutton-icon-top .mbicon,

.mbsmall.mbbutton-icon-top .mbicon,

.mbsmall .mbbutton-icon-top .mbicon { top: 5px; }



.mbheader .mbbutton-icon-bottom .mbicon,

.mbfooter .mbbutton-icon-bottom .mbicon,

.mbsmall.mbbutton-icon-bottom .mbicon,

.mbsmall .mbbutton-icon-bottom .mbicon { bottom: 5px; }



/* full width button */

.mbfullbutton { display: block; position: relative; text-align: center; margin-left: -5px; margin-right: -5px; }

.mbfullbutton input, .mbfullbutton button { width: 100%; margin: 10px 0; }



input.moduleButton,

.basketButtons input,

.basketButtons a,

.miniBasketButtons input,

input.productDetailButton {	display: block; }



.basketButtons { display: block; position: relative; text-align: center; }

.basketButtons a { text-align: center; cursor: pointer; margin: 10px 0; }

.basketButtons input, .basketButtons button { width: 100%; margin: 10px 0; }



/* forms fields */

.mbicon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px;}



/* lists */

.mblistview, .mblistitem { list-style:none; padding:0; background:none; background:rgba(255, 255, 255, 0.1); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFF', endColorstr='#FFF'); background-image: none;}

.mblistview, .mblistitem { list-style:none; padding:0; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);  }

.mblistitem:hover { list-style:none; padding:0; background:none; background:rgba(255, 255, 255, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFF', endColorstr='#FFF'); background-image: none;}

.mblistitem:hover { list-style:none; padding:0;  }



.mblistitem, .mblistitem.mbfield-container > { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; border-color: #CCC; }

div#categoriesList > .mblistitem  { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; border-color: #8C2C21; }

.mblistitem .mbbutton-text a.mblink-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-shadow:#005438; text-transform:uppercase}

.mblistitem-divider, .mblistitem-static { padding: .5em 15px; font-size: 14px; font-weight: bold;  }

.mblistitem-divider { counter-reset: listnumbering;  }

ol.mblistview .mblink-inherit:before, ol.mblistview .mblistitem-static:before, .mblistitem-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; }

ol.mblistview .mblistitem-jsnumbering:before { content: "" !important; } 

.mblistview-inset .mblistitem { border-right-width: 1px; border-left-width: 1px; }

.mblistitem:last-child, .mblistitem.mbfield-container:last-child { border-bottom-width: 1px; }

.mblistitem>.mbbutton-inner{ display: block; position: relative; padding: 0; background:#fff; transition:.2s; }

.mblistitem>.mbbutton-inner:hover{ background:url('../ecommerce/images/menuBg.png') #a1b2c4 center; }

.mblistitem>.mbbutton-inner:hover a.mblink-inherit{ color:#fff; }

.mblistitem .mbbutton-inner a.mblink-inherit, .mblistitem-static.mblistitem { padding: .7em 15px .7em 15px; display: block; }

.mblistitem-has-thumb .mbbutton-inner a.mblink-inherit, .mblistitem-static.mblistitem-has-thumb  { min-height: 60px; padding-left: 100px; }

.mblistitem-has-icon .mbbutton-inner a.mblink-inherit, .mblistitem-static.mblistitem-has-icon {  min-height: 20px; padding-left: 40px; }

.mblistitem-has-count .mbbutton-inner a.mblink-inherit, .mblistitem-static.mblistitem-has-count { padding-right: 45px; }

.mblistitem-has-arrow .mbbutton-inner a.mblink-inherit, .mblistitem-static.mblistitem-has-arrow { padding-right: 30px; }

.mblistitem-has-arrow.mblistitem-has-count .mbbutton-inner a.mblink-inherit, .mblistitem-static.mblistitem-has-arrow.mblistitem-has-count { padding-right: 75px; }

.mblistitem-has-count .mbbutton-text { padding-right: 15px; }

.mblistitem-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }

.mblistitem-desc {  font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.mblistitem-thumb, .mblistview .mblistitem-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }

.mblistview .mblistitem-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }

.mblistitem-thumb, .mblistview .mblistitem-icon, .mblistitem-content { float: left; margin-right: 10px; }

.mblistitem-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }

@media all and (min-width: 480px) {

	 .mblistitem-aside { width: 45%; }

}	 

.mblistitem-divider { cursor: default; }

.mblistitem-has-alt .mbbutton-inner a.mblink-inherit, .mblistitem-static.mblistitem-has-alt { padding-right: 95px; }

.mblistitem-has-count .mblistitem-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 48px; }

.mblistitem-divider .mblistitem-count, .mblistitem-static .mblistitem-count { right: 10px; }

.mblistitem-has-alt .mblistitem-count { right: 55px; }

.mblistitem-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; }

.mblistitem-link-alt .mbbutton { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; z-index: -1;}

.mblistitem-link-alt .mbbutton-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}

.mblistitem-link-alt .mbbutton .mbicon { right: 50%; margin-right: -9px;  }

.mblistview * .mbbutton-inner > .mbbutton > .mbbutton-inner { border-top: 0px; }

.mblistview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }

.mblistview-filter .ui-input-search { margin: 5px; width: auto; display: block; }

.mblistview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }

.mblistitem.ui-screen-hidden{display:none;}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .mblistitem .mbbutton-text { overflow:  visible; }

}



/* modal dialog boxes */

.mboverlay {

	width: 100%;

	height: 100%;

	opacity: .5;

	filter: Alpha(Opacity=50);

	position: absolute;

	z-index: 98;

}



.mbpopup { z-index:100; position: absolute; }

.mbpopup-visible { display:block; }



.mbpopup-content { 

	max-width:360px;

	width:75%;

	overflow-x:hidden;

	text-overflow:ellipsis;

	margin-left:auto;

	margin-right:auto;

	margin-top: 20%;

}



.mblsubcategory{ float:left; width:100px; height:130px; overflow:hidden; margin:5px; }

.mblsubcategorySmallImage{ float:left; width:100%; text-align:center; }

.mblsubcategoryName{ float:left; width:100%; text-align:center;}

.mblsubcategorySmallImage img{ width:90px; height:90px;}

.mblsubcategoryName a{ display:block; font-size:10px; line-height:15px; width:100%; text-align:center; font-weight:bold; }