/* General HTML 
--------------------------------------------------------------------------------------------------------------------------*/
* {
    -webkit-tap-highlight-color: #000000;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html {overflow:hidden;}

body{margin: 0px; padding: 0px; background: #FFF; font-family: 'Source Sans Pro', sans-serif!important; font-size: 18px!important; font-weight: 400!important; color: #000000;}


a {color:#333; text-decoration:none; }

h3 {color:#004C86; margin-top:0; margin-bottom:3px!important;}

.hid {display:none;}
.hidden {display:none!important;}
.visible {display:block!important;}
.background {background:#fff!important;}
.background_white {background:#fff!important}
.background_toolbar {background:#dddddd!important;}
.fleft {float:left;}
.fright {float:right;}
.percent50 {width:50%!important}
.percent33 {width:33%!important}
.center {text-align:center;}
.nowrap { white-space:nowrap; }
.bold {font-weight:bold;}
.pt0 {padding-top: 0!important}
.striketrough { text-decoration: line-through;}

.gray {color:#666 !important;}
.red {color:#c9071d;}
.orange {color:#cc9900;}
.green {color:green;}
.yellow {color:orange;}



.bgorange {background: #cc9900!important;color: white;}
.bgwhite {background: #fff!important;}
.bgoranges {background: #cc9900!important}
.bgyellow {background: yellow!important;}


/* Icons */
.icoDetail {background: url(/images/icoDetail.png) no-repeat 0 0 !important; }
.icoBasket {background: url(/images/icoBasket.png) no-repeat 0 0 !important; }
.icoBasketRemove {background: url(/images/icoBasketRemove.png) no-repeat 0 0 !important; }
.icoClose {background: url(/images/icoClose.png) no-repeat 0 0 !important; }
.icoDelete {background: url(/images/icoDelete.png) no-repeat 0 0 !important; }

.icoHome {background: url(/images/icoHome.png) no-repeat 0 0 !important;}
.icoBasket16 {background: url(/images/icoBasket16.png) no-repeat 0 0 !important; }
.icoMail {background: url(/images/icoMail.png) no-repeat 0 0 !important; }
.icoPrint {background: url(/images/icoPrint.png) no-repeat 0 0 !important; }
.icoOrder {background: url(/images/icoOrder.png) no-repeat 0 0 !important; }
.icoPDF {background: url(/images/icoPDF.png) no-repeat 0 0 !important; }
.icoFilter {background: url(/images/icoFilter.png) no-repeat 0 0 !important; }
.icoPrev {background: url(/images/icoPrev.png) no-repeat 0 0 !important; }
.icoNext {background: url(/images/icoNext.png) no-repeat 0 0 !important; }
.icoAccept {background: url(/images/icoAccept.png) no-repeat 0 0 !important; }
.icoStar {background: url(/images/icoStar.png) no-repeat 0 0 !important; }
.icoLock {background: url(/images/icoLock.png) no-repeat 0 0 !important; }
.icoSWAdmin {background: url(/images/swisscom_small.png) no-repeat -3px 0 !important;}
.icoMOZAdmin {background: url(/images/mozo_small.png) no-repeat -3px 0 !important;}
.icoUPCAdmin {background: url(/images/UPC_small.png) no-repeat -3px 0 !important;}
.icoSUNAdmin {background: url(/images/SUN_small.png) no-repeat -3px 0 !important;}
.icoSearch {background: url(/images/icoSearch.png) no-repeat 0 0 !important; }
.icoMainmenu {background: url(/images/icoMainmenu.png) no-repeat 0 -1px !important; }


/* Buttons */
.btnTouch {-webkit-border-radius: 5px!important; -moz-border-radius:5px!important; border-radius: 5px!important; background-color: #efefef; display:inline-block; width:40px; height:40px; cursor:pointer}
/*.btnTouch:hover {background-color: silver!important; }*/
.btnTouch.text {display:inline-block; height:40px; width:90px; text-indent:40px; line-height:40px; }
.btnTouch:hover{ background-color: silver!important;}
.btnTouch.mr0 { margin-right: 0px!important;}
.btnTouch.mr15 { margin-right: 15px;}

.btn {margin-left: 10px; background: #c33; color: #fff; display: inline-block; border-radius: 5px; cursor: pointer; height: 40px;padding: 0 10px; border:0;}
.btn:hover { background: #a02424;}
.btn.active { background: #a02424;}
.btn.transp { background: transparent;color: black;}
.btn i { font-size: 20px;line-height: 1em; }
.btn span {margin-left: 6px; line-height: 40px; font-size: 18px;font-family: 'Source Sans Pro', sans-serif!important;  }
.btn.btn-gray{ background: #c0c0c0;}
.btn.btn-small{ height:35px}


.btnDetail {background: #f0f0f0 url(/images/icoDetail.png) no-repeat 10px 10px !important;  }
.btnBasket {background: #f0f0f0 url(/images/icoBasket.png) no-repeat 10px 10px !important; }
.btnBasketRemove {background: #f0f0f0 url(/images/icoBasketRemove.png) no-repeat 10px 10px !important; }
.btnGallery {background:#efefef url(/images/icoGallery.png) no-repeat 10px 10px !important; }
.btnList {background:#efefef url(/images/icoList.png) no-repeat 10px 10px !important; }
.btnPDF {background: #efefef url(/images/icoPDF.png) no-repeat 10px 10px !important; }
.btnReturn {background: #efefef url(/images/icoAccept.png) no-repeat 10px 10px !important; }
/*.btnPrev {background: #efefef url(/images/icoPrev.png) no-repeat 12px 12px !important; }
.btnPrevD {background: #fff url(/images/icoPrev.png) no-repeat 12px 12px !important; }
.btnPrevD:hover {background-color: #fff!important; }
.btnNext {background: #efefef url(/images/icoNext.png) no-repeat 12px 12px !important; }
.btnNextD {background: #fff url(/images/icoNext.png) no-repeat 12px 12px !important; }
.btnNextD:hover {background-color: #fff!important; }*/
.btnUp {background: silver url(/images/icoUp.png) no-repeat 12px 12px !important; }
.btnFilter {background: silver url(/images/icoFilter.png) no-repeat 12px 12px !important; }
.btnFilterA {background: orange url(/images/icoFilter.png) no-repeat 12px 12px !important; }
.btnPrint {background: silver url(/images/icoPrint.png) no-repeat 12px 12px !important; }
.btnCopyBack {background: silver url(/images/icoCopyBack.png) no-repeat 12px 12px !important; }
.btnDelete {background: silver url(/images/Delete.png) no-repeat 12px 12px !important; }


/* TabIcons */
.tabiconMyshop {background: url(/images/icoTabMyShop.png) no-repeat 0 0 !important;}
.tabiconLang {background: url(/images/icoTabLang.png) no-repeat 0 0 !important;}
.tabiconHome {background: url(/images/icoStar.png) no-repeat 0 0 !important;}


.btnExtSearchBtn {background-image: url(/images/btnSearch.png) !important;margin: 4px;}
.searchClear {color:silver; font-size: 20px; top:9px; position: absolute; right: 93px; cursor: pointer}



/* Dimmer transparent with spinner */ 
#dimmer_wait{background:transparent; opacity:0.5; position:fixed;top:0;right:0;bottom:0;left:0;display:block;z-index:9999999; 
-webkit-backface-visibility:hidden; 
-webkit-transform: translate3d(0, 0, 0);
}
#dimmer_spinner {position:absolute;width:100px;height:100px;z-index:99;top:50%;left:50%; margin:-50px 0 0 -50px; opacity:1; border-radius:5px;
    background: #333;
-webkit-backface-visibility:hidden; 
-webkit-transform: translate3d(0, 0, 0);
}


#pnlHomeList-body { display: block;overflow: hidden;}
#pnlRight_Content { display: block;overflow: hidden;}

.iframecontent { display: block;overflow: hidden!important; }



/* Application 
--------------------------------------------------------------------------------------------------------------------------*/
/* Header */
.btnmain {top:10px;  }
.btnmain .x-btn-icon {left:5px; top:8px;}
.btnmain span{font-weight:normal !important; text-align:left!important; font-size:16px !important; margin-right:6px;}
.btnmain.order {position: absolute; right: 260px; }
.btnmain.basket {position: absolute; right: 80px; }
.btnmain.swadmin {position: absolute; left: 160px;  }
.btnmain.swprice {position: absolute; left: 350px;  }
.btnmain.category {position: absolute!important; right: 10px!important; }
.xxxbtnmain:active {background:#66ccff!important;}

/* Header Price */
.btnpriceswitch {top:10px;  position: absolute!important; right: 400px!important; }
.btnpriceswitch .x-btn-icon {left:5px; top:8px;}
.btnpriceswitch span{font-weight:normal !important; text-align:left!important; font-size:16px !important; margin-right:6px;}

#litUserName {top:21px;  position: absolute; left: 290px; font-size:14px; font-weight:600;}


/*.btnmain.order {position: absolute; right: 260px; }
.btnmain.basket {position: absolute; right: 80px; }
.btnmain.swadmin {position: absolute; left: 200px;  }
.btnmain.swprice {position: absolute; left: 350px;  }
.btnmain.category {position: absolute!important; right: 10px!important; }
    */




/*Login*/
.loginLogo {height:70px; width:100%; margin-bottom:20px;border-bottom: 1px solid silver;}
.transp {background: transparent!important}
#frmLogin.x-panel-default, #infoGuest,#infoGuest-body { background: transparent!important;}
#winLogin {background: white url("../images/waves.png") 0px 200px no-repeat !important;width: 600px}

#pnlHomeList_Content { display: block;overflow: hidden;}
              



/* Normal Large Button */
.btncustom.x-btn-icon {left:5px; top:7px;display: block;overflow: hidden;}
.btncolor .x-btn-inner {color:#c33!important}


.subtext {color:Gray; font-size:11px!important; line-height:12px!important; }


.nedistext { padding: initial;margin: initial;white-space: initial;}
.nedistext li { list-style: disc;margin-left: 20px;}
.x-grid-cell .nedistext{max-width: 600px}
.x-grid-cell ul.nedistext{max-width: 100%}

/* Orderpanel Info */
#pnlOrder_txtZSDefaultCorderCount .inner { height: 100px;font-size: 20px;color: red;}
#pnlOrder_txtZSDefaultCorderCount .inner i { font-size: 30px;margin-right: 10px;height: 70px;float: left;}


/* Headerlinks */
.headerlink {position: absolute; text-align:right; overflow:hidden; right: 275px; top:11px; width:600px;}
.headerlink a {padding-right:10px; font-size:16px; padding-left:10px; border-right:1px solid #999;}
.headerlink a .small {color:#999999; font-size:13px;}

/* Responsive Portals */
.xxtabportal {width:50%; float:left; overflow:hidden; }
#hometabs_tabRight  {padding-left:10px!important; }


/*groupnew list*/
#divOrderable { border-bottom: 1px solid #f0f0f0;padding: 10px; margin-bottom: 10px}
#divOrderable label { cursor: pointer}



/*.pnlFilterMain {display: block;width: 50%;float: left; padding: 10px 10px 0 10px}
.pnlFilterMain:last-child { padding-left: 0px;}
.pnlFilterMain.pl0 { padding-left: 0px;}*/

/*Filter*/

.pnlFilterbox {width: 100%;clear: both;display: inline-block;margin-bottom: 0px;border: 0px solid red; padding: 10px}

.pnlGroupNewList { display: block; overflow: hidden; border-collapse:collapse;background: white;position: relative;width: 49.5%;margin-right: 0.5%; z-index: 999;cursor: pointer;float: left;}

.selGroupnew.open{ margin-bottom: 0px;border-bottom: 10px solid #fff;height: 57px;}
.selBrand.open{ margin-bottom: 0px; border-bottom: 10px solid #fff;height: 57px;}


.pnlGroupNewList .grpnewtitle {  color:#c33; padding-left: 10px; line-height: 50px; font-size: 20px; text-transform: uppercase; font-weight: 700}
.pnlGroupNewList .grpnewtitle .innertext {  color:#666!important;font-weight: 300;}
.pnlGroupNewList .updown {clear: both;float: left;}
.pnlGroupNewList .updown i { font-size: 2em; color: #fff; background: #c33; padding: 3px 6px ; border-radius: 4px; margin-top: 7px; margin-left: 7px;}

.pnlGroupNewList .closer { position: absolute;right: 0;top: 0;z-index: 99; }
.pnlGroupNewList .closer i { font-size: 2em; color: #fff; background: #cc3333; padding: 3px 6px ; border-radius: 4px; margin-top: 6px; margin-right: 7px;line-height: 30px;}

.grpNewinner  { padding: 10px;overflow: hidden;background: white;margin: 0 0.5% 0 0;clear: both;}
.grpNewinner .grpnewitem {float: left;display: inline-block;width: 12.5625%;height: 50px;background: white; border-left: 0 solid silver;border-collapse: collapse;margin-left: -1px;margin-bottom: -1px;padding: 0;}
.grpNewinner .grpnewitem.selected { background: #d0d0d0;}
.grpNewinner .grpnewitem.premium .title  { font-weight: 700;}

.grpNewinner .grpnewitem:hover { background: #d0d0d0;}
.grpNewinner .grpnewitem img { height: 40px;width: 40px;background: white; margin: 5px;float: left; }
.grpnewitem a span {vertical-align:middle;display: table-cell;width:100%;padding-right: 10px;font-size: 12px;line-height: 14px;font-weight: 400; /*text-transform: uppercase*/}
.grpNewinner .grpnewitem .pnlDetailSubImages {text-align:left;height:50px;display: table;width: 100%;cursor: pointer;}
.grpnew-footer { display: block;overflow: hidden;clear: both;cursor: pointer; height: 47px}

.pnlGroupNewList .grpnew-footer.active{ /*background: #c33;*/}
.pnlGroupNewList .grpnew-footer.active .grpnewtitle{ /*color: #fff;*/}


.xshadow {-webkit-box-shadow: 0 8px 6px -6px gray;-moz-box-shadow: 0 8px 6px -6px gray;box-shadow: 0 8px 6px -6px gray;}


.sticky-btns{position:fixed;z-index:99;right:-58px;bottom:15px;}
.sticky-btns span{display:block;float:left;width:48px;height:48px;text-align:center;font-size:1.375em;color:#fff;background:#c33;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding-top:8px;cursor:pointer;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;transition:background .3s ease}
.sticky-btns.scrolled{right:15px}
.sticky-btns span i{color:white;font-size:2em;margin-left:0;margin-top: 0;line-height: 0.6em;}



/*FilterNEw*/
/*Productlist Filter*/
#panel_productfilter { display: inline-block; margin-top: 0px;width: 100%;padding: 0; } 



.filter_div{ width: 24.5%!important;max-width: 262px; margin-right: 0.5%;float: left; background: #fff;border: 0 solid #dcdcdc;position: relative;}
.filter_div:last-child{ margin-right: 0;}
.filter_div.bgcolor { background: #c33!important;}
.filter_div.bgcolor .filter_label{ color: white;}
.filter_label{ line-height: 2.2em;display: block;overflow: hidden;padding-left: 0.5em;cursor: pointer;font-size: 1.1em;color: #c33; font-weight: 700}
.filter_label:before{ font-family: FontAwesome;content: "\f107";float: left;margin-right: 0.5em;}
.filter_label.arr_up:before { font-family: FontAwesome;content: "\f106";}
.filter_optionbox{ background: #ffffff; width: 15.625em; display: block;overflow: hidden; display: none;position: absolute;left: -1px;top: 2.4em;  border: 0 solid #dcdcdc;z-index: 9999;
                   /*-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);box-shadow: 0 1px 3px rgba(0,0,0,0.2);*/

}
.foptionright .filter_optionbox{left: -6.25em;left: inherit;right: 0;}
.filter_optionbox{width: 250px;}
.filter_optionbox.col_2{width: 30em;}
.filter_optionbox.col_4{width: 50em;}
.filter_optionbox.col_5{width: 60em;}
.filter_optionbox span { display: block;overflow: hidden; padding: 0 0.3125em;border-bottom: 0 solid #dcdcdc;border-right: 0 solid #dcdcdc;cursor: pointer; } 
.filter_optionbox .ease:hover { background: #c33!important;color: #fff;}
.filter_optionbox span img{ display: block;float: left;width: 1.5625em;height: 1.5625em; padding: 0;margin: 0.3125em 0.3125em 0 0; border: 0 solid #dcdcdc;}
.filter_optionbox span label{ line-height: 2.2em;display: inline-block;cursor: pointer; }

.btnclosefilter  { position: absolute;color: #fff;right: 0px;top: 0;background: #c33;cursor: pointer; }
.btnclosefilter i { padding: 9px; }




/*selectbox filters */
.col_2 {-webkit-column-count: 2!important;-moz-column-count: 2!important;column-count: 2!important; -moz-column-gap: 0;-webkit-column-gap: 0; column-gap: 0;}
.col_3 {-webkit-column-count: 3!important;-moz-column-count: 3!important;column-count: 3!important; -moz-column-gap: 0;-webkit-column-gap: 0; column-gap: 0;}
.col_4 {-webkit-column-count: 4!important;-moz-column-count: 4!important;column-count: 4!important; -moz-column-gap: 0;-webkit-column-gap: 0; column-gap: 0;}
.col_5 {-webkit-column-count: 5!important;-moz-column-count: 5!important;column-count: 5!important; -moz-column-gap: 0;-webkit-column-gap: 0; column-gap: 0;}


/*.pnlProductList.mobile .grid.g5 { clear: both;width: 100%;text-align: left;}*/



/* Filter 
.filterPos { position: absolute; right: 10px!important;top: 0!important;background: silver !important;border: 1px solid silver !important; }
.filterPos span { line-height: 32px!important;}
.pnlFilter { border: 1px solid gray!important;top: 0px!important;}
    */


/* Filterlist */
.filterlist {font-size:20px; line-height:40px; }
.filterlist li {cursor:pointer;padding:0 10px; border-bottom:1px solid #dddddd;}
.filterlist li.active {background:orange;}








.pnlNotFound { border: 0px solid red;margin: 20px 10px;background: #fff;padding: 20px;font-size: 16px;}











/*Breadcrumb
.pnlBreadcrumb { vertical-align:top;line-height: 50px;font-size: 16px !important;position: relative;display: block;overflow: hidden;left: 10px;right: 10px; top: 0;background: #ebebeb;z-index: 99;}
.pnlBreadcrumb a{margin-right: 2px;color: #cc6699;cursor: pointer}
.pnlBreadcrumb .bcarr { margin-right: 2px; }
.pnlBreadcrumb .nolink { margin-right: 2px; }
*/

/*Homepage*/
/*.H1title {color: #666666;font-size: 30px;display: block;overflow: hidden;text-transform: uppercase;margin: 20px 10px 10px 10px;}
.H1title span a {color: #c33;font-size: 12px;margin: 0px 10px 5px 20px;}*/



/* Drilldown items */
.pnlDrilldown {clear:both; overflow:hidden;padding: 10px 4px 10px 10px;display: block; }
.pnlDrilldown .item {border:1px solid transparent; background:white; width:189px; cursor:pointer; float:left; margin:0 10px 10px 0;padding: 8px;text-align: center; }
.pnlDrilldown .item:hover {border:1px solid #bbb;}
.pnlDrilldown .item a {text-align:center; color:#666666; display:block; overflow:hidden; width:100%; height:200px; z-index:9999; text-decoration:none;position: relative;}
.pnlDrilldown .item a img { display: inline-block;overflow: hidden; width: 150px;height: 150px;}
.pnlDrilldown .title { clear: both;display: block;overflow: hidden;}
/*.pnlDrilldown .item.premium  {border:1px solid #c33;}*/
.pnlDrilldown .toplinks {clear: both;display: block;overflow: hidden;margin-bottom: 10px;}
.pnlDrilldown .toplinks a { background: #cc3333;line-height: 40px;padding:0 10px;margin: 0 20px 10px 0;color: white;cursor: pointer; display: inline-block  }
.pnlDrilldown .toplinks a.special { background: #989898}
.pnlDrilldown .toplinks a.speciallink.spez162775 {
    padding: 0 20px;font-weight: 500;
    background: #c33; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#cc3333, #420000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#cc3333, #420000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#cc3333, #420000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#cc3333, #420000); /* Standard syntax */

}

.pnlDrilldown .cat_title { font-size: 20px;line-height: 40px;display: block;overflow: hidden; text-transform: uppercase}


/*CategoryImageEdit*/
#CategoryImageEdit {position: absolute; left: 1%; top: 34px; right: 1%; bottom: 1%; display: none; background: silver; padding: 20px; z-index: 99999; }
#CategoryImageEdit .inner {position: absolute; left: 0%; top: 0%; right: 0%; bottom: 60px;overflow-x: hidden; overflow-y: scroll }

#CategoryImageEdit .edititem { float: left;padding: 10px; cursor: pointer}
#CategoryImageEdit .editFooter {position: absolute;bottom: 0;  height: 60px;left: 0;right: 0;  background: #e6e6e6}
#CategoryImageEdit .editFooter i { position: absolute;right: 10px;line-height: 60px;width: 60px;font-size: 30px;cursor: pointer}








/* list button (export, language)*/
.listbutton {margin-bottom:10px!important;} 

/* Price Color */
.price_brutto {color:#666;}
.price_special {color:#C9071D;}
.price_offer {color:orange;}

/* ProductList */
.pnlPagerTop {position: relative;display: block;overflow: hidden;background: #fff;width: 100%;top: 1px;z-index: 99;padding: 4px 0 4px 10px}
.pnlPagerTop .pagerText { display:inline-block; font-size: 15px;line-height: 40px;overflow: hidden; margin-right: 20px;}
.pnlPagerTop .pagerText.rcount { width: 80px;}
.pnlPagerTop .pagerText.sortlist { width: 230px;}
.pnlPagerTop .pagerText.pagecount {width: 160px;}
.pnlPagerTop .pagerText.oderable { cursor: pointer; line-height: 40px;}
.pnlPagerTop .pagerText.oderable *{ cursor: pointer!important; }

.pnlPagerTop .pagerText a { cursor: pointer }
/*.pnlPagerTop .pagerButtons { display:inline-block;float: right; margin-right: 20px}*/
.pnlPagerTop .mr15 {margin-right:10px}
.pnlPagerTop .colorise { background: #efefef;border-radius: 5px;padding: 5px 10px; color: #666}
.pnlPagerTop .colorise:hover { background: silver;}
.pnlPagerTop .colorise.active { background: #c33 ;color: #ffffff}
.pnlPagerTop .btntop {display:inline-block; margin-right:10px;}

.pnlPagerTop .pagerButtons { display:inline-block;float: right;margin-right: 10px;}
.pnlPagerTop .browsebtn { float: right;}
.pnlPagerTop .btnTouch i { margin: 0 14px; line-height:  40px;}

.pnlPagerTop .btnPrev {background: #efefef; text-align: left;margin: 0 10px;}
.pnlPagerTop .btnPrevD {background: #fff; color: silver;margin: 0 10px; }
.pnlPagerTop .btnPrevD:hover {background-color: #fff!important; }

.pnlPagerTop .btnNext {background: #efefef; text-align: right;margin: 0 10px 0 0;}
.pnlPagerTop .btnNextD {background: #fff; color: silver;margin: 0 10px 0 0; }
.pnlPagerTop .btnNextD:hover {background-color: #fff!important; }


.pnlPagerBottom {position: relative;display: block;overflow: hidden;background: #fff;width: 100%;top: 1px;z-index: 99;padding: 4px 0 4px 10px;text-align: center; margin: 0 10px 40px 10px}
.pnlPagerBottom .pagerButtons { display:inline-block;float: right;margin-right: 20px;height: 60px;}
.pnlPagerBottom .pagerText { clear: both;font-size: 16px;padding: 10px; display: block}
.pnlPagerBottom .browsebtn { clear: both;display: block; overflow: hidden}

.pnlPagerBottom .btnTouch { height: 60px;width: 200px;margin: 10px;font-size: 18px;}
.pnlPagerBottom .btnTouch span { line-height:  60px;}
.pnlPagerBottom .btnTouch i { margin: 0 10px; line-height:  60px;}

.pnlPagerBottom .btnPrev {background: #efefef; text-align: left;padding-left: 10px; }
.pnlPagerBottom .btnPrevD {background: #fff; color: silver;}
.pnlPagerBottom .btnPrevD:hover {background-color: #fff!important; }

.pnlPagerBottom .btnNext {background: #efefef; text-align: right;padding-right: 10px; }
.pnlPagerBottom .btnNextD { background: #fff; color: silver;  }
.pnlPagerBottom .btnNextD:hover {background-color: #fff!important; }


.productlist .imageborder{height:150px; width:150px; display:block;}

.pnlProductList { display: block;overflow: hidden;clear: both;margin: 0 10px; padding: 1px;margin-bottom: 10px;}


/*simple display*/
.pnlProductList h2 { clear: both;font-size: 30px;display: block;overflow: hidden; padding: 20px 0 10px 0 }
.pnlProductList .oneperframe { text-align: center;padding: 20px;}






.pnlProductList .gridrow { clear: both;margin-bottom: 5px;display: block;overflow: hidden;padding-bottom: 5px;border-bottom: 1px solid #f2f2f2;padding: 10px 0;font-size: 15px;color: #666666;line-height: 20px; background: white}
.pnlProductList .gridrow.promo {
    -webkit-box-shadow: 0px 0px 8px 0px #cc9900 inset; -moz-box-shadow: 0px 0px 8px 0px #cc9900 inset;box-shadow: 0px 0px 8px 0px #cc9900 inset;
        /*border: 1px solid #cc9900 !important;*/
        /*-webkit-box-shadow: 0 8px 6px -6px gray;*/
        /*-moz-box-shadow: 0 8px 6px -6px gray;
        box-shadow: 0 8px 6px -6px gray;*/
}

.pnlProductList .gridrow .fullname { margin-bottom: 10px;}
.pnlProductList .gridrow .spez { padding: 2px 4px 1px 4px;display: inline-block;overflow: hidden;position: absolute;left: 5px;top: 5px;z-index: 99;color: white; text-transform: uppercase}
.pnlProductList .gridrow .spez.new {background:#cc0033 }
.pnlProductList .gridrow .spez.promo { background: #cc9900;left: inherit;right: 5px; }
.pnlProductList .gridrow .spez.sale {background:#cc3399;left: inherit;right: 5px; }
.pnlProductList .gridrow .spez.eol {background:gray }
.pnlProductList .gridrow .spez.bulk { background: yellow; color: black }

.pnlProductList .grid { float: left;display: inline-block;overflow: hidden; position: relative}
.pnlProductList .grid.g1 { width: 160px;}
.pnlProductList .grid.g2 { width: 70px;}
.pnlProductList .grid.g3 { width: calc(55% - 230px);}
.pnlProductList .grid.g4 { width: 15%;text-align: right;}
.pnlProductList .grid.g5 { width: 15%;text-align: right; padding-right: 10px}
.pnlProductList .grid.price { font-weight: 700;}
.pnlProductList .grid.buttons { padding-right: 20px;}
/*.pnlProductList .btnTouch { margin-right: 15px;}*/


.pnlProductList .gridrow .imageborder{ width: 90%;height: auto;display: inline-block;overflow: hidden;margin: 10px 0 20px 0; }


.pnlProductList .pnlDetailSubImages {width: 60px;height: 60px;display: block;overflow: hidden;  }
.pnlProductList .nogroupimage {width: 40px;height: 30px;display: block; }
.pnlProductList.mobile .nogroupimage {margin-top: 30px}
.pnlProductList .mr0 {margin-right:0}

.pnlProductList .grid h3 { font-size: 17px;margin-bottom: 5px !important;font-weight: normal;}
.pnlProductList .grid h4 { font-size: 14px;margin-bottom: 0px !important;font-weight: normal; font-size: 13px}


.pnlProductList.mobile { background: transparent; }
/*.pnlProductList.mobile .gridrow {width: 9.5%; font-size: 13px; float: left;clear: none; display: block;overflow: hidden;border: none;margin-right: 0.5%;margin-bottom: 0.5%;background: #fff;padding: 10px; position: relative}*/

    .pnlProductList.mobile .gridrow {
        width: 10%;
        font-size: 13px;
        float: left;
        clear: none;
        display: block;
        overflow: hidden;
        border: none;
        background: #fff;
        padding: 10px;
            margin: 0 0 -1px -1px;
        border: 1px solid #e1e1e1;
        position: relative;
        box-sizing: border-box;
    }

.pnlProductList.mobile .gridrow.btnmore { background: white;height: 400px;cursor: pointer;text-align: center;}
.pnlProductList.mobile .gridrow.btnmore i { font-size: 160px; margin-top: 30%}
.pnlProductList.mobile .gridrow.btnmore div { font-size: 36px;clear: both;line-height: normal;margin: 20px 0;}
.pnlProductList.mobile .grid {float: none;display: block;overflow: hidden; clear: both;width: 100%;margin-bottom: 10px;}
.pnlProductList.mobile .grid.g1 a{ text-align: center;display: block;overflow: hidden; }
.pnlProductList.mobile .grid.g2 { height: 60px;position: absolute;bottom: 10px; display: inline-block}
.pnlProductList.mobile .grid.g4 { display: none;}
.pnlProductList.mobile .grid.g3 .fullname { overflow: hidden;margin-bottom: 15px;display: block;overflow: hidden;}
.pnlProductList.mobile .grid.g3 .fullname .inner { height: 80px;}
.pnlProductList.mobile .grid.g3 .subtext {font-size:10px!important;height: 12px;}
.pnlProductList.mobile .grid.g3 .stockdiv { height: 55px;overflow: hidden;margin-bottom: 5px; zoom: 80%}
.pnlProductList.mobile .grid.price { font-weight: 300;font-size: 18px;height: 60px;}
.pnlProductList.mobile .grid.price .striketrough { display: none; }

.pnlProductList.mobiledevice .gridrow .imageborder{ width: 280px;height: 280px;display: inline-block;overflow: hidden;margin: 10px 0 20px 0; }

/* Detail */
.detalwin { padding: 0;margin: 0;}
.detailwin .pnlDetinner { padding: 20px!important}
.detailwin .pnlDetinnerwrap {display: block; overflow: hidden; clear: both; }
.detailwin.small .pnlDetinner { padding: 0 10px 0 0!important}
.detailwin.small .pnlDetailContent .h1 {font-size:26px;line-height: 30px; font-weight: 500; display: block ; margin-right: 60px}
.detailwin.small .pnlDetailContent .h2 {font-size:20px;line-height: 22px; display: block;margin-bottom: 14px; margin-right: 140px}
.detailwin.small .tblDetailPrice td {font-size:20px;line-height: 24px; font-weight: 400}
.detailwin.small .groupImage {top: 0;}
.detailwin.small .pnlDetailImages img {height:350px; width:350px;}


.pnlDetailContent .grid-2 {display: block;overflow: hidden;float: left;margin-bottom: 10px;position: relative;}
.pnlDetailContent .tablink {display: inline-block;padding: 10px 6px;border-radius: 5px;margin-right: 4px;margin-bottom: 10px; background: #efefef;cursor: pointer;}
.pnlDetailContent .tablink.active {background: #808080;color: #ffffff;}
.pnlDetailContent .tabs { margin-bottom: 20px;}
.pnlDetailContent .pnlDet {height: initial!important;}
.pnlDetailContent .pnlDetinner {height: initial!important;}
.pnlDetailContent .property {width: 100%;}
.pnlDetailContent .property.long {width: 100%;}
.pnlDetailContent .property.long td.l {text-align: left!important;}
.pnlDetailContent .property.long td.r {text-align: right!important;}
.pnlDetailContent .property td {padding-right: 40px; border-bottom: 1px solid silver;}
.pnlDetailContent .property td.bold {width: 200px; white-space: nowrap}

.pnlDetailContent .pnlDetailImages {text-align:center; position: relative;display: block;overflow: hidden;margin-right: 20px; margin-bottom: 20px; }
.pnlDetailContent .pnlDetailImages img {height:500px; width:500px;}
.pnlDetailContent .pnlDetailSubImages {margin-left:0px;display: block;overflow: hidden;margin-bottom: 20px;}
.pnlDetailContent .pnlDetailSubImages img{float:left; cursor:pointer; border:1px solid silver; margin:0 4px 4px 0; width:65px; height:65px;}

.pnlDetailContent .spez {font-size: 22px; padding: 5px 10px;display: inline-block;overflow: hidden;position: absolute;left: 10px;top: 10px;z-index: 99;color: white; text-transform: uppercase}
.pnlDetailContent .spez.new {background:#cc0033 }
.pnlDetailContent .spez.promo { background: #cc9900;left: inherit;right: 20px; }
.pnlDetailContent .spez.sale {background:#cc3399;left: inherit;right: 20px;  }
.pnlDetailContent .spez.eol {background:gray }
.pnlDetailContent .spez.bulk { background: yellow; color: black }


.pnlDetailContent .minheight{ display: block;overflow: hidden; color:#004C86;min-height: 140px;}
.pnlDetailContent .titletext { display: block;overflow: hidden;font-size: 18px; background: }
.pnlDetailContent .h1 {font-size:36px;line-height: 40px; font-weight: 500; display: block ; margin-right: 140px}
.pnlDetailContent .h2 {font-size:22px;line-height: 22px; display: block;margin-bottom: 14px; margin-right: 140px}
.pnlDetailContent .blistertext { margin-bottom: 10px;display: block;overflow: hidden;}
.pnlDetailContent .groupImage { float: right;top: 17px;right: 20px;position: absolute;border: 1px solid silver;padding: 5px;}
.pnlDetailContent .nogroupimage { float: right;top: 17px;right: 20px;position: absolute;border: 1px solid silver;padding: 5px;background: #f0f0f0;}

.pnlDetailContent .pinfo {position: relative; margin: 0 0 10px 0;padding: 10px 0 0 0; list-style: none;overflow: hidden;display: block;clear: both; border-top:  1px solid #e6e6e6}
.pnlDetailContent .pinfo li {position: relative;float:left; display: inline-block;margin: 0;padding: 0;margin-right: 10px;color: black; font-size: 13px;}
.pnlDetailContent .pinfo li.info { color: gray;margin-right: 5px; }

.pnlDetailContent .detailean {clear: both; text-align: center; width: 250px; margin-left: -28px;}

.pnlDetailContent .productcategories { margin-top: 20px; font-size: 16px}


.pnlDetailContent .link_detailcategory { line-height: 20px; font-size: 14px}
.pnlDetailContent .link_detailcategory:hover { color:#c33}

/*landingpage*/

.landinginfo{ font-size: 20px;line-height: 24px; background: #fff;padding: 20px;color: #444;margin-bottom: 1em;border: 1px solid #cdcdcd; position: relative}
.landinginfo{ background: #f0f0f0; }
.landinginfo i { font-size: 30px;position: absolute;left: 0;bottom: 0;top: 0;width: 64px;line-height: 64px;text-align: center;}
.landinginfo a { margin-left: 54px;display: block;}
.landinginfo a:hover { color: #c33;}




.pnlDetailContent .tblDetailPrice { margin-right: 30px; margin-bottom:10px; }
.pnlDetailContent .tblDetailPrice td {padding:1px 6px; font-size:28px;line-height: 30px; font-weight: 400; white-space:nowrap}
.pnlDetailContent .pricecarge td{ line-height: 12px;}
.pnlDetailContent .tblDetailPrice td.textprice {text-align:right; }
.pnlDetailContent .stockorder { position: relative; display: block;overflow: hidden;margin-right: 30px; margin-bottom: 30px}
.pnlDetailContent .pnlprice { position: relative; display: block;overflow: hidden; z-index: 999;}

.pnlDetailContent .detail-descr { font-size: 17px;}
.pnlDetailContent .detail-descr h3 { font-size: 26px; font-weight: 600}
.pnlDetailContent .detail-descr ul { margin: 0.5em 1.5em; }
.pnlDetailContent .detail-descr ul li { list-style: disc}
.pnlDetailContent .title{font-size:24px;text-transform:uppercase;margin-bottom:.7em;margin-top: .7em; font-weight: 500}
.pnlDetailContent strong{font-weight: 700}
.pnlDetailContent .detail-descr .stitle{font-size:1.5em;text-transform:uppercase;margin-bottom:.2em;margin-top:.7em}
.pnlDetailContent p{margin-bottom:1em;}

.pnlDetailContent a.links {background:transparent url(../images/link.png) no-repeat 0 3px; padding:0 0 0 24px;display: block;}
.pnlDetailContent a.documents_pdf {background:transparent url(../images/pdf.png) no-repeat 0 3px ; padding:0 0 0 24px;display: block;}
.pnlDetailContent a.documents_zip {background:transparent url(../images/zip.png) no-repeat 0 3px ; padding:0 0 0 24px;display: block;}
.pnlDetailContent a.documents_word {background:transparent url(../images/word.png) no-repeat 0 3px; padding:0 0 0 24px;display: block;}

.pnlDetailContent .faqitem {margin-bottom:10px;}
.pnlDetailContent .faqitem span{font-weight:bold; width:150px; display:inline-block}

.detailwin .mr10 {margin-right: 10px}
.detailwin .btnDetWinClose { z-index: 9999;}


.detailProductlist {border: 1px solid silver; display: block; overflow: hidden}
.detailTitle{ font-size: 30px; margin-bottom: 10px}
.detailProductlist li {float: left;width: 25%;padding: 10px 5px;background: #fff;text-align: center;cursor: pointer;font-size: 14px;box-sizing: border-box;border-bottom: 1px solid silver;border-right: 1px solid silver}
.detailProductlist h4 { height: 4em;background: yellow;display: block;overflow: hidden;display: none;}

.pnlDetailContent .pnlVideo {display: block; overflow: hidden; clear: both;z-index: -1;visibility: visible;
                             /*ipad problem hides upper images and button*/
                             -webkit-backface-visibility:hidden; -webkit-transform: translate3d(0, 0, 0);
}
/*.pnlDetailContent .pnlVideo iframe { width: 100%!important;height: auto !important;margin-right: 2%;float: left;}*/




/*NEDIS and ZOOM*/
    .pnlBrandDevices {line-height:20px; }
    .pnlBrandDevices .pnlbrand {margin: 0!important; }
    .pnlBrandDevices .pnlbrand .devicewrap { margin: 10px 0;}
    .pnlBrandDevices .pnlbrand .devicewrap .hid { display: none;}
    .pnlBrandDevices .brandtitle { font-size: 20px;line-height: 44px;border-bottom: 1px solid #c0c0c0; cursor: pointer}
    .pnlBrandDevices .brandtitle span { float: right;}
    .pnlBrandDevices .brandtitle span i { line-height: 44px;}
    .pnlDetailContent .pnlbrand li { list-style: disc; margin: 0 1.5em; }

    #Spezifikationen { display: block;overflow: hidden;margin-top: 20px;}
    #Beschreibung legend { display: none;}
    .descrtext a { display: none;}
    .descrtext img { display: none;}
    #nedProductID { display: none;}
    #nedisCabData { display: block; background: yellow }
    #nedisCab { margin-bottom: 20px; font-size: 20px }
    #cboNFColor {min-width: 200px}
    #cboNFLength {min-width: 200px}


.window-zoom {width: 53%;background-color: white;position: absolute;overflow: hidden;right: 0;top: 0;height: 720px; z-index: 99999999;border: 2px solid silver;padding: 10px;}
.window-zoom img {position: relative;}
.preview-zoom {position: absolute;border: 1px solid #4C91C0;background-color: rgba(76,145,192,0.5);z-index: 9999999999;display: none;}
.preview-zoomicon {position: absolute;left: 50%;bottom: 50%;margin-left:-25px;margin-bottom: -25px; width: 50px;height: 50px;}
.preview-zoomicon i { font-size: 50px;color: white; opacity: 0.4}



















/* Stock */
.stock {float:left; font-size:17px; font-weight:normal; padding:0; line-height:20px; }
.stock.small {font-size:12px; background-size:12px!important; }
.stock.st1 {background:transparent url(../images/icon_stock_1.png) no-repeat 0px 2px; color:#2C9900; padding-left:25px; }
.stock.st2 {background:transparent url(../images/icon_stock_2.png) no-repeat 0px 2px; color:#996600; padding-left:25px; }
.stock.st22 {background:transparent url(../images/icon_stock_22.png) no-repeat 0px 2px; color:#996600; padding-left:25px; }
.stock.st3 {background:transparent url(../images/icon_stock_3.png) no-repeat 0px 2px; color:#c9071d; padding-left:25px; }
.stock.st5 {background:transparent url(../images/icon_stock_4.png) no-repeat 0px 2px; color:#6a63b9; padding-left:25px; }
.stock.st4 {background:transparent url(../images/icon_stock_2.png) no-repeat 0px 2px; color:#996600; padding-left:25px; }
.stock .stocksub {color:Gray; font-size:14px; white-space:normal; line-height:16px;}


/*.stock .stocksubalert {color:gray; font-size:12px; white-space:normal; line-height:16px;display: block; clear: both}*/

/* talksky */
.detaildescription a{display:none; }
.detaildescription img{display:none; }
.detaildescription p{padding:6px 0 0 0; display:block; }
.detaildescription object{padding:20px 0 0 0; display:block; }
.detaildescription table{padding:20px 0 0 0; display:block; }
    
/* Order */
#tbOrder {background:#dddddd!important;}

/* Specific Ext Objects
--------------------------------------------------------------------------------------------------------------------------*/
#XXpnlRightx { border:0px solid green;position: absolute;left: 0;bottom: 0!important;height: initial!important; right: 0;top: 0;  }


/* Treepanel left Ext */
.treeNormal .x-panel-body {background:#fff!important; }
.treeNormal .x-panel-header {height:40px!important; padding:4px;}
.treeCollapsed {-webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow:0 0 0 0!important; box-shadow:0 0 0 0!important; border-style:none; width:40px!important; margin-right:20px;}
.treeCollapsed #pnlTree-placeholder_hd {top:44px!important; width:100%!important;}
.treeCollapsed #pnlTree-placeholder_hd tspan { font-size: 18px;font-weight: normal;width: 30px;}
.treeCollapsed #pnlTree-placeholder_hd svg { width: 20px!important;}
.treeCollapsed #pnlTree-placeholder-innerCt {width:100%!important;}
.treeCollapsed #pnlTree-placeholder-targetEl {width:100%!important;}
.xxtreeCollapsed #ext-sprite-1184 {font-size:16px!important; width:25px!important; background:red!important;}
.xxtreeCollapsed #ext-gen1185 {width:25px!important;}  


.treeCollapsed #ucProductgrid_pnlFilter-placeholder_hd {top:34px!important; width:100%!important;}
.treeCollapsed #ucProductgrid_pnlFilter-placeholder-innerCt {width:100%!important;}
.treeCollapsed #ucProductgrid_pnlFilter-placeholder-targetEl {width:100%!important;}
.xxtreeCollapsed #ext-sprite-1184 {font-size:16px!important; width:25px!important; background:red!important;}
.xxtreeCollapsed #ext-gen1185 {width:25px!important;}  



/* Basket Panel Ext */
#basektshort_memuBasketShort {border:1px solid silver; top:50px!important;}

/* Mainmenu  Ext */
#menuMainList {top:46px!important; }
#pnlHeader_Content .cycsplit .x-btn-inner  {text-align:left!important;z-index: 99;display: block;overflow: hidden!important;}
#pnlHeader_Content .cycsplit .x-btn-split-right, #pnlHeader_Content .x-btn-over .x-btn-split-right {background: transparent url(/images/split.png) no-repeat right center !important; padding-right:40px!important;display: block;overflow: hidden!important; }*/
.mainmenu {border:0px solid gray; margin-top:4px!important;}
.mainmenu .x-menu-item-text {font-size:18px!important; }
.mainmenu .x-menu-item-link {line-height:30px; padding-left:10px}
.mainmenu .x-menu-item-link i { width: 24px;text-align: center; margin-right: 10px}
.xxmainmenu .x-menu-item-link:active {background:#66ccff!important; } 
.mainmenu .x-menu-item-icon {top:10px!important; left:8px;width:16px!important; height:16px!important;}
.mainmenu .x-menu-item-active .x-menu-item-link {-webkit-border-radius: 0!important; -moz-border-radius:0!important; border-radius:0!important; }
.mainmenu .x-menu-item-arrow {top:17px!important}

/* Maintabs Ext */
.tabmain .x-tab-bar-strip { top: 40px!important; /* Default value is 20, we add 20 = 40 */}
.tabmain .x-tab-bar .x-tab-bar-body { height: 43px !important; /* Default value is 23, we add 20 = 43 */ border: 0 !important; /* Overides the border that appears on resizing the grid */}
.tabmain .x-tab-bar .x-tab-bar-body .x-box-inner {height: 41px !important; /* Default value is 21, we add 20 = 41 */}
.tabmain .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab { height: 41px !important; /* Default value is 21, we add 20 = 41 */ margin-right:3px;background: #51b6d9; border: none;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.tabmain .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab button {color: white; height: 37px !important; /* Default value 13, we add 20 = 33 */ line-height: 37px !important; /* Default value 13, we add 20 = 33 */ font-size:18px; font-weight:normal;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;}
.tabmain .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab button .x-tab-inner {margin-right:10px!important; height: 37px !important; /* Default value 13, we add 20 = 33 */ line-height: 37px !important; /* Default value 13, we add 20 = 33 */ }
.tabmain .x-tab-icon {top:11px!important}

/* Subtabs Ext */
.x-tab-bar-top .x-tab-bar-strip-default-plain {top: 40px!important; /* Default value is 20, we add 20 = 40 */}
.tabsub .x-tab-bar .x-tab-bar-body {height: 43px !important; /* Default value is 23, we add 20 = 43 */ border: 0 !important; /* Overides the border that appears on resizing the grid */}
.tabsub .x-tab-bar .x-tab-bar-body .x-box-inner {height: 41px !important; /* Default value is 21, we add 20 = 41 */}
.tabsub .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab {height: 41px !important; /* Default value is 21, we add 20 = 41 */}
.tabsub .x-panel-header-default {border-bottom:0px solid #cccccc!important;background:transparent!important; margin-bottom:10px; -webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow:0 0 0 0!important; box-shadow:0 0 0 0!important; }

/* Gridline single Ext */
.singleline .x-grid-cell-inner {line-height:50px!important;}
/* Footer Total Ext */
.footerTotal *{font-size:16px!important; font-weight:bold; }

.total-field {color:red!important; background:#ffcc66; border-top:1px solid gray; }
.rightalign *{text-align:right; padding-right:10px; }




/*Maintabs*/
.maintabs {position: relative; overflow: hidden; margin: 0 auto; margin-top: 15px; width: 100%;padding: 0;display: block; }
.maintabs nav ul {position: relative;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex; background: #ebebeb;margin: 0 auto;padding: 0;list-style: none;overflow: hidden;}
.maintabs nav li {position: relative;float:left; display: inline-block;margin: 0;padding: 0; text-align: center;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1; flex: 1;max-width: 250px;}
.maintabs nav li a {position: relative;display: table;overflow: hidden;height: 4em;background: #efefef;width: 100%;border-right: 1px solid #cccccc; }
/*.maintabs nav li a:hover { background: silver;}*/
.maintabs nav li a span { word-wrap: break-word; vertical-align: middle; text-align: left; line-height: 1.2em; display: table-cell; font-weight: 700; font-size: 0.9em;text-transform: uppercase; padding: 4px 20px 0 0;}

.maintabs nav li.tab-current a { background: #c33!important; color: #ffffff}
.maintabs nav li.tab-current a i { color: #ffffff}

.maintabs nav a i{display: table-cell;vertical-align: middle; font-family:FontAwesome!important;font-size:2em;padding: 0 10px; width: 35px}
/*.maintabs nav a.cat_0:before{content:"\f015"}
.maintabs nav a.cat_1:before{content:"\f10b"}
.maintabs nav a.cat_142185:before{content:"\f0eb"}
.maintabs nav a.cat_142929:before{content:"\f0e7"}
.maintabs nav a.cat_142301:before{content:"\f108"}
.maintabs nav a.cat_142407:before{content:"\f109"}
.maintabs nav a.cat_142691:before{content:"\f030"}
.maintabs nav a.cat_142524:before{content:"\f0f4"}
.maintabs nav a.cat_142743:before{content:"\f0ad"}
.maintabs nav a.cat_16101:before{content:"\f013"}*/

/*breadcrumb*/
#crumbs {text-align: left;padding:0 10px 10px 0px;background: white;}
#crumbs ul {list-style: none;display: inline-table;}
#crumbs ul li {display: inline; cursor: pointer}
#crumbs ul li a {display: block; float: left; height: 30px; background: #efefef; text-align: center;padding: 7px 10px 0 22px; position: relative; margin: 0 10px 0 -6px; font-size: 14px;font-weight: 500; text-decoration: none; color: #666; }
#crumbs ul li:first-child a {padding: 7px 10px 0 10px; background: #efefef!important;color: #666 !important; /*border-top-left-radius: 10px; border-bottom-left-radius: 10px;*/}
#crumbs ul li:first-child a:before {display: none; }
#crumbs ul li a:after {content: ""; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid #efefef; position: absolute; right: -10px; top: 0; z-index: 1;}
#crumbs ul li a:before {content: ""; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid #ffffff; position: absolute; left: 0; top: 0;}
#crumbs ul li:last-child a {padding-right: 10px;background: #c33;color: #ffffff; /*border-top-right-radius: 10px; border-bottom-right-radius: 10px;*/}
#crumbs ul li:last-child a:after {display: none;}
#crumbs ul li a:hover {background: silver!important;}
#crumbs ul li a:hover:after {border-left-color: silver;}


#pnlHomeVideo {clear: both; display: block; overflow: hidden;visibility: visible;padding: 10px;}
/*#pnlHomeVideo .pnlVideo { width: 48%!important;border: 1px solid gray;float: left;margin: 0 1% 1% 0;padding: 1%;background: #fff;text-align: center;}*/
/*#pnlHomeVideo iframe { width: 100%!important;height: auto !important;}*/
/*#pnlHomeVideo .pnlVideo h2 { font-weight: 600;font-size: 20px; margin-top: 10px;margin-bottom: 10px;display: block;overflow: hidden;min-height: 50px; }*/



/* Media Queries
--------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width : 3001px) {
    .pnlProductList.mobile .gridrow { width: 11.11111%;}
}
@media only screen and (max-width : 3000px) { 
    .tabportal {width:50%; float:left; overflow:hidden; }
    .pnlDrilldown .item  { width: 12%; margin: 0 0.5% 0.5% 0}
    .pnlProductList.mobile .gridrow { width: 12.5%;}
}

@media only screen and (max-width : 2000px) {
    .pnlProductList.mobile .gridrow {width: 16.667%;}
    #pnlHomeVideo iframe {min-height: 320px!important}

    /*#pnlHeader_Content{ background: blue !important;}*/
    .pnlProductList.mobiledevice .gridrow .imageborder{ width: 250px;height: 250px; }
}

@media only screen and (max-width : 1700px) {
    .pnlProductList.mobile .gridrow { width: 20%; }

    .pnlDrilldown .item  { width: 16.16783%; }
    .grpNewinner .grpnewitem {width: 16.16783%;}

    /*#pnlHeader_Content{ background: green !important;}*/        
    .pnlProductList.mobiledevice .gridrow .imageborder{ width: 220px;height: 220px; }


}

@media only screen and (max-width : 1520px) {
    /*#pnlHeader_Content{ background: lightblue !important;}*/        
    .pnlProductList.mobiledevice .gridrow .imageborder{ width: 200px;height: 200px; }

}

@media only screen and (max-width : 1400px) { 
    #hometabs_tabRight { padding-left: 0!important; }
    .tabportal { float: none; width: 100%; }
    .singleline .x-grid-cell-inner { line-height: 45px!important; }
    .pnlDrilldown .item  { width: 19.5%; /*margin: 0 1% 1% 0;*/}
    .grpNewinner .grpnewitem {width: 19.5%;}
    /*.grpNewinner .grpnewitem {width: 20%;}*/

    #pnlHomeVideo iframe {min-height: 250px!important}

    .maintabs nav li a span { font-size: 0.85em;}

    /*.pnlProductList.mobile .grid.price { font-weight: 700;font-size: 16px;}*/

 
    /*#pnlHeader_Content{ background: salmon !important;}*/        

}


@media only screen and (max-width : 1281px) {
    /*.pnlDrilldown .item  { width: 16.16%; margin: 0 0.5% 0.5% 0}*/
    /*.grpNewinner .grpnewitem {width: 20%;}
    .grpNewinner .grpnewitem {width: 16.666%; font-size: 13px;}*/

    .grpNewinner .grpnewitem {width: 19.5%;}

    /*#pnlHeader_Content{ background: royalblue !important;}*/        

    /*.pnlDrilldown .item  { width: 16.666%; }*/
    /*.maintabs nav a:before{font-size:1.5em; padding:0 8px}
    .maintabs nav li a span { font-weight: 700; font-size: 0.90em; padding: 0 5px 0 0;}*/
}

@media only screen and (max-width : 1280px) { 
    .maintabs nav a i{font-size:1.4em;padding: 5px 0;display: block;width: 100%;text-align: center;}
    .maintabs nav li a span { font-weight: 700; font-size: 0.85em; padding: 0 5px;clear: both;display: block;text-align: center;}
       .maintabs nav li a {height: 4.7em;}


    /*#pnlHeader_Content{ background: wheat !important;}*/        

}

@media only screen and (max-width : 1200px) {
    
    #pnlHomeVideo iframe {min-height: 250px!important}
    .pnlDrilldown .item  { width: 16.167%; }
    .pnlGroupNewList .grpnewtitle {  font-size: 16px; }

    /*#pnlHeader_Content{ background: yellow !important;}*/
    .pnlProductList.mobiledevice .gridrow .imageborder{ width: 180px;height: 180px; }


}

@media only screen and (max-width : 1100px) {
    /*#pnlHeader_Content{ background: rosybrown !important;}*/
    .pnlProductList.mobiledevice .gridrow .imageborder{ width: 170px;height: 170px; }

}

@media only screen and (max-width : 1024px) { 
    .pnlDrilldown .item  { width: 19.5%;margin: 0 0.5% 0.5% 0; display: block;overflow: hidden;}
    .pnlDrilldown img  { width: 90%;height: auto; }
   
    .pnlProductList.mobile .gridrow { width: 25%;}
    .grpNewinner .grpnewitem {width: 20%; font-size: 12px;}
    .maintabs nav li a span { font-size: 0.80em;}
    .btnmain.swadmin { display: block;}
    #pnlHomeVideo iframe {min-height: 200px!important}
    .pnlProductList.mobiledevice .gridrow .imageborder{ width: 190px;height: 190px; }

}

@media only screen and (max-width : 900px) {
    .pnlProductList.mobiledevice .gridrow .imageborder{ width: 170px;height: 170px; }
}

@media only screen and (max-width : 800px) {
    .pnlProductList.mobile .gridrow { width: 33.333%;}
    .maintabs nav li a span { font-size: 0.7em;}
    .btnmain.swadmin { display: none;}
    .pnlGroupNewList .grpnewtitle {  font-size: 14px; }
    .pnlGroupNewList .closer i { font-size: 1em; }
    #pnlHomeVideo iframe {min-height: 200px!important}
    .pnlProductList.mobiledevice .gridrow .imageborder{ width: 190px;height: 190px; }
    .pnlPagerTop .pagerText.oderable { display: none;}
    .pnlPagerTop .pagerText { margin-right: 10px;}
}

@media only screen and (max-width : 768px) { 
    .pnlportal { float: none; height: 350px!important; width: 100%; }
    .pnlDrilldown .item  { width: 24.5%; margin: 0 0.5% 0.5% 0}
    .grpNewinner .grpnewitem {width: 25%; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
        .iframecontent { /*-webkit-transform: translate3d(0, 0, 0);*/}

}

@media only screen and (max-width : 680px) { 
    .pnlDrilldown .item  { width: 32.83%; margin: 0 0.5% 0.5% 0}
    .grpNewinner .grpnewitem {width: 32.83%;}
    .pnlProductList.mobile .gridrow { width: 50%;}
    .pnlProductList.mobiledevice .gridrow .imageborder{ width: 170px;height: 170px; }
}