/* 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: 15px; background-color:#FFF; }

div#footer .mbcontent {  padding: 15px 0 0;}
/* 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:14px; }
.mbbutton-icon-notext .mbbutton-text { position: absolute; left: -9999px; }

.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 {   border-radius: 0;  box-shadow: none;  margin: 10px 0;  width: 100%; }

/* 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'); /* IE */ background-image: none;}

.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'); /* IE */ background-image: none;}

.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; color:#777676; text-shadow:#777676;}
.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; }
.mblistitem .mbbutton-inner a.mblink-inherit, .mblistitem-static.mblistitem { padding: .5em 15px .5em 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; }