/******************* Category Listing page ************************/

nav.catalognavigation {display:none}

div#maincontent {float:none; margin:10px 1% 0; width:98%; max-width:inherit }

div#maincontent div.subcategories ul li {width:49.7%}

div#maincontent div.subcategories ul li div.catimg {margin:0 2% 10px}

div#categorybanner {margin-top:0}

/************************ Product Listing Page **********************/

div#productlist ul.productlistdtls {width:100.4%}

div#productlist ul.productlistdtls li.producthorzt {width:49.7%; height:467px}

ul.productlistdtls li.producthorzt div.productimage {width:92%; margin:0 4% 10px}

ul.productlistdtls li.producthorzt div.quickeye {display:none}

ul.productlistdtls li.producthorzt div.qtybtn a.ShowConfigure {margin-left:0}

ul.productlistdtls li.producthorzt div.productimage img {margin:0}
ul.productlistdtls li.producthorzt h4.pro_header, ul.productlistdtls li.producthorzt div.text, ul.productlistdtls li.producthorzt div.qtybtn {padding:0 4%}



/********************* Product Details Page ***********************/

div.breadcrumbs {display:none}

div.productbox h1.prdnm {float:left; width:100%; max-width:inherit; margin:0}

div.producttop {clear:left; float:none; max-width:inherit; width:100%; padding-bottom:20px; border-bottom:1px solid #f4f4f4; overflow:hidden}

div.producttop table.promoall {margin-top:10px}

.base .ig .catalog .productbox #productdesc {float:left; clear:both; width:100%; max-width:inherit;}

div.addtocart ul.prdquantity li.qtytext {margin-right:10px}
div.addtocart ul.prdquantity li.btnadd2cart {float:left; }
div.addtocart ul.addtocart li span.wholesaleqty {clear:left; padding-top:7px}

div.purchasepricetable ul.lineheight111 {width:260px}

div.purchasepricetable ul.stockstatus {float:left}

.auto-ship-box div.autoshipmessage div {width:92%}

div#prodRecomend table {width:100%}

div.MagicZoomPup {display:none; cursor:default}
.MagicZoomBigImageCont {display:none!Important}

div.purchasepricetable ul.lineheight111 li label {width:105px}

#productdesc div#movetosubscription {float:none}
#productdesc div#movetosubscription input {margin:0 auto}

#purchasebtns {margin:10px 0}

div.purchasepricetable ul.stockstatus li span.instk, div.purchasepricetable ul.stockstatus li span.outstk {margin:7px 0}

div#tabpnl div.ui-tabs-panel div.description {width:98%; margin-bottom:20px}

div#tabpnl div.ui-tabs-panel div.prdlblkit {width:98%}

div.label-snapshot_box {border:0!important; padding:0!important}

div.giftcertificate {width:97%; margin:0 1.5%}

div.giftcertificate h1.gc-title {margin:3px 0 10px}

div.downloadpurchase div.purchasepricetable ul.lineheight111 li {padding:5px}

div.downloadpurchase div.purchasebtnsprepayment1 ul.actionlinks {margin:10px 0}

.base .ig .catalog #tabpnl {padding-top:10px}

a.logintobuyprod {margin-top:10px}

html {overflow:visible!important}

html.mm-opened {overflow:hidden!important}



/******************** send to friend popup ***********************/

.mfp-content div.sendtofriendpopup {padding:20px 5%; left:8%;}

ul#emailfrm, ul#tblNameAndEmail {width:84%}

#sendtofriendcntrl #sendmailtile span.sendmailtitletext {font-size:30px}

#sendtofriendcntrl .emailform .emailfields input {width:43.5%}

#sendtofriendcntrl #notfications {width:100%; float:none}

#sendtofriendcntrl .sendmessage {float:none; display:block; margin:5px auto 0}

#sendtofriendcntrl #sendmailsharetext .sendmailsharespan {margin:0}

#sendtofriendcntrl #mailbody {margin-top:10px}

/************* Search Results ******************/

div.search-panel {display:none}

div#searchcontent {position:relative}

.search-results-block .page_header {display:none}
.searchcontent .mobpage_header {color: #337EBB; font-size: 20px; font-weight: normal; margin: 10px 1%;}

div#searchcontent div.breadcrumbs {display:none}

div.search-results-block, div.search-results-block.nosearchresult {float:none; margin:0px 1% 10px; width:98%; max-width:inherit }
div.search-panel-expand {margin:0 1%; font-family:Arial; font-size:14px; font-weight:bold; color:#555555; border:1px solid #bdbdbd; height:40px; line-height:40px;position:relative;
background:linear-gradient(#ededed, #dedede); background:-webkit-linear-gradient(#ededed, #dedede); background:-moz-linear-gradient(#ededed, #dedede); background:-o-linear-gradient(#ededed, #dedede);}
div.search-panel {position:relative; top:0}

div#productlist ul.paging {margin-top:0px; height:20px; padding-top:5px}

div#productlist div.footerpaging ul.paging {margin-top:15px}

div#productlist ul.paging li.records_found {position:absolute; top:21px}

div.subcategorycarousal div#productlist ul.paging li.records_found {position:static}

div.search-panel-expand span.search-panel-button {display:block; clear:both; overflow:hidden; text-align:center}
div.search-panel-expand span.search-panel-button span.refineresult {float:left; width:87%; text-indent:6%}
div.search-panel-expand span.search-panel-button span.expandcollapse {float:right; width:36px; border-left:1px solid #bdbdbd; background:url(images/smallicons.png) -74px 12px no-repeat; text-indent:-99999px} 
div.search-panel-expand span.search-panel-button.expand span.expandcollapse {background-position:-105px 12px}


div.search-results-block div#productlist ul.productlistdtls {width:100%}
div.search-results-block div#productlist ul.productlistdtls li.producthorzt {width:49.65%;}

.search-panel {float:none; margin:0 1% 0; width:auto; text-align:left; border-top:0}
div.searchfillterheading {display:none!important}
.filltredoption div.hd {text-align:left}

div#repeater div.bd table.tableaccording td {width:auto!important; float:left; padding:1px 5px 1px 0}

div.search-results-block div.qtybtn div.qty ul li a.add2cartbtn, div.search-results-block div.qtybtn div.qty ul li input.adding2cart {margin:0} 

div.promopopup{width:80%;left:7%!important}

div.qtybtn div.qty ul li a.add2cartbtn {margin:0}


/********************************** New Product Details Template **********************************/

div.productdetails div.productbox h1.prdnm {float:none; max-width:inherit}

div.productdetails div.producttop {float:none; margin:0 auto; border:0}

div.productdetails.productdetailsnew div.producttop {float:none; margin:0 auto; width:100%}

.base .ig .catalog div.productdetails .productbox #productdesc {max-width:inherit; width:100%}

div.productdetails div#tabpnl div.ui-tabs-panel div.prdlblkit {width:100%}

div.productdetails #ctl00_MainContent_ProductInfo1_ctl00_spnProductLabelKit div.label-snapshot_box a {width:auto!important; max-width:425px!important}

div.productdetails div.addtocart input.btnaddtocart {float:left; margin:0; width:80.5%; padding:11px 0px 12px}

div.productdetails div.addtocart a {width:6%; margin-right:0.5%}
div.productdetails div.addtocart input.cartqty{width:6%; margin-right:0.5%}


/*********************************** store locator ********************************/

div.storelocator {margin:10px 2% 0}

div.storelocator div.storelocation ul {width:31%}

div.storelocator div.storelocation ul li div.storedetails {width:160px}
div.storelocator div.storelocation div.maparea {width:69%}

/******************************* Bundle Product ****************************/

ul.bundleprodnamelist {width:100%}

div.bundleprice {width:100%; text-align:center; margin-top:10px}



/******************* media query css ***************************/

@media  screen and (min-width:320px) and (max-width:680px) 
{
    div.giftcertificate div.gc_detail ul li label {width:100%; padding-bottom:10px}
    
    div.giftcertificate div.gc_detail ul li span.charmess {margin-left:0}
    
    div.giftcertificate div.gc_detail ul.addtocart li {margin-left:15px}
    
    div.giftcertificate div.gc_detail ul li select {width:305px!Important}
    
    div.giftcertificate div.gc_detail ul li input[type="text"], div.giftcertificate div.gc_detail ul li textarea {width:293px!Important}
}

@media  screen and (min-width:320px) and (max-width:480px) 
{
    
    ul#emailfrm, ul#tblNameAndEmail {width:70%}
    #sendtofriendcntrl .emailform .emailfields input {width:38.5%; font-size:16px}
    #sendtofriendcntrl #sendmailtile span.sendmailtitletext {font-size:22px}
}



@media  screen and (min-width:320px) and (max-width:390px) 
{
/*div#productlist ul.productlistdtls li.producthorzt, div.search-results-block div#productlist ul.productlistdtls li.producthorzt {height:470px}
*/
.addtocart_error_msg {padding-left:0; float:left;}
div.addtocart ul.prdquantity {text-align:center}
div.addtocart ul.prdquantity li {float:none}
div.addtocart ul.prdquantity li.qtytext {padding:0 0 10px}
div.addtocart ul.prdquantity li span.lblqty {float:none; padding-right:5px}
div.addtocart ul.prdquantity li.btnadd2cart {width:248px; float:none; margin:auto}
div#productlist ul.paging li.records_found {float:none;}
div#productlist ul.paging li.pagenumbers {float:none; width:100%}
div#productlist ul.paging li.pagenumbers ul {float:left; margin-top:5px}
a.logintobuyprod {margin:0 auto}
div.addtocart ul.prdquantity li span.unitpercase {width:100%}
div.addtocart ul.addtocart li span.wholesaleqty {width:100%}
div.addtocart ul.addtocart li span.wholesaleqty span.errormsg {width:auto; float:none}
div.productdetails div.producttop div.alternateimage ul li.videolink {margin:3% 1% 0 0}

}


@media  screen and (min-width:320px) and (max-width:565px) 
{
    
    div.headerpaging ul li.sortby {width:auto; float:left}
    div.headerpaging ul li.sortby select {width:115px}
    div.headerpaging ul li.itemperpage {width:auto; float:right}
    div.search-panel-expand {margin:0 1% 10px}
    div.search-results-block div#productlist ul.productlistdtls {float:left; width:100%; margin-top:0}
    div#productlist ul.paging {margin-bottom:10px; padding-top:0; padding-bottom:5px}
    div.subcategorycarousal div#productlist ul.paging li.records_found {text-align:center}
    div#productlist ul.paging li.pagenumbers ul {float:none; text-align:center}
    div#productlist ul.paging li.pagenumbers li {float:none; display:inline-block}
    div#productlist div.headerpaging ul.paging li.pagenumbers {float:left; text-align:left; top:65px; width:100%}
    div#productlist div.footerpaging ul.paging li.pagenumbers {width:auto}
    div#productlist ul.paging li.pagenumbers li a.pglast, div#productlist ul.paging li.pagenumbers li a.pgfirst {position:relative; top:4px}
    div.search-panel {top:-10px}
}

@media  screen and (min-width:320px) and (max-width:580px) 
{
div.productdetails div.addtocart input.btnaddtocart {width:74.5%;}

div.productdetails div.addtocart a {width:8%;}
div.productdetails div.addtocart input.cartqty{width:8%;}

}

@media  screen and (min-width:320px) and (max-width:420px) 
{
    div.itemsfound {float:none; text-align:center}
    div.headerpaging ul {float:none; text-align:center}
    div.headerpaging ul li.sortby {float:none}
    div.productdetails div.addtocart input.btnaddtocart {width:71.5%;}
    div.productdetails div.addtocart a {width:9%;}
    div.productdetails div.addtocart input.cartqty{width:9%;}
}

@media  screen and (min-width:320px) and (max-width:360px) 
{
    li.wholesale div.qtybtn div.qty ul li a.add2cartbtn, li.wholesale div.qtybtn div.qty ul li input.adding2cart {clear:left; margin:4px 0 0!important;}
    div#productlist ul.productlistdtls li.producthorzt.wholesale {height:513px}
    div.search-results-block div#productlist ul.productlistdtls.wholesale li.producthorzt {height:513px}
    div.search-results-block ul.wholesale div.qtybtn div.qty ul li a.add2cartbtn, div.search-results-block ul.wholesale div.qtybtn div.qty ul li input.adding2cart {margin:4px; clear:left}
    
    div.productdetails #purchase .notifyme .instk {font-size:18px}
    div.productdetails div.productbox h1.prdnm {font-size:20px}
    div.productdetails div#tabpnl ul.ui-tabs-nav li.ui-state-active a, div.productvideo h2 span {font-size:20px}
    div.productdetails div#tabpnl ul.ui-tabs-nav li.ui-state-active, div.productvideo h2 {background-position:0 12px}
    div.productdetails div.addtocart input.btnaddtocart {width:62.5%;}
    div.productdetails div.addtocart a {width:12%;}
    div.productdetails div.addtocart input.cartqty{width:12%;}
    div.bundleprice input.btnaddtocart {font-size:16px}
}

@media  screen and (min-width:320px) and (max-width:375px) 
{
    div.productdetails div.producttop div.alternateimage ul li {width:55px}
}

@media  screen and (min-width:320px) and (max-width:350px) 
{
    div.productdetails div.producttop div.alternateimage ul li {width:48px}
}

@media  screen and (min-width:320px) and (max-width:350px) 
{

div.qtybtn div.qty ul li a.add2cartbtn, div.qtybtn div.qty ul li input.adding2cart,
div.search-results-block div.qtybtn div.qty ul li a.add2cartbtn, div.search-results-block div.qtybtn div.qty ul li input.adding2cart {margin:5px 10px 2px 0; clear:left}
div#productlist ul.productlistdtls li.producthorzt {width:49.6%; height:511px}
div#productlist ul.productlistdtls li.producthorzt.wholesale {height:527px}
div.purchasepricetable ul.lineheight111 {width:210px}
div.productdetails div.purchasepricetable ul.lineheight111 {width:250px}
div.purchasepricetable ul.lineheight111 li label {width:95px}  

div#maincontent div.subcategories ul li {width:49.6%}  
div.giftcertificate div.gc_detail ul li select {width:92%!Important}
div.giftcertificate div.gc_detail ul li input[type="text"], div.giftcertificate div.gc_detail ul li textarea {width:88%!Important}
div.giftcertificate div.gc_detail ul.addtocart li {margin-left:1.5%}
ul.productlistdtls li.producthorzt div.text {min-height:67px}
ul.productlistdtls li.producthorzt h4.pro_header {min-height:63px}
div.search-results-block div#productlist ul.productlistdtls.wholesale li.producthorzt {height:504px}
  
}

@media  screen and (min-width:320px) and (max-width:660px) 
{
    div.storelocator div.searchsection {padding:5px 2.5%}
    div.storelocator div.searchsection ul li {margin:0 2% 10px 0}
    div.storelocator div.storelocation ul {width:100%; overflow:visible; max-height:inherit}
    div.storelocator div.storelocation ul li {padding:10px 2% 30px 0; width:48%}
    div.storelocator div.storelocation div.maparea {width:100%}
    div.storelocator div.storelocation div.maparea div#map_canvas {height:360px!Important}

}

@media  screen and (min-width:320px) and (max-width:430px) 
{
    div.storelocator div.searchsection ul li {clear:left}
    div.storelocator div.searchsection ul li.findstore input[type="submit"] {margin-top:0}
    div.storelocator div.storelocation ul li {padding:10px 0 30px 0; width:100%}
    div.storelocator div.storelocation div.maparea div#map_canvas {height:275px}
}