@import url(ebay-responsive.css);

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

#topcatz ul li a{padding:12px 13px 13px !important;}
#topcatz ul li.lst a.mre{width:83px; padding:0 14px 0 0 !important;}
#topcatz ul li.fst a{background:none;}

#topcatz .sf-menu li ul{ left:auto; right:0; }
#topcatz .sf-menu li ul ul{ left:100%; right:auto; }
}

@media only screen and (max-width:800px){
.pageminwidth{width:auto;}
.ess_ebay_header, table.tb_v4bc, .stBadge, #glbfooter, table.ess_content_area, .outerBoxitemCustom, #essContentsContainer, #essCenterContainer, #essHeaderContainer, #MerchantBox, #ess-foot{ width:auto;}
#essOuterContainer, .essOuter, .ieAlign{width:auto; background:none;}
#essOuterContainer{padding:5px 15px 0;}
#essContentsContainer .indent{padding-bottom:0;}
.show-mobile{display:block !important;}
#topcatz, #foot-links, #lMenuContainer, .footer-img, .top-img{display:none;}
#TopPromoArea{display:none !important;}
.mobile-menu{display:block;}
table td.ess_background{background:#fff;}
td.ess_custom_header{padding:0 15px; text-align:center; }
#ess-foot{background:none;}

#promo-btn{width:388px;}
#promo-btn a{margin-right:3px;}
.main-head{height:auto; padding:0 15px 10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7e9e9+0,edd7d7+17,f4f4f4+49,efdada+81,f7e9e9+100 */
background: #f7e9e9; /* Old browsers */
background: -moz-linear-gradient(left,  #f7e9e9 0%, #edd7d7 17%, #f4f4f4 49%, #efdada 81%, #f7e9e9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f7e9e9 0%,#edd7d7 17%,#f4f4f4 49%,#efdada 81%,#f7e9e9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f7e9e9 0%,#edd7d7 17%,#f4f4f4 49%,#efdada 81%,#f7e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e9e9', endColorstr='#f7e9e9',GradientType=1 ); /* IE6-9 */ border-top:5px solid #b32828;}
.headwrap{margin: 0 auto;}
.shoplogo{float:none; padding-top:9px; text-align:center;}
.topr{float:none; width:100%; padding:0; margin-top:10px;}
.contactInfo{float:left; text-align:left;}
#topSearch input.search-text{border:0px; height:33px;}
#topNav{height:auto; line-height:normal; padding:5px 10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f99790+0,ffdddd+50,f99790+100 */
background: #f99790; /* Old browsers */
background: -moz-linear-gradient(45deg, #f99790 0%, #ffdddd 50%, #f99790 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #f99790 0%,#ffdddd 50%,#f99790 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #f99790 0%,#ffdddd 50%,#f99790 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99790', endColorstr='#f99790',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.joinList{height:auto;}
#topNav .joinList a{font-size:0px; padding:0px; width:30px; height:30px; background-position:center center; background-color:#fff; margin:3px; border-radius:100%;}
#topNav ul{padding-top:10px;}
#topNav li a{font-size:12px;}


.scroll .pad{ margin:0; width:100%; padding:0;}
.scroll ul{ width:auto; text-align:center; padding:0; background:#f7e9e9;}
.scroll li, .scroll ul li:nth-of-type(3n){ float:none; display:inline-block; background:#fff; padding:10px; margin:3px; width:29.6667%; vertical-align:top; }
.scroll h3{text-align:center; background:#b32828; padding:12px 0; margin-top:9px; color:#fff; text-transform:uppercase;}
.scroll .text{ margin:10px 0 0;}
.scroll a{vertical-align:middle;}
.scroll .text a{ text-align:center; height:64px; font-size:12px; display:inline-block; color:#000; text-decoration:none; overflow:hidden;}
.scroll .wraptocenter-hori{ padding:0!important; height:140px; width:100%!important; margin:0 auto!important; text-align:center;}
.wraptocenter-hori span{ width:1px; height:100%;  display:inline-block; vertical-align:middle;}
.scroll .indent{ padding:0; }
.scroll li img{ /*width:100%!important; height:100%!important;*/ max-width:98%; max-height:100%; vertical-align:middle;}
.scroll .btn a{display:inline-block; width:81px; height:29px; background:url(../images/btn-buy-now.gif) no-repeat scroll left top; font-size:0; }
.scroll .btn{display:block; float:none; text-align:center; }
.scroll .price{display:block; text-align:center; float:none; font-weight:bold; color:#df001f; margin-bottom:10px; }

#tabnav{ height:auto; display:none; }
#tabnav li{ float:none; display:block; }
#tabnav li a{ float:none; display:block; border:1px solid #07ccf9; height:40px; line-height:40px; font-size:15px; }
#tabnav li:last-child a{ border-bottom:0; }
.panel{ border:1px solid #dddddd; border-top:0; margin-bottom:3px; text-align:center; padding:15px; }
.panel img{ float:none; display:inline-block; margin:10px 0; }

#essTabs .tabBox .acrdn{ float:none; text-align:left; display:block !important; border:0; font-size:13px; font-weight:600; height:34px; line-height:34px; padding:0; height:auto; border:1px solid #dadada; margin-bottom:2px; }
#essTabs .tabBox .acrdn:hover, #essTabs .acrdn.active{ }
#essTabs .tabBox .acrdn:before{ content:'+'; text-align:center; display:inline-block; background:rgba(255, 255, 255, 0.74); color:#555; width:30px; margin-right:10px; }
#essTabs .tabBox .acrdn.active:before{ content:'-'; }
.tabBox{ padding:0; border:0; }
.panel table.cstmTable{width:100% !important;}
.panel table.table-bg, .vinsani-map img{width:100%;}

.promo {text-align:center; height:auto; margin:0 0 12px;}
.promo img{ float:none; margin:5px !important; height:auto;}
#ess-foot .lst{float:none;}

.footerBot{padding:10px 0; background:#f2e5e5;}
.cpyright .txt, .dsgn, .welcome-msg{ float:none; text-align:center; margin:0 auto!important; }
.dsgn span, .dsgn a{ height:25px; text-align:center; display:inline-block; float:none; }
.dsgn a{background-position:left top;} 
}

@media only screen and (max-width:767px){
.mainCatz ul li{width:30.444%;}
.totalImgContainer .option{position:absolute; top:353px; left:0; right:0; margin:0 auto;}
.totalImgContainer{position:relative; text-align:center; padding-top:25px;}
.prevImageContainerLeft{float:none; margin:0 auto; padding:0;}
.nowidth{height:auto; width:100% !important; margin:0;}
div.prev_thumb{width:100%; display:inline-block; margin:45px 0 0; text-align:center; float:none; direction:}
div.prev_thumb a{float:none; display:inline-block; margin:3px; vertical-align:top;}
.imgenlarge{position:absolute; width:150px; top:0; left:0; right:0; margin:0 auto; background-position:100% 5px; padding:2px 0 0;}
#prodPrice{float:none; margin:0 auto;}
#promo-btn{float:none; width:100%; text-align:center;}
#promo-btn a{float:none; display:inline-block;}

.scroll li, .scroll ul li:nth-of-type(3n){width:28.667%;}

.panel table.table-bg, .panel table.termC, .vinsani-map img{width:100%;}
table.cstmTable{width:100% !important;}
.panel .table-bg img{display:none !important;}
.panel table.cstmTable img{display:block !important; max-width:100%;}
table.cstmTable th{ padding:6px; border-bottom:1px solid #fff;}
table.cstmTable td{width:3%;}
.panel table.cstmTable td{padding:5px;}
.highslide img{max-height:240px; max-width:230px;}
}

@media only screen and (max-width:640px){
.scroll li, .scroll ul li:nth-of-type(3n){width:27.3333%;}
#topSearch, #topSearch form, .contactInfo, .joinList, #topNav ul{width:100%; float:none; display:inline-block; background:none; position:relative; text-align:center;}
#topSearch input.search-text{width:100%; padding-right:35px;}
#topSearch input.search-button{position:absolute; right:0; top:0;}
#payments, #topNav li{float:none; display:inline-block; font-size:0;}
.contactInfo{line-height:19px; margin-top:10px; padding-left:0px;}
.contactInfo span, .contactInfo h3, .contactInfo p{display:inline-block; vertical-align:middle;}
.contactInfo span{margin-right:4px;}
.contactInfo h3{margin-right:8px;}
#topNav .joinList a{float:none; display:inline-block; vertical-align:top;}
#topNav li a{background:#fff; padding:2px 4px !important; margin:2px; display:inline-block;}
.slide .bx-controls a{top:40%;}
table.fixed .left-sep{width:auto !important;}


}


@media only screen and (max-width:480px){
.scroll li, .scroll ul li:nth-of-type(3n){width:43%;}
.mainCatz ul li{width:29.8889%;}
.contactInfo h3{margin-right:0px;}
.prevImageContainerLeft{width:250px; height:250px; float:none; display:inline-block;}
.scroll .wraptocenter-hori{height:90px;}
#promo-btn a{margin:3px;}
#prodPrice{width:260px; background-size:contain;}
#prodPrice .PRICE2{width:135px; padding-top:63px;}
.shoplogo img{max-width:100%;}
embed{width:100%;}
.totalImgContainer .option{width:250px; top:283px;}

}

@media only screen and (max-width:400px){
.mainCatz ul li{margin:0 0 10px !important; width:100%; background:#d3d3d3;}
.scroll li, .scroll ul li:nth-of-type(3n){width:40%;}
.promo img{width:46%;}	
.scroll .text a{font-size:12px; text-transform:uppercase;}
.panel{padding:5px;}
}