@charset "utf-8";
/* CSS Document */




/* sm */
	@media (min-width: 768px) and (max-width: 991px) 
	{
		.shipping img{
		width: 100%;
	}
.tab-pane .col-sm-3, .features_items .col-sm-4{
		width: 50%;
	}
	.Prdtabdwldbld img {
    border: 0 none;
    display: inline-block;
    height: auto;
    max-width: 90%;
    padding-right: 2px;
    vertical-align: middle;
}
.pdsplft{
	padding-left:15px !important;
}

	}
	
	
	
	
	@media (min-width: 320px) and (max-width: 767px) 
	{
	
	
	
	.wattstxt {
    height: 36px;
    left: 2px;
    position: absolute;
    top: 12px;
    width: 68px;
	text-align:center;
}
.wattstxt span.count {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 43px;
}
.lumins {
    height: 39px;
    left: 12px;
    position: absolute;
    text-align: center;
    top: 85px;
    width: 52px;
}
.lumins span.count {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
	line-height:16px;
}
.checkbox-inline, .radio-inline {
    padding-left: 24px;
}
.ftrbtmbrdr{padding-left:24px;}
.view-product img {
    height: 300px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .BrdrBx a > img, .BrdrBx > img {
    max-width: 22%;
}

.mainmenu .navbar-nav li ul.sub-menu li{
	background: transparent;
	padding-bottom:0;
}

.nav.navbar-nav > li:hover > ul.sub-menu{
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
  box-shadow: none;
}

.category-tab ul li a{
	font-size: 12px;
}.category-tab .nav-tabs li{
	float: none;
}
.rspmrtb30{
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
}
.ResMrTB{
	margin-top:20px;
	margin-bottom:20px;
}
.prdsrcHld span label {
    margin-left: 60px;
}
.prdsrcHld span input {
    width: 50px;
}
.bs-example{
	text-align:center;
	margin:20px 24px 0px 10px; 
}
.Prdtabdwldbld img {
    border: 0 none;
    display: inline-block;
    height: auto;
    max-width: 90%;
    padding-right: 2px;
    vertical-align: middle;
}
.pdsplft{
	padding-left:15px !important;
}
.pdtfrmgrp{
	width:100%;
	font-size:12px;
	margin-left:0px;
	padding-bottom:10px;
	
}
.img-responsive-news{
          max-width:100% !important;
           }
.input-group .form-contrl {
    float: left;
    height: 36px;
    padding: 10px;
    position: relative;
    width: 100%;
    z-index: 2;
}
.lgnDvdr {
	background-image:none;
}
.frmpdt {
	padding-top: 0px;
	padding-bottom:0px
}
.pdrspn {
	padding-top: 20px;
	padding-bottom:20px
}


/*Quick order*/
.qkqtyTtl{background-color:#f2f2f2; font-size:13px; color:#000; text-align:center; margin-top:20px; padding:3px}
.qkWheit{ min-height:0px;}
.qkWpdT{padding-top:10px;}
.qkWpdTB{padding-top:30px; padding-bottom:20px}
.qkWpdT50M5{ padding-top:5px}
.qkWpdTNoDint {padding-top: 36px;}
.AltProTxt a {
	color:#2d92d6;
	padding-left:35px;
}
.OutStkTxtqk {text-align: left;}
.InStkTxtqk {text-align: left;}
.OutStkHoldqk {text-align: left;}
.qkLpd86{ padding-left:86px !important;}
.ScOutStkHoldq{text-align: left !important}

.MpdLR0{ padding-left:0px; padding-right:0px}
.Wpdt7M0{ padding-top:0px !important;}
.Wpdt5M0{ padding-top:0px !important;}
.WbrLM0{border-left: none !important;}
	 
	 
.MpdT10{ padding-top:10px !important;}	
.Mpd0{ padding:0px;}
.qkProImg img{ width:50px; padding-left:0px} 


.ScpdR0{ padding-right:0px}
.ScRgpdR0{ padding-right:0px; padding-left:0px}
.ScWpdTNoDint {padding-top: 36px;}
.ScqtyTtl {background-color: #f2f2f2; color: #000; font-size: 13px; margin-top: 10px; padding: 3px; text-align: center;}
.ScxsbrdrT{ border-top:1px dashed #ccc;}
.ScpdL8 {padding-left: 15px;}
.ScpdR8 {padding-Right: 15px;}



.ScWheitqp{ min-height:80px;}
.pdTW30M0{ padding-top:0px !important;} 

.VoAddBx{ background-color:#f4f2f2; border:1px solid #d0d0d0; min-height:130px; border-bottom:none}
.VoAddAltBx{ background-color:#f8f7f7; border:1px solid #d0d0d0; min-height:130px; border-bottom:none;}

.VoqtyTtl {background-color: #f2f2f2; color: #000; font-size: 13px; margin-top: 10px; padding: 3px 3px 3px 16px; text-align: left;}
.brdrLWnoM{border-left:none !important;}
.brdrRWnoM{border-right: 1px solid #ccc;}



#left-col {border:1px solid #d0d0d0;}
#middleL-col {border:1px solid #d0d0d0;}
#middleR-col {border:1px solid #d0d0d0;}
#right-col {border:1px solid #d0d0d0;}


.pd0xs{ padding:0px;}

.VoMbheit{ min-height:60px;}




.V0pdGrd{ padding-left:15px; padding-right:15px}
.mrT20xs{ margin-top:20px;}
.xspd{ padding-left:15px; padding-right:15px}
.smpd{ padding-left:15px; padding-right:15px}



.xsBrdrT{ border-top:1px solid #ccc}

 .mrl28r{
     margin-left:10px !important;
     }	
	 
.MpdL0{ padding-left:0px}	 
.WLpdL{ padding-right:10px}

.PdT0M5W{ padding-top:0px} 
	 

	 .pdL0-res{
       padding-left:0px !important;
      }
 .pdt20-res{
  padding-top:20px !important;
      }


.MPdbt10{
	padding-bottom:10px;
}

.MmrTB10{
	margin-top:10px;
	margin-bottom:10px;
}
.pdt0-res{
    padding-top:0px !important;
       }
 .float-none{
    float:none !important;
       }
.xsMrB20{ margin-bottom:20px;}   
	   
	   
	   

.BnrWrap {
    clear: none;
    float: left;
    margin-bottom: 5px;
    position: relative;
	margin-top:5px;
}
.padded-multiline span {
    border-radius: 0;
    box-decoration-break: clone;
    color: #3366cc;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-right: 0px;
    padding: 5px 5px 5px 0px;
    position: absolute;
    left: 0;
    text-align: left;
    top: 31%;
    z-index: 2;
}
.padded-multiline img {
	width:100%
}
	   
.xsbrdrTmrT{
	border-top:1px solid #ccc;
	margin-top:20px}
	
	

.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description {
    border: 0 none;
    list-style: outside none none;
    margin-left: -5px;
    padding: 0;
}
 
.img-thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    line-height: 1.42857;
    padding: 2px;
    transition: all 0.2s ease-in-out 0s;
    width: 284px;
	height: 160px;
}
#scroll {
position:fixed;
right:0px;
bottom:30px;
cursor:pointer;
width:70px;
height:40px;
background:url(../images/But_Backtotop_Mobile.png) no-repeat;
/*text-indent:-9999px;*/
display:none;
}
.ms-thumb-frame img {
    height: 70px;
    width: 100%;
}
.img-thumbnails {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    height: 160px;
    line-height: 1.42857;
    margin-left: 18px;
    padding: 2px;
    transition: all 0.2s ease-in-out 0s;
    width: 284px;
}
.ms-videogallery-template .ms-thumb-list.ms-dir-h .ms-thumb-frame {
	width: 203px;
	height: 72px;
	margin: 10px 10px 0 0;
}

.mrl28l{
  margin-left:10px !important;
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fafafa;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 13px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 20px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 200px;
    z-index: 99999999;
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 10px 5px 18px;
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)
}	 

.odLftbr {
    border-left: none;
}
  
/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
  background-color:#fff;

}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.MbLtBx{
	margin:10px 0px 20px 0px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}
.brdrWTNMT{
	border-top:1px solid #ccc;
} 


.odqttl {
    background-color: #f2f2f2;
    font-size: 14px;
    color: #000;
}

.odLftbr {
    border-left: none;
}

	}




@media only screen and (max-device-width: 480px) {
		
.add-on .input-group-btn > .btn {
    border-left: 1px solid #ccc;
    border-radius: 0;
    height: 40px;
    left: -2px;
    margin-top: 5px;
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
 border-color:#cccccc; 
}
.input-group .form-control {
    border-radius: 0;
    float: left;
    margin-top: 5px;
    position: relative;
    width: 100%;
    z-index: 2;
    height: 40px;
}

img.img-responsive.prdts {
  display: none;
}

.pad-xs-rt-5{
	padding-right:5px;
}

.WLTtlHld{
	width:100%;
	float: left;
	margin-right: 2.6%;
	min-height:90px;
}



@media (max-width: 768px) and (min-width: 330px){
	

	
}
