august promo 2014

In this example below you will see how to do a august promo 2014 with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by nancyLim, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright nancyLim ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>august promo 2014</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <!--http://test.1stoplighting.com/content/testtesttest3/info.aspx-->

<style type="text/css">

  
  .shop{
    margin: 5px auto auto -40px;
    font-size: 15px;
    color: #327BB8;
  }
  
  /* ===========================[promo div]==========================*/
  .box1 {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 25px;
  }
  
  
  .over{
	  //width:50%;
	  //height:199px;
	  float:right;
  }
  
  .image{
  padding: 5px;
  margin-top: 15px;
  }
  
  
  /* ========================[Colors }==============================*/
  
  .color1-bk{
    background:#FFF!important;
  border: solid 2px #6BABA1;
  }
  
  .color1-font, .color1-amount{
    color:#6BABA1!important;
  }
  
  .color-1-bg{
    background:#FFF!important;
  }
  
  .color-1-font, .color-1-price{
    background:#fff!important;
  }
  
  .color2-bk {
  background:#FFF!important;
  border: solid 2px #E0A32E;
  }

  .color2-font,.color2-amount {
  color:#e0a32e!important;
  }
  
   .color2-font1,.color2-amount1 {
  color:#e0a32e!important;
  }

  .color3-bk {
  background:#fff!important;
  border: solid 2px #E7603B;
  }

  .color3-font,.color3-amount {
  color:#e7603b!important;
  }
  
  .color3-font1,.color3-amount1 {
  color:#e7603b!important;
  }

  .color4-bk {
  background:#FFF!important;
  border: solid 2px #7AB317;
  }

  .color4-font,.color4-amount {
  color:#7AB317!important;
  }
 
 .top { 
    font-family:Lato, sans-serif;
    background:#FFF;
    line-height:1.2;
    -webkit-border-radius:1%;
    -moz-border-radius:1%;
    border-radius:1%;
    -webkit-box-shadow:0 0 2px 0 #dbdbdb;
    box-shadow:0 0 2px 0 #dbdbdb;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    -ms-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out 0.1s;
}
  
 .rear {
	 font-family:Lato, sans-serif;
    background:#fff;
    -webkit-border-radius:1%;
    -moz-border-radius:1%;
    border-radius:1%;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    -ms-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
 }
  
 .front{
    font-family:Lato, sans-serif;
    background:#FFF;
    border:0.6px solid #CCC;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
   }
  
  .back{
    font-family:Lato, sans-serif;
    background:#FFF;
    margin-left: 1px;
    margin-top: 1px; 
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
	  transition:all .3s ease-in-out;
  border: 1px solid #ccc;
    }
  
/* ========================[Main List}==============================*/  
   .dealbox {
    display:block;
    text-aign: center;
    margin:25px 0 0 !important;
  }
  
  
  .dealbox > li {
    height: 220px;
    display: inline-block;
    padding-bottom: 23px;
    margin-top: 20px;
  }
  
/* ========================[Top Elements}==============================*/
  
.top > div {
  text-align:center;
  color:#60bad7;
}
  
.front > div{
  text-align:center;
  color:#327BB8;
}

.name {
  font-size:25px;
  text-transform:uppercase;
  padding:10px 0px 10px 0px;
}
  
.title{
  font-size: 14px;
  text-transform:uppercase;
  text-align:center;
  padding: 15px 10px 17px;
}  

.amount span {
font-weight:900;
vertical-align:top;
margin-top:-15px;
display:inline-block;
}
  
.price span{
  font-weight:900;
  vertical-align:top;
  margin-top: -15px;
  display: inline-block;
  color:#fff;
}

.amount .percent {
font-size:90px;
  line-height: 1em;
}
  
.price .total{
  font-size: 30px;
}
  
.price img{
  width:150px;
  height: 150px;
}

.amount .percent1 {
 font-size:38px;
 margin-top: -5px;
 line-height:1em;
 padding: 7px;
}

.action {
 text-align:center;
}
  
.description{
  text-align:center;
}

.top .action {
color:#9b9b9b!important;
font-size:19px;   
padding:9px;
}
  
.front .description {
  color:#9b9b9b!important;
  font-size:16px;
  margin-top: 3px;
 
}
  
  /*================[Rear elements]======================*/ 
  
.rear .sale {
color: #333;
font-size: 19px;
margin-top: 8px;
margin-left: 5px;
text-align: center;
  line-height: 1.1;
}
  
.back .title{
  color:#327BB8;
}

  
.sale1 {
  font-size: 18px;
  color: #333;
  margin-top: 8px;
  margin-left: 4px;
  text-align: center;
  padding: 10px;
  line-height: 1.3;
}


.rear .action ul{
 width: 50%;
 margin-top: -98px;
 margin-left: 101px;
  padding:12px;
}
  
  
#noc{
 width: 52%;
  margin-top: -107px;
  z-index:1em;
  } 
  
  
  
.back .description {
  font-size: 14px;
}
  

.rear .action ul li {
color:#FFF!important;
text-align:left;
list-style:none;
line-height:1.6; 
font-size:15px;
font-weight:bold;
}
  
.back .description ul li{
  color#333!important;
  text-align: left;
  list-style: none;
  line-height: 1.8;
  margin-left: 10px;
}
 

.rear p{
	margin:auto;
	margin-top: -22px;
  //line-height:1.2;
	border: dashed 1px #FFFFFF;
}

.rear h2{
	margin:auto auto 10px 0;
	line-height:1.3;
	border: dashed 1px #6BABA1;
	color:#327BB8;
  font-size: 19px;
}
  
  /* =====[ CIRCLE ANIMATIONS ]========================== */

  
.coupon {
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
position:relative;
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
-ms-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
position:absolute;
}
  
.category {
  -moz-border-radius:150px;
  -webkit-border-radius:150px;
  position:relative;
  margin-top: 10px;
}

.infor {
position:absolute;
border-radius:0px;
opacity:0;
top: 0px;
  left:0px;
  width:100%;
  height:100%;
}
  
.info{
  position:absolute;
  opacity:1;
  -moz-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -o-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg)   skewY(0deg);
  -ms-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-backface-visibility:hidden;
  font-size: 10px;
  top:0px;
  left: 0px;
  width: 100%;
  height: 100%
  
}

.coupon:hover .top {
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1;
}
  
.category:hover .front {
  -moz-transform:scale(1);
  -webkit-transform:scale(1);
  -o-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  opacity:1;
}

.coupon:hover .infor {
-moz-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
opacity:1;
}
  
.category:hover .info{
  -moz-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -o-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -ms-transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  opacity:1;
}


.coupon:hover {
opacity:1;
animation:popularAnim 1s 1;
-webkit-animation:popularAnim 1s 1;
}
  
.category:hover{
  opacity:1;
  animation:popularAnim 1s 1;
  -webkit-animation:popularAnim 1s 1;
}  

.coupon .rear .category .back{
*display:none;
}

.coupon .rear .category .back{
z-index:0;
}
 
  
.coupon .top .category .front{
position:relative;
z-index:1;
}
  
    
.coupon:hover .rear{
z-index:1;
}
  
.category:hover .back{
  z-index:1;
} 
  
.coupon:hover .top{
position:relative;
z-index:0;
}
  
.category:hover .front{
  position:relative;
  z-index:0;
}  

.coupon:hover .rear{
*display:inline;
}
  
.category:hover .back{
  *display:inline;
}
  
.coupon:hover .top{
*display:none;
}
  
.category:hover .front{
  *display:none;
}
  
.top a{
  text-decoration:none;
  color:none;
  }  
  
  .sale{
  color:#515151 !important;
  border-bottom: 1px solid #ccc;
  padding-bottom: 9px;
  }
  
  .sale2{
  color:#e7603b !important;
  }
  
  .sale3{
  color:#515151 !important;
  }
  
  .shopnow{
  background-color: #327BB8;
  color: #fff !important;
  padding: 5px 9px;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  text-decoration:none;
	text-shadow:1px 0px 0px #444;
  }
  
  .shopnow hover{
  background-color: #2c5787;
  text-color:#eee;
  }
</style>




 <!--begin doc wrapper-->
      <div class="row clearfix">
      <div id="heading col-xs-12 no-gutter">
       <img src="//images.1stoplighting.com/site/common/1stop/content/Promos-Page/1stop-deals.jpg" usemap="#Map" class="img-responsive" border="0" height="80" width="1046">
<map name="Map">
  <area shape="rect" coords="5,1,280,80" href="/coupons-and-promotions.htm" alt="coupon/promotions page">
  <area shape="rect" coords="298,1,579,80" href="/coupons-and-promotions.htm" alt="coupon/promotions page">
  <area shape="rect" coords="592,-2,785,78" href="/sale.htm" alt="sales">
  <area shape="rect" coords="799,2,1039,78" href="/search.aspx?closeout=t" alt="Clearance">
</map>
      </div> <!--end heading-->
      

      
           <div class="box1 row clearfix">
      <div class="col-xs-6 no-gutter">
              <a href="/search.aspx?search=blownglasspromo&qd=1">
            	<img src="//images.1stoplighting.com/site/common/promos/all/2014/crysto-aug10-hp.jpg" class="img-responsive" alt="10% Off crystorama blown glass fixtures"></a>
              </div><!--end promos-->
   
      <div class="col-xs-6 no-gutter">
              <a href="/search.aspx?search=MaximET2PROMO&bid=bmb">
            	<img src="//images.1stoplighting.com/site/common/promos/all/2014/mxe2-aug10-hp.jpg" class="img-responsive" alt="10% Off Maxim flush/semi-flush Mounts"></a></div>
             </div>
             
             
             </div><!--end box1 div--> 
      <hr>
   <ul class="dealbox row clearfix ">
          
   <li class="col-xs-3 no-gutter">
            <div class="coupon col-xs-12"> 
              <div class="top">
                <div class="name color1-font text-center">Save</div>
                <div class="amount color1-font">
                  <span class="percent text-center">10%</span>
                </div>
                <div class="action text-center"><strong>On All Ctystorama<br> Blown Glass Fixtures</strong></div>
              </div> 
                <div class="rear color1-bk infor">
                  <div class="sale text-center">On All Crystorama<br> Blown Glass Fixtures</div>
                  <img src="//images.1stoplighting.com/supplier/Crystorama-Lighting/products/9842-CH-IB.jpg/100/100/1" class="image">
                  <div class="action">  
                     <ul id="noc">
                      <h2>No Coupon Code</h2>
                      <a href="/search.aspx?search=blownglasspromo&qd=1" class="shopnow text-center">Shop Now</a>
                    </ul>
                  </div>
                </div>
      </div>
    </li>
     
     
      <li class="col-xs-3 no-gutter">
            <div class="coupon col-xs-12"> 
              <div class="top">
                <div class="name color2-font text-center">Save</div>
                <div class="amount color2-font">
                  <span class="percent text-center">10%</span>
                </div>
                <div class="action text-center"><strong>On All Elk Outdoor Lighting</strong></div>
              </div> 
                <div class="rear color2-bk infor">
                  <div class="sale text-center">10% On All<br>Elk Outdoor Lighting</div>
                  <img src="//images.1stoplighting.com/supplier/Elk-Lighting/products/45032_1.jpg/100/100/1" class="image">
                  <div class="action">  
                    <ul>
                      <p class="text-center">Use Coupon Code:</p>
                      <h2 class="text-center">ELKOUT10</h2>
                      <a href="/Elk-Lighting_Outdoor/4-0-0-31/list.aspx" class="shopnow text-center">Shop Now</a>
                    </ul>
                  </div>
                </div>
      </div>
    </li>
    
    
    
        <li class="col-xs-3 no-gutter">
            <div class="coupon col-xs-12"> 
              <div class="top">
                <div class="name color3-font text-center">Save</div>
                <div class="amount color3-font">
                  <span class="percent text-center">10%</span>
                </div>
                <div class="action text-center"><strong>On All<br> Dimond Lamps</strong></div>
              </div> 
                <div class="rear color3-bk infor">
                  <div class="sale text-center">10% Off On All<br> Dimond Lamps</div>
                  <img src="//images.1stoplighting.com/supplier/Dimond-Lighting/products/D1738.jpg/100/100/1" class="image">
                  <div class="action">  
                    <ul>
                      <p class="text-center">Use Coupon Code:</p>
                      <h2 class="text-center">DMD10</h2>
                      <a href="/Dimond-Lighting/0-0-0-223/list.aspx" class="shopnow text-center">Shop Now</a>
                    </ul>
                  </div>
                </div>
      </div>
    </li>
         
           <li class="col-xs-3 no-gutter">
            <div class="coupon col-xs-12"> 
              <div class="top">
                <div class="name color4-font text-center">Save</div>
                <div class="amount color4-font">
                  <span class="percent text-center">10%</span>
                </div>
                <div class="action text-center"><strong>On All<br> Lazy Susan Products</strong></div>
              </div> 
                <div class="rear color4-bk infor">
                  <div class="sale text-center">10% Off On All<br> Lazy Susan Products</div>
                  <img src="//images.1stoplighting.com/supplier/LAZY-SUSAN-/products/223088.jpg/100/100/1" class="image">
                  <div class="action">  
                    <ul>
                      <p class="text-center">Use Coupon Code:</p>
                      <h2 class="text-center">LZYSN10</h2>
                      <a href="/LAZY-SUSAN/0-0-0-446/list.aspx" class="shopnow text-center">Shop Now</a>
                    </ul>
                  </div>
                </div>
      </div>
    </li>
  </ul>       
           
   <ul class="dealbox row"> 
     
          <li class="col-xs-3 no-gutter">
            <div class="coupon col-xs-12"> 
              <div class="top">
                <div class="name color1-font text-center">Save</div>
                <div class="amount color1-font">
                  <span class="percent text-center">10%</span>
                </div>
                <div class="action text-center"><strong>On Entire<br> Monte Carlo Products</strong></div>
              </div> 
                <div class="rear color1-bk infor">
                  <div class="sale text-center">10% Off On<br> Entire Monte Carlo Line</div>
                  <img src="//images.1stoplighting.com/supplier/Monte-Carlo-Fans/products/3TF24RB.JPG/100/100/1" class="image">
                  <div class="action">  
                    <ul>
                      <p class="text-center">Use Coupon Code:</p>
                      <h2 class="text-center">MCARLO10</h2>
                      <a href="/Monte-Carlo-Fans/0-0-0-96/list.aspx" class="shopnow text-center">Shop Now</a>
                    </ul>
                  </div>
                </div>
      </div>
    </li>
              
              
           <li class="col-xs-3 no-gutter">
            <div class="coupon col-xs-12"> 
              <div class="top">
                <div class="name color2-font text-center">Save</div>
                <div class="amount color2-font">
                  <span class="percent text-center">10%</span>
                </div>
                <div class="action text-center"><strong>On Select<br> Livex Chandeliers</strong></div>
              </div> 
                <div class="rear color2-bk infor">
                  <div class="sale text-center">10% Off On Select<br> Livex Chandeliers</div>
                  <img src="//images.1stoplighting.com/supplier/Livex-lighting/products/4805-04.jpg/100/100/1" class="image">
                  <div class="action">  
                     <ul id="noc">
                      <h2>No Coupon Code</h2>
                      <a href="/Livex-Lighting_Chandeliers/2-0-0-218/list.aspx?onsale=t" class="shopnow text-center">Shop Now</a>
                    </ul>
                  </div>
                </div>
      </div>
    </li>
                 
                 
                 
           <li class="col-xs-3 no-gutter">
            <div class="coupon col-xs-12"> 
              <div class="top">
                <div class="name color3-font text-center">Save</div>
                <div class="amount color3-font">
                  <span class="percent text-center">15%</span>
                </div>
                <div class="action text-center"><strong>On All Savoy House<br> Outdoor Lighting</strong></div>
              </div> 
                <div class="rear color3-bk infor">
                  <div class="sale text-center">15% Off On All<br> Savoy House Outdoor Lighting</div>
                  <img src="//images.1stoplighting.com/supplier/Savoy-House/products/5-7130-25.jpg/100/100/1" class="image">
                  <div class="action">  
                    <ul>
                      <p class="text-center">Use Coupon Code:</p>
                      <h2 class="text-center">SAVOY15</h2>
                      <a href="/Savoy-House_Outdoor/4-0-0-159/list.aspx" class="shopnow text-center">Shop Now</a>
                    </ul>
                  </div>
                </div>
      </div>
    </li>
            
            
            <li class="col-xs-3 no-gutter">
            <div class="coupon col-xs-12"> 
              <div class="top">
                <div class="name color4-font text-center">Save</div>
                <div class="amount color4-font">
                  <span class="percent text-center">10%</span>
                </div>
                <div class="action text-center"><strong>On All Maxim/ET2 Flush & Semi-Flush Mounts</strong></div>
              </div> 
                <div class="rear color4-bk infor">
                  <div class="sale text-center">10% Off All Maxim/ET2 Flush & Semi-Flush Mounts</div>
                  <img src="//images.1stoplighting.com/supplier/Maxim-Lighting/products/22361OMNAB.jpg/100/100/1" class="image">
                  <div class="action">  
                    <ul>
                      <p class="text-center">Use Coupon Code:</p>
                      <h2 class="text-center">MXET2LED</h2>
                      <a href="/search.aspx?search=MaximET2PROMO" class="shopnow text-center">Shop Now</a>
                    </ul>
                  </div>
                </div>
      </div>
    </li>
              
            <li class="col-xs-3 no-gutter">
            <div class="coupon col-xs-12"> 
              <div class="top">
                <div class="name color1-font text-center">Save</div>
                <div class="amount color1-font">
                  <span class="percent text-center">10%</span>
                </div>
                <div class="action text-center"><strong>Off All Quoizel Outdoor Lighting</strong></div>
              </div> 
                <div class="rear color1-bk infor">
                  <div class="sale text-center">10% Off All<br> Quoizel Outdoor Lighting</div>
                  <img src="//images.1stoplighting.com/supplier/Quoizel-Lighting/products/MBH9011PN.jpg/100/100/1" class="image">
                  <div class="action">
                    <ul>
                      <p class="text-center">Use Coupon Code:</p>
                      <h2 class="text-center">OUTDOOR10</h2>
                      <a href="/Quoizel-Lighting_Outdoor/4-0-0-71/list.aspx" class="shopnow text-center">Shop Now</a>
                    </ul>
                  </div>
                </div>
      </div>
    </li>   
           

 <li class="col-xs-3 no-gutter">
            <div class="coupon col-xs-12"> 
              <div class="top">
                <div class="name color2-font text-center">Save</div>
                <div class="amount color2-font">
                  <span class="percent text-center">10%</span>
                </div>
                <div class="action text-center"><strong>Off On All Kichler<br> Decorative Lighting</strong></div>
              </div> 
                <div class="rear color2-bk infor">
                  <div class="sale text-center">10% Off All Kichler Dercorative Lighting</div>
                  <img src="//images.1stoplighting.com/supplier/Kichler/products/1828NI.jpg/100/100/1" class="image">
                  <div class="action">
                   <ul id="noc">
                      <h2>No Coupon Code</h2>
                      <a href="/Kichler-Lighting/0-0-0-147/list.aspx?onsale=t" class="shopnow text-center">Shop Now</a>
                    </ul>
                  </div>
                </div>
      </div>
    </li>       
  </ul>
            
   <div style="clear: both;">&nbsp;</div> 
 
  <hr>     
      
<!--begin category list element--> 
      <ul class="dealbox row clearfix">
        
<li class="col-xs-3 no-gutter">
    <div class="category">
      <div class="front">
        <div class="title color-1-font">Ceiling Fixtures</div>
        <div class="price color-1-font">
          <span class="total"><img src="//images.1stoplighting.com/supplier/Elk-Lighting/products/42133-1.jpg/190/190/1"></span>
        </div><!--end price color-font-->
        <div class="description">Shop Ceiling Fixtures</div>
      </div><!--end front div-->
      <div class="back color-1-bg info">
        <div class="title">Ceiling Fixtures</div>
        <div class="description">
          <ul>
            <li><a href="/Chandeliers/2-0-0-0/list.aspx?closeout=t&amp;onsale=t">Chandeliers</a></li>
              <li><a href="/Pendant-Lighting/14-0-0-0/list.aspx?closeout=t&amp;onsale=t">Pendants</a></li>
              <li><a href="/search.aspx?search=monorail+tracks&amp;qd=1&amp;closeout=t&amp;onsale=t">Monorail/Tracks</a></li>
              <li><a href="/search.aspx?search=flush+mounts&amp;qd=1&amp;closeout=t&amp;onsale=t">Flush Mounts</a></li>
             <li><a href="/Ceiling-Fixtures/18-0-0-0/list.aspx?closeout=t&amp;onsale=t" style="font-size: 15px"><strong>All Ceiling Fixtures</strong></a></li>
          </ul>
        </div><!--end description-->
      </div><!--end back color-info-->
  </div><!--end category-->
</li><!--end category list element-->
          

<li class="col-xs-3 no-gutter">
    <div class="category">
      <div class="front">
        <div class="title color-1-font">Ceiling Fans</div>
        <div class="price color-1-font">
          <span class="total"><img src="//images.1stoplighting.com/supplier/Kichler/products/300134SBK.jpg/190/190/1"></span>
        </div><!--end price color-font-->
        <div class="description">Shop Ceiling Fans</div>
      </div><!--end front div-->
      <div class="back color-1-bg info">
        <div class="title">Ceiling Fans</div>
        <div class="description">
          <ul>
            <li><a href="/Ceiling-Fans/7-0-0-0/list.aspx?dept=1&amp;closeout=t&amp;onsale=t">Indoor Fans</a></li>
              <li><a href="/search.aspx?search=outdoor+fans&amp;qd=1&amp;closeout=t&amp;onsale=t&amp;type=ceiling+fans">Outdoor Fans</a></li>
              <li><a href="/Ceiling-Fans_Accessories_Light-Kits---Common/7-196-830-0/list.aspx?closeout=t&amp;onsale=t">Light Kits</a></li>
              <li><a href="/Bathroom_Bathroom-Exhaust-Fans/5-263-0-0/list.aspx?closeout=t&amp;onsale=t">Exhaust Fans</a></li>
            <li><a href="/Ceiling-Fans/7-0-0-0/list.aspx?closeout=t&amp;onsale=t" style="font-size: 15px"><strong>All Ceiling Fans</strong></a></li>
          </ul>
        </div><!--end description-->
      </div><!--end back color-info-->
  </div><!--end category-->
</li><!--end category list element-->
         
          
<li class="col-xs-3 no-gutter">
    <div class="category">
      <div class="front">
        <div class="title color-1-font">Wall Sconces</div>
        <div class="price color-1-font">
          <span class="total"><img src="//images.1stoplighting.com/supplier/Sea-Gull-Lighting/products/44655-962.jpg/190/190/1"></span>
        </div><!--end price color-font-->
        <div class="description">Shop Wall Sconces</div>
      </div><!--end front div-->
      <div class="back color-1-bg info">
        <div class="title">Wall Sconces</div>
        <div class="description">
          <ul>
            <li><a href="/Wall-Sconces_Contemporary/6-86-0-0/list.aspx?closeout=t&amp;onsale=t">Contemporary</a></li>
              <li><a href="/Wall-Sconces_Crystal/6-69-0-0/list.aspx?closeout=t&amp;onsale=t">Crystal</a></li>
              <li><a href="/Wall-Sconces_Swing-Arms/6-68-0-0/list.aspx?closeout=t&amp;onsale=t">Swing Arms</a></li>
              <li><a href="/Wall-Sconces_Spot-Light/6-75-0-0/list.aspx?closeout=t&amp;onsale=t">Spot Lights</a></li>
              <li><a href="/Wall-Sconces_Picture-Lighting/6-190-0-0/list.aspx?closeout=t&amp;onsale=t">Picture Lights</a></li>
             <li><a href="/Wall-Lighting-Sconces/6-0-0-0/list.aspx?closeout=t&amp;onsale=t" style="font-size: 15px"><strong>All Wall Sconces</strong></a></li>
          </ul>
        </div><!--end description-->
      </div><!--end back color-info-->
  </div><!--end category-->
</li><!--end category list element-->

          
          
<li class="col-xs-3 no-gutter">
    <div class="category">
      <div class="front">
        <div class="title color-1-font">Outdoor Lighting</div>
        <div class="price color-1-font">
          <span class="total"><img src="//images.1stoplighting.com/supplier/Murray-Feiss-Lighting/products/OL3009BK.jpg/190/190/1"></span>
        </div><!--end price color-font-->
        <div class="description">Shop Outdoor Lighting</div>
      </div><!--end front div-->
      <div class="back color-1-bg info">
        <div class="title">Outdoor Lighting</div>
        <div class="description">
          <ul>
            <li><a href="/Outdoor_Wall-Mount/4-9-0-0/list.aspx?closeout=t&amp;onsale=t">Wall Mounted</a></li>
              <li><a href="/Outdoor_Post-Lights/4-11-0-0/list.aspx?closeout=t&amp;onsale=t">Post Mounted</a></li>
              <li><a href="/Outdoor_Ceiling-and-Hanging/4-10-0-0/list.aspx?closeout=t&amp;onsale=t">Ceiling Lighting</a></li>
              <li><a href="/Landscape-Lighting/13-0-0-0/list.aspx?closeout=t&amp;onsale=t">Landscape</a></li>
              <li><a href="/Outdoor_Security-and-Flood-Lighting/4-261-0-0/list.aspx?closeout=t&amp;onsale=t">Security</a></li>
            <li><a href="/Outdoor-Lighting/4-0-0-0/list.aspx?closeout=t&amp;onsale=t" style="font-size: 15px"><strong>All Outdoor Lighting</strong></a></li>
          </ul>
        </div><!--end description-->
      </div><!--end back color-info-->
  </div><!--end category-->
</li><!--end category list element-->
  </ul><!--end ul box-->
          
   <ul class="dealbox row clearfix">          
<li class="col-xs-3 no-gutter">
    <div class="category">
      <div class="front">
        <div class="title color-1-font">Lamps</div>
        <div class="price color-1-font">
          <span class="total"><img src="//images.1stoplighting.com/supplier/Kichler/products/70761.jpg/190/190/1"></span>
        </div><!--end price color-font-->
        <div class="description">Shop Lamps</div>
      </div><!--end front div-->
      <div class="back color-1-bg info">
        <div class="title">Lamps</div>
        <div class="description">
          <ul>
            <li><a href="/Table-Lamps/12-0-0-0/list.aspx?cat=1&amp;closeout=t&amp;onsale=t">Table Lamps</a></li>
              <li><a href="/Floor-Lamps/1-0-0-0/list.aspx?cat=1&amp;closeout=&amp;onsale=t&amp;page=2">Floor Lamps</a></li>
              <li><a href="/Table-Lamps_Contemporary/12-154-0-0/list.aspx?cat=1&amp;closeout=t&amp;onsale=t">Modern Lamps</a></li>
              <li><a href="/Tiffany_Table-Lamps/10-117-0-0/list.aspx?cat=1&amp;closeout=&amp;onsale=t">Tiffany Lamps</a></li>
            <li><a href="/search.aspx?search=Lamps&amp;closeout=&amp;onsale=t" style="font-size: 15px;"><strong>Shop All Lamps</strong></a></li>
          </ul>
        </div><!--end description-->
      </div><!--end back color-info-->
  </div><!--end category-->
</li><!--end category list element-->
          
          
<li class="col-xs-3 no-gutter">
    <div class="category">
      <div class="front">
        <div class="title color-1-font">Kitchen Lighting</div>
        <div class="price color-1-font">
          <span class="total"><img src="//images.1stoplighting.com/supplier/Kichler/products/49636OZ.jpg/190/190/1"></span>
        </div><!--end price color-font-->
        <div class="description">Shop Kitchen Lighting</div>
      </div><!--end front div-->
      <div class="back color-1-bg info">
        <div class="title">Kitchen Lighting</div>
        <div class="description">
          <ul>
            <li><a href="/Pendant-Lighting/14-0-0-0/list.aspx?cat=1&amp;closeout=t&amp;onsale=t">Pendants</a></li>
              <li><a href="/Chandeliers_Island---Billiard/2-250-0-0/list.aspx?cat=1&amp;closeout=t&amp;onsale=t">Island Lighting</a></li>
              <li><a href="/Kitchen_Under-Cabinet/8-99-0-0/list.aspx?cat=1&amp;closeout=t&amp;onsale=t">Under Cabinet</a></li>
              <li><a href="/Kitchen_Pot-Racks/8-307-0-0/list.aspx?cat=1&amp;closeout=t&amp;onsale=&amp;brand=">Pot Racks</a></li>
              <li><a href="/Recessed-Lighting/11-0-0-0/list.aspx?cat=1%3Fdept%3D1&amp;closeout=t&amp;onsale=t">Recessed</a></li>
              <li><a href="/Kitchen/8-0-0-0/list.aspx?closeout=t&amp;onsale=t" style="font-size: 15px"><strong>Kitchen Lighting</strong></a></li>
          </ul>
        </div><!--end description-->
      </div><!--end back color-info-->
  </div><!--end category-->
</li><!--end category list element-->

          
          
<li class="col-xs-3 column no-gutter">
    <div class="category">
      <div class="front">
        <div class="title color-1-font">Bathroom Lighting</div>
        <div class="price color-1-font">
          <span class="total"><img src="//images.1stoplighting.com/supplier/Sea-Gull-Lighting/products/44618-05.jpg/190/190/1"></span>
        </div><!--end price color-font-->
        <div class="description">Shop Bathroom Lighting</div>
      </div><!--end front div-->
      <div class="back color-1-bg info">
        <div class="title">Bathroom Lighting</div>
        <div class="description">
          <ul>
            <li><a href="/Pendant-Lighting/14-0-0-0/list.aspx?cat=1&amp;closeout=t&amp;onsale=t">Vanity Lighting</a></li>
              <li><a href="/Bathroom_Wall-Sconces/5-633-0-0/list.aspx?cat=1&amp;closeout=t&amp;onsale=t">Wall Sconces</a></li>
              <li><a href="/Bathroom_Ceiling-Fixtures/5-632-0-0/list.aspx?cat=1&amp;closeout=t&amp;onsale=t">Ceiling Fixtures</a></li>
            <li><a href="/Bathroom_Bathroom-Exhaust-Fans/5-263-0-0/list.aspx?closeout=t&amp;onsale=t">Exhauste Fans</a></li>
            <li><a href="/Bathroom-Lighting/5-0-0-0/list.aspx?closeout=t&amp;onsale=t" style="font-size: 15px"><strong>All Bathroom Lighting</strong></a></li>
          </ul>
        </div><!--end description-->
      </div><!--end back color-info-->
  </div><!--end category-->
</li><!--end category list element-->
          
          
<li class="col-xs-3 column no-gutter">
    <div class="category">
      <div class="front">
        <div class="title color-1-font">Home Furnishings</div>
        <div class="price color-1-font">
          <span class="total"><img src="//images.1stoplighting.com/supplier/Uttermost/products/24325.jpg/190/190/1"></span>
        </div><!--end price color-font-->
        <div class="description">Shop Home Furnishings</div>
      </div><!--end front div-->
      <div class="back color-1-bg info">
        <div class="title">Home Furnishings</div>
        <div class="description">
          <ul>
            <li><a href="/Home-Furnishings_Mirrors/16-234-0-0/list.aspx?closeout=t&amp;onsale=">Mirrors</a></li>
              <li><a href="/search.aspx?search=candle+holders&amp;qd=1&amp;closeout=&amp;onsale=t">Candle Holders</a></li>
              <li><a href="/search.aspx?search=decorative+vases&amp;qd=1&amp;onsale=&amp;closeout=t">Vases</a></li>
            <li><a href="/Home-Furnishings_Furniture_Table/16-235-715-0/list.aspx?dept=1&amp;closeout=t">Tables</a></li>
            <li><a href="/search.aspx?search=chests&amp;qd=1&amp;type=home+furnishings&amp;closeout=t">Chests</a></li>
             <li><a href="/Home-Furnishings/16-0-0-0-12/list.aspx?closeout=t" style="font-size: 15px"><strong>All Home Furnishings</strong></a></li>
          </ul>
        </div><!--end description-->
      </div><!--end back color-info-->
  </div><!--end category-->
</li><!--end category list element-->
  </ul><!--end ul box-->
          
  
 <ul class="dealbox row clearfix">            
<li class="col-xs-3 column no-gutter">
    <div class="category">
      <div class="front">
        <div class="title color-1-font">LED Lighting</div>
        <div class="price color-1-font">
          <span class="total"><img src="//images.1stoplighting.com/supplier/Jesco-Lighting/products/QAPL303-30SN.jpg/190/190/1"></span>
        </div><!--end price color-font-->
        <div class="description">Shop LED Lighting</div>
      </div><!--end front div-->
      <div class="back color-1-bg info">
        <div class="title">LED Lighting</div>
        <div class="description">
          <ul>
            <li><a href="/LED-Lights_Recessed-Lighting/26-659-0-0/list.aspx?closeout=t&amp;onsale=t">Recessed</a></li>
            <li><a href="/LED-Lights_Monorail-Track-Lighting/26-651-0-0/list.aspx?closeout=t&amp;onsale=t">Monorail/Track</a></li>
              <li><a href="/LED-Lights_Chandeliers/26-654-0-0/list.aspx?closeout=t&amp;onsale=t">Chandeliers</a></li>
            <li><a href="/LED-Lights_Pendants/26-658-0-0/list.aspx?closeout=t&amp;onsale=t">Pendants</a></li>
            <li><a href="/LED-Lights_LED-Accessories/26-665-0-0/list.aspx?closeout=t&amp;onsale=t">LED Accessories</a></li>
            <li><a href="/LED/26-0-0-0/list.aspx?closeout=t&amp;onsale=t" style="font-size: 15px"><strong>All LED Lighting</strong></a></li>
          </ul>
        </div><!--end description-->
      </div><!--end back color-info-->
  </div><!--end category-->
</li><!--end category list element--> 
          
         
          
<li class="col-xs-3 column no-gutter">
    <div class="category">
      <div class="front">
        <div class="title color-1-font">Children's Lighting</div>
        <div class="price color-1-font">
          <span class="total"><img src="//images.1stoplighting.com/supplier/Philips-Lighting/products/402813448.jpg/190/190/1"></span>
        </div><!--end price color-font-->
        <div class="description">Shop Children's Lighting</div>
      </div><!--end front div-->
      <div class="back color-1-bg info">
        <div class="title">Children's Lighting</div>
        <div class="description">
          <ul>
            <li><a href="/Children-s_Ceiling-Lights/9-205-0-0/list.aspx?closeout=t&amp;onsale=t">Ceiling Lights</a></li>
            <li><a href="Childrens_Ceiling-Lights_Pendants/9-205-837-0/list.aspx?dept=1&amp;closeout=t&amp;onsale=t">Pendants</a></li>
              <li><a href="/Children-s_Wall-Sconces/9-123-0-0/list.aspx?closeout=t&amp;onsale=t">Wall Sconces</a></li>
            <li><a href="/Children-s_Lamps/9-429-0-0/list.aspx?closeout=t&amp;onsale=t">Lamps</a></li>
            <li><a href="/Childrens_Ceiling-Lights_Chandeliers/9-205-836-0/list.aspx?dept=1&amp;closeout=t&amp;onsale=t">Chandeliers</a></li>
            <li><a href="/Childrens-Lighting/9-0-0-0/list.aspx?closeout=t&amp;onsale=t" style="font-size: 15px"><strong>All Children's Lighting</strong></a></li>
          </ul>
        </div><!--end description-->
      </div><!--end back color-info-->
  </div><!--end category-->
</li><!--end category list element--> 
                   
<li class="col-xs-3 column no-gutter">
    <div class="category">
      <div class="front">
        <div class="title color-1-font">Tiffany Lighting</div>
        <div class="price color-1-font">
          <span class="total"><img src="//images.1stoplighting.com/supplier/Landmark-Lighting/products/785-AI.jpg/190/190/1"></span>
        </div><!--end price color-font-->
        <div class="description">Shop Tiffany Lighting</div>
      </div><!--end front div-->
      <div class="back color-1-bg info">
        <div class="title">Tiffany Lighting</div>
        <div class="description">
          <ul>
            <li><a href="/Tiffany_Ceiling-Fixtures/10-487-0-0-12/list.aspx?closeout=&amp;onsale=">Ceiling Fixtures</a></li>
            <li><a href="/Tiffany_Pendants/10-298-0-0-12/list.aspx?closeout=t&amp;onsale=">Pendants</a></li>
              <li><a href="/Tiffany_Island---Billiard/10-561-0-0-12/list.aspx?closeout=t">Island-Billard</a></li>
            <li><a href="/Tiffany_Table-Lamps/10-117-0-0-12/list.aspx?closeout=t">Table Lamps</a></li>
             <li><a href="/Tiffany/10-0-0-0-12/list.aspx?closeout=t" style="font-size: 15px"><strong>All Tiffany Lighting</strong></a></li>
          </ul>
        </div><!--end description-->
      </div><!--end back color-info-->
  </div><!--end category-->
</li><!--end category list element--> 
</ul><!--end ul box-->
<hr>
   
<ul class="dealbox clearfix">
<li class="col-xs-3 column">
            <div class="coupon">
              <div class="top">
                <div class="name color2-font1"><a class="sale2" href="/On-Sale-Products/0-0-0-0-12/list.aspx?closeout=t">Shop</a></div>
                <div class="amount color2-font1">
                  <span class="percent1"><a class="sale2" href="/On-Sale-Products/0-0-0-0-12/list.aspx?closeout=t">All Closeout Items</a></span>
                </div><!--end amount color1-font div-->
              </div> <!--end div top-->
      </div><!--end coupon div-->
        </li><!--end list 15% element-->  
          
 <li class="col-xs-3 column no-gutter">
            <div class="coupon">
              <div class="top">
                <div class="name color3-font"><a class="sale3" href="/On-Sale-Products/0-0-0-0-12/list.aspx?onsale=t">Shop</a></div>
                <div class="amount color3-font">
                  <span class="percent1"><a class="sale3" href="/On-Sale-Products/0-0-0-0-12/list.aspx?onsale=t">All Sale Products</a></span>
                </div><!--end amount color3-font div-->
              </div> <!--end div top-->
            </div><!--end rear color1-bk infor-->
        </li><!--end list 20% element-->
  </ul><!--end ul box-->
 
          
  </div><!--end wrapper-->
  
  <div style="clear: both;"></div>



        <script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390807"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390759"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390759"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390734"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390713"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390542"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390542"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390471"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390471"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390470"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390422"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390313"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390238"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390215"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390207"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390206"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390070"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?390070"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?389638"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?389612"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?389253"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?389252"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?389223"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?388934"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?388862"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?388719"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?388578"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?388291"></script><script type="text/javascript" async="" src="https://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?388286"></script><script type="text/javascript">
setTimeout(function(){var a=document.createElement("script");
var b=document.getElementsByTagName("script")[0];
a.src=document.location.protocol+"//dnn506yrbagrg.cloudfront.net/pages/scripts/0012/6202.js?"+Math.floor(new Date().getTime()/3600000);
a.async=true;a.type="text/javascript";b.parentNode.insertBefore(a,b)}, 1);
</script>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/nancyLim/august-promo-2014-dcplu */

/* 20140605 */

/* Special Note: Over time, and whenever possible, many of the styles in this file should be removed in favor of bootstrap's CSS framework */





/* GLOBAL BUTTON COLORS */





/* NON-RESPONSIVE */



.container                                              { zwidth: 1024px !important; }               /* disable this to enable responsive layout */





/* FRAMEWORK */



.PhoneText                                              { font-size: 15px; }

.call-center-hours                                      { cursor: pointer; }

.csd img                                                { margin: 10px 0 0; max-width: 100%; height: auto; width: 100%; }





/* HEADER */



.LinkLogo img                                           { padding: 18px 0 0; }

.lpchat-label,

.livechat img                                           { top: 0 !important; left: 0 !important; }





/* TAP RESPONSIVE CALL CENTER HOURS */



nav#hours                                               { font-weight: bold; margin-top: 7px; color: #3e3e3e; }

nav#hours ul                                            { border: 0; outline: 0; font-size: 13px; padding: 2px 0 0 7px; margin: 0; list-style: none; clear: both; display: block; }

nav#hours li                                            { position: relative; float: left; margin-right: 20px; }

nav#hours li a                                          { color: #3e3e3e; text-decoration: none; }

nav#hours span:after                                    { width: 0; height: 0; border: 0.313em solid transparent; border-bottom: none; border-top-color: #efa585; vertical-align: middle; 

                                                        display: inline-block; position: relative; right: -0.313em; }

/* Dropdown menu */

nav#hours li .dropdownwrapper                           { min-width: 290px; background-color: #FFF; display: none; position: absolute; top: 100%; margin-left: -2px!important; padding: 13px; 

                                                        border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; z-index: 9999; border: 2px solid #dadada; font-weight: normal; 

                                                        font-size: 12px; cursor: auto; }

nav#hours li .dropdownwrapper h5:first-child            { margin-top: 0; padding-top: 0; }

nav#hours li .dropdownwrapper:before,

nav#hours li .dropdownwrapper:after                     { content: ""; display: table; }

nav#hours li .dropdownwrapper:after                     { clear: both; }

nav#hours li:hover .dropdownwrapper                     { display: block; left: 0; right: 0; }

nav#hours li:not(:first-child):hover .dropdownwrapper   { left: -1px; }

.page nav#hours h3                                      { text-transform: uppercase; margin: 0; }

.page nav#hours p                                       { padding: 0 0 20px 0; font-size: 12px; }





/* RESPONSIVE MAIN MENU */



.mobile-menu-shelf .panel                               { position: fixed; left: -250px; width: 250px; } /* left and width must be the same values; left is always negative */

.mobile-menu-shelf .wrap                                { position: relative; max-width: 80%; margin: 0 auto; padding: 20px; }

.mobile-menu-shelf .panel                               { background: #101820 }

.mobile-menu-shelf .panel a                             { color: #fff }





/* VPS */



.vpsBar .box                                        { color: #525252; text-align: center; padding: 15px 0; border-right: 1px solid #c1c6c8; }

.vpsBar .box:last-child                             { width: 32%; border-right: 0; }

.vpsBar .box h2                                     { font-size: 17px; margin: 0 0 3px 0; padding: 0; }

.vpsBar .box a                                      { background: url(/scripts/images/icon-yellow-arrow-right.png) no-repeat right center; font-size: 14px; padding-right: 20px; color: #525252; }





/* FOOTER */



.footer                                             { width: 100%; font-size: 12px; padding: 10px 0; margin: 0; clear: both; }

.footer ul                                          { list-style: none; margin: 0; padding: 0; }

.footer li a                                        { color: #3e3e3e; text-decoration: none; }

.footer li a:hover                                  { text-decoration: underline; }

.seo-footer                                         { text-align: center; }

.footer h4                                          { font-size: 14px; }

.footer .customer-support .row-abnormal             { font-size: 11px; }

.footer .copyright                                  { font-size: 60%; text-align: center; }

.footer .socialNav                                  { float: left; }

.footer .feedback                                   { background: #faf1d0; border: 1px solid #edc891; color: #3e3e3e; }

.auxiliary-information                              { font-size: 11px; margin: 20px 0 0; }

.auxiliary-information div.AuthorizeNetSeal         { text-align: inherit; margin: inherit; padding: inherit; width: inherit; font: inherit; line-height: inherit; }

.auxiliary-information .paypal,

.auxiliary-information div.AuthorizeNetSeal a       { float: left; }

.auxiliary-information div.AuthorizeNetSeal a img   { width: 35px; height: 28px; }

.auxiliary-information #AuthorizeNetText            { display: none; }

.auxiliary-information .copyright                   { margin-top: 2em; }

.divRefID                                           { font-size: 12px; color: #000; font-weight: bold; text-align: center; }

.refid                                              { padding: 5px; display: inline-block; }

.page .seo p                                        { font-size: 11px; text-align: center; }

.badges                                             { margin: 0 auto; display: block; text-align: center; }





/* ANIMATED BACK TO TOP LINK */



#back-top                                           { position: fixed; bottom: 62px; margin-left: 20px; font-size: 12px; z-index: 500; }

#back-top a                                         { display: block; text-align: center; text-decoration: none; color: #FFF; font-weight: bold; }

#back-top a                                         { -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } /* transition */

#back-top a:hover                                   { color: #FFF; }

#back-top span                                      { padding: 14px 44px; color: #FFF; display: block; margin-bottom: 7px; background: #7a7b7e; } /* button */

#back-top span                                      { -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } /* transition */

#back-top a:hover span                              { background: #414042; }





/* RESETS - GENERICS */



.tl                                                 { text-align: left; }

.tc                                                 { text-align: center; }

.tr                                                 { text-align: right; }

.cl                                                 { height: 1%; display: block; clear: both; }

.clear                                              { clear: both; }

.clear1                                             { clear: both; height: 1px; }

.fl                                                 { float: left; }

.fr                                                 { float: right; }

.clearfix:before, .clearfix:after                   { content: " "; display: table; }

.clearfix:after                                     { clear: both; }

.clearfix                                           { *zoom: 1; }





/* RESPONSIVE LAYOUT */



[class*="span"]                                     { float: left; min-height: 1px; margin-left: 20px;}

.span12                                             { width: 940px; }

.span11                                             { width: 860px; }

.span10                                             { width: 780px; }

.span9                                              { width: 700px; }

.span8                                              { width: 620px; }

.span7                                              { width: 540px; }

.span6                                              { width: 460px; }

.span5                                              { width: 380px; }

.span4                                              { width: 300px; }

.span3                                              { width: 220px; }

.span2                                              { width: 140px; }

.span1                                              { width: 60px; }





/* DETAIL */



.ThumbLink                                          { float: left; } 

.ThumbLink img                                      { margin: 0 auto; display: block; } 



.cloudzoom-blank div:first-child                    { background-color: inherit !important; }

.cloudzoom-lens                                     { width: 187.825px; height: 187.825px; border: 2px dotted #7f9ebf; cursor: crosshair; z-index: 10; }

.cloudzoom-lens img                                 { display: none !important; }

.cloudzoom-zoom                                     { width: 683px !important; height: 683px !important; z-index: 1000; box-shadow: 0 0 5px #ccc }

.cloudzoom-zoom-inside                              { border: none; box-shadow: none; cursor: n-resize; z-index: 2000; }

.cloudzoom-gallery                                  { width: 58px; height: 48px; background: #FFF; border: 1px solid #e0e0e0; margin-right: 5px; }

.cloudzoom-gallery-active                           { display: block; border: 1px solid #404040; }

.flex-control-nav                                   { bottom: -20px !important; }

.flexslider .slides li                              { zwidth: 68px !important; }



.mediaDialog                                        { border: 1px solid #9a9a9a !important; z-index: 1010; box-shadow: 0 0 20px #9a9a9a; z-index: 9999; }



.PriceDropDialog                                    { text-align: center; }

.PriceDropDialogTitle                               { font-size: 21px; font-weight: bold; color: #c0392b; }

.PriceDropDialog table                              { background-color: #ecf0f1; border: 1px solid #95a5a6; border-radius: 2px; width: 100%; padding: 5px; margin-top: 10px; }

.PriceDropDialog table td                           { font-size:16px; padding: 7px; color: #252525; }

.PriceDropDialog table td input                     { width: 95%; padding: 5px; border: 1px solid #95a5a6; border-radius: 2px; }

.PriceDropDialog table td input:focus               { border: 1px solid #585c5c; }

.PriceDropDialog table td #pdAgree                  { width: 3%; }

td.PriceDropDialogTNC                               { font-size: 14px!important; }

td.PriceDropDialogTNC a                             { cursor: pointer; }

td.PriceDropDialogTNC a:hover                       { font-weight: bold; }



#mediaHeader                                        { margin: 5px 0 }

#mediaLogo                                          { float: left; padding: 5px 15px; width: 150px; }

#mediaLogo img                                      { max-width: 130px }

#mediaTitle                                         { width: 550px; float: left; font-size: 10px; color: #000; padding: 10px; text-transform: capitalize; }

#mediaDisplayContainer                              { width: 775px; min-height: 500px; border: 1px solid #ddd; }

#mediaDisplayTarget                                 { float: left; cursor: pointer; padding: 10px; height: auto; width: 640px; }

#mediaDisplayTarget img                             { width: 100% }

#mediaPrev                                          { float: left; background-image: url("/scripts/images/left-grayctrl.png"); background-repeat: no-repeat; cursor: pointer; 

                                                      width: 50px; margin-top: 25%; height: 50px; margin-right: 10px; opacity: 0.5; outline: medium none; }

#mediaNext                                          { float: right; background-image: url("/scripts/images/right-grayctrl.png"); background-repeat: no-repeat; cursor: pointer; 

                                                      width: 50px; margin-top: 25%; margin-left: 10px; height: 50px; opacity: 0.5; outline: medium none; }

#mediaThumbnailsContainer                           { padding: 15px 0 }

#mediaThumbnails img                                { float: left; padding: 5px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #ddd; cursor: pointer; }

.pricewaiterbox                                     { margin-top: 10px; }





/* PROMO BAR */



.PromoBar                                           { width: 100%; margin-bottom: 5px; padding: 5px; position: fixed; z-index: 1000; font-size: 14px; text-align: center; }

.PromoBar a                                         { margin: 0 0 0 5px; padding: 2px 10px; border-radius: 5px; }

.PromoBar a:hover                                   { text-decoration: none; border-radius: 5px; }

.PromoBarDummy                                      { height: 30px; }

.PromoBarArrow                                      { background-repeat: no-repeat; background-position: top; border: medium none; display: block; height: 0; overflow: hidden; 

                                                      padding: 19px 0 0; position: absolute; right: 50px; top: 7px; width: 40px; z-index: 10; cursor: pointer; }

.PromoBarRollup                                     { background-position: 5px; background-repeat: no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 0; 

                                                      display: block; height: 0; overflow: hidden; padding: 18px 0; position: absolute; right: 25px; top: 0; width: 50px; z-index: 2000; cursor: pointer; }

/* PROMO BAR BASE SKIN */

.PromoBar                                           { background: #444; border-bottom: 1px solid #AAA; color: #FFF; }

.PromoBar a                                         { background-color: #252525; color: #FFF; }

.PromoBar a:hover                                   { background: #525252; color: #FFF; }

.PromoBarArrow                                      { background-image: url(/scripts/images/gray_arrow_up.png); }

.PromoBarRollup                                     { background-image: url("/scripts/images/drk_arrow_down.png"); background-color: #444; border: 1px solid #AAA; box-shadow: 0 0 2px #CCC; }





/* CALL CENTER BUTTON */



.callcenterbutton                                   { float: right; font-weight: bold; }

.headerLeft                                         { font-size: 12px; }



/* SOCIAL MEDIA */



.socialNav                                          { float: right }

.socialNav li                                       { list-style-type: none; float: right; margin-right: 2px; }

.socialsprite                                       { text-decoration: none; background: url(/scripts/images/socialsprite4.png) no-repeat; display: block; }

.fb-b, .pin-b, .google-b, .houzz-b, 

.twitter-b, .print-b, .email-b, .blog-b             { height: 25px; width: 25px; cursor: pointer; }

.fb-b                                               { background-position: 0        0; }

.fb-b:hover                                         { background-position: -26px    0; }

.pin-b                                              { background-position: 0        -50px; }

.pin-b:hover                                        { background-position: -26px    -50px; }

.houzz-b                                            { background-position: 0        -25px; }

.houzz-b:hover                                      { background-position: -26px    -25px; }

.google-b                                           { background-position: 0        -100px; }

.google-b:hover                                     { background-position: -26px    -100px; }

.twitter-b                                          { background-position: 0        -75px; }

.twitter-b:hover                                    { background-position: -26px    -75px; }

.email-b                                            { background-position: 0        -125px; }

.email-b:hover                                      { background-position: -26px    -125px; }

.print-b                                            { background-position: 0        -150px; }

.print-b:hover                                      { background-position: -26px    -150px; }

.blog-b                                             { background-position: 0        -175px; }

.blog-b:hover                                       { background-position: -26px    -175px; }

.socialPin                                          { padding: 0 5px; cursor: pointer;}





/* CART 2.0 */



.CartIDWrapper{

    background-color: #BDC3C7;

    padding: 15px;

}



.CartID

{

    background: none repeat scroll 0 0 #C0392B;

    border: 1px solid #C0392B;

    color: #FFFFFF;

    font-size: 15px;

    font-weight: bold;

    margin: 8px 10px;

    padding: 5px 5px;

    text-align: center;

    text-shadow: 0 1px 0 #528009;

}



.CartRefID

{

    color: #000;

    background-color: yellow;

    margin-left: 10px;

    margin: 8px 10px;

    padding: 5px 5px;

}



.CartWrapper 

{

    width:960px;

    margin:auto;

    margin:20px 15px;

    padding:0;

    text-align:left;

    line-height:1.3em;

}

.CartTitle 

{

    font-size:24px;

    font-weight:bold;

    float:left;

}

.CartIDnum 

{

    font-size:13px;

    font-style:italic;

    zfloat:left;

    position:relative;

    top:25px;

    zleft:-85px;

    clear: both;

}

.CartContProWrap 

{

    float:right;

}

.CartContinue 

{

    text-align:right;

    font-size:13px;

    margin-right:20px;

}

a.CartProceedUpper 

{

    font-size:16px;

    background-color:#000;

    color:#fff!important;

    font-weight:bold;

    padding:10px 30px;

    border-radius:3px;

    border:1px solid #185b93;

}

a:hover.CartProceedUpper  

{

    background-color:#777;

    text-decoration:none;

    color: #fff;

}

a:active.CartProceedUpper  

{

}

.CartTable 

{

    width:960px;

    margin-top:10px;

    border:1px solid #252525;

    border-collapse:collapse;

}

.CartHeader 

{

    font-size:13px;

    font-weight:bold;

    text-transform:uppercase;

    color:#fff;

    letter-spacing:.05em;

    background-color:#252525;

    line-height:1.2em;

    

}

.CartHeader td 

{

    padding:8px 7px;

}

.CartItemRow 

{ 

    border:1px solid #95a5a6;

}

td.CartItemImageCell

{   

  width:75px;

  padding:2px;

}

.CartItemImage 

{

    margin:15px 5px 10px 5px;

    border:1px solid #bdc3c7;

}

td.CartItemDescCell 

{

    line-height:1.1em;

    vertical-align:text-top;

    padding-top:13px;

    padding-right:10px; 

}

.CartItemFullSku 

{

    font-size:10px;

    font-style:italic;

    color:#4c4c4c;

    padding:0;

    margin:0;

    

}

.CartItemBrand 

{

    font-size:13px;

    font-weight: bold;

}

.CartItemDescription 

{

    font-size:11px;

}

.CartItemBrand a, .CartItemDescription a 

{

    font-weight:normal!important;

    color:#252525!important;

}



.CartItemBrand a:hover 

{

    font-weight:bold;

}

.CartItemDelivery 

{

    font-size:11px;

    color:#e74c3c;

    margin-top:10px;

}



.CartItemDelivery a

{

    cursor: pointer;

}

.CartItemUnitPrice 

{

    text-align:center;

    font-size:13px;

    width:95px;

    background-color:#eee;

}

td.CartItemQty 

{

    width:75px;

    background-color:#bdc3c7;

}

.CartItemQtyInput 

{

    width:75px;

}

.CartItemQtyInput input

{

    width:35px;

    padding:3px;

    border:1px solid #aaa;

    border-radius:3px;

    text-align:center;

    cursor: text;

}

.CartItemQtyInput input:focus

{

    border:1px solid #525252;

    -webkit-box-shadow: 0 0 5px #bdc3c7;

	-moz-box-shadow: 0 0 5px #bdc3c7; /* Firefox 3.6 and earlier */

	box-shadow: 0 0 5px #bdc3c7;

}

.CartItemQtyRemove  

{

    font-size: 12px;

    margin-top: 2px;

    color:#990000;

    cursor:pointer;

}

.CartItemQtyUpdate 

{

  	font-size: 14px;  

    margin-top: 5px;

  	color:#252525;

    cursor:pointer;

}

.CartItemQtyUpdate:hover,.CartItemQtyRemove:hover

{

    text-decoration: underline;

}

.CartItemYourPrice 

{

   font-size:13px;

   width:175px;

   background-color:#fff;

   text-align:center;

}

.CartItemYourPrice strike

{    

    font-style:italic;

}

.CartItemYourPriceValue 

{

     text-align:center;

}

.CartItemYourPriceDeco, .CartSaleMsg, .CartCouponMsg, .CartPCMsg

{

    font-size: 12px;

    font-weight: bold;

}

.CartPCMsg

{

    color: #327BB8;

}

.CartItemYourPriceDeco

{

    color: #327BB8;

}

.CartSaleMsg

{

    color:#990000;

}

.CartCouponMsg 

{

    color:#27AE60;

    zfont-size: 11px;

    font-weight: bold;

    zfont-style: italic;

}

.CartExplainIcon

{

    background-image: url("/scripts/images/ui-icons_cd0a0a_256x240.png");

    background-repeat: no-repeat;

    background-position: -16px -144px;

    height: 15px;

    width: 15px;

    cursor: pointer;

    position: absolute;

    left: 1200px;

    margin-top: 3px;

}

.CartExplanation

{

  background-color: #ddd;  

  border: 1px solid #ddd;

  color: #333;

  position: absolute;

  left: 1220px;

  margin-top: -32px;

  width: 230px;

  padding: 10px;

  text-align: left;

}



.CartExplanationHide{

  text-align: right;

  font-style: normal;

  cursor: pointer;

  font-weight: bold;  

  }

.CartItemTotal 

{

    font-size:14px;

    font-weight:bold;

    text-align: center;

    width:110px;

}

.CartCouponWrapper 

{

    float:left;

    width:335px;

    min-height:115px;

    padding:10px;

    border:5px solid #ccc;

    line-height:1em;

    margin: 10px 0;

}

.CartCouponTitle 

{

    font-size:18px;

    font-weight:bold;

    margin-bottom:10px;

    color:#327BB8;

}

.CartCouponInput input

{

    border:1px solid #aaa;

    width:220px;

    background-color:#fffceb;

    padding:5px;

    margin-right:10px;

    float:left;

    border-radius:3px;

    height:20px;

}

.CartCouponInput input:focus

{

    border:1px solid #525252;

    background-color:#fffff0;

    -webkit-box-shadow: 0 0 5px #bdc3c7;

	-moz-box-shadow: 0 0 5px #bdc3c7; /* Firefox 3.6 and earlier */

	box-shadow: 0 0 5px #bdc3c7;

}

.CartCouponApply 

{

    font-size:14px;

    padding:7px 5px 5px 5px;

    background-color:#252525;

    text-align:center;

    width:80px;

    color:#fff;

    float:left;

    border-radius:3px;

    height:20px;

    text-transform:uppercase;

    font-weight:bold;

    cursor:pointer;

}

.CartCouponApply:hover 

{

    background-color:#327BB8;

}

.CartCouponResultsWrapper

{

    margin-top: 10px;   

}

.CartCouponResults

{

    background-color: #327BB8;

    clear: both;

    color: #FFFFFF;

    padding: 10px;

    font-size: 12px;

}



.CartCouponInst 

{

    clear:left;

    font-size:11px;

    margin-top:5px;



}

.CartShipEstWrapper 

{

    width:220px;

    min-height:115px;

    float:left;

    padding:10px;

    margin:15px 0 0 35px;

    line-height:1em;

}

.CartShipInst 

{

    font-size:11.5px;

    margin-bottom:10px;

    font-weight:bold;

}

.CartShipZipEdit 

{

    width:95px;

    margin-right:10px;

    float:left;

    padding:5px;

    font-size:13px;

    border:1px solid #aaa;

    border-radius:3px;

    height:15px;

    background-color:#fffceb;

}

.CartShipZipEdit input

{

    

}

.CartShipZipEdit:focus

{

    background-color:#fffff0;

    border:1px solid #525252;

}

.CartShipZipCalc 

{

    font-size:12px;

    font-weight:bold;

    padding:5px 5px 5px 5px;

    background-color:#252525;

    color:#fff;

    width:80px;

    text-align:center;

    float:left;

    border-radius:3px;

    height:17px;

    text-transform:uppercase;

    cursor: pointer;

}

.CartShipZipCalc:hover

{ 

    background-color:#525252;

    }

.CartShipInter 

{   

    clear:left;

    font-size:11px;

    padding-top:15px;

}

.CartShippingGeoWrapper

{

    width:240px!important;

    float:left;

    background-image:none!important;

}

.CartShippingGeoChange 

{

    font-size:14px;

    border:1px solid #bdc3c7;

    border-radius:3px;

    background-color:#525252;

    color:#fff;

    padding:10px;

    margin-top:20px;

    position:relative;

    top:10px;

    left:-15px;

    cursor:pointer;

    text-align: center;

}

.ShippingGeoChange:hover

{

    background-color:#7f8c8d;

}

.CartTotals 

{   

    margin-bottom:30px;

    float:right;

    font-size:13px;  

}

.CartTotals table

{   

    border:1px solid #bdc3c7;

    border-top:none;

    border-collapse:collapse;

    float:right;

    background-color:#ecf0f1;

    width: 300px;

}

.CartTotals td

{

    padding:5px 10px;

    border-bottom:1px solid #bdc3c7;

    font-size: 14px;

}



.CartRegSubtotalLabel,.CartRegSubtotalValue 

{

     color: #000;

}



.CartYourTotalSavedValue{

    color: #16A085;

    font-weight: bold;

  }



.CartOrderFormDescDiscount 

{

    background-color:#27ae60;

    color:#fff;

}

.CartOrderFormValueDiscount 

{

    font-size:14px;

    font-weight:bold;

    background-color:#27ae60;

    color:#fff;

}



.CartYourSubtotal{

  border-top: 2px solid #888;

  }

.CartYouSaved 

{

    padding:10px;

    font-size:16px;

    font-weight:bold;

    color:#990000;

}

.CartShipping 

{   

    line-height:1.1em;

    font-size:12px;

}

.CartShippingLabel 

{

}

.CartShippingValue 

{

}

.CartShippingEmpty 

{

}

.CartShippingEmptyLabel 

{

    font-size:12px;

}

.CartShippingEmptyValue 

{

    font-size:12px;

    font-weight:normal;

}

.CartOrderFormDescSale, .CartOrderShipDesc, .CartOrderShipValue

{

    line-height:1.2em;

    font-size:12px;

}

.CartOrderFormDescPC,.CartOrderFormValuePC{

  color: #327BB8;

    font-weight:bold;

  }



.CartTaxLabel 

{

    font-size:12px;

    font-weight:bold;

}

.CartTaxValue 

{

}

.CartOrderTaxDesc, .CartOrderTaxValue

{

    font-size:12px;

    line-height:1.1em;

}

td.CartOrderTaxDesc, td.CartOrderTaxValue

{

    padding:10px;

}

.CartOrderTotal 

{

    background-color:#252525;

    color:#fff;

    

}

.CartOrderFormValueSale 

{

    font-weight:bold;

    font-size:14px;

    color:#16a085;

}

.CartOrderTotalDesc, .CartOrderTotalValue 

{

    background-color:#252525;

    color:#fff;

}

td.CartOrderTotalDesc, td.CartOrderTotalValue 

{

    padding:10px;

}



.CartProceedLower 

{

    float:right;

    width:300px;

    text-align:center;

}

.CartProceedChkout 

{

}

a.CartProceedChkout 

{

    background-color:#000;

    color:#fff!important;

    font-weight:bold;

    padding:10px 30px;

    border-radius:3px;

    border:1px solid #185b93;

}

a:hover.CartProceedChkout 

{

    background-color:#777;

    text-decoration:none;

    color: #fff;

}

a:active.CartProceedChkout 

{

}

.CartProceedOR 

{

    padding:15px 0 10px 0;

    font-weight:bold;

}

#Paypal 

{

}

.CartEmptyTitle 

{

    font-size:24px;

    font-weight:bold;

    text-align:center;

    padding:10px 0;

}

.CartEmptyInst 

{

    font-size:18px;

    text-align:center;

}

.CartContentA 

{

}

.CartContentB 

{

}

.CartContentC 

{

}



.CartControlWrap {

    clear:both;

    float:left;    

    min-height: 26px;

    text-align:center;

    border-top:1px solid #bdc3c7;

    border-bottom:1px solid #bdc3c7;

    border-radius:3px;

    font-size:11px;

    background-color:#ecf0f1;

    color:#252525;

}



.CartLoadNEW

{

}



.CartSaveNEW,.CartLoadNEW,.CartDeleteNEW,.CartPriceDropNEW {

    display: inline;

    width: 100px;

    padding:3px;

    float:left;

    border-right:1px solid #bdc3c7;

    border-left:1px solid #bdc3c7;

    cursor: pointer;

}



.CartDeleteNEW {

    background-image: url("//images.1stoplighting.com/site/common/delete.gif");

    background-position: 7px 5px;

    background-repeat: no-repeat;

}



.CartSaveNEW {

    background-image: url("//images.1stoplighting.com/site/common/save.gif");

    background-position: 8px 6px;

    background-repeat: no-repeat;  

}



.CartPriceDropNEW

{

    background-color:#c0392b;

  color:#fff;

    }

.CartPriceDropNEW:hover

{

  font-weight:bold;

  background-color:#902419;

    }  

.CartContProWrap 

{

    float:right;

}





/* USERBAR */



#UBHelp                         { zwidth: 1200px; margin: auto; position: relative; zbackground-color: #fff; }

#UBHelpClose                    { background-color: #252525; color: #fff; padding: 2px; cursor: pointer; width: 20px; border-radius: 3px; text-align: center; text-transform: uppercase; font-size: 10px; 

                                  position: absolute; top: 50px; left: 645px; font-weight: bold; }

#UBHelpClose:hover              { background-color: #525252 }

.CompThumbWrapper               { clear: both; margin-top: 20px; padding: 7px 0px; border-top: 1px dotted #7f8c8d; border-bottom: 1px dotted #7f8c8d; }

.CompThumbText                  { font-size: 11px; margin: -1px 20px; text-align: left; text-transform: uppercase; font-weight: bold; letter-spacing: .05em; color: #34495e; }

.CompThumbText a                { color: #c0392b !important }

.CompThumbText a:hover          { color: #e74c3c !important; text-decoration: none; }

.CompThumbWrapper input         { float: left; margin: 0; padding: 0; }

.UserBarWrapper                 { width: 100%; z-index: 1000; }

.UseBarMenu                     { background-color: #ccc; border-color: #95a5a6; border-image: none; height: 45px; margin: auto; }

.UserBarContent                 { background-color: #ECF0F1; background-image: url("/scripts/images/textured_bg.png"); background-position: center top; background-repeat: repeat; 

                                  border: 1px solid #95a5a6; margin: auto; overflow: auto; padding: 25px 5px; z-index: 1000; }

#UserBarProdList                { float: right; overflow-x: auto; width: 88%; }

.UseBarNav                      { float: left; padding: 0 10px; }

.jQCompareList                  { padding: 0px }

.jQCompareList ul               { margin: 0; padding: 0; }

.jQCompareList li               { float: left; list-style-type: none; width: 190px; padding: 5px 10px; border-left: 1px solid #bdc3c7; }

.jQCompareList a                { color: #000000; font-size: 12px; }

.CompareItemInfo                { margin-top: 2px; text-align: center; }

.CompareItemImg                 { height: 90px }

.CompareItemImg img             { display: block; margin: 0 auto; max-height: 85px; max-width: 85px; }

.jQCompareGo, .jQCompareClear   { background-color: #2c3e50; border: 1px solid #34495e; border-radius: 3px 3px 3px 3px; color: #FFFFFF; cursor: pointer; display: block; font-size: 13px; margin: 10px; 

                                  padding: 5px 7px; text-align: center; width: 80px; }

#UBCompareBtn:hover,

#UBRecentBtn:hover, 

#UBCartBtn:hover                { opacity: 0.8 }

.jQCompareGo:hover, 

.jQCompareClear:hover           { background-color: #34495e }

#UBCompareBtn, 

#UBRecentBtn, 

#UBCartBtn                      { cursor: pointer; display: block; font-size: 14px; font-weight: bold; margin: 8px 10px; padding: 5px; text-align: center; }

#UBCartBtn a                    { text-decoration: none; color: #3e3e3e; }

#UBCloseBtn                     { cursor: pointer; margin: 12px 25px 0; background-image: url("/scripts/images/arrow-minimize.png"); background-repeat: no-repeat; background-position: 50%; 

                                  width: 35px; height: 25px; }

#UBCloseBtn:hover               { opacity:0.5; }

#CompareListWrapper             { background-color: #ecf0f1; padding: 10px; margin: 0 10px; }

#CompareItems                   { list-style-type: none; margin: 0; padding: 0; }

#CompareItems li                { display: inline-block; padding: 0 10px; font-size: 11px; }

.CompareWrapper                 { margin-bottom: 50px; overflow-x: auto; width: 100%; }

.CompareTable                   { border-collapse: collapse; border-spacing: 0; font-size: 12px; text-align: left; vertical-align: middle; }

.CompareTable td                { padding: 8px 10px }

.CompareRemoveBtn               { background: url("/scripts/images/statusbuttonsprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; display: block; float: right; height: 25px; 

                                  text-decoration: none; width: 25px; }

.CompareRemoveBtn:hover         { background-position: -25px 0 }

.CompareViewBtn                 { background-color: #0061A7; border: 1px solid #124D77; border-radius: 3px 3px 3px 3px; color: #FFFFFF !important; display: block; font-size: 13px; 

                                  margin-left: auto; margin-right: auto; padding: 5px 7px; text-align: center; text-decoration: none; width: 80px; }

.CompareViewImg                 { display: block; margin-bottom: 15px; margin-left: auto; margin-right: auto; }

.CompareViewBtn:hover           { background-color: #528FCC; color: #FFFFFF; text-decoration: none; }

.CompareAttrRow                 { }

.CompareAttrRowAlt              { background-color: #DDDDDD; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; }

.CompareAttrName                { float: left; font-weight: bold; width: 140px; }

.CompareAttrValue               { min-width: 50px; text-align: center; }

.CompareAttrRowGroup            { color: #000000; font-size: 16px; font-weight: bold; }

.CompareAttrRowGroup th         { padding: 15px 0 5px }





/* PRICING COMPARE */



.styleSalePriceStrikeTitlecp,.styleSalePriceStrikecp

{

   text-decoration: line-through;

   font-size: 11px; 

   color: #000;

   font-weight: normal;

}



.styleSalePriceTitlecp,.styleSalePriceTitlecp,.styleSalePricecp,.stylePricecp

{

    font-size: 12px;

    color: #990000;

    margin-bottom: 5px;

    font-weight: bold;

}



#UBRecentTarget {

 	padding:0; 

}

#UBRecentTarget ul {

 	padding:0; 

  margin:0;

}

#UBRecentTarget li {

    border-right: 1px solid #BDC3C7;

    float: left;

    list-style-type: none;

    padding: 5px 22px;

    width: 140px;

  	font-size:12px;

  	margin-bottom:25px;

  	text-align:center;

  	line-height:1.3em;

  	min-height:150px;

}

#UBRecentTarget li a {

 		color:#252525;

  	text-decoration:none;

}

#UBRecentTarget li a:hover {

 		color:#000000;

}

#UBRecentTarget img {

   width:85px;

   height:85px;

}



/* PRO */



.ShowProjectList {

	margin-top: 5px;

}

.ProjectList {

	border: 1px solid #888!important;

	background-color: #ccc!important;

	color: #000!important;

}

.ProjectList a {

	color: #000!important;

}

.ShowNewProject2 {

	color: #fff!important;

	font-size: 13px;

	padding: 5px!important;

	margin-top: 5px;

	width: 150px;

	text-align: center;

	border: 1px solid #444!important;

	background-color: #444!important;

	background: -moz-linear-gradient(top, #444 30%, #222);

	background: -webkit-linear-gradient(top, #444 30%, #222);

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	cursor: pointer;

}

#NewProjectDlg {

	background-color: #ddd!important;

	padding: 10px;

	font-size: 14px;

	clear: both;

}

#NewRoomDlg 

{

    width: 237px;

    background-color: #eee;

    border: 1px solid #ccc;

  margin-top: 32px;

	padding: 10px;

	font-size: 14px;

	text-align: right;

	clear: both;

}

.ProjectsListingHeader {

	font-size: 16px;

	border-bottom: 1px solid #ccc;

}

.ProjectsListingHeader a {

	color: #000;

}

.ProjectWrapper {

	width: 100%;

	min-height: 500px;

}

.ProjectContainer {

	width: 100%;

}

.ProjectInfoContainer {

	width: 100%;

}



.ProjectInfoPanel {

}



.ProjectInfoPanelCol 

{

    border: 1px solid #ddd;	

    background-color: #eee;  	

    width: 263px;

    margin: 8px;

    padding: 10px 20px;

    float: left;

}



.ProjectHeader {

	text-align: left;

	font-size: 13px;

	font-weight: bold;

	border-bottom: 1px #c7c7c7 solid;

	padding: 5px 0;

	margin-bottom: 0;

	clear: both;

	color: #000;

}

.ProjectInfoPanel ul {

	padding: 0;

	margin-bottom: 40px;

	list-style-type: none;

}

.ProjectInfoPanel li {

	padding-top: 10px;

}

.ProjectInfoPanelRO ul {

	padding: 0;

	margin-bottom: 40px;

	list-style-type: none;

}

.ProjectInfoPanelRO li {

	margin-top: 5px;

	font-size: 12px;

	line-height: 1.3em;

}

.DataLabel {

	font-size: 12px;

	width: 30%;

	float: left;

}



.ProjectProductHeader{

       background-color: #eee;

       font-size: 12px;

       font-weight: bold;

       color: #444;

       height: 30px;

       border-bottom: 3px solid #ccc;

}



.DataValue {

	width: 65%;

	float: left;

	margin-top: 2px;

}

.DataLabelRO {

	font-size: 12px;

	width: 30%;

	float: left;

	font-weight: bold;

}

.DataValueRO {

	width: 65%;

	float: left;

	margin-top: 2px;

}

.DataValueAddressRO {

	width: 65%;

	float: left;

	margin-top: 2px;

}

.DataValue input {

	width: 181px;

	margin-top: 0;

}

.DataValue select {

	width: 187px!important;

	margin: 1px 0!important;

	height: 23px;

	margin-top: 0;

}





.HLProdLink

{

    width: 200px;

    background-color: #000;

}



#ProjectPromo {

	width: 45%;

	float: right;

}

#ProjectPromo img {

	max-width: 430px;

}



.ProjectAdminHeader

{

   padding: 0 10px;

}



#ProjectAdminClick

{

    background-image: url("/scripts/images/ProjectToolSpriteContact.png");

    background-repeat: no-repeat;

    width: 35px;

    height: 35px;

    cursor: pointer;

    float: right;

}



#ProjectAdminClickClose 

{

    cursor: pointer;

    font-size: 12px;

    color: #990000;

    width: 80px;

    margin-top: 10px;

    float: right;

}



.ProjectAdminContainer{

  clear: both;

  margin-top: 80px;

  margin-bottom: 5px;  

  }



.ProjectAdminContainer ul {

	list-style-type: none;

	padding: 0;

  margin-left: -5px;

}

.ProjectAdminContainer li {

	font-size: 12px;

  line-height: 2em;

}

.ProjectAdminHelpPop {

	float: right;

	width: 16px;

	height: 16px;

	background-image: url('//images.1stoplighting.com/site/common/SelHelp2.png');

	background-repeat: no-repeat;

}

.ProjectAdminHelpContent {

	width: 300px;

	background-color: #666;

	color: #fff;

	font-size: 12px;

	padding: 5px;

	line-height: 1.5em;

	border: 2px solid #555;

}

.ProjectProductEditContainer {

	clear: both;

	margin-bottom: 0;

	margin-bottom: 15px;

	min-height: 26px;

	padding: 5px 5px;

	border-top: 1px dotted #ccc;

  border-bottom: 1px dotted #ccc;

	

}

.ProjectTitleContainer {

	width: 850px;

	float: left;

    margin-top: 8px;

    margin-left: 10px;

    color: #000;

    font-size: 12px;

} 

.ProjectTitle {

	font-size: 18px;

	border: 0;

}

.ProjectTitleRO {

	display: block;

  margin-top: 7px;

  font-weight: bold;

  float: left;

	margin-left: 10px;

}

.ProjectButton,.ProjectButtonATC,.ProjImageLogoButton,.ProjectEditButton {

	float: left;

	color: #fff!important;

	font-size: 13px;

	padding: 3px!important;

	margin: 0 5px;

	border: 1px solid #222!important;

	background-color: #444!important;

	background: -moz-linear-gradient(top, #444 30%, #222);

	background: -webkit-linear-gradient(top, #444 30%, #222);

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	cursor: pointer;

}



.ProjectButtonATC {

	float: right;

}

.ProjectButtonPreview,.ProjectButtonSave,.FeedbackButton {

	float: right;

	color: #fff!important;

	font-size: 13px;

	padding: 15px!important;

	margin: 10px 15px 0 0;

	border: 1px solid #222!important;

	background-color: #444!important;

	background: -moz-linear-gradient(top, #444 30%, #222);

	background: -webkit-linear-gradient(top, #444 30%, #222);

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	cursor: pointer;

}

.ProjectButton:hover,.ProjectButtonATC:hover,.ProjectButtonPreview:hover,.ProjectButtonSave:hover,.FeedbackButton:hover,.ProjectEditButton:hover {

    opacity: 0.9;

  }

.ProjectEditButton {

	float: right;

	margin: 0 10px;

}

.ProjectPreviewButtonWrapper {

	background-color: #eee;

  border: 1px solid #ccc;

  padding: 10px;

}

.RoomChange {

	float: left;

	color: #fff;

	width: 175px!important;

	font-size: 13px;

	padding: 3px!important;

	margin: 0 5px;

	border: 1px solid #666!important;

	background-color: #888!important;

	background: -moz-linear-gradient(top, #888 30%, #666);

	background: -webkit-linear-gradient(top, #888 30%, #666);

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	cursor: pointer;

}

.SectionHeader {

	padding: 30px 0 10px ;

	text-align: left;

	font-size: 16px;

	font-weight: bold;

}

.SectionRow {

	padding-top: 10px!important; 

  color: #990000;

}

.imgCol {

	vertical-align: middle;

	width: 55px;

}



.imgCell

{

    padding: 0 15px;

}

.selCol {

	vertical-align: middle;

	width: 20px;

}

#List {

	display: table;

}

.RoomHeader {

	background-color: #AAAAAA;

	padding: 3px;

	padding-left: 15px;

	text-align: left;

}

.RoomProduct {

	width: 100%;

	text-align: left;

	font-size: 12px;

	height: 75px;

}

.RoomProduct td {

	border-top: 1px solid #ccc;

}

.ProjectProductName {

	font-size: 14px;

  color: #990000;

  float: left;

  font-weight: bold;

  margin-bottom: 3px;  

}

.ProjectProductModel {

  font-size: 11px;

  clear: both;

  font-weight: bold;

}



.ProductNotes {

	font-size: 12px;

  padding: 10px 230px 10px 0;

  text-align: justify;

	color: #222;

	clear: both;

}

.ImageLink {

	width: 50px;

	height: 50px;

	vertical-align: middle;

}

.ModelNumber {

	width: 120px;

	text-align: left;

	vertical-align: middle;

}

.ModelOptions {

	width: 120px;

	text-align: left;

	vertical-align: middle;

}

.ProductName {

	width: 400px;

	text-align: left;

	height: 25px;

}

.Quantity {

	text-align: right;

	font-size: 14px;

  width: 200px;

 

} 

.QtyVal 

{

    border: 1px solid #999;

    padding: 3px 10px;

    font-size: 12px;

}

.ProjCutSheet {

	background-color: #999;

	padding: 5px;

	font-size: 10px;

	float: left;

    margin-right: 10px;

    color: #fff!important;

}

.ProjCutSheet:hover {

	background-color: #666;

	text-decoration: none;

}



.ProjImageLogo {

	width: 265px;

	padding: 5px;

	margin-top: 5px;

}

.ProjImageLogoLink {

   font-size: 12px;

   padding: 0 5px;

   cursor: pointer;

}



.ProjPrice {

	background-color: #fff;

	text-align: right;

	font-weight: bold;

	font-size: 12px;

	padding: 0 5px;

	width: 150px;

}

.ProjMinPrice {

	text-align: right;

	font-size: 12px;

	padding: 0 5px;

	width: 150px;

}

.EmptyAddress {

	background-color: #F6F6F6;

}



.EditStartText,.AdminStartText,.SaveStartText

{

    color: #990000;

    margin-left: -28px!important;

    margin-top: -2px!important;

    }

.EditStartText

{

    margin-left: -28px!important;

    margin-top: -2px!important;

    }

.AdminStartText

{

    margin-left: -42px!important;

    margin-top: 6px!important;

    }

.SaveStartText

{

    margin-left: -42px!important;

    margin-top: -2px!important;

    }

.EditStartText:hover,.AdminStartText:hover,.SaveStartText:hoverl,#ProjectAdminClickClose:hover

{

    text-decoration: underline;

    }



.EditStart, .EditSave, .EditCancel, .EditRoom, .EditRmSave, .EditRmCancel, .ReadOnlyCheck, .ReadOnlyNotCheck, .AddStart, .AddSave, .AddCancel, .Delete, .Expand, .Contract, .SaveWait, .RollUp, .RollDown, .Document, .VerticalGrip {

	border: 1px solid #F6F6F6;

	cursor: pointer;

	display: block;

	background-clip: border-box;

	background-image: url("/scripts/images/thumbnailpng.png");

	background-origin: padding-box;

	background-repeat: no-repeat;

	height: 16px;

	width: 16px;

  margin-top: 5px;

}

.EditStart, .EditRoom {

	background-position: -64px -112px;

}

.EditSave, .EditRmSave, .AddSave {

	background-position: -96px -112px;

}

.EditCancel, .EditRmCancel, .AddCancel {

	background-position: -96px -128px;

}

.ReadOnlyCheck {

	background-position: -64px -144px;

}

.ReadOnlyNotCheck {

	background-position: -208px -224px;

} /*0 -128px; }*/

.AddStart, .Expand {

	background-position: -32px -128px;

}

.Contract {

	background-position: -48px -128px;

}

.Delete {

	background-position: -176px -96px;

}

.SaveWait {

	background-position: -80px -112px;

}

.RollUp {

	background-position: -96px -192px;

	border: none;

}

.RollDown {

	background-position: -64px -192px;

	border: none;

}

.Document {

	background-position: -32px -96px;

	border: none;

}

.VerticalGrip {

	background-position: 0 -224px;

	border: none;

}

.StatusTextBad,.StatusTextGood {

	color: #fff;

	margin: 0 0 10px 0;

	clear: both;

	padding: 8px;

	display: block;

	text-align: center;

}

.StatusTextGood {

	background-color: #679B00;

}

.StatusTextBad {

	background-color: #990000;

}

.NoProject {

	font-size: 24px;

	position: absolute;

	top: 200px;

	left: 475px;

	width: 900px;

	text-align: center;

	display: block;

	background-color: #ddd;

	padding: 30px;

	line-height: 1.5em;

}

.ProductListEmptyPnl {

	font-size: 14px;

	background-color: #ddd;

	padding: 20px 30px;

	margin: 30px 30px;

	text-align: center;

	line-height: 1.5em;

}

.FeedbackWrapper {

	background-color: #eee;

  border: 1px solid #ccc;

	margin-top: 10px;

  width: 45%;

  padding: 0 10px;

  float: left;

}

.FeebackPrompt {

	color: #000;

	font-size: 13px;

	font-weight: bold;

	display: block;

	margin-left: 10px;

	padding-top: 10px!important;

	width: 100%;

	height: 20px;

}

.FeedbackMessage {

  width: 100%;

  height: 50px;

}



.ProjectTotals {

	border-top: 1px dotted #999;

	padding: 5px;

	margin-top: 20px;

}

.TotalsListTitle {

	text-decoration: underline;

	margin-bottom: 8px!important;

	font-weight: bold;

}

.TotalsListDisc {

	color: red;

}

.TotalsListMar {

	color: green;

}

.ProjectTotals ul {

	list-style-type: none;

	float: right;

	font-size: 24px;

  margin-right: 10px;

}

.ProjectTotals li {

	line-height: 1.5em;

	text-align: right;

}

.ProjectTotalsLabel{

  color: #90000;

  font-size: 16px;

  }

.ProjectTotalsValue{

  color: #90000;

  font-size: 16px;

  }



.ProjectHelpLink {

	padding: 8px;

	margin: 5px;

	font-size: 12px;

	display: block;

	float: left;

}

.ProjectHelpLink2 {

	display: block;

	width: 100px;

	float: right;

	font-size: 12px;

	text-align: right;

	color: #444!important;

}

.ProjectsPageButton {

	display: block;

	float: right;

	color: #fff!important;

	text-align: center;

	width: 200px;

	font-size: 13px;

	padding: 8px!important;

	margin: 5px 0;

	border: 1px solid #222!important;

	background-color: #444!important;

	background: -moz-linear-gradient(top, #5d7792 30%, #444);

	background: -webkit-linear-gradient(top, #5d7792 30%, #444);

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	cursor: pointer;

}

.ShowNewProject {

	color: #fff!important;

	font-size: 13px;

	padding: 8px!important;

	margin: 5px 0;

	width: 150px;

	text-align: center;

	float: left;

	display: block;

	border: 1px solid #444!important;

	background-color: #444!important;

	background: -moz-linear-gradient(top, #444 30%, #222);

	background: -webkit-linear-gradient(top, #444 30%, #222);

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	cursor: pointer;

}

.ProjectsListGridList {

	clear: both;

}

.ProjecTotalCell {

	width: 100px;

	color: #000;

	font-size: 14px;

	font-weight: bold;

	border: 1px solid #999;

	background-color: #ddd;

}

.ProjecTotalRow {

	width: 100px;

	color: #000;

	font-size: 14px;

	font-weight: bold;

	border: 1px solid #999;

	background-color: #ccc;

}

.SigninButton {

	float: left;

	color: #fff!important;

	width: 100px;

	font-size: 13px;

	padding: 3px!important;

	margin: 0 5px;

	border: 1px solid #222!important;

	background-color: #444!important;

	background: -moz-linear-gradient(top, #777 30%, #444);

	background: -webkit-linear-gradient(top, #777 30%, #444);

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	cursor: pointer;

}

.SignupButton {

	color: #fff!important;

	font-size: 13px;

	width: 150px!important;

	margin-left: auto;

	margin-right: auto;

	display: block;

	padding: 3px!important;

	margin: 0 5px;

	border: 1px solid #222!important;

	background-color: #444!important;

	background: -moz-linear-gradient(top, #777 30%, #444);

	background: -webkit-linear-gradient(top, #777 30%, #444);

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	cursor: pointer;

}



.ProjNotesContainer

{

    background-color: #eee;

    border: 1px solid #ddd;

    margin: 0 8px;

    padding: 15px;

    font-weight: bold;

}



.ProjIntNotes,.ProjClientNotes

{

    width: 430px;

    font-size: 12px;

    float: left;

    margin-left: 15px;

}



#ROClientNotes{

  font-size: 12px;

  border: 1px solid #ddd;

  padding: 15px;

  margin: 0 12px;

  display: block;

  clear: both;

}





/* Global closeout message */



.closeout-return-message                            { background: #DDD url(/scripts/images/icon-no.png) no-repeat 3px 50%; border: 1px solid #CCC; color: #333; font-size: 12px; font-weight: bold; padding: 7px 10px 7px 30px; }





/* GLYPHS */



.icon-chevron-white-left                            { background-image: url(/scripts/images/icon-chevron-white-left.png); background-repeat: no-repeat; background-position: 8px 50%; }

.icon-chevron-white-right                           { background-image: url(/scripts/images/icon-chevron-white-right.png); background-repeat: no-repeat; background-position: 95% 50%; }





/* RESPONSIVE SIGNUP FORM */



.responsive_form 									{ font-size: 12px; color: #232426; }

.page .responsive_form p                            { font-size: 12px; line-height: 1.3em; }

.responsive_form .padding                           { padding: 30px; }

.responsive_form .nopadding                         { padding: 0 !important; margin: 0 !important; }

.responsive_form .nohorizontalpadding               { padding: 30px 0; }

.responsive_form .noverticalpadding                 { padding: 0 30px; }

.responsive_form .paddingtop                        { padding-top: 30px; }

.responsive_form .nopaddingtop                      { padding-top: 0; }

.responsive_form .nopaddingbottom                   { padding-bottom: 0; }

.responsive_form .nomarginbottom                    { margin-bottom: 0 !important; }

.responsive_form .container_contentwrapper 			{ max-width: 100%; padding: 20px; border: 0; }

.responsive_form .container_contentwrapper p        { margin: 10px 0; }

.responsive_form h2                                 { font-size: 18px; }

.responsive_form h3 								{ border-bottom: 5px solid #252525; padding-bottom: 10px; margin: 40px 0; font-size: 24px; }

.responsive_form h3:first-child 					{ margin-top: 0 }

.responsive_form h4                                 { border-bottom: 2px solid #4d4d4d; padding-bottom: 10px; margin: 40px 0; font-size: 19px; }

.responsive_form h4:first-child 					{ margin-top: 0 }

.responsive_form .row 								{ margin-bottom: 20px; margin-left: 0; margin-right: 0; } /* eventually margin-left and margin-right will be replaced with Bootstrap */

.responsive_form .row:before, 

.responsive_form .row:after 						{ content: ""; display: table; }

.responsive_form .row:after 						{ clear: both }

.responsive_form .row 								{ zoom: 1 }

.responsive_form fieldset.right                     { text-align: right; }

.responsive_form fieldset.center                    { text-align: center; }

.responsive_form .shortrow  						{  }

.responsive_form .shortrow:before, 

.responsive_form .shortrow:after 					{ content: ""; display: table; }

.responsive_form .shortrow:after 					{ clear: both }

.responsive_form .shortrow  						{ zoom: 1 }

.responsive_form ul                                 { margin: 0; padding: 0; }

.responsive_form fieldset 							{ margin: 0; padding: 0; border: 0; }

.responsive_form label 								{ display: block; font-weight: bold; padding-bottom: 10px; }

.responsive_form .horizontal label 					{ padding-bottom: 0 }

.responsive_form .horizontal input[type="checkbox"] { margin-right: 10px }

.responsive_form label em 							{ font-weight: normal; color: #5b5b5b; line-height: 17px; }

.responsive_form input[type="text"], 

.responsive_form input[type="password"], 

.responsive_form input[type="tel"], 

.responsive_form input[type="email"], 

.responsive_form select,

.responsive_form textarea 							{ background: #ecf0f1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #bfc4c7; }

.responsive_form input[type="text"], 

.responsive_form input[type="password"], 

.responsive_form input[type="tel"], 

.responsive_form input[type="email"],

.responsive_form textarea            				{ padding: 5px }

.responsive_form select 							{ padding: 4px }

.responsive_form .long input[type="text"] 			{ width: 565px; margin-top: 10px; }

.responsive_form .long input[type="text"]:first-of-type { margin-top: 0; }

.responsive_form .long select 						{ width: 155px }

.responsive_form .short 							{ width: 279px; float: left; }

.responsive_form .short input[type="text"], 

.responsive_form .short input[type="password"], 

.responsive_form .short input[type="tel"], 

.responsive_form .short input[type="email"] 		{ width: 250px; }

.responsive_form .medium 							{ width: 435px; float: left; }

.responsive_form .medium input[type="text"], 

.responsive_form .medium input[type="password"], 

.responsive_form .medium input[type="tel"], 

.responsive_form .medium input[type="email"] 		{ width: 416px; }

.responsive_form .micro                             { width: 83px; float: left; }

.responsive_form input[type="checkbox"] 			{ float: left }

.responsive_form ul input[type="checkbox"] 			{ float: none }

.layout_innercontent .responsive_form ul 			{ list-style: none; margin: 0; padding: 0; }

.layout_innercontent .responsive_form li 			{ font-size: inherit !important; text-align: left !important; }

.responsive_form .mini 								{ width: 167px; float: left; }

.responsive_form .mini input[type="text"],

.responsive_form .mini select 						{ width: 150px; }

.responsive_form .short select 						{ width: 263px; }

.responsive_form .wrapper 							{ width: 100px; float: left; }

.responsive_form .wrapper input[type="checkbox"] 	{ margin-right: 15px }

.responsive_form .submit 							{ display: inline-block; margin: 20px auto 0 auto; font-size: 14px; }

.responsive_form input[type="submit"] 				{ -webkit-appearance: none; background-color: #317bb8; padding: 14px 44px; font-weight: bold; color: #FFF; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }

.responsive_form input[type="submit"]:hover         { background-color: #2d71a9; }

.responsive_form .button_small                      { display: inline-block; background-color: #ecf0f3; color: #666; margin: 0 auto; padding: 4px 30px; font-weight: bold; color: #666; border: 0; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }

.responsive_form .button_small a                    { color: #666; text-decoration: none; outline: none; }

.responsive_form .button_small:hover                { background-color: #d3d3d3; }

.responsive_form .button_large                      { display: inline-block; background-color: #000; color: #FFF; margin: 0 auto; padding: 10px 35px; font-size: 16px; font-weight: bold; border: 0; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }

.responsive_form .button_large a                    { color: #FFF; text-decoration: none; outline: none; }

.responsive_form .button_large:hover                { background-color: #262626; }

.responsive_form .button_special                    { display: inline-block; background-color: #000; color: #FFF; margin: 0 auto; padding: 10px 35px; font-size: 16px; font-weight: bold; border: 0; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }

.responsive_form .button_special a                  { color: #FFF; text-decoration: none; outline: none; }

.responsive_form .button_special:hover              { background-color: #262626; }

.responsive_form .button_large a,

.responsive_form .button_special a                  { color: #FFF; }

.responsive_form .submit em 						{ display: block; margin-top: 10px; font-size: 12px;}

.responsive_form .indent 							{ margin-left: 15px }

.responsive_form .indent li 						{ margin-bottom: 10px; list-style: none; }

.responsive_form input:focus,

.responsive_form select:focus,

.responsive_form textarea:focus,

.responsive_form button:focus                       { outline: none !important; border: 2px solid #bfc4c7; box-shadow: 0 0 5px #719ECE; }

.responsive_form input[type="text"].error,

.responsive_form input[type="tel"].error,

.responsive_form input[type="email"].error,

.responsive_form input[type="password"].error,

.responsive_form input[type="radio"].error,

.responsive_form select.error                       { border: 2px solid #e84c3f; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

.responsive_form .long label.error                  { width: 559px; padding: 10px; }

.responsive_form .short label.error                 { width: 243px; padding: 10px; }

.responsive_form .mini label.error                  { width: 130px; padding: 10px; }

.responsive_form label.error                        { background: #e84c3d; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFF; margin-top: -2px; 

                                                      -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

.responsive_form .special label.error               { background: #e84c3d; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFF; padding: 10px;

                                                      -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.responsive_form span.spanerror,

.responsive_form span.error                         { background: #e84c3d; padding: 10px; clear: both; color: #fff; }

.responsive_form span.error                         { display: block; }

.responsive_form span.spansuccess                   { background: #27AE60; padding: 10px; clear: both; color: #fff; }

/* Adjustments to form fields to align up with error labels */

.responsive_form .short input[type="text"],

.responsive_form .short input[type="email"],

.responsive_form .short input[type="password"],

.responsive_form .short input[type="tel"]           { width: 249px; }

.responsive_form .mini input[type="text"]           { width: 136px; }

.responsive_form .micro input[type="text"]          { width: 50px; }

.responsive_form .divider                           { padding: 14px 0 0; border-bottom: 1px solid #DDD; }

.responsive_form .divider:first-child               { padding: 0; }

.responsive_form small                              { font-size: 12px; }

.jQBack                                             { cursor: pointer; color: #888; }

/* .jQBack:hover                                    { text-decoration: underline; } */



/* Content Centric Responsive Form */

.content_wrapper h3 								{ border-bottom: 0 !important; padding-bottom: 10px; margin: 40px 0; font-size: 24px; }

.content_wrapper h3:first-child 					{ margin-top: 0 }

.content_wrapper h4                                 { border-bottom: 0 !important; padding-bottom: 10px; margin: 40px 0; font-size: 19px; }

.content_wrapper h4:first-child 					{ margin-top: 0 }

.layout_innercontent .content_wrapper li 			{ font-size: 11px !important; }





/* ATTENTION BOX */

.attention                                          { background-color: #317BB8; color: #fff; padding: 10px 30px; margin: 0 0 20px 0; text-align: center; }

.attention .button                                  { background-color: #fff; font-weight: bold; color: #317BB8; padding: 2px 10px; margin: 0 5px; }





/* CHECKOUT 2.0 */

.checkout                                           { font-size: 14px; }

.checkout h1, .checkout h4                          { color: #4d4d4d; }

.layout_innercontent .checkout                      { line-height: normal; }

.layout_innercontent .checkout li,

.checkout .page p,

.page p                                             { font-size: 14px; }

.checkout .step2                                    { position: relative; }

.checkout .stepbar                                  { min-height: 40px; color: #6c6c6c; font-weight: bold; }

.checkout .stepbar a                                { font-weight: normal; color: #818b8a; }

.checkout .stepbar .title                           { color:  #000; }

.checkout .stepbar li                               { width: 195px; margin: 0 1px; text-transform: uppercase; background: #efefef; padding: 9px 0; text-align: center !important; float: left; font-size: 11px !important; }

.checkout .stepbar .active                          { background: #6c6c6c; font-weight: bold; color: #FFF; }

.checkout .stepbar em                               { font-style: normal; padding-left: 5px; }

.checkout .col                                      { width: 46%; padding: 20px; float: left; }

.checkout .col:first-child                          { padding-left: 0; }

.checkout .col:last-child                           { padding-right: 0; }

.checkout .right                                    { width: inherit; padding: 0; float: right !important; text-align: right; }

.checkout .right .submit                            { margin: 0; }

.checkout .right .secure                            { padding: 0 30px !important; }

.checkout .collarge                                 { width: 62% !important; }

.checkout .colsmall                                 { width: 31% !important; }

.checkout .colsmall h1                              { background: #5b5b5b; font-size: 14px; color: #FFF; margin: 0; padding: 10px; text-transform: uppercase; }

.checkout .submit 							        { width: 100%; margin: 20px 0; text-align: left; }

.checkout .linethrough                              { text-align: center; position: relative; margin: 0; padding: 0; }

.checkout .linethrough span                         { display: inline-block; }

.checkout .linethrough span:before,

.checkout .linethrough span:after                   { width: 44%; height: 1px; display: block; border-top: 1px solid black; content: ""; position: absolute; left: 0; top: 0.7em; }

.checkout .linethrough span:after                   { right: 0; left: auto; }

.checkout .row .col:last-child .row                 { margin-top: 20px; }

.checkout .row .col:last-child div:first-child      { margin-top: 0; }

.responsive_form #ContGuest,

.responsive_form #Login                             { margin: 0; }

.checkout table                                     { width: 100%; border: 1px solid #caced1; }

.checkout .CartID                                   { background: #ecf0f1; font-size: 14px; padding: 9px; border: 1px solid #caced1; color: #000; text-shadow: none; margin: 0; font-weight: normal; }

.checkout .secure                                   { background: url(/scripts/images/icon-secure.png) no-repeat 0 3px; padding: 0 0 0 30px; font-size: 14px; color: #444; font-weight: 600; }

.checkout .secure span                              { display: block; font-size: 10px; color: #838c8b; }

.checkout .step1 .submit                            { margin: 20px 0 0; }

.checkout .step4 .submit                            { margin: 0; }

.checkout .step2 .submit                            { text-align: right; }

.checkout .step2 .secure                            { float: right }

.checkout .creditcards                              { min-height: 40px; background: url(/scripts/images/icon-creditcards.png) no-repeat 190px 0; }

.checkout .paypal                                   { min-height: 40px; background: url(/scripts/images/icon-paypal.png) no-repeat 190px 13px; }

.checkout .billmelater                              { min-height: 40px; background: url(/scripts/images/icon-billmelater.png) no-repeat 190px 0; }

.checkout .googlewallet                             { min-height: 40px; background: url(/scripts/images/icon-googlewallet.png) no-repeat 190px 0; }

.checkout .amazonpayments                           { min-height: 40px; background: url(/scripts/images/icon-amazonpayments.png) no-repeat 190px 0; }

.checkout .showcreditcards                          { margin: 20px; border: 1px solid #F0F0F0; padding: 20px 0 0 20px; }

.checkout .cclist li                                { min-width: 107px; min-height: 49px; float: left; }

.checkout .visa                                     { background: url(/scripts/images/icon-visa.png) no-repeat 20px 0; }

.checkout .mastercard                               { background: url(/scripts/images/icon-mastercard.png) no-repeat 20px 0; }

.checkout .discover                                 { background: url(/scripts/images/icon-discover.png) no-repeat 20px 0; }

.checkout .amex                                     { background: url(/scripts/images/icon-amex.png) no-repeat 20px 0; }

.checkout .submit ul li                             { margin: 0 10px 0; display: inline; }

.checkout .submit ul li:last-child                  { margin: 0 0 0 10px; }

.checkout #scrollingbox                             { position: absolute; right: 0; float: right; }

.checkout .box                                      { width: 297px; min-height: 185px; font-weight: 600; margin-right: 10px; border: 1px solid #317bb8; float: left; position: relative; }

.checkout .box:last-child                           { margin-right: 0; }

.checkout .box h2                                   { background: #317bb8; color: #FFF; margin-top: 0; padding: 5px 10px; }

.checkout .box .contentwrapper                      { padding: 0 10px 10px 10px; }

.checkout .box .contentwrapper span                 { display: block; padding-top: 10px; }

.checkout .box .editinfo                            { position: absolute; bottom: 10px; right: 10px; }

.checkout .directions                               { margin: 20px 0 0 20px; }

.checkout .directions h2                            { margin: 0; }

.checkout .feedback                                 { width: 230px; background: #ECF0F1; border: 1px solid #95A5A6; border-radius: 10px; -webit-border-radius: 10px; -moz-border-radius: 10px; padding: 20px; }

.checkout .feedback h4                              { color: #327BB8; margin: 0; font-size: 19px; }

.checkout .feedback big                             { display: inline-block; font-size: 16px; margin: 20px 0; }

.checkout .feedback p                               { padding: 10px 0; }

.checkout .paypaldirections                         { margin-top: 20px !important; text-align: center !important; margin: 0 auto; display: block; color: red; }

.checkout .CartWrapper                              { width: auto; margin: 0; }

.checkout .CartWrapper > div:last-of-type           { display: none; }

.checkout .CartTotals                               { margin: 0; }

.checkout table .CartItemRow td:last-child          { text-align: center; }

.responsive_form .step2 h3:last-of-type             { margin-bottom: 0; padding-bottom: 0; } /* note, :last-of-type doesn't work in IE8 */

.step3 .CartIDnum                                   { top: 0; left: 0; margin: 0 0 10px 0; float: none; }

.step4 .CartIDnum                                   { top: 0; left: 0; margin: 0 0 10px 0; float: none; }

.responsive_form .checkout label.ccexpiryyear       { display: none; }

.checkout .forgotpassword                           { font-weight: normal; margin-left: 10px; font-size: 12px; }

.checkout .inline label                             { display: inline-block; }

.responsive_form .inline input[type="text"]         { display: block !important; }

.CartIDnum span                                     { display: inline-block; margin-bottom: 0; }

.checkout .step3 .CartIDnum span                    { display: inline-block; margin-bottom: 0; }

.checkout .genericreferrerids                       { float: right; font-size: 10px; width: 115px; }

.promotional                                        { clear: both; padding-top: 15px; margin-top: 15px; content: " "; display: table; }





/* FLEXSLIDER */



/* Browser Resets

*********************************/

.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus                                 { outline: none; }

.slides,

.flex-control-nav,

.flex-direction-nav                                 { margin: 0; padding: 0; list-style: none; }





/* FlexSlider Necessary Styles

*********************************/

.flexslider                                         { margin: 0; padding: 0; }

.flexslider .slides > li                            { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img                             { display: block; }

.flex-pauseplay span                                { text-transform: capitalize; }



/* Clearfix for the .slides element */

.slides:after                                       { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides                                 { display: block; }

* html .slides                                      { height: 1%; }



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}



/* FlexSlider Default Theme

*********************************/

.flexslider { margin: 0 0 60px; 

        background: #fff; 

        position: relative; 

      zoom: 1; 

}

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;  }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; margin-left: 10px;}

.carousel li { margin-right: 5px; }



/* Direction Nav */

.flex-direction-nav {*height: 0;}

.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 35px; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } 

.flex-direction-nav .flex-prev { left: -50px; background-image: url("/scripts/images/left-grayctrl_sm.png"); }

.flex-direction-nav .flex-next { right: -50px; text-align: right; background-image: url("/scripts/images/right-grayctrl_sm.png");}

.flexslider:hover .flex-prev { opacity: 0.7; left: -30px; }

.flexslider:hover .flex-next { opacity: 0.7; right: -40px;  }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

/*.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }*/

/*.flex-direction-nav a.flex-next:before  { content: '\f002'; }*/



/* Pause/Play */

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover  { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom: -10px; text-align: center;}

.flex-control-nav li {margin: 0; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; margin: 0 2px;  }

.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }



.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}

.flex-control-thumbs li {width: 25%; float: left; margin: 0;}

.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}

.flex-control-thumbs img:hover {opacity: 1;}

.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



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

  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}

  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}

}





/* Toastr Overrides */

.toast-top-center {

    top: 12px;

    left: 50%;

    margin-left: -150px;

}





/* Help Modal Window */

.iconhelp                       { cursor: pointer; padding-left: 10px; display: inline-block; top: 3px; position: relative; }

#showhelp                       { padding: 20px; }





/* NEW STYLES FOR FLEXSLIDER */

/* Once this new FlexSlider has been implemented across all business units then we'll replace the existing flexslider styles in globalmaster.css. We won't remove or change #belami_new_flexslider.



/* Browser Resets */

#belami_new_flexslider .flex-container a:active,

#belami_new_flexslider .flexslider a:active,

#belami_new_flexslider .flex-container a:focus,

#belami_new_flexslider .flexslider a:focus  				{outline: none;}

#belami_new_flexslider .slides,

#belami_new_flexslider .flex-control-nav,

#belami_new_flexslider .flex-direction-nav 				    {margin: 0; padding: 0; list-style: none;} 



/* FlexSlider Necessary Styles */

#belami_new_flexslider .flexslider 					        {margin: 0; padding: 0;}

#belami_new_flexslider .flexslider .slides > li 			{display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

#belami_new_flexslider .flexslider .slides img 			    {width: 100%; display: block;}

#belami_new_flexslider .flex-pauseplay span 				{text-transform: capitalize;}



/* Clearfix for the .slides element */

#belami_new_flexslider .slides:after 					    {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] #belami_new_flexslider .slides 				    {display: block;} 

* html #belami_new_flexslider .slides 					    {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

#belami_new_flexslider .no-js .slides > li:first-child 	    {display: block; }



/* FlexSlider Default Theme */

#belami_new_flexslider .flexslider 					        {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}

#belami_new_flexslider .flex-viewport 					    {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}

#belami_new_flexslider .loading .flex-viewport 			    {max-height: 300px;}

#belami_new_flexslider .flexslider .slides 				    {zoom: 1;}

#belami_new_flexslider .carousel li 					    {margin-right: 5px}



/* Direction Nav */

#belami_new_flexslider .flex-direction-nav a 			    {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(http://images.1stoplighting.com/site/common/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}

#belami_new_flexslider .flex-direction-nav .flex-next 		{background-position: 100% 0; right: -36px; }

#belami_new_flexslider .flex-direction-nav .flex-prev 		{left: -36px;}

#belami_new_flexslider .flexslider:hover .flex-next 		{opacity: 0.8; right: 5px;}

#belami_new_flexslider .flexslider:hover .flex-prev 		{opacity: 0.8; left: 5px;}

#belami_new_flexslider .flexslider:hover .flex-next:hover, 

.flexslider:hover .flex-prev:hover 					        {opacity: 1;}

#belami_new_flexslider .flex-direction-nav .disabled 		{opacity: .3!important; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */

#belami_new_flexslider .flex-control-nav 				    {width: 100%; position: absolute; bottom: -40px; text-align: center;}

#belami_new_flexslider .flex-control-nav li 				{margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

#belami_new_flexslider .flex-control-paging li a 			{width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}

#belami_new_flexslider .flex-control-paging li a:hover 	    { background: #333; background: rgba(0,0,0,0.7); }

#belami_new_flexslider .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

#belami_new_flexslider .flex-control-thumbs 				{margin: 5px 0 0; position: static; overflow: hidden;}

#belami_new_flexslider .flex-control-thumbs li 			    {width: 25%; float: left; margin: 0;}

#belami_new_flexslider .flex-control-thumbs img 			{width: 100%; display: block; opacity: .7; cursor: pointer;}

#belami_new_flexslider .flex-control-thumbs img:hover 		{opacity: 1;}

#belami_new_flexslider .flex-control-thumbs .active 		{opacity: 1; cursor: default;}



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

	#belami_new_flexslider .flex-direction-nav .flex-prev 	{opacity: 1; left: 0;}

	#belami_new_flexslider .flex-direction-nav .flex-next 	{opacity: 1; right: 0;}

}





/* HOMEPAGE RESPONSIVE PRODUCTS FLEXSLIDER */



/* Browser Resets */

.homepage-responsive-products .loading                              { min-height: 30px; background: url(/scripts/images/spinner-waiting.gif) no-repeat center center; }

.homepage-responsive-products .flex-container a:active,

.homepage-responsive-products .flexslider a:active,

.homepage-responsive-products .flex-container a:focus,

.homepage-responsive-products .flexslider a:focus  				    { outline: none;}

.homepage-responsive-products .slides,

.homepage-responsive-products .flex-control-nav,

.homepage-responsive-products .flex-direction-nav 				    { margin: 0; padding: 0; list-style: none;} 



/* Necessary FlexSlider styles */

.homepage-responsive-products .flexslider 					        { margin: 0; padding: 0;}

.homepage-responsive-products .flexslider .slides > li 			    { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */

.homepage-responsive-products .flexslider .slides img 			    { zwidth: inherit !important; display: block; }

.homepage-responsive-products .flex-pauseplay span 				    { text-transform: capitalize;}



/* Clearfix for the .slides element */

.homepage-responsive-products .slides:after 					    { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .homepage-responsive-products .slides 				    { display: block;} 

* html .homepage-responsive-products .slides 					    { height: 1%;}



/* No JavaScript Fallback - If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */

.homepage-responsive-products .no-js .slides > li:first-child 	    { display: block; }



/* Default FlexSlider theme */

.homepage-responsive-products .flexslider 					        { position: relative; zoom: 1;}

.homepage-responsive-products .flex-viewport 					    { max-height: 2000px; margin: 0 auto; }

.homepage-responsive-products .loading .flex-viewport 			    { max-height: 300px;}

.homepage-responsive-products .flexslider .slides 				    { zoom: 1;}

.homepage-responsive-products .carousel li 					        { margin-right: 5px}



/* Direction Nav */

.homepage-responsive-products .flex-direction-nav a 			    { margin: -20px 0 0; display: block; position: absolute; cursor: pointer; text-indent: -9999px;  

                                                    			      -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; 

                                                    			      -ms-transition: none !important; transition: none !important; opacity: 1; }

.homepage-responsive-products .flex-direction-nav .flex-next 		{ background-position: 100% 0; }

.homepage-responsive-products .flexslider:hover .flex-next 		    { opacity: 1; }

.homepage-responsive-products .flexslider:hover .flex-prev 		    { opacity: 1; }

.homepage-responsive-products .flexslider:hover .flex-next:hover, 

.homepage-responsive-products .flexslider:hover .flex-prev:hover 	{ opacity: 1;}

.homepage-responsive-products .flex-direction-nav .disabled 		{ opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.homepage-responsive-products .flex-disabled                        { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }





/* Control Nav */

.homepage-responsive-products .flex-control-nav 				    { width: auto; position: absolute; text-align: center;}

.homepage-responsive-products .flex-control-nav li 				    { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.homepage-responsive-products .flex-control-paging li a 			{ width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}

.homepage-responsive-products .flex-control-paging li a:hover 	    { background: #333; background: rgba(0,0,0,0.7); }

.homepage-responsive-products .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.homepage-responsive-products .flex-control-thumbs 				    { margin: 5px 0 0; position: static; overflow: hidden;}

.homepage-responsive-products .flex-control-thumbs li 			    { width: 25%; float: left; margin: 0;}

.homepage-responsive-products .flex-control-thumbs img 			    { width: 100%; display: block; opacity: .7; cursor: pointer;}

.homepage-responsive-products .flex-control-thumbs img:hover 		{ opacity: 1;}

.homepage-responsive-products .flex-control-thumbs .active 		    { opacity: 1; cursor: default;}



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

	.homepage-responsive-products .flex-direction-nav .flex-prev 	{ opacity: 1; left: 0;}

	.homepage-responsive-products .flex-direction-nav .flex-next 	{ opacity: 1; right: 0;}

}



/* PRODUCT LISTINGS */

#tblAllProducts table table table tbody tr td                       { padding: 10px; }





/* MEGA MENU */



.menu3dmega #container h1,

.menu3dmega #container h2,

.menu3dmega #container h3,

.menu3dmega #container h4,

.menu3dmega #container h5,

.menu3dmega #container h6                           { margin: 0; padding: 0; border: 0; vertical-align:baseline; }

.menu3dmega > ul > li h1 a,

.menu3dmega > ul > li h2 a,

.menu3dmega > ul > li h3 a,

.menu3dmega > ul > li h4 a,

.menu3dmega > ul > li h5 a,

.menu3dmega > ul > li h6 a                          { background: none !important; }

.menu3dmega #container                              { clear:both; margin:30px auto }

.menu3dmega ul                                      { margin: 0; padding: 0; }

.menu3dmega li .dropdown-menu                       { background-color: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }

.menu3dmega .dropdown-menu ul li a                  { background: none !important; }

.menu3dmega ul li                                   { list-style: none }

.menu3dmega a, .menu3dmega a:visited                { outline: 0 none }

.menu3dmega                                         { position: relative }

.menu3dmega:after                                   { clear: both; content: ""; display: block; }

.menu3dmega > ul > li                               { float: left; display: inline-block; position: static; text-align: left; line-height: 24px; }

.menu3dmega > ul > li.last                          { border-right: none !important }

.menu3dmega > ul > li.first                         { border-left: none !important }

.menu3dmega > ul > li.full-width                    { position:static; }

.menu3dmega .dropdown-menu                          { left:-1px; width: 700px; }

.menu3dmega .brands                                 { left:-1px; width: 200px; }

.menu3dmega .full-width .dropdown-menu              { left:-1px; width: 100%; }

.menu3dmega .dropdown-menu                          { padding: 0; }

.menu3dmega > ul > li > a, 

.menu3dmega > ul > li > span                        { padding: 10px 7px; color: #fff; display: block; font-weight: bold; outline: 0; text-decoration: none; font-size: 15px; text-transform: uppercase; font-weight: bold; }

.menu3dmega > ul > li .icon-menu                    { float: left; height: 16px; margin-right: 7px; }

.menu3dmega > ul > li:hover > .arrow-icon-bottom:after, 

.menu3dmega > ul > li:hover > a, 

.menu3dmega > ul > li:hover > a:after, 

.menu3dmega > ul > li:hover > .arrow-icon-bottom    {  }

.menu3dmega > ul > li > .arrow-icon, 

.menu3dmega > ul > li > .arrow-icon-bottom          { padding-right: 25px; cursor: pointer; position: relative; }

.menu3dmega > ul > li p a                           { text-decoration: none }

.menu3dmega > ul li > a                             { text-decoration: none; color: #333; display: block; }

.dropdown-menu > li > a:hover, 

.dropdown-menu > li > a:focus, 

.dropdown-submenu:hover > a, 

.dropdown-submenu:focus > a                         { background-color: transparent; background-image: none; color: #333; }

.menu3dmega > ul li > .dropdown-menu a              { color: inherit; border: 0; }

.menu3dmega > ul li > .dropdown-menu a:hover        { text-decoration: underline; }

.menu3dmega >ul > li > .dropdown-menu               { left: auto }

.menu3dmega li li > a:hover                         { background: none; }

.menu3dmega li .dropdown-menu                       { position: absolute; text-align: left; border-top: 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; white-space: nowrap; display: none; 

                                                    background-color: #fff; margin: 0; 

                                                    box-shadow: 1px 1px 1px rgba(170,170,170,0.5); 

                                                    -webkit-box-shadow: 1px 1px 1px rgba(170,170,170,0.5); 

                                                    -moz-box-shadow: 1px 1px 1px rgba(170,170,170,0.5); 

                                                    }

.menu3dmega .dropdown-menu > ul > li > a            { color: #333333; display: block; line-height: 20px; padding: 3px 20px; white-space: nowrap; }

.menu3dmega .dropdown-menu [class*="col-lg"]:first-child    { margin-left: 0 }

.menu3dmega .grid-demo [class*="col-lg"]            { background: none repeat scroll 0 0 #EEEEEE; font-size: 12px; font-weight: bold; margin-bottom: 5px; margin-top: 5px; text-align: center; 

                                                    border: 1px solid #ccc; }

.menu3dmega li .sub                                 { border-top: 1px solid #ccc; display: none; position: absolute; top: 0px; z-index: 20; }

.menu3dmega span.arrow-icon:after                   { background: none repeat scroll 0 0 transparent; content: ""; display: inline-block; font-size: 0; position: absolute; right: 16px; top: 30%; 

                                                    height: 0; width: 0; border-style: solid; border-width: 4px 0px 4px 4px; border-color: transparent transparent transparent #bbb; }

.menu3dmega span.arrow-icon-bottom:after            { background: none repeat scroll 0 0 transparent; content: ""; display: inline-block; font-size: 0; position: absolute; right: 8px; height: 0; 

                                                    top: 46%; width: 0; border-style: solid dashed dashed dashed; border-width: 4px 4px 0 4px; border-color: #eee transparent transparent transparent; }

/* Menu Toggle */

.menu3dmega .menuToggle                             { display: none; cursor: pointer; display: none; font-size: 10px; padding: 12px 15px; text-align: left; text-transform: uppercase; color: #EEE; }

.menu3dmega .menuToggle .megaMenuToggle-icon        { background: none repeat scroll 0 0 rgba(230, 230, 230, 0.7); display: inline-block; float: right; height: 2px; margin-top: 12px; position: relative; 

                                                        text-align: left; width: 16px; }

.menu3dmega .menuToggle .megaMenuToggle-icon:before { background: none repeat scroll 0 0 rgba(230, 230, 230, 0.8); content: ""; height: 2px; position: absolute; top: -4px; width: 16px; }

.menu3dmega .menuToggle .megaMenuToggle-icon:after  { background: none repeat scroll 0 0 rgba(230, 230, 230, 0.9); content: ""; height: 2px; position: absolute; top: -8px; width: 16px; }





.menu3dmega p                                       { line-height: 18px; margin: 0 0 22px 0; white-space: normal; clear: both; text-align: justify; }

.menu3dmega li .blackbox                            { background-color: #333333; color: #eeeeee; text-shadow: 1px 1px 1px #000; padding: 4px 6px 4px 6px; -moz-border-radius: 5px; 

                                                    -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000; box-shadow: inset 0 0 3px #000000; }

.menu3dmega li .blue                                { background-color: #444; box-shadow: 0px 4px 12px #000 inset; -webkit-box-shadow: 0px 4px 12px #000 inset; -moz-box-shadow: 0px 4px 12px #000 inset; 

                                                    padding: 7px 10px; text-shadow: 1px 1px 1px #000000; }

.menu3dmega .blue li a                              { color: #FFFFFF !important; text-shadow: 0 1px 0 #000 !important; }

.menu3dmega li ul                                   { list-style: none; margin: 0; }

.menu3dmega li ul li                                { font-size: 12px; position: relative; margin: 0; float: none; text-align: left; }

.menu3dmega li .grisbox li                          { background: #F4F4F4; border: 1px solid #bbbbbb; margin: 0px 0px 4px 0px; padding: 4px 6px 4px 6px; width: 116px; -moz-border-radius: 5px 5px 2px 2px; 

                                                    -webkit-border-radius: 5px 5px 2px 2px; -khtml-border-radius: 5px 5px 2px 2px; border-radius: 5px 5px 2px 2px; -webkit-box-shadow: inset 0 0 3px #ccc; 

                                                    -moz-box-shadow: inset 0 0 3px #ccc; box-shadow: inset 0 0 3px #ccc; }

.menu3dmega .separator                              { clear: both; margin: 0px 0 10px 0; height: 1px; display: block; border-bottom: 1px solid #eee; }

.menu3dmega .separator:before, 

.separator:after                                    { content: ""; display: table; line-height: 0; }

.menu3dmega .content                                { padding: 20px }

.menu3dmega .content:after                          { clear: both; content: ""; display: table; line-height: 0; }

.menu3dmega .separate                               { border-bottom: 1px solid #ccc }

.menu3dmega div[class*="animate-"]                  { display: none; position: absolute; }

.menu3dmega > ul > li.right                         { border-left: none !important; border-right: none !important; }

/* Reverses alignment on last 5 dropdowns only if mainmenu count is greater than or equal to 10 - jQuery handled in MasterPages/MasterControls/RespTopNavigation.ascx */

nav#megaMenu li .reverse                            { right: -2px !important; left: inherit !important; }

/* Mega Menu Hover FadeIn Animation */

@-webkit-keyframes fadeIn                           { 0% {opacity: 0;} 100% {opacity: 1;} }

@-moz-keyframes fadeIn                              { 0% {opacity: 0;} 100% {opacity: 1;} }

@-o-keyframes fadeIn                                { 0% {opacity: 0;} 100% {opacity: 1;} }

@keyframes fadeIn                                   { 0% {opacity: 0;} 100% {opacity: 1;} }

.fadeIn                                             { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }

/* Mega Menu Hover FadeOut Animation */

@-webkit-keyframes fadeOut                          { 0% {opacity: 1;} 100% {opacity: 0;} }

@-moz-keyframes fadeOut                             { 0% {opacity: 1;} 100% {opacity: 0;} }

@-o-keyframes fadeOut                               { 0% {opacity: 1;} 100% {opacity: 0;} }

@keyframes fadeOut                                  { 0% {opacity: 1;} 100% {opacity: 0;} }

.fadeOut                                            { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; }

/* edit icon adjustments */

#NavEdit                                            { background: yellow; position: absolute; right: 10px; top: 10px; z-index: 10; }

.dropdown-menu .ui-icon                             { width: 16px !important; height: 16px !important; background-image: url(images/ui-icons_222222_256x240.png) !important; }

.ui-icon-pencil                                     { background-position: -64px -112px !important; }

.special h5,

.menu3dmega li .special ul li                       { font-size: 105% !important; }




/* 20140527 */





/* 

NOTES:

When Bootstrap is fully implemented make the following corrections:

- enable: @media (max-width:767px)

- enable: @media (min-width:768px)

- enable: @media screen and (min-width:768px)

- delete: /* TEMP OVERWRITES - DELETE THIS WHEN THE MOBILE ASPECT OF BOOTSTRAP IS FULLY IMPLEMENTED * /

- enable: @media (min-width:992px); delete @media (min-width:10px)

- remove: width: 1100px; from .container on @media (min-width:992px)

- remove: width: 1024px; from .container on @media (min-width:1200px)

*/





/*! normalize.css v3.0.0 | MIT License | git.io/normalize */



html                                    { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body                                    { margin: 0 }

article, 

aside, 

details, 

figcaption, 

figure, 

footer, 

header, 

hgroup, 

main, 

nav, 

section, 

summary                                 { display: block }

audio, 

canvas, 

progress, 

video                                   { display: inline-block; vertical-align: baseline; }

audio:not([controls])                   { display: none; height: 0; }

[hidden], template                      { display: none }

a                                       { background: 0 0 }

a:active, a:hover                       { outline: 0 }

abbr[title]                             { border-bottom: 1px dotted }

b, strong                               { font-weight: 700 }

dfn                                     { font-style: italic }

h1                                      { font-size: 2em; margin: .67em 0; }

mark                                    { background: #ff0; color: #000; }

small                                   { font-size: 80% }

sub, sup                                { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup                                     { top: -.5em }

sub                                     { bottom: -.25em }

img                                     { border: 0 }

svg:not(:root)                          { overflow: hidden }

figure                                  { margin: 1em 40px }

hr                                      { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre                                     { overflow: auto }

code, kbd, pre, samp                    { font-family: monospace, monospace; font-size: 1em; }

button,

input, 

optgroup, 

select, 

textarea                                { color: inherit; font: inherit; margin: 0; }

button                                  { overflow: visible }

button, select                          { text-transform: none }

button, 

html input[type=button], 

input[type=reset], 

input[type=submit]                      { -webkit-appearance: button; cursor: pointer; }

button[disabled], 

html input[disabled]                    { cursor: default }

button::-moz-focus-inner, 

input::-moz-focus-inner                 { border: 0; padding: 0; }

input                                   { line-height: normal }

input[type=checkbox], 

input[type=radio]                       { box-sizing: border-box; padding: 0; }

input[type=number]::-webkit-inner-spin-button, 

input[type=number]::-webkit-outer-spin-button       { height: auto }

input[type=search]                      { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, 

input[type=search]::-webkit-search-decoration       { -webkit-appearance: none }

fieldset                                { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend                                  { border: 0; padding: 0; }

textarea                                { overflow: auto }

optgroup                                { font-weight: 700 }

/*

table                                   { border-collapse: collapse; border-spacing: 0; }

td, th                                  { padding: 0 }

*/



@media print

{ 

    *                                           { text-shadow: none!important; color: #000!important; background: transparent!important; box-shadow: none!important; }

    a, a:visited                                { text-decoration: underline }

    a[href]:after                               { content: " (" attr(href) ")" }

    abbr[title]:after                           { content: " (" attr(title) ")" }

    a[href^="javascript:"]:after, a[href^="#"]:after    { content: "" }

    pre, blockquote                             { border: 1px solid #999; page-break-inside: avoid; }

    thead                                       { display: table-header-group }

    tr, img                                     { page-break-inside: avoid }

    img                                         { max-width: 100%!important }

    p, h2, h3                                   { orphans: 3; widows: 3; }

    h2, h3                                      { page-break-after: avoid }

    select                                      { background: #fff!important }

    .navbar                                     { display: none }

    .table td, .table th                        { background-color: #fff!important }

    .btn>.caret, .dropup>.btn>.caret            { border-top-color: #000!important }

    .label                                      { border: 1px solid #000 }

    .table                                      { border-collapse: collapse!important }

    .table-bordered th, .table-bordered td      { border: 1px solid #ddd!important }

}



/*

*                                       { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

:before, :after                         { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*/

html                                    { zfont-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body                                    { zfont-family: "Helvetica Neue", Helvetica, Arial, sans-serif; zfont-size: 12px; line-height: 1.42857143; color: #333; background-color: #fff; }

input, button, select, textarea         { font-family: inherit; font-size: inherit; line-height: inherit; }

a                                       { color: #428bca; text-decoration: none; }

a:hover, a:focus                        { color: #2a6496; text-decoration: underline; }

a:focus                                 { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure                                  { margin: 0 }

img                                     { vertical-align: middle }

.img-responsive, 

.thumbnail>img, 

.thumbnail a>img, 

.carousel-inner>.item>img, 

.carousel-inner>.item>a>img             { display: block; max-width: 100%; height: auto; width: 100%; /* added to make truly responsive */ }

.img-rounded                            { border-radius: 6px }

.img-thumbnail                          { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle                             { border-radius: 50% }

hr                                      { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }

.sr-only                                { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6                                     { font-family: inherit; font-weight: 700; line-height: 1.1; color: inherit; }

h1 small,

h2 small,

h3 small,

h4 small,

h5 small,

h6 small,

.h1 small,

.h2 small,

.h3 small,

.h4 small,

.h5 small,

.h6 small,

h1 .small,

h2 .small,

h3 .small,

h4 .small,

h5 .small,

h6 .small,

.h1 .small,

.h2 .small,

.h3 .small,

.h4 .small,

.h5 .small,

.h6 .small                              { font-weight: 400; line-height: 1; color: #999; }

h1, .h1, h2, .h2, h3, .h3               { margin-top: 20px; margin-bottom: 10px; }

h1 small,

.h1 small,

h2 small,

.h2 small,

h3 small,

.h3 small,

h1 .small,

.h1 .small,

h2 .small,

.h2 .small,

h3 .small,

.h3 .small                              { font-size: 65% }

h4, .h4, h5, .h5, h6, .h6               { margin-top: 10px; margin-bottom: 10px; }

h4 small,

.h4 small,

h5 small,

.h5 small,

h6 small,

.h6 small,

h4 .small,

.h4 .small,

h5 .small,

.h5 .small,

h6 .small,

.h6 .small                              { font-size: 75% }

h1, .h1                                 { font-size: 36px }

h2, .h2                                 { font-size: 30px }

h3, .h3                                 { font-size: 24px }

h4, .h4                                 { font-size: 18px }

h5, .h5                                 { font-size: 14px }

h6, .h6                                 { font-size: 12px }

p                                       { margin: 0 0 10px }

.lead                                   { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; }





/*!

 * Bootstrap v3.1.1 (https://getbootstrap.com)

 * Copyright 2011-2014 Twitter,  Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */



/* Small devices (tablets, 767px and up) */

/*

@media (max-width:767px)

{ 

.table-responsive                           { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; -webkit-overflow-scrolling: touch; }

.table-responsive>.table                    { margin-bottom: 0 }

.table-responsive>.table>thead>tr>th, 

.table-responsive>.table>tbody>tr>th, 

.table-responsive>.table>tfoot>tr>th, 

.table-responsive>.table>thead>tr>td, 

.table-responsive>.table>tbody>tr>td, 

.table-responsive>.table>tfoot>tr>td        { white-space: nowrap }

.table-responsive>.table-bordered           { border: 0 }

.table-responsive>.table-bordered>thead>tr>th:first-child, 

.table-responsive>.table-bordered>tbody>tr>th:first-child, 

.table-responsive>.table-bordered>tfoot>tr>th:first-child, 

.table-responsive>.table-bordered>thead>tr>td:first-child, 

.table-responsive>.table-bordered>tbody>tr>td:first-child, 

.table-responsive>.table-bordered>tfoot>tr>td:first-child       { border-left: 0 }

.table-responsive>.table-bordered>thead>tr>th:last-child, 

.table-responsive>.table-bordered>tbody>tr>th:last-child, 

.table-responsive>.table-bordered>tfoot>tr>th:last-child, 

.table-responsive>.table-bordered>thead>tr>td:last-child, 

.table-responsive>.table-bordered>tbody>tr>td:last-child, 

.table-responsive>.table-bordered>tfoot>tr>td:last-child        { border-right: 0 }

.table-responsive>.table-bordered>tbody>tr:last-child>th, 

.table-responsive>.table-bordered>tfoot>tr:last-child>th, 

.table-responsive>.table-bordered>tbody>tr:last-child>td, 

.table-responsive>.table-bordered>tfoot>tr:last-child>td        { border-bottom: 0 }

}

*/



/* Small devices (tablets, 768px and up) */

/*

@media (min-width:768px)

{ 

	.container                              { min-width: 750px; }

	.lead                                   { font-size: 21px }

	.dl-horizontal dt                       { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

	.dl-horizontal dd                       { margin-left: 180px }

	.col-sm-1,

	.col-sm-2,

	.col-sm-3,

	.col-sm-4,

	.col-sm-5,

	.col-sm-6,

	.col-sm-7, 

	.col-sm-8, 

	.col-sm-9, 

	.col-sm-10, 

	.col-sm-11, 

	.col-sm-12                              { float: left }

	.col-sm-12                              { width: 100% }

	.col-sm-11                              { width: 91.66666667% }

	.col-sm-10                              { width: 83.33333333% }

	.col-sm-9                               { width: 75% }

	.col-sm-8                               { width: 66.66666667% }

	.col-sm-7                               { width: 58.33333333% }

	.col-sm-6                               { width: 50% }

	.col-sm-5                               { width: 41.66666667% }

	.col-sm-4                               { width: 33.33333333% }

	.col-sm-3                               { width: 25% }

	.col-sm-2                               { width: 16.66666667% }

	.col-sm-1                               { width: 8.33333333% }

	.col-sm-pull-12                         { right: 100% }

	.col-sm-pull-11                         { right: 91.66666667% }

	.col-sm-pull-10                         { right: 83.33333333% }

	.col-sm-pull-9                          { right: 75% }

	.col-sm-pull-8                          { right: 66.66666667% }

	.col-sm-pull-7                          { right: 58.33333333% }

	.col-sm-pull-6                          { right: 50% }

	.col-sm-pull-5                          { right: 41.66666667% }

	.col-sm-pull-4                          { right: 33.33333333% }

	.col-sm-pull-3                          { right: 25% }

	.col-sm-pull-2                          { right: 16.66666667% }

	.col-sm-pull-1                          { right: 8.33333333% }

	.col-sm-pull-0                          { right: 0 }

	.col-sm-push-12                         { left: 100% }

	.col-sm-push-11                         { left: 91.66666667% }

	.col-sm-push-10                         { left: 83.33333333% }

	.col-sm-push-9                          { left: 75% }

	.col-sm-push-8                          { left: 66.66666667% }

	.col-sm-push-7                          { left: 58.33333333% }

	.col-sm-push-6                          { left: 50% }

	.col-sm-push-5                          { left: 41.66666667% }

	.col-sm-push-4                          { left: 33.33333333% }

	.col-sm-push-3                          { left: 25% }

	.col-sm-push-2                          { left: 16.66666667% }

	.col-sm-push-1                          { left: 8.33333333% }

	.col-sm-push-0                          { left: 0 }

	.col-sm-offset-12                       { margin-left: 100% }

	.col-sm-offset-11                       { margin-left: 91.66666667% }

	.col-sm-offset-10                       { margin-left: 83.33333333% }

	.col-sm-offset-9                        { margin-left: 75% }

	.col-sm-offset-8                        { margin-left: 66.66666667% }

	.col-sm-offset-7                        { margin-left: 58.33333333% }

	.col-sm-offset-6                        { margin-left: 50% }

	.col-sm-offset-5                        { margin-left: 41.66666667% }

	.col-sm-offset-4                        { margin-left: 33.33333333% }

	.col-sm-offset-3                        { margin-left: 25% }

	.col-sm-offset-2                        { margin-left: 16.66666667% }

	.col-sm-offset-1                        { margin-left: 8.33333333% }

	.col-sm-offset-0                        { margin-left: 0 }

	.form-inline .form-group                { display: inline-block; margin-bottom: 0; vertical-align: middle; }

	.form-inline .form-control              { display: inline-block; width: auto; vertical-align: middle; }

	.form-inline .input-group>.form-control { width: 100% }

	.form-inline .control-label             { margin-bottom: 0; vertical-align: middle; }

	.form-inline .radio, 

	.form-inline .checkbox                  { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; vertical-align: middle; }

	.form-inline .radio input[type=radio], 

	.form-inline .checkbox input[type=checkbox] { float: none; margin-left: 0; }

	.form-inline .has-feedback .form-control-feedback   { top: 0 }

	.form-horizontal .control-label         { text-align: right }

	.modal-dialog                           { width: 600px; margin: 30px auto; }

	.modal-content                          { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); }

	.modal-sm                               { width: 300px }

	.container-sm-height 				    { display: table; padding-left: 0px; padding-right: 0px; }

	.row-sm-height       				    { display: table-row }

	.col-sm-height       				    { display: table-cell; float: none; }

}

*/



/*

@media screen and (min-width:768px)

{ 

	.carousel-control .glyphicon-chevron-left,

	.carousel-control .glyphicon-chevron-right,

	.carousel-control .icon-prev,

	.carousel-control .icon-next			{ width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; }

	.carousel-caption                       { left: 20%; right: 20%; padding-bottom: 30px; }

	.carousel-indicators                    { bottom: 20px }

}

*/





/* BEGIN: TEMP OVERWRITES */

@media (min-width:10px)

{

    .img-responsive, 

    .thumbnail>img, 

    .thumbnail a>img, 

    .carousel-inner>.item>img, 

    .carousel-inner>.item>a>img             { display: inherit; height: inherit; }

}

/* END: TEMP OVERWRITES */





/* Medium devices (desktops, 992px and up) */



/* @media (min-width:992px)*/

@media (min-width:10px)

{

	.container                              { width: 970px; width: 1100px; max-width: none !important; }       /* temp set to 1100px to scafold existing 1STOP site for mobile users */

	.col-md-1, 

	.col-md-2, 

	.col-md-3, 

	.col-md-4, 

	.col-md-5, 

	.col-md-6, 

	.col-md-7, 

	.col-md-8, 

	.col-md-9, 

	.col-md-10, 

	.col-md-11, 

	.col-md-12                              { float: left }

	.col-md-12                              { width: 100% }

	.col-md-11                              { width: 91.66666667% }

	.col-md-10                              { width: 83.33333333% }

	.col-md-9                               { width: 75% }

	.col-md-8                               { width: 66.66666667% }

	.col-md-7                               { width: 58.33333333% }

	.col-md-6                               { width: 50% }

	.col-md-5                               { width: 41.66666667% }

	.col-md-4                               { width: 33.33333333% }

	.col-md-3                               { width: 25% }

	.col-md-2                               { width: 16.66666667% }

	.col-md-1                               { width: 8.33333333% }

	.col-md-pull-12                         { right: 100% }

	.col-md-pull-11                         { right: 91.66666667% }

	.col-md-pull-10                         { right: 83.33333333% }

	.col-md-pull-9                          { right: 75% }

	.col-md-pull-8                          { right: 66.66666667% }

	.col-md-pull-7                          { right: 58.33333333% }

	.col-md-pull-6                          { right: 50% }

	.col-md-pull-5                          { right: 41.66666667% }

	.col-md-pull-4                          { right: 33.33333333% }

	.col-md-pull-3                          { right: 25% }

	.col-md-pull-2                          { right: 16.66666667% }

	.col-md-pull-1                          { right: 8.33333333% }

	.col-md-pull-0                          { right: 0 }

	.col-md-push-12                         { left: 100% }

	.col-md-push-11                         { left: 91.66666667% }

	.col-md-push-10                         { left: 83.33333333% }

	.col-md-push-9                          { left: 75% }

	.col-md-push-8                          { left: 66.66666667% }

	.col-md-push-7                          { left: 58.33333333% }

	.col-md-push-6                          { left: 50% }

	.col-md-push-5                          { left: 41.66666667% }

	.col-md-push-4                          { left: 33.33333333% }

	.col-md-push-3                          { left: 25% }

	.col-md-push-2                          { left: 16.66666667% }

	.col-md-push-1                          { left: 8.33333333% }

	.col-md-push-0                          { left: 0 }

	.col-md-offset-12                       { margin-left: 100% }

	.col-md-offset-11                       { margin-left: 91.66666667% }

	.col-md-offset-10                       { margin-left: 83.33333333% }

	.col-md-offset-9                        { margin-left: 75% }

	.col-md-offset-8                        { margin-left: 66.66666667% }

	.col-md-offset-7                        { margin-left: 58.33333333% }

	.col-md-offset-6                        { margin-left: 50% }

	.col-md-offset-5                        { margin-left: 41.66666667% }

	.col-md-offset-4                        { margin-left: 33.33333333% }

	.col-md-offset-3                        { margin-left: 25% }

	.col-md-offset-2                        { margin-left: 16.66666667% }

	.col-md-offset-1                        { margin-left: 8.33333333% }

	.col-md-offset-0                        { margin-left: 0 }

	.modal-lg                               { width: 900px }

	.container-md-height 				    { display: table; padding-left: 0px; padding-right: 0px; }

	.row-md-height       				    { display: table-row }

	.col-md-height       				    { display: table-cell; float: none; }

}





/* Large devices (large desktops, 1200px and up) */



@media (min-width:1200px)

{ 

	.container                              { width: 1170px; width: 1024px; max-width: none !important; }       /* temp set to 1024px to scafold existing 1STOP site */

	.col-lg-1, 

	.col-lg-2, 

	.col-lg-3, 

	.col-lg-4, 

	.col-lg-5, 

	.col-lg-6, 

	.col-lg-7, 

	.col-lg-8, 

	.col-lg-9, 

	.col-lg-10, 

	.col-lg-11, 

	.col-lg-12                              { float: left }

	.col-lg-12                              { width: 100% }

	.col-lg-11                              { width: 91.66666667% }

	.col-lg-10                              { width: 83.33333333% }

	.col-lg-9                               { width: 75% }

	.col-lg-8                               { width: 66.66666667% }

	.col-lg-7                               { width: 58.33333333% }

	.col-lg-6                               { width: 50% }

	.col-lg-5                               { width: 41.66666667% }

	.col-lg-4                               { width: 33.33333333% }

	.col-lg-3                               { width: 25% }

	.col-lg-2                               { width: 16.66666667% }

	.col-lg-1                               { width: 8.33333333% }

	.col-lg-pull-12                         { right: 100% }

	.col-lg-pull-11                         { right: 91.66666667% }

	.col-lg-pull-10                         { right: 83.33333333% }

	.col-lg-pull-9                          { right: 75% }

	.col-lg-pull-8                          { right: 66.66666667% }

	.col-lg-pull-7                          { right: 58.33333333% }

	.col-lg-pull-6                          { right: 50% }

	.col-lg-pull-5                          { right: 41.66666667% }

	.col-lg-pull-4                          { right: 33.33333333% }

	.col-lg-pull-3                          { right: 25% }

	.col-lg-pull-2                          { right: 16.66666667% }

	.col-lg-pull-1                          { right: 8.33333333% }

	.col-lg-pull-0                          { right: 0 }

	.col-lg-push-12                         { left: 100% }

	.col-lg-push-11                         { left: 91.66666667% }

	.col-lg-push-10                         { left: 83.33333333% }

	.col-lg-push-9                          { left: 75% }

	.col-lg-push-8                          { left: 66.66666667% }

	.col-lg-push-7                          { left: 58.33333333% }

	.col-lg-push-6                          { left: 50% }

	.col-lg-push-5                          { left: 41.66666667% }

	.col-lg-push-4                          { left: 33.33333333% }

	.col-lg-push-3                          { left: 25% }

	.col-lg-push-2                          { left: 16.66666667% }

	.col-lg-push-1                          { left: 8.33333333% }

	.col-lg-push-0                          { left: 0 }

	.col-lg-offset-12                       { margin-left: 100% }

	.col-lg-offset-11                       { margin-left: 91.66666667% }

	.col-lg-offset-10                       { margin-left: 83.33333333% }

	.col-lg-offset-9                        { margin-left: 75% }

	.col-lg-offset-8                        { margin-left: 66.66666667% }

	.col-lg-offset-7                        { margin-left: 58.33333333% }

	.col-lg-offset-6                        { margin-left: 50% }

	.col-lg-offset-5                        { margin-left: 41.66666667% }

	.col-lg-offset-4                        { margin-left: 33.33333333% }

	.col-lg-offset-3                        { margin-left: 25% }

	.col-lg-offset-2                        { margin-left: 16.66666667% }

	.col-lg-offset-1                        { margin-left: 8.33333333% }

	.col-lg-offset-0                        { margin-left: 0 }

	.container-lg-height				    { display: table; padding-left: 0px; padding-right: 0px; }

	.row-lg-height      				    { display: table-row }

	.col-lg-height      				    { display: table-cell; float: none; }

}



/* Note: Bootstrap 3 is mobile-first. */

/* Everything below here is for Extra small devices (phones, less than 768px) */



small, .small                           { font-size: 85% }

cite                                    { font-style: normal }

.text-left                              { text-align: left }

.text-right                             { text-align: right }

.text-center                            { text-align: center }

.text-justify                           { text-align: justify }

.text-muted                             { color: #999 }

.text-primary                           { color: #428bca }

a.text-primary:hover                    { color: #3071a9 }

.text-success                           { color: #3c763d }

a.text-success:hover                    { color: #2b542c }

.text-info                              { color: #31708f }

a.text-info:hover                       { color: #245269 }

.text-warning                           { color: #8a6d3b }

a.text-warning:hover                    { color: #66512c }

.text-danger                            { color: #a94442 }

a.text-danger:hover                     { color: #843534 }

.bg-primary                             { color: #fff; background-color: #428bca; }

a.bg-primary:hover                      { background-color: #3071a9 }

.bg-success                             { background-color: #dff0d8 }

a.bg-success:hover                      { background-color: #c1e2b3 }

.bg-info                                { background-color: #d9edf7 }

a.bg-info:hover                         { background-color: #afd9ee }

.bg-warning                             { background-color: #fcf8e3 }

a.bg-warning:hover                      { background-color: #f7ecb5 }

.bg-danger                              { background-color: #f2dede }

a.bg-danger:hover                       { background-color: #e4b9b9 }

.page-header                            { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; }

ul, ol                                  { margin-top: 0; margin-bottom: 10px; }

ul ul, ol ul, ul ol, ol ol              { margin-bottom: 0 }

.list-unstyled                          { padding-left: 0; list-style: none; }

.list-inline                            { padding-left: 0; list-style: none; margin-left: -5px; }

.list-inline>li                         { display: inline-block; padding-left: 5px; padding-right: 5px; }

dl                                      { margin-top: 0; margin-bottom: 20px; }

dt, dd                                  { line-height: 1.42857143 }

dt                                      { font-weight: 700 }

dd                                      { margin-left: 0 }

.padding-xs-horizontal                  { padding-left: 5px !important; padding-right: 5px !important; }

.no-gutter                              { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }

.no-gutter-left                         { margin-left: 0 !important; padding-left: 0 !important; }

.no-gutter-right                        { margin-right: 0 !important; padding-right: 0 !important; }

.no-gutter-top                          { margin-top: 0 !important; padding-top: 0 !important; }

.no-gutter-bottom                       { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.no-vertical-gutter                     { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }

.vertical-gutter                        { padding-top: 15px; padding-bottom: 15px; }

.vertical-gutter-top                    { padding-top: 10px; margin-top: 10px; }

.vertical-gutter-bottom                 { padding-bottom: 10px; margin-bottom: 10px; }

.gutter-left                            { padding-left: 10px; margin-left: 10px; }

.gutter-right                           { padding-right: 10px; margin-right: 10px; }

abbr[title], abbr[data-original-title]  { cursor: help; border-bottom: 1px dotted #999; }

.initialism                             { font-size: 90%; text-transform: uppercase; }

blockquote                              { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; }

blockquote p:last-child, 

blockquote ul:last-child, 

blockquote ol:last-child                { margin-bottom: 0 }

blockquote footer, 

blockquote small, 

blockquote .small                       { display: block; font-size: 80%; line-height: 1.42857143; color: #999; }

blockquote footer:before, 

blockquote small:before, 

blockquote .small:before                { content: '\2014 \00A0' }

.blockquote-reverse, 

blockquote.pull-right                   { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right; }

.blockquote-reverse footer:before, 

blockquote.pull-right footer:before, 

.blockquote-reverse small:before, 

blockquote.pull-right small:before, 

.blockquote-reverse .small:before, 

blockquote.pull-right .small:before     { content: '' }

.blockquote-reverse footer:after, 

blockquote.pull-right footer:after, 

.blockquote-reverse small:after, 

blockquote.pull-right small:after, 

.blockquote-reverse .small:after, 

blockquote.pull-right .small:after      { content: '\00A0 \2014' }

blockquote:before, blockquote:after     { content: "" }

address                                 { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; }

code, kbd, pre, samp                    { font-family: Menlo, Monaco, Consolas, "Courier New", monospace }

code                                    { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; white-space: nowrap; border-radius: 4px; }

kbd                                     { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); }

pre                                     { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }

pre code                                { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }

.pre-scrollable                         { max-height: 340px; overflow-y: scroll; }

.container                              { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.container-fluid                        { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.row                                    { margin-left: -15px; margin-right: -15px; }

.col-xs-1, 

.col-sm-1, 

.col-md-1, 

.col-lg-1, 

.col-xs-2, 

.col-sm-2, 

.col-md-2, 

.col-lg-2, 

.col-xs-3, 

.col-sm-3, 

.col-md-3, 

.col-lg-3, 

.col-xs-4, 

.col-sm-4, 

.col-md-4, 

.col-lg-4, 

.col-xs-5, 

.col-sm-5, 

.col-md-5, 

.col-lg-5, 

.col-xs-6, 

.col-sm-6, 

.col-md-6, 

.col-lg-6, 

.col-xs-7, 

.col-sm-7, 

.col-md-7, 

.col-lg-7, 

.col-xs-8, 

.col-sm-8, 

.col-md-8, 

.col-lg-8, 

.col-xs-9, 

.col-sm-9, 

.col-md-9, 

.col-lg-9, 

.col-xs-10, 

.col-sm-10, 

.col-md-10, 

.col-lg-10, 

.col-xs-11, 

.col-sm-11, 

.col-md-11, 

.col-lg-11, 

.col-xs-12, 

.col-sm-12, 

.col-md-12,                             /* box-sizing set to border-box ONLY on Bootstrap columns to make Bootstrap grid framework work with clobbering existing 1Stop framework. This should eventually go away.*/

.col-lg-12                              { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.col-xs-1, 

.col-xs-2, 

.col-xs-3, 

.col-xs-4, 

.col-xs-5, 

.col-xs-6, 

.col-xs-7, 

.col-xs-8, 

.col-xs-9, 

.col-xs-10, 

.col-xs-11, 

.col-xs-12                              { float: left }

.col-xs-12                              { width: 100% }

.col-xs-11                              { width: 91.66666667% }

.col-xs-10                              { width: 83.33333333% }

.col-xs-9                               { width: 75% }

.col-xs-8                               { width: 66.66666667% }

.col-xs-7                               { width: 58.33333333% }

.col-xs-6                               { width: 50% }

.col-xs-5                               { width: 41.66666667% }

.col-xs-4                               { width: 33.33333333% }

.col-xs-3                               { width: 25% }

.col-xs-2                               { width: 16.66666667% }

.col-xs-1                               { width: 8.33333333% }

.col-xs-pull-12                         { right: 100% }

.col-xs-pull-11                         { right: 91.66666667% }

.col-xs-pull-10                         { right: 83.33333333% }

.col-xs-pull-9                          { right: 75% }

.col-xs-pull-8                          { right: 66.66666667% }

.col-xs-pull-7                          { right: 58.33333333% }

.col-xs-pull-6                          { right: 50% }

.col-xs-pull-5                          { right: 41.66666667% }

.col-xs-pull-4                          { right: 33.33333333% }

.col-xs-pull-3                          { right: 25% }

.col-xs-pull-2                          { right: 16.66666667% }

.col-xs-pull-1                          { right: 8.33333333% }

.col-xs-pull-0                          { right: 0 }

.col-xs-push-12                         { left: 100% }

.col-xs-push-11                         { left: 91.66666667% }

.col-xs-push-10                         { left: 83.33333333% }

.col-xs-push-9                          { left: 75% }

.col-xs-push-8                          { left: 66.66666667% }

.col-xs-push-7                          { left: 58.33333333% }

.col-xs-push-6                          { left: 50% }

.col-xs-push-5                          { left: 41.66666667% }

.col-xs-push-4                          { left: 33.33333333% }

.col-xs-push-3                          { left: 25% }

.col-xs-push-2                          { left: 16.66666667% }

.col-xs-push-1                          { left: 8.33333333% }

.col-xs-push-0                          { left: 0 }

.col-xs-offset-12                       { margin-left: 100% }

.col-xs-offset-11                       { margin-left: 91.66666667% }

.col-xs-offset-10                       { margin-left: 83.33333333% }

.col-xs-offset-9                        { margin-left: 75% }

.col-xs-offset-8                        { margin-left: 66.66666667% }

.col-xs-offset-7                        { margin-left: 58.33333333% }

.col-xs-offset-6                        { margin-left: 50% }

.col-xs-offset-5                        { margin-left: 41.66666667% }

.col-xs-offset-4                        { margin-left: 33.33333333% }

.col-xs-offset-3                        { margin-left: 25% }

.col-xs-offset-2                        { margin-left: 16.66666667% }

.col-xs-offset-1                        { margin-left: 8.33333333% }

.col-xs-offset-0                        { margin-left: 0 }

table                                   { max-width: 100%; background-color: transparent; }

th                                      { text-align: left }

.table                                  { width: 100%; margin-bottom: 20px; }

.table>thead>tr>th, 

.table>tbody>tr>th, 

.table>tfoot>tr>th, 

.table>thead>tr>td, 

.table>tbody>tr>td, 

.table>tfoot>tr>td                      { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; }

.table>thead>tr>th                      { vertical-align: bottom; border-bottom: 2px solid #ddd; }

.table>caption+thead>tr:first-child>th, 

.table>colgroup+thead>tr:first-child>th, 

.table>thead:first-child>tr:first-child>th, 

.table>caption+thead>tr:first-child>td, 

.table>colgroup+thead>tr:first-child>td, 

.table>thead:first-child>tr:first-child>td  { border-top: 0 }

.table>tbody+tbody                      { border-top: 2px solid #ddd }

.table .table                           { background-color: #fff }

.table-condensed>thead>tr>th, 

.table-condensed>tbody>tr>th, 

.table-condensed>tfoot>tr>th, 

.table-condensed>thead>tr>td, 

.table-condensed>tbody>tr>td, 

.table-condensed>tfoot>tr>td            { padding: 5px }

.table-bordered                         { border: 1px solid #ddd }

.table-bordered>thead>tr>th, 

.table-bordered>tbody>tr>th, 

.table-bordered>tfoot>tr>th, 

.table-bordered>thead>tr>td, 

.table-bordered>tbody>tr>td, 

.table-bordered>tfoot>tr>td             { border: 1px solid #ddd }

.table-bordered>thead>tr>th, 

.table-bordered>thead>tr>td             { border-bottom-width: 2px }

.table-striped>tbody>tr:nth-child(odd)>td, 

.table-striped>tbody>tr:nth-child(odd)>th   { background-color: #f9f9f9 }

.table-hover>tbody>tr:hover>td, 

.table-hover>tbody>tr:hover>th          { background-color: #f5f5f5 }

table col[class*=col-]                  { position: static; float: none; display: table-column; }

table td[class*=col-], 

table th[class*=col-]                   { position: static; float: none; display: table-cell; }

.table>thead>tr>td.active, 

.table>tbody>tr>td.active, 

.table>tfoot>tr>td.active, 

.table>thead>tr>th.active, 

.table>tbody>tr>th.active, 

.table>tfoot>tr>th.active, 

.table>thead>tr.active>td, 

.table>tbody>tr.active>td, 

.table>tfoot>tr.active>td, 

.table>thead>tr.active>th, 

.table>tbody>tr.active>th, 

.table>tfoot>tr.active>th               { background-color: #f5f5f5 }

.table-hover>tbody>tr>td.active:hover, 

.table-hover>tbody>tr>th.active:hover, 

.table-hover>tbody>tr.active:hover>td, 

.table-hover>tbody>tr.active:hover>th   { background-color: #e8e8e8 }

.table>thead>tr>td.success, 

.table>tbody>tr>td.success, 

.table>tfoot>tr>td.success, 

.table>thead>tr>th.success, 

.table>tbody>tr>th.success, 

.table>tfoot>tr>th.success, 

.table>thead>tr.success>td, 

.table>tbody>tr.success>td, 

.table>tfoot>tr.success>td, 

.table>thead>tr.success>th, 

.table>tbody>tr.success>th, 

.table>tfoot>tr.success>th              { background-color: #dff0d8 }

.table-hover>tbody>tr>td.success:hover, 

.table-hover>tbody>tr>th.success:hover, 

.table-hover>tbody>tr.success:hover>td, 

.table-hover>tbody>tr.success:hover>th  { background-color: #d0e9c6 }

.table>thead>tr>td.info, 

.table>tbody>tr>td.info, 

.table>tfoot>tr>td.info, 

.table>thead>tr>th.info, 

.table>tbody>tr>th.info, 

.table>tfoot>tr>th.info, 

.table>thead>tr.info>td, 

.table>tbody>tr.info>td, 

.table>tfoot>tr.info>td, 

.table>thead>tr.info>th, 

.table>tbody>tr.info>th, 

.table>tfoot>tr.info>th                 { background-color: #d9edf7 }

.table-hover>tbody>tr>td.info:hover, 

.table-hover>tbody>tr>th.info:hover, 

.table-hover>tbody>tr.info:hover>td, 

.table-hover>tbody>tr.info:hover>th     { background-color: #c4e3f3 }

.table>thead>tr>td.warning, 

.table>tbody>tr>td.warning, 

.table>tfoot>tr>td.warning, 

.table>thead>tr>th.warning, 

.table>tbody>tr>th.warning, 

.table>tfoot>tr>th.warning, 

.table>thead>tr.warning>td, 

.table>tbody>tr.warning>td, 

.table>tfoot>tr.warning>td, 

.table>thead>tr.warning>th, 

.table>tbody>tr.warning>th, 

.table>tfoot>tr.warning>th              { background-color: #fcf8e3 }

.table-hover>tbody>tr>td.warning:hover, 

.table-hover>tbody>tr>th.warning:hover, 

.table-hover>tbody>tr.warning:hover>td, 

.table-hover>tbody>tr.warning:hover>th  { background-color: #faf2cc }

.table>thead>tr>td.danger, 

.table>tbody>tr>td.danger, 

.table>tfoot>tr>td.danger, 

.table>thead>tr>th.danger, 

.table>tbody>tr>th.danger, 

.table>tfoot>tr>th.danger, 

.table>thead>tr.danger>td, 

.table>tbody>tr.danger>td, 

.table>tfoot>tr.danger>td, 

.table>thead>tr.danger>th, 

.table>tbody>tr.danger>th, 

.table>tfoot>tr.danger>th               { background-color: #f2dede }

.table-hover>tbody>tr>td.danger:hover,

.table-hover>tbody>tr>th.danger:hover,

.table-hover>tbody>tr.danger:hover>td,

.table-hover>tbody>tr.danger:hover>th   { background-color: #ebcccc }

fieldset                                { padding: 0; margin: 0; border: 0; min-width: 0; }

legend                                  { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; }

label                                   { display: inline-block; margin-bottom: 5px; font-weight: 700; }

input[type=search]                      { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input[type=radio], 

input[type=checkbox]                    { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }

input[type=file]                        { display: block }

input[type=range]                       { display: block; width: 100%; }

select[multiple], select[size]          { height: auto }

input[type=file]:focus, 

input[type=radio]:focus, 

input[type=checkbox]:focus              { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

output                                  { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; }

.form-control                           { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.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); }

.form-control::-moz-placeholder         { color: #999; opacity: 1; }

.form-control:-ms-input-placeholder     { color: #999 }

.form-control::-webkit-input-placeholder

                                        { color: #999 }

.form-control[disabled], 

.form-control[readonly], 

fieldset[disabled] .form-control        { cursor: not-allowed; background-color: #eee; opacity: 1; }

textarea.form-control                   { height: auto }

input[type=search]                      { -webkit-appearance: none }

input[type=date]                        { line-height: 34px }

.form-group                             { margin-bottom: 15px }

.radio, .checkbox                       { display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; }

.radio label, .checkbox label           { display: inline; font-weight: 400; cursor: pointer; }

.radio input[type=radio], 

.radio-inline input[type=radio], 

.checkbox input[type=checkbox], 

.checkbox-inline input[type=checkbox]   { float: left; margin-left: -20px; }

.radio+.radio, .checkbox+.checkbox      { margin-top: -5px }

.radio-inline, .checkbox-inline         { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: 400; cursor: pointer; }

.radio-inline+.radio-inline, 

.checkbox-inline+.checkbox-inline       { margin-top: 0; margin-left: 10px; }

input[type=radio][disabled], 

input[type=checkbox][disabled], 

.radio[disabled], 

.radio-inline[disabled], 

.checkbox[disabled], 

.checkbox-inline[disabled], 

fieldset[disabled] input[type=radio], 

fieldset[disabled] input[type=checkbox], 

fieldset[disabled] .radio, 

fieldset[disabled] .radio-inline, 

fieldset[disabled] .checkbox, 

fieldset[disabled] .checkbox-inline     { cursor: not-allowed }

.input-sm                               { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

select.input-sm                         { height: 30px; line-height: 30px; }

textarea.input-sm, 

select[multiple].input-sm               { height: auto }

.input-lg                               { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; }

select.input-lg                         { height: 46px; line-height: 46px; }

textarea.input-lg, 

select[multiple].input-lg               { height: auto }

.has-feedback                           { position: relative }

.has-feedback .form-control             { padding-right: 42.5px }

.has-feedback .form-control-feedback    { position: absolute; top: 25px; right: 0; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; }

.has-success .help-block, 

.has-success .control-label, 

.has-success .radio, 

.has-success .checkbox, 

.has-success .radio-inline, 

.has-success .checkbox-inline           { color: #3c763d }

.has-success .form-control              { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }

.has-success .form-control:focus        { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; }

.has-success .input-group-addon         { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; }

.has-success .form-control-feedback     { color: #3c763d }

.has-warning .help-block, 

.has-warning .control-label, 

.has-warning .radio, 

.has-warning .checkbox, 

.has-warning .radio-inline, 

.has-warning .checkbox-inline           { color: #8a6d3b }

.has-warning .form-control              { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }

.has-warning .form-control:focus        { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon         { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; }

.has-warning .form-control-feedback     { color: #8a6d3b }

.has-error .help-block, 

.has-error .control-label, 

.has-error .radio, 

.has-error .checkbox, 

.has-error .radio-inline, 

.has-error .checkbox-inline             { color: #a94442 }

.has-error .form-control                { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }

.has-error .form-control:focus          { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; }

.has-error .input-group-addon           { color: #a94442; border-color: #a94442; background-color: #f2dede; }

.has-error .form-control-feedback       { color: #a94442 }

.form-control-static                    { margin-bottom: 0 }

.help-block                             { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; }

.form-horizontal .control-label, 

.form-horizontal .radio, 

.form-horizontal .checkbox, 

.form-horizontal .radio-inline, 

.form-horizontal .checkbox-inline       { margin-top: 0; margin-bottom: 0; padding-top: 7px; }

.form-horizontal .radio, 

.form-horizontal .checkbox              { min-height: 27px }

.form-horizontal .form-group            { margin-left: -15px; margin-right: -15px; }

.form-horizontal .form-control-static   { padding-top: 7px }

.form-horizontal .has-feedback .form-control-feedback       { top: 0; right: 15px; }

.btn                                    { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.btn:focus, 

.btn:active:focus, 

.btn.active:focus                       { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn:hover, .btn:focus                  { color: #333; text-decoration: none; }

.btn:active, .btn.active                { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }

.btn.disabled, .btn[disabled], 

fieldset[disabled] .btn                 { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

.btn-default                            { color: #333; background-color: #fff; border-color: #ccc; }

.btn-default:hover, 

.btn-default:focus, 

.btn-default:active, 

.btn-default.active, 

.open .dropdown-toggle.btn-default      { color: #333; background-color: #ebebeb; border-color: #adadad; }

.btn-default:active, 

.btn-default.active, 

.open .dropdown-toggle.btn-default      { background-image: none }

.btn-default.disabled, 

.btn-default[disabled], 

fieldset[disabled] .btn-default, 

.btn-default.disabled:hover, 

.btn-default[disabled]:hover, 

fieldset[disabled] .btn-default:hover, 

.btn-default.disabled:focus, 

.btn-default[disabled]:focus, 

fieldset[disabled] .btn-default:focus, 

.btn-default.disabled:active, 

.btn-default[disabled]:active, 

fieldset[disabled] .btn-default:active, 

.btn-default.disabled.active, 

.btn-default[disabled].active, 

fieldset[disabled] .btn-default.active  { background-color: #fff; border-color: #ccc; }

.btn-default .badge                     { color: #fff; background-color: #333; }

.btn-primary                            { color: #fff; background-color: #428bca; border-color: #357ebd; }

.btn-primary:hover, 

.btn-primary:focus, 

.btn-primary:active, 

.btn-primary.active, 

.open .dropdown-toggle.btn-primary      { color: #fff; background-color: #3276b1; border-color: #285e8e; }

.btn-primary:active, 

.btn-primary.active, 

.open .dropdown-toggle.btn-primary      { background-image: none }

.btn-primary.disabled, 

.btn-primary[disabled], 

fieldset[disabled] .btn-primary, 

.btn-primary.disabled:hover, 

.btn-primary[disabled]:hover, 

fieldset[disabled] .btn-primary:hover, 

.btn-primary.disabled:focus, 

.btn-primary[disabled]:focus, 

fieldset[disabled] .btn-primary:focus, 

.btn-primary.disabled:active, 

.btn-primary[disabled]:active, 

fieldset[disabled] .btn-primary:active, 

.btn-primary.disabled.active, 

.btn-primary[disabled].active, 

fieldset[disabled] .btn-primary.active  { background-color: #428bca; border-color: #357ebd; }

.btn-primary .badge                     { color: #428bca; background-color: #fff; }

.btn-success                            { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }

.btn-success:hover, 

.btn-success:focus, 

.btn-success:active, 

.btn-success.active, 

.open .dropdown-toggle.btn-success      { color: #fff; background-color: #47a447; border-color: #398439; }

.btn-success:active, 

.btn-success.active, 

.open .dropdown-toggle.btn-success      { background-image: none }

.btn-success.disabled, 

.btn-success[disabled], 

fieldset[disabled] .btn-success, 

.btn-success.disabled:hover, 

.btn-success[disabled]:hover, 

fieldset[disabled] .btn-success:hover, 

.btn-success.disabled:focus, 

.btn-success[disabled]:focus, 

fieldset[disabled] .btn-success:focus, 

.btn-success.disabled:active, 

.btn-success[disabled]:active, 

fieldset[disabled] .btn-success:active, 

.btn-success.disabled.active, 

.btn-success[disabled].active, 

fieldset[disabled] .btn-success.active  { background-color: #5cb85c; border-color: #4cae4c; }

.btn-success .badge                     { color: #5cb85c; background-color: #fff; }

.btn-info                               { color: #fff; background-color: #5bc0de; border-color: #46b8da; }.btn-info:hover,

.btn-info:focus, 

.btn-info:active, 

.btn-info.active, 

.open .dropdown-toggle.btn-info         { color: #fff; background-color: #39b3d7; border-color: #269abc; }

.btn-info:active, 

.btn-info.active, 

.open .dropdown-toggle.btn-info         { background-image: none }

.btn-info.disabled, 

.btn-info[disabled], 

fieldset[disabled] .btn-info, 

.btn-info.disabled:hover, 

.btn-info[disabled]:hover, 

fieldset[disabled] .btn-info:hover, 

.btn-info.disabled:focus, 

.btn-info[disabled]:focus, 

fieldset[disabled] .btn-info:focus, 

.btn-info.disabled:active, 

.btn-info[disabled]:active, 

fieldset[disabled] .btn-info:active, 

.btn-info.disabled.active, 

.btn-info[disabled].active, 

fieldset[disabled] .btn-info.active     { background-color: #5bc0de; border-color: #46b8da; }

.btn-info .badge                        { color: #5bc0de; background-color: #fff; }

.btn-warning                            { color: #fff; background-color: #f0ad4e; border-color: #eea236; }

.btn-warning:hover, 

.btn-warning:focus, 

.btn-warning:active, 

.btn-warning.active, 

.open .dropdown-toggle.btn-warning      { color: #fff; background-color: #ed9c28; border-color: #d58512; }

.btn-warning:active, 

.btn-warning.active, 

.open .dropdown-toggle.btn-warning      { background-image: none }

.btn-warning.disabled, 

.btn-warning[disabled], 

fieldset[disabled] .btn-warning, 

.btn-warning.disabled:hover, 

.btn-warning[disabled]:hover, 

fieldset[disabled] .btn-warning:hover, 

.btn-warning.disabled:focus, 

.btn-warning[disabled]:focus, 

fieldset[disabled] .btn-warning:focus, 

.btn-warning.disabled:active, 

.btn-warning[disabled]:active, 

fieldset[disabled] .btn-warning:active, 

.btn-warning.disabled.active, 

.btn-warning[disabled].active, 

fieldset[disabled] .btn-warning.active  { background-color: #f0ad4e; border-color: #eea236; }

.btn-warning .badge                     { color: #f0ad4e; background-color: #fff; }

.btn-danger                             { color: #fff; background-color: #d9534f; border-color: #d43f3a; }

.btn-danger:hover, 

.btn-danger:focus, 

.btn-danger:active, 

.btn-danger.active, 

.open .dropdown-toggle.btn-danger       { color: #fff; background-color: #d2322d; border-color: #ac2925; }

.btn-danger:active, 

.btn-danger.active, 

.open .dropdown-toggle.btn-danger       { background-image: none }

.btn-danger.disabled, 

.btn-danger[disabled], 

fieldset[disabled] .btn-danger, 

.btn-danger.disabled:hover, 

.btn-danger[disabled]:hover, 

fieldset[disabled] .btn-danger:hover, 

.btn-danger.disabled:focus, 

.btn-danger[disabled]:focus, 

fieldset[disabled] .btn-danger:focus, 

.btn-danger.disabled:active, 

.btn-danger[disabled]:active, 

fieldset[disabled] .btn-danger:active, 

.btn-danger.disabled.active, 

.btn-danger[disabled].active, 

fieldset[disabled] .btn-danger.active   { background-color: #d9534f; border-color: #d43f3a; }

.btn-danger .badge                      { color: #d9534f; background-color: #fff; }

.btn-link                               { color: #428bca; font-weight: 400; cursor: pointer; border-radius: 0; }

.btn-link, 

.btn-link:active, 

.btn-link[disabled], 

fieldset[disabled] .btn-link            { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }

.btn-link, 

.btn-link:hover, 

.btn-link:focus, 

.btn-link:active                        { border-color: transparent }

.btn-link:hover, .btn-link:focus        { color: #2a6496; text-decoration: underline; background-color: transparent; }

.btn-link[disabled]:hover, 

fieldset[disabled] .btn-link:hover, 

.btn-link[disabled]:focus, 

fieldset[disabled] .btn-link:focus      { color: #999; text-decoration: none; }

.btn-lg, .btn-group-lg>.btn             { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; }

.btn-sm, .btn-group-sm>.btn             { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.btn-xs, .btn-group-xs>.btn             { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.btn-block                              { display: block; width: 100%; padding-left: 0; padding-right: 0; }

.btn-block+.btn-block                   { margin-top: 5px }

input[type=submit].btn-block, 

input[type=reset].btn-block, 

input[type=button].btn-block            { width: 100% }

.fade                                   { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; }

.fade.in                                { opacity: 1 }

.collapse                               { display: none }

.collapse.in                            { display: block }

.collapsing                             { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; transition: height .35s ease; }

@font-face                              { font-family: 'Glyphicons Halflings'; 

                                          src: url(../fonts/glyphicons-halflings-regular.eot); 

                                          src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), 

                                               url(../fonts/glyphicons-halflings-regular.woff) format('woff'), 

                                               url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), 

                                               url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');

                                        }



.glyphicon                              { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before              { content: "\2a" }

.glyphicon-plus:before                  { content: "\2b" }

.glyphicon-euro:before                  { content: "\20ac" }

.glyphicon-minus:before                 { content: "\2212" }

.glyphicon-cloud:before                 { content: "\2601" }

.glyphicon-envelope:before              { content: "\2709" }

.glyphicon-pencil:before                { content: "\270f" }

.glyphicon-glass:before                 { content: "\e001" }

.glyphicon-music:before                 { content: "\e002" }

.glyphicon-search:before                { content: "\e003" }

.glyphicon-heart:before                 { content: "\e005" }

.glyphicon-star:before                  { content: "\e006" }

.glyphicon-star-empty:before            { content: "\e007" }

.glyphicon-user:before                  { content: "\e008" }

.glyphicon-film:before                  { content: "\e009" }

.glyphicon-th-large:before              { content: "\e010" }

.glyphicon-th:before                    { content: "\e011" }

.glyphicon-th-list:before               { content: "\e012" }

.glyphicon-ok:before                    { content: "\e013" }

.glyphicon-remove:before                { content: "\e014" }

.glyphicon-zoom-in:before               { content: "\e015" }

.glyphicon-zoom-out:before              { content: "\e016" }

.glyphicon-off:before                   { content: "\e017" }

.glyphicon-signal:before                { content: "\e018" }

.glyphicon-cog:before                   { content: "\e019" }

.glyphicon-trash:before                 { content: "\e020" }

.glyphicon-home:before                  { content: "\e021" }

.glyphicon-file:before                  { content: "\e022" }

.glyphicon-time:before                  { content: "\e023" }

.glyphicon-road:before                  { content: "\e024" }

.glyphicon-download-alt:before          { content: "\e025" }

.glyphicon-download:before              { content: "\e026" }

.glyphicon-upload:before                { content: "\e027" }

.glyphicon-inbox:before                 { content: "\e028" }

.glyphicon-play-circle:before           { content: "\e029" }

.glyphicon-repeat:before                { content: "\e030" }

.glyphicon-refresh:before               { content: "\e031" }

.glyphicon-list-alt:before              { content: "\e032" }

.glyphicon-lock:before                  { content: "\e033" }

.glyphicon-flag:before                  { content: "\e034" }

.glyphicon-headphones:before            { content: "\e035" }

.glyphicon-volume-off:before            { content: "\e036" }

.glyphicon-volume-down:before           { content: "\e037" }

.glyphicon-volume-up:before             { content: "\e038" }

.glyphicon-qrcode:before                { content: "\e039" }

.glyphicon-barcode:before               { content: "\e040" }

.glyphicon-tag:before                   { content: "\e041" }

.glyphicon-tags:before                  { content: "\e042" }

.glyphicon-book:before                  { content: "\e043" }

.glyphicon-bookmark:before              { content: "\e044" }

.glyphicon-print:before                 { content: "\e045" }

.glyphicon-camera:before                { content: "\e046" }

.glyphicon-font:before                  { content: "\e047" }

.glyphicon-bold:before                  { content: "\e048" }

.glyphicon-italic:before                { content: "\e049" }

.glyphicon-text-height:before           { content: "\e050" }

.glyphicon-text-width:before            { content: "\e051" }

.glyphicon-align-left:before            { content: "\e052" }

.glyphicon-align-center:before          { content: "\e053" }

.glyphicon-align-right:before           { content: "\e054" }

.glyphicon-align-justify:before         { content: "\e055" }

.glyphicon-list:before                  { content: "\e056" }

.glyphicon-indent-left:before           { content: "\e057" }

.glyphicon-indent-right:before          { content: "\e058" }

.glyphicon-facetime-video:before        { content: "\e059" }

.glyphicon-picture:before               { content: "\e060" }

.glyphicon-map-marker:before            { content: "\e062" }

.glyphicon-adjust:before                { content: "\e063" }

.glyphicon-tint:before                  { content: "\e064" }

.glyphicon-edit:before                  { content: "\e065" }

.glyphicon-share:before                 { content: "\e066" }

.glyphicon-check:before                 { content: "\e067" }

.glyphicon-move:before                  { content: "\e068" }

.glyphicon-step-backward:before         { content: "\e069" }

.glyphicon-fast-backward:before         { content: "\e070" }

.glyphicon-backward:before              { content: "\e071" }

.glyphicon-play:before                  { content: "\e072" }

.glyphicon-pause:before                 { content: "\e073" }

.glyphicon-stop:before                  { content: "\e074" }

.glyphicon-forward:before               { content: "\e075" }

.glyphicon-fast-forward:before          { content: "\e076" }

.glyphicon-step-forward:before          { content: "\e077" }

.glyphicon-eject:before                 { content: "\e078" }

.glyphicon-chevron-left:before          { content: "\e079" }

.glyphicon-chevron-right:before         { content: "\e080" }

.glyphicon-plus-sign:before             { content: "\e081" }

.glyphicon-minus-sign:before            { content: "\e082" }

.glyphicon-remove-sign:before           { content: "\e083" }

.glyphicon-ok-sign:before               { content: "\e084" }

.glyphicon-question-sign:before         { content: "\e085" }

.glyphicon-info-sign:before             { content: "\e086" }

.glyphicon-screenshot:before            { content: "\e087" }

.glyphicon-remove-circle:before         { content: "\e088" }

.glyphicon-ok-circle:before             { content: "\e089" }

.glyphicon-ban-circle:before            { content: "\e090" }

.glyphicon-arrow-left:before            { content: "\e091" }

.glyphicon-arrow-right:before           { content: "\e092" }

.glyphicon-arrow-up:before              { content: "\e093" }

.glyphicon-arrow-down:before            { content: "\e094" }

.glyphicon-share-alt:before             { content: "\e095" }

.glyphicon-resize-full:before           { content: "\e096" }

.glyphicon-resize-small:before          { content: "\e097" }

.glyphicon-exclamation-sign:before      { content: "\e101" }

.glyphicon-gift:before                  { content: "\e102" }

.glyphicon-leaf:before                  { content: "\e103" }

.glyphicon-fire:before                  { content: "\e104" }

.glyphicon-eye-open:before              { content: "\e105" }

.glyphicon-eye-close:before             { content: "\e106" }

.glyphicon-warning-sign:before          { content: "\e107" }

.glyphicon-plane:before                 { content: "\e108" }

.glyphicon-calendar:before              { content: "\e109" }

.glyphicon-random:before                { content: "\e110" }

.glyphicon-comment:before               { content: "\e111" }

.glyphicon-magnet:before                { content: "\e112" }

.glyphicon-chevron-up:before            { content: "\e113" }

.glyphicon-chevron-down:before          { content: "\e114" }

.glyphicon-retweet:before               { content: "\e115" }

.glyphicon-shopping-cart:before         { content: "\e116" }

.glyphicon-folder-close:before          { content: "\e117" }

.glyphicon-folder-open:before           { content: "\e118" }

.glyphicon-resize-vertical:before       { content: "\e119" }

.glyphicon-resize-horizontal:before     { content: "\e120" }

.glyphicon-hdd:before                   { content: "\e121" }

.glyphicon-bullhorn:before              { content: "\e122" }

.glyphicon-bell:before                  { content: "\e123" }

.glyphicon-certificate:before           { content: "\e124" }

.glyphicon-thumbs-up:before             { content: "\e125" }

.glyphicon-thumbs-down:before           { content: "\e126" }

.glyphicon-hand-right:before            { content: "\e127" }

.glyphicon-hand-left:before             { content: "\e128" }

.glyphicon-hand-up:before               { content: "\e129" }

.glyphicon-hand-down:before             { content: "\e130" }

.glyphicon-circle-arrow-right:before    { content: "\e131" }

.glyphicon-circle-arrow-left:before     { content: "\e132" }

.glyphicon-circle-arrow-up:before       { content: "\e133" }

.glyphicon-circle-arrow-down:before     { content: "\e134" }

.glyphicon-globe:before                 { content: "\e135" }

.glyphicon-wrench:before                { content: "\e136" }

.glyphicon-tasks:before                 { content: "\e137" }

.glyphicon-filter:before                { content: "\e138" }

.glyphicon-briefcase:before             { content: "\e139" }

.glyphicon-fullscreen:before            { content: "\e140" }

.glyphicon-dashboard:before             { content: "\e141" }

.glyphicon-paperclip:before             { content: "\e142" }

.glyphicon-heart-empty:before           { content: "\e143" }

.glyphicon-link:before                  { content: "\e144" }

.glyphicon-phone:before                 { content: "\e145" }

.glyphicon-pushpin:before               { content: "\e146" }

.glyphicon-usd:before                   { content: "\e148" }

.glyphicon-gbp:before                   { content: "\e149" }

.glyphicon-sort:before                  { content: "\e150" }

.glyphicon-sort-by-alphabet:before      { content: "\e151" }

.glyphicon-sort-by-alphabet-alt:before  { content: "\e152" }

.glyphicon-sort-by-order:before         { content: "\e153" }

.glyphicon-sort-by-order-alt:before     { content: "\e154" }

.glyphicon-sort-by-attributes:before    { content: "\e155" }

.glyphicon-sort-by-attributes-alt:before{ content: "\e156" }

.glyphicon-unchecked:before             { content: "\e157" }

.glyphicon-expand:before                { content: "\e158" }

.glyphicon-collapse-down:before         { content: "\e159" }

.glyphicon-collapse-up:before           { content: "\e160" }

.glyphicon-log-in:before                { content: "\e161" }

.glyphicon-flash:before                 { content: "\e162" }

.glyphicon-log-out:before               { content: "\e163" }

.glyphicon-new-window:before            { content: "\e164" }

.glyphicon-record:before                { content: "\e165" }

.glyphicon-save:before                  { content: "\e166" }

.glyphicon-open:before                  { content: "\e167" }

.glyphicon-saved:before                 { content: "\e168" }

.glyphicon-import:before                { content: "\e169" }

.glyphicon-export:before                { content: "\e170" }

.glyphicon-send:before                  { content: "\e171" }

.glyphicon-floppy-disk:before           { content: "\e172" }

.glyphicon-floppy-saved:before          { content: "\e173" }

.glyphicon-floppy-remove:before         { content: "\e174" }

.glyphicon-floppy-save:before           { content: "\e175" }

.glyphicon-floppy-open:before           { content: "\e176" }

.glyphicon-credit-card:before           { content: "\e177" }

.glyphicon-transfer:before              { content: "\e178" }

.glyphicon-cutlery:before               { content: "\e179" }

.glyphicon-header:before                { content: "\e180" }

.glyphicon-compressed:before            { content: "\e181" }

.glyphicon-earphone:before              { content: "\e182" }

.glyphicon-phone-alt:before             { content: "\e183" }

.glyphicon-tower:before                 { content: "\e184" }

.glyphicon-stats:before                 { content: "\e185" }

.glyphicon-sd-video:before              { content: "\e186" }

.glyphicon-hd-video:before              { content: "\e187" }

.glyphicon-subtitles:before             { content: "\e188" }

.glyphicon-sound-stereo:before          { content: "\e189" }

.glyphicon-sound-dolby:before           { content: "\e190" }

.glyphicon-sound-5-1:before             { content: "\e191" }

.glyphicon-sound-6-1:before             { content: "\e192" }

.glyphicon-sound-7-1:before             { content: "\e193" }

.glyphicon-copyright-mark:before        { content: "\e194" }

.glyphicon-registration-mark:before     { content: "\e195" }

.glyphicon-cloud-download:before        { content: "\e197" }

.glyphicon-cloud-upload:before          { content: "\e198" }

.glyphicon-tree-conifer:before          { content: "\e199" }

.glyphicon-tree-deciduous:before        { content: "\e200" }

.caret                                  { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.dropdown                               { position: relative }

.dropdown-toggle:focus                  { outline: 0 }

.dropdown-menu                          { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-clip: padding-box; }

.dropdown-menu.pull-right               { right: 0; left: auto; }

.dropdown-menu .divider                 { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }

.dropdown-menu>li>a                     { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; }

.dropdown-menu>li>a:hover, 

.dropdown-menu>li>a:focus               { text-decoration: none; color: #262626; background-color: #f5f5f5; }

.dropdown-menu>.active>a, 

.dropdown-menu>.active>a:hover, 

.dropdown-menu>.active>a:focus          { color: #fff; text-decoration: none; outline: 0; background-color: #428bca; }

.dropdown-menu>.disabled>a, 

.dropdown-menu>.disabled>a:hover, 

.dropdown-menu>.disabled>a:focus        { color: #999 }

.dropdown-menu>.disabled>a:hover, 

.dropdown-menu>.disabled>a:focus        { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed; }

.open>.dropdown-menu                    { display: block }

.open>a                                 { outline: 0 }

.dropdown-menu-right                    { left: auto; right: 0; }

.dropdown-menu-left                     { left: 0; right: auto; }

.dropdown-header                        { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #999; }

.dropdown-backdrop                      { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; }

.pull-right>.dropdown-menu              { right: 0; left: auto; }

.dropup .caret, 

.navbar-fixed-bottom .dropdown .caret   { border-top: 0; border-bottom: 4px solid; content: ""; }

.dropup .dropdown-menu, 

.navbar-fixed-bottom .dropdown .dropdown-menu                                   { top: auto; bottom: 100%; margin-bottom: 1px; }

.btn-group, .btn-group-vertical                                                 { position: relative; display: inline-block; vertical-align: middle; }

.btn-group>.btn, 

.btn-group-vertical>.btn                                                        { position: relative; float: left; }

.btn-group>.btn:hover, 

.btn-group-vertical>.btn:hover, 

.btn-group>.btn:focus, 

.btn-group-vertical>.btn:focus, 

.btn-group>.btn:active, 

.btn-group-vertical>.btn:active, 

.btn-group>.btn.active, 

.btn-group-vertical>.btn.active                                                 { z-index: 2 }

.btn-group>.btn:focus, 

.btn-group-vertical>.btn:focus                                                  { outline: 0 }

.btn-group .btn+.btn, 

.btn-group .btn+.btn-group, 

.btn-group .btn-group+.btn, 

.btn-group .btn-group+.btn-group                                                { margin-left: -1px }

.btn-toolbar                                                                    { margin-left: -5px }

.btn-toolbar .btn-group, 

.btn-toolbar .input-group                                                       { float: left }

.btn-toolbar>.btn, 

.btn-toolbar>.btn-group, 

.btn-toolbar>.input-group                                                       { margin-left: 5px }

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle)        { border-radius: 0 }

.btn-group>.btn:first-child                                                     { margin-left: 0 }

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle)              { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.btn-group>.btn:last-child:not(:first-child), 

.btn-group>.dropdown-toggle:not(:first-child)                                   { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.btn-group>.btn-group                                                           { float: left }

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn                   { border-radius: 0 }

.btn-group>.btn-group:first-child>.btn:last-child, 

.btn-group>.btn-group:first-child>.dropdown-toggle                              { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.btn-group>.btn-group:last-child>.btn:first-child                               { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle            { outline: 0 }

.btn-group>.btn+.dropdown-toggle                                                { padding-left: 8px; padding-right: 8px; }

.btn-group>.btn-lg+.dropdown-toggle                                             { padding-left: 12px; padding-right: 12px; }

.btn-group.open .dropdown-toggle                                                { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }

.btn-group.open .dropdown-toggle.btn-link                                       { -webkit-box-shadow: none; box-shadow: none; }

.btn .caret                                                                     { margin-left: 0 }

.btn-lg .caret                                                                  { border-width: 5px 5px 0; border-bottom-width: 0; }

.dropup .btn-lg .caret                                                          { border-width: 0 5px 5px }

.btn-group-vertical>.btn, 

.btn-group-vertical>.btn-group, 

.btn-group-vertical>.btn-group>.btn                                             { display: block; float: none; width: 100%; max-width: 100%; }

.btn-group-vertical>.btn-group>.btn                                             { float: none }

.btn-group-vertical>.btn+.btn, 

.btn-group-vertical>.btn+.btn-group, 

.btn-group-vertical>.btn-group+.btn, 

.btn-group-vertical>.btn-group+.btn-group                                       { margin-top: -1px; margin-left: 0; }

.btn-group-vertical>.btn:not(:first-child):not(:last-child)                     { border-radius: 0 }

.btn-group-vertical>.btn:first-child:not(:last-child)                           { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.btn-group-vertical>.btn:last-child:not(:first-child)                           { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; }

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn          { border-radius: 0 }

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, 

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle    { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child    { border-top-right-radius: 0; border-top-left-radius: 0; }

.btn-group-justified                                                            { display: table; width: 100%; table-layout: fixed; border-collapse: separate; }

.btn-group-justified>.btn,

.btn-group-justified>.btn-group                                 { float: none; display: table-cell; width: 1%; }

.btn-group-justified>.btn-group .btn                            { width: 100% }

[data-toggle=buttons]>.btn>input[type=radio],

[data-toggle=buttons]>.btn>input[type=checkbox]                 { display: none }

.input-group                                                    { position: relative; display: table; border-collapse: separate; }

.input-group[class*=col-]                                       { float: none; padding-left: 0; padding-right: 0; }

.input-group .form-control                                      { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; }

.input-group-lg>.form-control, 

.input-group-lg>.input-group-addon, 

.input-group-lg>.input-group-btn>.btn                           { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; }

select.input-group-lg>.form-control, 

select.input-group-lg>.input-group-addon, 

select.input-group-lg>.input-group-btn>.btn                     { height: 46px; line-height: 46px; }

textarea.input-group-lg>.form-control, 

textarea.input-group-lg>.input-group-addon, 

textarea.input-group-lg>.input-group-btn>.btn, 

select[multiple].input-group-lg>.form-control, 

select[multiple].input-group-lg>.input-group-addon, 

select[multiple].input-group-lg>.input-group-btn>.btn           { height: auto }

.input-group-sm>.form-control, 

.input-group-sm>.input-group-addon, 

.input-group-sm>.input-group-btn>.btn                           { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

select.input-group-sm>.form-control, 

select.input-group-sm>.input-group-addon, 

select.input-group-sm>.input-group-btn>.btn                     { height: 30px; line-height: 30px; }

textarea.input-group-sm>.form-control, 

textarea.input-group-sm>.input-group-addon, 

textarea.input-group-sm>.input-group-btn>.btn, 

select[multiple].input-group-sm>.form-control, 

select[multiple].input-group-sm>.input-group-addon, 

select[multiple].input-group-sm>.input-group-btn>.btn           { height: auto }

.input-group-addon, 

.input-group-btn, 

.input-group .form-control                                      { display: table-cell }

.input-group-addon:not(:first-child):not(:last-child), 

.input-group-btn:not(:first-child):not(:last-child), 

.input-group .form-control:not(:first-child):not(:last-child)   { border-radius: 0 }

.input-group-addon, 

.input-group-btn                                                { width: 1%; white-space: nowrap; vertical-align: middle; }

.input-group-addon                                              { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; }

.input-group-addon.input-sm                                     { padding: 5px 10px; font-size: 12px; border-radius: 3px; }

.input-group-addon.input-lg                                     { padding: 10px 16px; font-size: 18px; border-radius: 6px; }

.input-group-addon input[type=radio], 

.input-group-addon input[type=checkbox]                         { margin-top: 0 }

.input-group .form-control:first-child, 

.input-group-addon:first-child, 

.input-group-btn:first-child>.btn, 

.input-group-btn:first-child>.btn-group>.btn, 

.input-group-btn:first-child>.dropdown-toggle, 

.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), 

.input-group-btn:last-child>.btn-group:not(:last-child)>.btn    { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.input-group-addon:first-child                                  { border-right: 0 }

.input-group .form-control:last-child, 

.input-group-addon:last-child, 

.input-group-btn:last-child>.btn, 

.input-group-btn:last-child>.btn-group>.btn, 

.input-group-btn:last-child>.dropdown-toggle, 

.input-group-btn:first-child>.btn:not(:first-child), 

.input-group-btn:first-child>.btn-group:not(:first-child)>.btn  { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.input-group-addon:last-child           { border-left: 0 }

.input-group-btn                        { position: relative; font-size: 0; white-space: nowrap; }

.input-group-btn>.btn                   { position: relative }

.input-group-btn>.btn+.btn              { margin-left: -1px }

.input-group-btn>.btn:hover, 

.input-group-btn>.btn:focus, 

.input-group-btn>.btn:active                                        { z-index: 2 }

.input-group-btn:first-child>.btn, 

.input-group-btn:first-child>.btn-group                             { margin-right: -1px }

.input-group-btn:last-child>.btn, 

.input-group-btn:last-child>.btn-group                              { margin-left: -1px }

.nav                                                                { margin-bottom: 0; padding-left: 0; list-style: none; }

.nav>li                                                             { position: relative; display: block; }

.nav>li>a                                                           { position: relative; display: block; padding: 10px 15px; }

.nav>li>a:hover, 

.nav>li>a:focus                                                     { text-decoration: none; background-color: #eee; }

.nav>li.disabled>a                                                  { color: #999 }

.nav>li.disabled>a:hover, 

.nav>li.disabled>a:focus                                            { color: #999; text-decoration: none; background-color: transparent; cursor: not-allowed; }

.nav .open>a, 

.nav .open>a:hover, 

.nav .open>a:focus                                                  { background-color: #eee; border-color: #428bca; }

.nav .nav-divider                                                   { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }

.nav>li>a>img                                                       { max-width: none }

.nav-tabs                                                           { border-bottom: 1px solid #ddd }

.nav-tabs>li                                                        { float: left; margin-bottom: -1px; }

.nav-tabs>li>a                                                      { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; }

.nav-tabs>li>a:hover                                                { border-color: #eee #eee #ddd }

.nav-tabs>li.active>a, 

.nav-tabs>li.active>a:hover, 

.nav-tabs>li.active>a:focus                                         { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; }

.nav-tabs.nav-justified                                         	{ width: 100%; border-bottom: 0; }

.nav-tabs.nav-justified>li                                      	{ float: none }

.nav-tabs.nav-justified>li>a                                    	{ text-align: center; margin-bottom: 5px; }

.nav-tabs.nav-justified>.dropdown .dropdown-menu                	{ top: auto; left: auto; }

.nav-tabs.nav-justified>li>a                                    	{ margin-right: 0; border-radius: 4px; }

.nav-tabs.nav-justified>.active>a, 	

.nav-tabs.nav-justified>.active>a:hover, 	

.nav-tabs.nav-justified>.active>a:focus                         	{ border: 1px solid #ddd; }

.nav-pills>li                                                   	{ float: left; }

.nav-pills>li>a                                                 	{ border-radius: 4px }

.nav-pills>li+li                                                	{ margin-left: 2px }

.nav-pills>li.active>a, 	

.nav-pills>li.active>a:hover, 	

.nav-pills>li.active>a:focus                                    	{ color: #fff; background-color: #428bca; }

.nav-stacked>li                                                 	{ float: none }

.nav-stacked>li+li                                              	{ margin-top: 2px; margin-left: 0; }

.nav-justified                                                  	{ width: 100% }

.nav-justified>li                                               	{ float: none }

.nav-justified>li>a                                             	{ text-align: center; margin-bottom: 5px; }

.nav-justified>.dropdown .dropdown-menu                         	{ top: auto; left: auto; }

.nav-tabs-justified                                             	{ border-bottom: 0; }

.nav-tabs-justified>li>a                                        	{ margin-right: 0; border-radius: 4px; }

.nav-tabs-justified>.active>a, 	

.nav-tabs-justified>.active>a:hover, 	

.nav-tabs-justified>.active>a:focus                             	{ border: 1px solid #ddd }

.tab-content>.tab-pane                                          	{ display: none; }

.tab-content>.active                                            	{ display: block; }

.nav-tabs .dropdown-menu                                        	{ margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; }

.navbar                                                         	{ position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; }

.navbar-collapse                                                	{ max-height: 340px; overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); -webkit-overflow-scrolling: touch; }

.navbar-collapse.in                                             	{ overflow-y: auto; }

.container>.navbar-header, 	

.container-fluid>.navbar-header, 	

.container>.navbar-collapse, 	

.container-fluid>.navbar-collapse                               	{ margin-right: -15px; margin-left: -15px; }

.navbar-static-top                                              	{ z-index: 1000; border-width: 0 0 1px; }

.navbar-fixed-top, 	

.navbar-fixed-bottom                                            	{ position: fixed; right: 0; left: 0; z-index: 1030; }

.navbar-fixed-top                                               	{ top: 0; border-width: 0 0 1px; }

.navbar-fixed-bottom                                            	{ bottom: 0; margin-bottom: 0; border-width: 1px 0 0; }

.navbar-brand                                                   	{ float: left; padding: 15px; font-size: 18px; line-height: 20px; height: 50px; }

.navbar-brand:hover, 	

.navbar-brand:focus                                             	{ text-decoration: none }

.navbar-toggle                                                  	{ position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; }

.navbar-toggle:focus                                            	{ outline: 0 }

.navbar-toggle .icon-bar                                        	{ display: block; width: 22px; height: 2px; border-radius: 1px; }

.navbar-toggle .icon-bar+.icon-bar                              	{ margin-top: 4px }

.navbar-nav                                                     	{ margin: 7.5px -15px; }

.navbar-nav>li>a                                                	{ padding-top: 10px; padding-bottom: 10px; line-height: 20px; }

.navbar-form                                                    	{ margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); margin-top: 8px; margin-bottom: 8px; }

.navbar-nav>li>.dropdown-menu                                   	{ margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu              	{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.navbar-btn                                                     	{ margin-top: 8px; margin-bottom: 8px; }

.navbar-btn.btn-sm                                              	{ margin-top: 10px; margin-bottom: 10px; }

.navbar-btn.btn-xs                                              	{ margin-top: 14px; margin-bottom: 14px; }

.navbar-text                                                    	{ margin-top: 15px; margin-bottom: 15px; }

.navbar-default                                                 	{ background-color: #f8f8f8; border-color: #e7e7e7; }

.navbar-default .navbar-brand                                   	{ color: #777 }

.navbar-default .navbar-brand:hover, 	

.navbar-default .navbar-brand:focus                             	{ color: #5e5e5e; background-color: transparent; }

.navbar-default .navbar-text                                    	{ color: #777 }

.navbar-default .navbar-nav>li>a                                	{ color: #777 }

.navbar-default .navbar-nav>li>a:hover, 	

.navbar-default .navbar-nav>li>a:focus                          	{ color: #333; background-color: transparent; }

.navbar-default .navbar-nav>.active>a, 	

.navbar-default .navbar-nav>.active>a:hover, 	

.navbar-default .navbar-nav>.active>a:focus                     	{ color: #555; background-color: #e7e7e7; }

.navbar-default .navbar-nav>.disabled>a, 	

.navbar-default .navbar-nav>.disabled>a:hover, 	

.navbar-default .navbar-nav>.disabled>a:focus                   	{ color: #ccc; background-color: transparent; }

.navbar-default .navbar-toggle                                  	{ border-color: #ddd }

.navbar-default .navbar-toggle:hover, 	

.navbar-default .navbar-toggle:focus                            	{ background-color: #ddd }

.navbar-default .navbar-toggle .icon-bar                        	{ background-color: #888 }

.navbar-default .navbar-collapse, 	

.navbar-default .navbar-form                                    	{ border-color: #e7e7e7 }

.navbar-default .navbar-nav>.open>a, 	

.navbar-default .navbar-nav>.open>a:hover, 	

.navbar-default .navbar-nav>.open>a:focus                       	{ background-color: #e7e7e7; color: #555; }

.navbar-default .navbar-link                                    	{ color: #777; }

.navbar-default .navbar-link:hover                              	{ color: #333 }

.navbar-inverse                                                 	{ background-color: #222; border-color: #080808; }

.navbar-inverse .navbar-brand                                   	{ color: #999 }

.navbar-inverse .navbar-brand:hover, 	

.navbar-inverse .navbar-brand:focus                             	{ color: #fff; background-color: transparent; }

.navbar-inverse .navbar-text                                    	{ color: #999 }

.navbar-inverse .navbar-nav>li>a                                	{ color: #999 }

.navbar-inverse .navbar-nav>li>a:hover, 	

.navbar-inverse .navbar-nav>li>a:focus                          	{ color: #fff; background-color: transparent; }

.navbar-inverse .navbar-nav>.active>a, 	

.navbar-inverse .navbar-nav>.active>a:hover, 	

.navbar-inverse .navbar-nav>.active>a:focus                     	{ color: #fff; background-color: #080808; }

.navbar-inverse .navbar-nav>.disabled>a, 	

.navbar-inverse .navbar-nav>.disabled>a:hover, 	

.navbar-inverse .navbar-nav>.disabled>a:focus                   	{ color: #444; background-color: transparent; }

.navbar-inverse .navbar-toggle                                  	{ border-color: #333 }

.navbar-inverse .navbar-toggle:hover, 	

.navbar-inverse .navbar-toggle:focus                            	{ background-color: #333 }

.navbar-inverse .navbar-toggle .icon-bar                        	{ background-color: #fff }

.navbar-inverse .navbar-collapse, 	

.navbar-inverse .navbar-form                                    	{ border-color: #101010 }

.navbar-inverse .navbar-nav>.open>a, 

.navbar-inverse .navbar-nav>.open>a:hover, 

.navbar-inverse .navbar-nav>.open>a:focus                       	{ background-color: #080808; color: #fff; }

.navbar-inverse .navbar-link                                	{ color: #999; }

.navbar-inverse .navbar-link:hover      					{ color: #fff }

.breadcrumb                             					{ padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; }

.breadcrumb>li                          					{ display: inline-block }

.breadcrumb>li+li:before                					{ content: "/\00a0"; padding: 0 5px; color: #ccc; }

.breadcrumb>.active                     					{ color: #999 }

.pagination                             					{ display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }

.pagination>li                          					{ display: inline }

.pagination>li>a, 					

.pagination>li>span                     					{ position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #428bca; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; }

.pagination>li:first-child>a,					

.pagination>li:first-child>span         					{ margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }

.pagination>li:last-child>a,					

.pagination>li:last-child>span          					{ border-bottom-right-radius: 4px; border-top-right-radius: 4px; }

.pagination>li>a:hover, 					

.pagination>li>span:hover, 					

.pagination>li>a:focus, 					

.pagination>li>span:focus               					{ color: #2a6496; background-color: #eee; border-color: #ddd; }

.pagination>.active>a, 					

.pagination>.active>span, 					

.pagination>.active>a:hover, 					

.pagination>.active>span:hover, 					

.pagination>.active>a:focus, 					

.pagination>.active>span:focus          					{ z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; cursor: default; }

.pagination>.disabled>span, 					

.pagination>.disabled>span:hover, 					

.pagination>.disabled>span:focus, 					

.pagination>.disabled>a, 					

.pagination>.disabled>a:hover, 					

.pagination>.disabled>a:focus           					{ color: #999; background-color: #fff; border-color: #ddd; cursor: not-allowed; }

.pagination-lg>li>a,					

.pagination-lg>li>span                  					{ padding: 10px 16px; font-size: 18px; }

.pagination-lg>li:first-child>a, 					

.pagination-lg>li:first-child>span      					{ border-bottom-left-radius: 6px; border-top-left-radius: 6px; }

.pagination-lg>li:last-child>a, 					

.pagination-lg>li:last-child>span       					{ border-bottom-right-radius: 6px; border-top-right-radius: 6px; }

.pagination-sm>li>a, 					

.pagination-sm>li>span                  					{ padding: 5px 10px; font-size: 12px; }

.pagination-sm>li:first-child>a, 					

.pagination-sm>li:first-child>span      					{ border-bottom-left-radius: 3px; border-top-left-radius: 3px; }

.pagination-sm>li:last-child>a, 					

.pagination-sm>li:last-child>span       					{ border-bottom-right-radius: 3px; border-top-right-radius: 3px; }

.pager                                  					{ padding-left: 0; margin: 20px 0; list-style: none; text-align: center; }

.pager li                               					{ display: inline }

.pager li>a,					

.pager li>span                          					{ display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; }

.pager li>a:hover, 					

.pager li>a:focus                       					{ text-decoration: none; background-color: #eee; }

.pager .next>a, 					

.pager .next>span                       					{ float: right }

.pager .previous>a, 					

.pager .previous>span                   					{ float: left }

.pager .disabled>a, 					

.pager .disabled>a:hover, 					

.pager .disabled>a:focus, 					

.pager .disabled>span                   					{ color: #999; background-color: #fff; cursor: not-allowed; }

.label                                  					{ display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }

.label[href]:hover, 					

.label[href]:focus                      					{ color: #fff; text-decoration: none; cursor: pointer; }

.label:empty                            					{ display: none }

.btn .label                             					{ position: relative; top: -1px; }

.label-default                          					{ background-color: #999 }

.label-default[href]:hover, 					

.label-default[href]:focus              					{ background-color: gray }

.label-primary                          					{ background-color: #428bca }

.label-primary[href]:hover, 					

.label-primary[href]:focus              					{ background-color: #3071a9 }

.label-success                          					{ background-color: #5cb85c }

.label-success[href]:hover, 					

.label-success[href]:focus              					{ background-color: #449d44 }

.label-info                             					{ background-color: #5bc0de }

.label-info[href]:hover, 					

.label-info[href]:focus                 					{ background-color: #31b0d5 }

.label-warning                          					{ background-color: #f0ad4e }

.label-warning[href]:hover, 					

.label-warning[href]:focus              					{ background-color: #ec971f }

.label-danger                           					{ background-color: #d9534f }

.label-danger[href]:hover, 					

.label-danger[href]:focus               					{ background-color: #c9302c }

.badge                                  					{ display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #999; border-radius: 10px; }

.badge:empty                            					{ display: none }

.btn .badge                             					{ position: relative; top: -1px; }

.btn-xs .badge                          					{ top: 0; padding: 1px 5px; }

a.badge:hover,					

a.badge:focus                           					{ color: #fff; text-decoration: none; cursor: pointer; }

a.list-group-item.active>.badge, 					

.nav-pills>.active>a>.badge             					{ color: #428bca; background-color: #fff; }

.nav-pills>li>a>.badge                  					{ margin-left: 3px }

.jumbotron                              					{ padding: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; }

.jumbotron h1, .jumbotron .h1           					{ color: inherit }

.jumbotron p                            					{ margin-bottom: 15px; font-size: 21px; font-weight: 200; }

.container .jumbotron                   					{ border-radius: 6px }

.jumbotron .container                   					{ max-width: 100% }



.thumbnail 					                                { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.thumbnail>img, 

.thumbnail a>img                        					{ margin-left: auto; margin-right: auto; }

a.thumbnail:hover, 					

a.thumbnail:focus, 					

a.thumbnail.active                      					{ border-color: #428bca }

.thumbnail .caption                     					{ padding: 9px; color: #333; }

.alert                                  					{ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

.alert h4                               					{ margin-top: 0; color: inherit; }

.alert .alert-link                      					{ font-weight: 700 }

.alert>p, .alert>ul                     					{ margin-bottom: 0 }

.alert>p+p                              					{ margin-top: 5px }

.alert-dismissable                      					{ padding-right: 35px }

.alert-dismissable .close               					{ position: relative; top: -2px; right: -21px; color: inherit; }

.alert-success                          					{ background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }

.alert-success hr                       					{ border-top-color: #c9e2b3 }

.alert-success .alert-link              					{ color: #2b542c }

.alert-info                             					{ background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }

.alert-info hr                          					{ border-top-color: #a6e1ec }

.alert-info .alert-link                 					{ color: #245269 }

.alert-warning                          					{ background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }

.alert-warning hr                       					{ border-top-color: #f7e1b5 }

.alert-warning .alert-link              					{ color: #66512c }

.alert-danger                           					{ background-color: #f2dede; border-color: #ebccd1; color: #a94442; }

.alert-danger hr                        					{ border-top-color: #e4b9c0 }

.alert-danger .alert-link               					{ color: #843534 }

@-webkit-keyframes progress-bar-stripes

{ 

    from        { background-position: 40px 0 }

    to          { background-position: 0 0 }

}

@keyframes progress-bar-stripes

{ 

    from        { background-position: 40px 0 }

    to          { background-position: 0 0 }

}

.progress                               					{ overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); }

.progress-bar                           					{ float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; transition: width .6s ease; }

.progress-striped .progress-bar         					{ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 40px 40px; }

.progress.active .progress-bar          					{ -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success                   					{ background-color: #5cb85c }

.progress-striped .progress-bar-success 					{ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); }

.progress-bar-info                      					{ background-color: #5bc0de }

.progress-striped .progress-bar-info    					{ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); }

.progress-bar-warning                   					{ background-color: #f0ad4e }

.progress-striped .progress-bar-warning 					{ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); }

.progress-bar-danger                    					{ background-color: #d9534f }

.progress-striped .progress-bar-danger  					{ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); }

.media, .media-body                     					{ overflow: hidden; zoom: 1; }

.media, .media .media                   					{ margin-top: 15px }

.media:first-child                      					{ margin-top: 0 }

.media-object                           					{ display: block }

.media-heading                          					{ margin: 0 0 5px }

.media>.pull-left                       					{ margin-right: 10px }

.media>.pull-right                      					{ margin-left: 10px }

.media-list                             					{ padding-left: 0; list-style: none; }

.list-group                             					{ margin-bottom: 20px; padding-left: 0; }

.list-group-item                        					{ position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; }

.list-group-item:first-child            					{ border-top-right-radius: 4px; border-top-left-radius: 4px; }

.list-group-item:last-child             					{ margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.list-group-item>.badge                 					{ float: right }

.list-group-item>.badge+.badge          					{ margin-right: 5px }

a.list-group-item                                           	{ color: #555 }

a.list-group-item .list-group-item-heading                  	{ color: #333 }

a.list-group-item:hover, 	

a.list-group-item:focus                                     	{ text-decoration: none; background-color: #f5f5f5; }

a.list-group-item.active, 	

a.list-group-item.active:hover, 	

a.list-group-item.active:focus                              	{ z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; }

a.list-group-item.active .list-group-item-heading, 	

a.list-group-item.active:hover .list-group-item-heading, 	

a.list-group-item.active:focus .list-group-item-heading     	{ color: inherit }

a.list-group-item.active .list-group-item-text, 	

a.list-group-item.active:hover .list-group-item-text, 	

a.list-group-item.active:focus .list-group-item-text        	{ color: #e1edf7 }

.list-group-item-success                                    	{ color: #3c763d; background-color: #dff0d8; }

a.list-group-item-success                                   	{ color: #3c763d }

a.list-group-item-success .list-group-item-heading          	{ color: inherit }

a.list-group-item-success:hover, 	

a.list-group-item-success:focus                             	{ color: #3c763d; background-color: #d0e9c6; }

a.list-group-item-success.active, 	

a.list-group-item-success.active:hover, 	

a.list-group-item-success.active:focus                      	{ color: #fff; background-color: #3c763d; border-color: #3c763d; }

.list-group-item-info                                       	{ color: #31708f; background-color: #d9edf7; }

a.list-group-item-info                                      	{ color: #31708f }

a.list-group-item-info .list-group-item-heading             	{ color: inherit }

a.list-group-item-info:hover, 	

a.list-group-item-info:focus                                	{ color: #31708f; background-color: #c4e3f3; }

a.list-group-item-info.active, 	

a.list-group-item-info.active:hover, 	

a.list-group-item-info.active:focus                         	{ color: #fff; background-color: #31708f; border-color: #31708f; }

.list-group-item-warning                                    	{ color: #8a6d3b; background-color: #fcf8e3; }

a.list-group-item-warning                                   	{ color: #8a6d3b }

a.list-group-item-warning .list-group-item-heading          	{ color: inherit }

a.list-group-item-warning:hover, 	

a.list-group-item-warning:focus                             	{ color: #8a6d3b; background-color: #faf2cc; }

a.list-group-item-warning.active, 	

a.list-group-item-warning.active:hover, 	

a.list-group-item-warning.active:focus                      	{ color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; }

.list-group-item-danger                                     	{ color: #a94442; background-color: #f2dede; }

a.list-group-item-danger                                    	{ color: #a94442 }

a.list-group-item-danger .list-group-item-heading           	{ color: inherit }

a.list-group-item-danger:hover, 	

a.list-group-item-danger:focus                              	{ color: #a94442; background-color: #ebcccc; }

a.list-group-item-danger.active, 	

a.list-group-item-danger.active:hover, 	

a.list-group-item-danger.active:focus                       	{ color: #fff; background-color: #a94442; border-color: #a94442; }

.list-group-item-heading                                    	{ margin-top: 0; margin-bottom: 5px; }

.list-group-item-text                                       	{ margin-bottom: 0; line-height: 1.3; }

.panel                                                      	{ margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }

.panel-body                                                 	{ padding: 15px }

.panel-heading                                              	{ padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; }

.panel-heading>.dropdown .dropdown-toggle                   	{ color: inherit }

.panel-title                                                	{ margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; }

.panel-title>a                                              	{ color: inherit }

.panel-footer                                               	{ padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.panel>.list-group                                          	{ margin-bottom: 0 }

.panel>.list-group .list-group-item                         	{ border-width: 1px 0; border-radius: 0; }

.panel>.list-group:first-child .list-group-item:first-child                                                         { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; }

.panel>.list-group:last-child .list-group-item:last-child                                                           { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.panel-heading+.list-group .list-group-item:first-child                                                             { border-top-width: 0 }

.panel>.table, 

.panel>.table-responsive>.table                                                                                     { margin-bottom: 0 }

.panel>.table:first-child, 

.panel>.table-responsive:first-child>.table:first-child                                                             { border-top-right-radius: 3px; border-top-left-radius: 3px; }

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child, 

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, 

.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, 

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, 

.panel>.table:first-child>thead:first-child>tr:first-child th:first-child, 

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, 

.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, 

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child             { border-top-left-radius: 3px }

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child, 

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, 

.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, 

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, 

.panel>.table:first-child>thead:first-child>tr:first-child th:last-child, 

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, 

.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, 

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child              { border-top-right-radius: 3px }

.panel>.table:last-child, .panel>.table-responsive:last-child>.table:last-child                                     { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, 

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, 

.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, 

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, 

.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, 

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, 

.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, 

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child                 { border-bottom-left-radius: 3px }

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, 

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, 

.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, 

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, 

.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, 

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, 

.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, 

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child                  { border-bottom-right-radius: 3px }

.panel>.panel-body+.table, 

.panel>.panel-body+.table-responsive                                                                                { border-top: 1px solid #ddd }

.panel>.table>tbody:first-child>tr:first-child th, 

.panel>.table>tbody:first-child>tr:first-child td                                                                   { border-top: 0 }

.panel>.table-bordered, 

.panel>.table-responsive>.table-bordered                                                                            { border: 0 }

.panel>.table-bordered>thead>tr>th:first-child, 

.panel>.table-responsive>.table-bordered>thead>tr>th:first-child, 

.panel>.table-bordered>tbody>tr>th:first-child, 

.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, 

.panel>.table-bordered>tfoot>tr>th:first-child, 

.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, 

.panel>.table-bordered>thead>tr>td:first-child, 

.panel>.table-responsive>.table-bordered>thead>tr>td:first-child, 

.panel>.table-bordered>tbody>tr>td:first-child, 

.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, 

.panel>.table-bordered>tfoot>tr>td:first-child, 

.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child                                                    { border-left: 0 }

.panel>.table-bordered>thead>tr>th:last-child, 

.panel>.table-responsive>.table-bordered>thead>tr>th:last-child, 

.panel>.table-bordered>tbody>tr>th:last-child, 

.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, 

.panel>.table-bordered>tfoot>tr>th:last-child, 

.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, 

.panel>.table-bordered>thead>tr>td:last-child, 

.panel>.table-responsive>.table-bordered>thead>tr>td:last-child, 

.panel>.table-bordered>tbody>tr>td:last-child, 

.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, 

.panel>.table-bordered>tfoot>tr>td:last-child, 

.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child                                                     { border-right: 0 }

.panel>.table-bordered>thead>tr:first-child>td, 

.panel>.table-responsive>.table-bordered>thead>tr:first-child>td, 

.panel>.table-bordered>tbody>tr:first-child>td, 

.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, 

.panel>.table-bordered>thead>tr:first-child>th, 

.panel>.table-responsive>.table-bordered>thead>tr:first-child>th, 

.panel>.table-bordered>tbody>tr:first-child>th, 

.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th                                                    { border-bottom: 0 }

.panel>.table-bordered>tbody>tr:last-child>td, 

.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, 

.panel>.table-bordered>tfoot>tr:last-child>td, 

.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, 

.panel>.table-bordered>tbody>tr:last-child>th, 

.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, 

.panel>.table-bordered>tfoot>tr:last-child>th, 

.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th                                                     { border-bottom: 0 }

.panel>.table-responsive                                                                                            { border: 0; margin-bottom: 0; }

.panel-group                                                                                                        { margin-bottom: 20px }

.panel-group .panel                                                                                                 { margin-bottom: 0; border-radius: 4px; overflow: hidden; }

.panel-group .panel+.panel                                                                                          { margin-top: 5px }

.panel-group .panel-heading                                                                                         { border-bottom: 0 }

.panel-group .panel-heading+.panel-collapse .panel-body                                                             { border-top: 1px solid #ddd }

.panel-group .panel-footer                                                                                          { border-top: 0 }

.panel-group .panel-footer+.panel-collapse .panel-body                                                              { border-bottom: 1px solid #ddd }

.panel-default                                                                                                      { border-color: #ddd }

.panel-default>.panel-heading                                                                                       { color: #333; background-color: #f5f5f5; border-color: #ddd; }

.panel-default>.panel-heading+.panel-collapse .panel-body                                                           { border-top-color: #ddd }

.panel-default>.panel-footer+.panel-collapse .panel-body                                                            { border-bottom-color: #ddd }

.panel-primary                                                                                                      { border-color: #428bca }

.panel-primary>.panel-heading                                                                                       { color: #fff; background-color: #428bca; border-color: #428bca; }

.panel-primary>.panel-heading+.panel-collapse .panel-body                                                           { border-top-color: #428bca }

.panel-primary>.panel-footer+.panel-collapse .panel-body                                                            { border-bottom-color: #428bca }

.panel-success                                                                                                      { border-color: #d6e9c6 }

.panel-success>.panel-heading                                                                                       { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }

.panel-success>.panel-heading+.panel-collapse .panel-body                                                           { border-top-color: #d6e9c6 }

.panel-success>.panel-footer+.panel-collapse .panel-body                                                            { border-bottom-color: #d6e9c6 }

.panel-info                                                                                                         { border-color: #bce8f1 }

.panel-info>.panel-heading                                                                                          { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }

.panel-info>.panel-heading+.panel-collapse .panel-body                                                              { border-top-color: #bce8f1 }

.panel-info>.panel-footer+.panel-collapse .panel-body                                                               { border-bottom-color: #bce8f1 }

.panel-warning                                                                                                      { border-color: #faebcc }

.panel-warning>.panel-heading                                                                                       { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }

.panel-warning>.panel-heading+.panel-collapse .panel-body                                                           { border-top-color: #faebcc }

.panel-warning>.panel-footer+.panel-collapse .panel-body                                                            { border-bottom-color: #faebcc }

.panel-danger                                                                                                       { border-color: #ebccd1 }

.panel-danger>.panel-heading                                                                                        { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }

.panel-danger>.panel-heading+.panel-collapse .panel-body                                                            { border-top-color: #ebccd1 }

.panel-danger>.panel-footer+.panel-collapse .panel-body                                                             { border-bottom-color: #ebccd1 }

.well                                   					{ min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); }

.well blockquote                        					{ border-color: #ddd; border-color: rgba(0, 0, 0, .15); }

.well-lg                                					{ padding: 24px; border-radius: 6px; }

.well-sm                                					{ padding: 9px; border-radius: 3px; }

.close                                  					{ float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); }

.close:hover, 					

.close:focus                            					{ color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50); }

button.close                            					{ padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; }

.modal-open                             					{ overflow: hidden }

.modal                                  					{ display: none; overflow: auto; overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }

.modal.fade .modal-dialog               					{ -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; }

.modal.in .modal-dialog                 					{ -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.modal-dialog                           					{ position: relative; width: auto; margin: 10px; }

.modal-content                          					{ position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); background-clip: padding-box; outline: 0; }

.modal-backdrop                         					{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }

.modal-backdrop.fade                    					{ opacity: 0; filter: alpha(opacity=0); }

.modal-backdrop.in                      					{ opacity: .5; filter: alpha(opacity=50); }

.modal-header                           					{ padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; }

.modal-header .close                    					{ margin-top: -2px }

.modal-title                            					{ margin: 0; line-height: 1.42857143; }

.modal-body                             					{ position: relative; padding: 20px; }

.modal-footer                           					{ margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5; }

.modal-footer .btn+.btn                 					{ margin-left: 5px; margin-bottom: 0; }

.modal-footer .btn-group .btn+.btn      					{ margin-left: -1px }

.modal-footer .btn-block+.btn-block     					{ margin-left: 0 }

.tooltip                                					{ position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); }

.tooltip.in                             					{ opacity: .9; filter: alpha(opacity=90); }

.tooltip.top                            					{ margin-top: -3px; padding: 5px 0; }

.tooltip.right                          					{ margin-left: 3px; padding: 0 5px; }

.tooltip.bottom                         					{ margin-top: 3px; padding: 5px 0; }

.tooltip.left                           					{ margin-left: -3px; padding: 0 5px; }

.tooltip-inner                          					{ max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; }

.tooltip-arrow                          					{ position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top .tooltip-arrow             					{ bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.top-left .tooltip-arrow        					{ bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.top-right .tooltip-arrow       					{ bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.right .tooltip-arrow           					{ top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; }

.tooltip.left .tooltip-arrow            					{ top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; }

.tooltip.bottom .tooltip-arrow          					{ top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow     					{ top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow    					{ top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.popover                               						{ position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); white-space: normal; }

.popover.top                           						{ margin-top: -10px }

.popover.right                         						{ margin-left: 10px }

.popover.bottom                        						{ margin-top: 10px }

.popover.left                          						{ margin-left: -10px }

.popover-title                         						{ margin: 0; padding: 8px 14px; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }

.popover-content                       						{ padding: 9px 14px }

.popover>.arrow, .popover>.arrow:after 						{ position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }

.popover>.arrow                        						{ border-width: 11px }

.popover>.arrow:after                  						{ border-width: 10px; content: ""; }

.popover.top>.arrow                    						{ left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); bottom: -11px; }

.popover.top>.arrow:after              						{ content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; }

.popover.right>.arrow                  						{ top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); }

.popover.right>.arrow:after            						{ content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; }

.popover.bottom>.arrow                 						{ left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); top: -11px; }

.popover.bottom>.arrow:after           						{ content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; }

.popover.left>.arrow                   						{ top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); }

.popover.left>.arrow:after             						{ content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; }

.carousel                               					{ position: relative }

.carousel-inner                         					{ position: relative; overflow: hidden; width: 100%; }

.carousel-inner>.item                   					{ display: none; position: relative; -webkit-transition: .6s ease-in-out left; transition: .6s ease-in-out left; }

.carousel-inner>.item>img, 					

.carousel-inner>.item>a>img								{ line-height: 1 }

.carousel-inner>.active, 					

.carousel-inner>.next,					

.carousel-inner>.prev									{ display: block }

.carousel-inner>.active                 					{ left: 0 }

.carousel-inner>.next, 					

.carousel-inner>.prev									{ position: absolute; top: 0; width: 100%; }

.carousel-inner>.next                   					{ left: 100% }

.carousel-inner>.prev                   					{ left: -100% }

.carousel-inner>.next.left, 					

.carousel-inner>.prev.right								{ left: 0 }

.carousel-inner>.active.left            					{ left: -100% }

.carousel-inner>.active.right           					{ left: 100% }

.carousel-control                       					{ position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: .5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }

.carousel-control.left                  					{ background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0), color-stop(rgba(0, 0, 0, .0001) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',  endColorstr='#00000000',  GradientType=1); }

.carousel-control.right                 					{ left: auto; right: 0; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0), color-stop(rgba(0, 0, 0, .5) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',  endColorstr='#80000000',  GradientType=1); }

.carousel-control:hover, 

.carousel-control:focus									    { outline: 0; color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90); }

.carousel-control .icon-prev, 				

.carousel-control .icon-next, 				

.carousel-control .glyphicon-chevron-left, 				

.carousel-control .glyphicon-chevron-right					{ position: absolute; top: 50%; z-index: 5; display: inline-block; }

.carousel-control .icon-prev, 				

.carousel-control .glyphicon-chevron-left					{ left: 50% }

.carousel-control .icon-next, 				

.carousel-control .glyphicon-chevron-right					{ right: 50% }

.carousel-control .icon-prev, 				

.carousel-control .icon-next								{ width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; }

.carousel-control .icon-prev:before     					{ content: '\2039' }

.carousel-control .icon-next:before     					{ content: '\203a' }

.carousel-indicators                    					{ position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }

.carousel-indicators li                 					{ display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); }

.carousel-indicators .active            					{ margin: 0; width: 12px; height: 12px; background-color: #fff; }

.carousel-caption                       					{ position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }

.carousel-caption .btn 									{ text-shadow: none }

.clearfix:before,

.clearfix:after,

.container:before,

.container:after,

.container-fluid:before,

.container-fluid:after,

.row:before,

.row:after,

.form-horizontal .form-group:before,

.form-horizontal .form-group:after,

.btn-toolbar:before,

.btn-toolbar:after,

.btn-group-vertical>.btn-group:before,

.btn-group-vertical>.btn-group:after,

.nav:before,

.nav:after,

.navbar:before,

.navbar:after,

.navbar-header:before,

.navbar-header:after,

.navbar-collapse:before,

.navbar-collapse:after,

.pager:before,

.pager:after,

.panel-body:before,

.panel-body:after,

.modal-footer:before,

.modal-footer:after 									    { content: " "; display: table; }

.clearfix:after,

.container:after,

.container-fluid:after,

.row:after,

.form-horizontal .form-group:after,

.btn-toolbar:after,

.btn-group-vertical>.btn-group:after,

.nav:after,

.navbar:after,

.navbar-header:after,

.navbar-collapse:after,

.pager:after,

.panel-body:after,

.modal-footer:after 									    { clear: both }

.center-block       									    { display: block; margin-left: auto; margin-right: auto; }

.pull-right         									    { float: right!important }

.pull-left          									    { float: left!important }

.hide               									    { display: none!important }

.show               									    { display: block!important }

.invisible          									    { visibility: hidden }

.text-hide          									    { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden             									    { display: none!important; visibility: hidden!important; }

.affix              									    { position: fixed }



/* columns of same height styles */

.container-xs-height 									    { display: table; padding-left: 0px; padding-right: 0px; }

.row-xs-height       									    { display: table-row }

.col-xs-height       									    { display: table-cell; float: none; }

/* vertical alignment styles */

.col-top             									    { vertical-align: top }

.col-middle          									    { vertical-align: middle }

.col-bottom          									    { vertical-align: bottom }



/*# sourceMappingURL=bootstrap.css.map */

Comments