#arrivals{ }
.scroll{ margin:0 0 20px; }
.scroll h1, .scroll .vTitle{ font-weight:bold; color:#fff; font-size:17px; margin:0 0 20px 0; background:url(../images/feature-title-bg.png) left top no-repeat; padding:7px 0 7px 8px ; text-transform:capitalize; }

.scroll .bx-wrapper{ background:none; position:relative; margin:0 auto; height:344px; }

.scroll .bx-pager{ position:absolute; bottom:15px; left:453px; z-index:999; text-align:center; display:none }
.scroll .bx-pager .bx-pager-item{ float:left; }
.scroll .bx-pager a{ float:left; width:12px; height:12px; line-height:12px; margin-right:3px; text-indent:-999999px; background:url(../images/pager.png) 0 center no-repeat; }
.scroll .bx-pager a.active{ background-position:right center; }

#scroll-horz .bx-pager{ left:450px; }
 

.scroll ul{ padding:0px ; margin:0; }
.scroll li{ background:none; float:left; list-style-type:none; position:relative; }
.scroll li:hover{ background:none; }
.scroll .wraptocenter-hori{ background:#fff; text-align: center; vertical-align:middle; height:190px; overflow:hidden; margin:1px; margin-bottom:0; padding:5px 2px; border:1px solid #D8D8D8 }
.scroll .wraptocenter-hori span{ width:1px; height:100%; display:inline-block; }
.scroll .wraptocenter-hori span a{ display:inline-block; }	
.scroll .wraptocenter-hori *{ vertical-align:middle; width:90%; height:auto }

.scroll .indent{ text-align:left; margin:1px; margin-top:0; background:none; position:relative; }
.scroll p{ margin:0; padding:0; font-size:12px; }
.scroll a{ color:#868686!important; text-decoration:none; font-size:11px; }
.scroll li:hover a, .scroll a:hover{ color:#000!important;}
.scroll .text{ height:42px; overflow:hidden; display:block; clear:both; padding:5px 0px 0 0px; text-align:center}
.scroll .price{ background:none; height:32px; line-height:32px; color:#252525; font-weight:normal; font-size:15px; padding:0 10px; margin-top:0px; text-align:center }
.scroll li:hover .price{ background:none; }
.scroll .btn{ text-align:center }
.scroll .btn a {
    background: url(../images/btn-buy-now.gif) no-repeat left top; display: block;height: 30px; margin:0 auto; text-align: center;width: 98px;}

.right-promo{ float:right; }
.right-promo .adBox{}
.right-promo .lst{ margin-top:10px; }

@media all and (max-width:979px), (max-device-width:979px){
/* arrivals Items */
#arrivals{ height:568px; overflow:hidden; }
#arrivals h1{ margin:0; font-weight:bold;color:#fff; font-size:16px; background:url(../images/new-arr-title-bg.png) left center no-repeat; text-transform:capitalize; line-height:28px; padding:0 0 0 8px; margin-bottom:15px; }
#arrivals .pad{ background:#f9f9f9; border:1px solid #ccc; padding:50px 0; }

#arrivals .bx-wrapper{ position:relative; }
#arrivals .bx-controls a{ text-indent: -999999px;  margin:0 auto; width:33px; height:30px; line-height:30px; position:absolute; text-indent: -999999px; background: url(../images/arw-vert.png) 0 top no-repeat; left:94px; }
#arrivals .bx-controls .bx-prev{ top:-40px; }
#arrivals .bx-controls .bx-next{ background-position:0 bottom ; bottom:-40px; }

#arrivals ul{ padding:0px ; margin:0; }
#arrivals li{ list-style-type:none; height:95px; border-bottom:1px solid #ddd; }
#arrivals .wraptocenter-hori{ text-align: center; background:#fff; vertical-align:middle; height:68px; width:68px; overflow:hidden; padding:5px; float:right; background:#fff; margin:0 0 0 15px; border:1px solid #D8D8D8; }
#arrivals .wraptocenter-hori *{ vertical-align:middle; }
#arrivals .wraptocenter-hori span{ width:1px; height:100%; display:inline-block; }
#arrivals .wraptocenter-hori span a{ display:inline-block; }

#arrivals .indent{ text-align:left; position:relative; float:left; width:136px; height:70px; }
#arrivals p{ margin:0; padding:0; font-size:11px; }
#arrivals a{ color:#7C7C7C; text-decoration:none; font-size:11px; }
#arrivals .text{ clear:both; }
#arrivals .text a{ height:40px; overflow:hidden; display:block;  }
#arrivals .price{ color:#E13B3B; font-size:14px; margin:8px 0; }
#arrivals .btn{ }
#arrivals .btn a{ display:block; background:url(../images/btn-buy-now.png) left top no-repeat; width:54px; height:15px; margin:0; }

}

/* New Arrivals */
#rMenuContainer .bx-wrapper{ position:relative; padding:15px 0; }
#rMenuContainer .bx-controls a{ text-indent: -999999px;  margin:0 auto; width:18px; height:10px; line-height:10px; position:absolute; text-indent: -999999px; background: url(../images/arw-vert.png) 0 top no-repeat; left:42%; display:none }
#rMenuContainer .bx-controls .bx-prev{ top:10px; }
#rMenuContainer .bx-controls .bx-next{ background-position:0 bottom ; margin:10px 0 0 0}

#rMenuContainer ul{ margin:0; padding:0; }
#rMenuContainer ul li { text-align:center; }

#rMenuContainer .wraptocenter-hori{   background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D8D8D8;
    margin: 1px 1px 0;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    vertical-align: middle; height:110px }
#rMenuContainer .wraptocenter-hori *{ vertical-align:middle; width:90%; height:auto  }
#rMenuContainer .wraptocenter-hori span { width:1px; height:100%; display:inline-block; }
#rMenuContainer .wraptocenter-hori a{ display:inline-block; }

#rMenuContainer .indent{margin:0 auto; text-align:center; }
#rMenuContainer ul p{ padding:0; font-size:11px; margin:8px 0 0 0 ; text-align:center;}
#rMenuContainer ul a{ color:#4E4E4D!important; text-decoration:none;}
#rMenuContainer ul a:hover{ color:#000!important;}
#rMenuContainer ul .text{ height:43px; overflow:hidden; }
#rMenuContainer ul .btn{ display:none; }
#rMenuContainer ul .price{ background:none; height:32px;color:#E13B3B; font-weight:normal; font-size:15px; padding:0 10px; margin-top:2px; text-align:center }


/* Featured Items */
#featured{ }
#featured h1{ margin:0; background:url(../images/leftpanel-top-bg.png) left center no-repeat; height:34px; line-height:33px;  font-weight:bold;  color:#fff; font-size:13px!important; text-transform:capitalize; padding-left:8px }

#featured .bx-wrapper{ position:relative; padding:15px 0; }
#featured .bx-controls a{ text-indent: -999999px;  margin:0 auto; width:18px; height:10px; line-height:10px; position:absolute; text-indent: -999999px; background: url(../images/arw-vert.png) 0 top no-repeat; left:90px; display:none }
#featured .bx-controls .bx-prev{ top:10px; }
#featured .bx-controls .bx-next{ background-position:0 bottom ; margin:10px 0 0 0}

#featured ul{ padding:0px ; margin:0; }
#featured li{ background:none; padding:1px 0; list-style-type:none; }
#featured li:hover{ background:none; }
#featured .wraptocenter-hori{  background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D8D8D8;
    height: 190px;
    margin: 1px 1px 0;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    vertical-align: middle; }
#featured .wraptocenter-hori *{ vertical-align:middle; width:90%; height:auto  }
#featured .wraptocenter-hori span{ width:1px; height:100%; display:inline-block; }
#featured .wraptocenter-hori span a{ display:inline-block; }

#featured .indent{ text-align:left; margin:0 1px; background:none; position:relative; }
#featured p{ margin:10px 0 0 0; padding:0; font-size:12px; }
#featured a{ color:#4e4e4d; text-decoration:none; font-size:11px; }
#featured li:hover a, #featured a:hover{ color:#000;}
#featured .text{ height:30px; overflow:hidden; display:block; clear:both; padding:0; text-align:center}
#featured .price{  background:none; height:32px;color:#E13B3B; font-weight:normal; font-size:15px; padding:0 10px; margin-top:3px; text-align:center}
#featured li:hover .price{ background:none; }
#featured .btn{ text-align:center }
#featured .btn a{background: url(../images/btn-buy-now.gif) no-repeat left top; display: block;height: 30px;margin: 0 0 0 48px;text-align: center;width: 98px; }






/* iPad
   ---------------------------------------------------------------------------------------- */
@media all and (max-width:800px), (max-device-width:800px){
body {margin: 0}
.ieAlign {width: 100%; background:none}

.clearBoth{ height:0}
.essBot {width: auto;}
.essWrap {width: 100%;}
#essHeaderContainer, #ess-foot .slot{ width:100%; }

.essOuter, #essOuterContainer, .userNote, #essHeaderContainer, #essHeader, #topcat1, .topright, .essWrap2, .main-head {width: auto; float:none}
#essOuterContainer {padding:0;}
.essOuter {padding: 0}

.scroll img{ width:90%!important; height:auto!important; /*max-width:170px; */max-height:170px; }	

#topcatz .essWrap, #rMenuContainer, .navwrap{display: none}

.ess_content_area img, #essHeader img, .footerBGPost img, .cstmContent img, .bx-wrapper img {display: inline-block;height: auto;max-width: 100%;transition: all 0.5s ease 0s;}
.ess_holiday td, .ess_holiday td img{ height:15px!important; }

.shoplogo img{ display:block; /*IE7*/ display:inline-block; height:auto; max-width:100%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }

#essHeader{ padding-left:15px; padding-right:15px; }
#essHeader, .main-head, .toplinks, .shoplogo, .topr, .cInfo, #topNav, #topNav ul, #topSearch{ width:auto!important; display:block; text-align:center; float:none}

#topNav ul, .header-right, .promoadd-right, .cstmContent { width:auto!important; display:inline-block; text-align:center; float:none}

#essHeader{ background:#fff; background-image:none; border:none}
.shoplogo{ margin:10px 0 0 0}

.cInfo{ height:20px}

#topNav{ height:auto; margin:15px 0 }
#topNav li {display:inline-block; text-align:center; float:none; line-height:20px}
#topNav li a{ float:none}

#topSearch{ margin:0; position:relative; text-align:center }	
#topSearch form{ width:100%; float:none; text-align:center; display:inline-block}
#topSearch input.search-text{ min-width: 110px; padding:0 0 0 2%;  width:97%}
#topSearch input.search-button { position: absolute;  right: 0;}

.header-right{ margin-top:20px}
.header-right ul{ text-align:center; width:auto}
.header-right ul li.info1, .header-right ul li.info2, .header-right ul li.info3{ width:auto; display:inline-block; text-align:left; float:none}
.header-right ul li{ margin:10px 0}

#topcatz{ width:auto; padding:0; background:#000}
#topcatz ul li.fst a, #topcatz ul li.fst a:hover{ background:#555; width:auto; color:#fff}

.wideWrapper.mobile-wrap{ width: auto; text-align:center; display:block; padding:0 15px; background:url(../images/pattern-bg.gif) center top repeat-y #fff; }
.scroll h1, .scroll .vTitle{ text-align:left; }
.scroll ul, .scroll .pad{ height:auto; }
.scroll .bx-wrapper{ height:auto!important}
.scroll{ float:none; text-align:center}	
.scroll.rBox{ margin-bottom:0; }
.scroll.rBox .pad{ padding:13px; }


.bx-wrapper img{ max-width:100%}

.outerBoxitemCustom{ width:auto}

/*Hide elements on small screen*/
#lMenuContainer {display: none;}

#essContentsContainer, #essCenterContainer, #essCenterContainerBg .essWrap {width: auto}
#essContentsContainer{ padding:0 15px;margin:15px 0 0 0}
#essCenterContainer {float: none;width: 100%;margin: 0}


.itemTitle *{ width:auto; background:none; padding:0; font-size:16px} 
.itemTitle{ width:auto; background:none; padding:10px; font-size:16px}  
.itemTitle pre{ display:block; text-align:center; white-space:normal}

#itemDescription img{ width:100%; height:auto}


.prevImageContainerLeft {float: none;margin: 0 auto}
.imgenlarge.left {display: none}
.totalImgContainer {text-align: center;display: inline-block;width: 100%}
.gallery-row-view, .gallery-image {margin: 0 auto;float: none;text-align: center}

.buyAddButtons{ height:auto; text-align:center; display:block; width:100%; margin:13px 0 0 0 }
.buyAddButtons a{ display:inline-block; text-align:center ; margin:5px ; float:none}



#left-ad img {display: inline-block;text-align: center}
#outerBoxitem2 {margin-bottom: 15px;text-align: center}
#outerBoxRMenu2, #outerBoxRMenu3, #outerBoxRMenu4 {display: none}

#MerchantBox {width: auto}
#MerchantBox > a {display: inline-block;float: none;text-align: center;width: 100%;margin-bottom: 15px;}

.img-holder {margin: 0 auto;float: none;}
.enlarge.left {width: auto;}

.thumb {float: none;width: auto;margin: 13px auto;text-align: center;}
.thumb a {display: inline-block;float: none;margin: 0 0 8px 8px;width: 100px;height: 100px;}
.thumb a img {width: auto;max-width: 65%;height: auto;}

#right-ad img {margin-right: 13px;}

#promo-btn{ text-align:center; padding:0; display:block; margin:10px 0 }
#promo-btn.single a, #promo-btn a{ margin:0!important; background-image:none!important; display:block; float:none; width:auto; padding:5px !important; text-align:center; border-bottom:1px solid #fff; }
#promo-btn a span{ display:inline-block; margin:0!important; padding-left:40px; }
#promo-btn a#ask span{ background:url(../images/icon-ask-question.png) 0 center no-repeat; }
#promo-btn a#watch span{ background:url(../images/icon-watch-item.png) 0 center no-repeat; }
#promo-btn a#tellafriend span{ background:url(../images/icon-tell-a-friend.png) 0 center no-repeat; }

#essTabs, #essTabs table, #itemDescription table {width: auto}

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

#essTabs .acrdn{ float:none; display:block; border:0; height:40px; line-height:40px; font-size:15px; padding:0; margin-top:5px; background:#555; text-align:center; color:#fff; text-decoration:none  }
#essTabs .acrdn.active{ background:#ff7a01}

.slot-data{ border:1px solid #dddddd; border-top:0; text-align:center; padding:15px; }
.slot-data img{ float:none; display:inline-block; margin:10px 0; }

div.prev_thumb {display: inline-block;float: none;margin: 15px 0 0 8px;width: auto}
div.prev_thumb a {display: inline-block;float: none;}
.highslide img {width: auto!important;/*height: auto!important;max-width: 430px;max-height: 430px;*/}
.imgenlarge.left {width: auto;margin: 0;text-align: center;padding-left: 0;}
.imgenlarge {background: none;}

 
.fourth-carousel .text a{ text-align:center}

/****custom footer****/
#ess-foot .slot, #foot-links .left, #foot-links h6, #ess-foot{ width:100%;display:inline-block;text-align:center; padding:0}
.footerBot{ text-align:center; display:block; text-align:center; padding:0 15px}
#foot-links{ display:inline-block; width:auto; text-align:center; padding:0}
#foot-links *{ text-align:center; }
#foot-links .col{ float:none; text-align:center; width:auto; margin:20px auto; }
#foot-links ul, #foot-links ul.info2{ float:none; display:inline-block; text-align:center }

#foot-links h6{ margin:0 0 10px; cursor:pointer; display:inline-block; text-align:center }
#foot-links ul li{ font-size:13px; background:none!important; line-height:20px; padding:0!important; }
#foot-links ul li a{ font-size:13px; background:none!important; }

.cpyright{ height:auto; padding:1% 0; text-align:center }
.cpyright .txt, .dsgn{ float:none; text-align:center; margin:0; }
.dsgn, .dsgn span, .dsgn span a{ text-align:center; display:inline-block; float:none; }

#LeftPanel, #outerBoxRMenu2, #outerBoxRMenu3, #rMenuContainer, .promo-widget{ display:none}
}

/* Smartphones
   ---------------------------------------------------------------------------------------- */
@media all and (max-width:600px), (max-device-width:600px){
.prevImageContainerLeft {display: inline-block;float: none;height: 250px;text-align: center;width: 99%}
 
.highslide img {width: auto!important;height: auto!important;max-width: 200px;max-height: 200px;}
div.prev_thumb {border: 0 none;display: inline-block;float: none;margin: 15px 0 0 0;padding: 0;text-align: center;width: auto}
div.prev_thumb a{   height:86px!important; width:86px!important; }

.scroll .wraptocenter-hori{ height:70px; }
.scroll .text{ text-align:center; }
#scroll-horz { margin:15px 0!important}
.scroll .bx-wrapper{ }
.scroll .wraptocenter-hori{ width:100px; height:100px!important; margin:0 auto!important; }
.wraptocenter-hori img{ width:auto!important; height:auto!important; max-width:90px; max-height:90px}

.cInfo h3{ margin-right:0; }


}

@media all and (max-width:480px), (max-device-width:480px){
.shoplogo img{ width:202px; }
.header-right ul li { margin: 10px 0 !important;  padding: 0;}

.scroll .indent{ height:auto; }
.scroll .price, .scroll .btn{ float:none; text-align:center; margin:8px auto; }
.scroll .btn a{ display:inline-block; }
	
}


@media all and (max-width:330px), (max-device-width:330px){
#essCenterContainer {width: 100%}
.prevImageContainerLeft {display: inline-block;float: none;height: 250px;text-align: center;}

}