/* user.css ----------------------------------------------------------------- */
/*BOF center heading on product listing*/
.grid-group-item .productHolder h2 {
  text-align: center;
}
/*change h1 padding*/
.page-header {
    margin: 0px 0px 20px;}
/*BOF featured products*/
.wrapper {
  position: relative;
  z-index: 90;
}
.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}
.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #ffe600;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe600), to(#FFE819 ));
  background-image: -webkit-linear-gradient(top, #ffe600, #FFE819 );
  background-image:    -moz-linear-gradient(top, #ffe600, #FFE819 );
  background-image:     -ms-linear-gradient(top, #ffe600, #FFE819 );
  background-image:      -o-linear-gradient(top, #ffe600, #FFE819 );
  color: #844224;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
  z-index: 1000;
}
.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}
/*BOF padding for logo*/
#storeLogo{
  padding-top: 10px;
  padding-bottom: 10px
  }
/*BOF panel colors*/
.panel-default>.panel-heading {
  color: #fff;
  background-color: #333333;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  background-image: -moz-linear-gradient(center top , #333333, #333333);
  }
  .panel-default>.panel-heading  a{ 
   color: #fff;} 
/*BOF Breadcrumb panel color*/
  .breadcrumb {
  background-color: #fff;
  background-image: -moz-linear-gradient(center top , #fff, #fff);
  margin-top: 10px;
  }
/*BOF general font and underline color*/
  a {
  color: #333333;
  text-decoration: underline;
  }
  a:focus, a:hover {
  color:#999999;
  }
/*BOF button colors*/
  .btn-success{
  background-color: #333333;
  border-color: #999999;
  }
  .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
  background-color: #999999;
  border-color: #333333;
  }
  .btn-info {
  background-color: #333333;
  border-color: #999999;
	}
  .btn-info.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info{
  background-color: #999999;
  border-color: #333333;
}
/*BOF footer colors*/
  .footer h2 {
  color: #fff}
  .contact {
  color: #fff}
  .generic-text {
  color: #fff}
  .information  a{
  color: #fff}
  .account  {
  color: #fff}
  .footer {
	background-color: #333333 }
  .btn-default {
  color: #333333;
  }
/*BOF style phone button*/  
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: none;
  filter: alpha(opacity=100);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 1;
  background-color: #D3D3D3;
  border-color: #333333;
}
/*BOF cat navbar*/
.dropdown-submenu { position:relative;}
.dropdown-menu > .dropdown > .dropdown-menu, .dropdown-submenu > .dropdown-menu{top:0;left:100%;margin-top:-6px;;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-menu > .dropdown > a:after, .dropdown-submenu > a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover > a:after{border-left-color:#555;}
.navbar-default {
background-color: #333333;
border-color: #fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color: #333333;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 1.3em;
line-height: 1.42857;
background-color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #333333;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 1.3em;
line-height: 1.42857;
background-color: #fff;}
.navbar-default .navbar-nav > li > a {
color: #fff;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 1.3em;
line-height: 1.42857;
text-decoration: none;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #333333;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 1.3em;
line-height: 1.42857;}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 1.3em;
line-height: 1.42857;
}
	
/*BOF shopping cart box colors*/
  .panel-body-cart {
  color: #fff;
  background-color: #844224;
  padding: 15px;}
/*BOF manufacturers logos*/
   @media only screen and (max-width: 736px) {
  #manufacturers-hide { display: none; }   /* hide it elsewhere */
}
  .manufacturers_images ul {  
  padding-top: 10px;
  padding-bottom:10px;
  background-color: #333333;
  border-radius: 3px;
  margin-bottom: 0px;
  }
/*BOF make h1 smaller on mobile*/
  h1,.h1{font-size:30px}
@media only screen and (max-width: 736px) {
   h1,.h1 { font-size: 24px; }
}
/*BOF button group padding and hide*/
.btn-group, .btn-group-vertical {
padding-bottom: 10px}

/*BOF search box margin*/
.autocompletebox-margin {
    margin-top: 20px;
    margin-bottom: 5px;
}
/*BOF margin below carousel for other content mods*/
  .carousel {
  margin-bottom: 20px
  }
/*BOF hide superfish cat menu box on medium sizes */
   @media only screen and (max-width: 991px) {
  #superfish-panel { display: none; }   /* hide it elsewhere */
}
   @media only screen and (min-width: 992px) {
  #cat-panel { display: none; }   /* hide it elsewhere */
}
/*BOF NAVbar hamburger menu button*/
.navbar-inverse .navbar-toggle {
    border-color: #fff;
	color: #fff}
/*and move menu button left*/
  .navbar-toggle {
  float: left;
  margin-left: 15px;}
.navbar-default .navbar-toggle {
    border-color: #fff;
	color:#fff;}
.dropdown-toggle{
	color: #fff;}
/*BOF shrink padding in navbar*/
.nav > li > a {
    padding: 10px 10px;
	}
/*BOF social icons in footer*/
  .list-inline-social {
    padding-left: 0px;
    margin-left: 0px;
    list-style: outside none none;
	}
  .list-inline-social > li {
    display: inline-block;
	margin-left: -5px;
    }
/*BOF back to top button*/
#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	z-index: 91;	
}
/*BOF change breadcrumb separator*/
.breadcrumb > li + li:before {
   content:"\003E \003E";
  color: #844224;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
list-style: none;}

/* BOF GET QUOTES */
.modal-upper-area {
  border-bottom: solid 1px #ccc;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
/* EOF GET QUOTES */
/*BOF padding for all-products*/
   @media only screen and (max-width: 736px) {
  .row .padd{ padding-bottom: 10px; }  
}
/*BOF add currency symbol to navbar*/
.fa-cad:before, .fa-aud:before, .fa-hkd:before, .fa-nzd:before {
  content: "\f155" !important;
}
/*BOF make pftable smaller on mobile*/
  #pftable{font-size:16px}
@media only screen and (max-width: 736px) {
   #pftable { font-size: 14px; }
}
/*BOF make h1 smaller on mobile*/
  .h1price {
  font-size:30px;
  }
@media only screen and (max-width: 736px) {
   .h1price { 
   font-size: 20px; 
   }
}
/*BOF table wrapping*/
@media only screen and (max-width: 736px) {
.table-wrapping {
    table-layout: fixed;
    word-wrap: break-word;
	}
}
/*BOF cat desciption*/
.cat-description {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	color: #333;
	font-size: 16px;
background-color: #ffe600;
background-image: -moz-linear-gradient(center top , #ffe600, #FFE819);
}

/*BOF index content height*/
.same-height{min-height:102px}
@media only screen and (min-width: 480px) {
.visible-xxsblock{display:none!important}
}
/*
.superpad {
padding: 0px;
box-sizing: border-box;}
.sf-menu a {
padding: 0.75em 0.3em !important}
.sf-vertical.sf-arrows > li > .sf-with-ul::after {
margin-right: -11px !important}*/
/*shopping cart box font color*/
.cartcolor  {color:#fff;}
a.cartcolor:hover {color:#fff;}
a.cartcolor:focus {color:#fff;}
/*free shipping text on payment padding*/
.text-pad {padding-bottom: 10px;
		   padding-top: 10px}
/*BOF add 100% to carousel*/		   
.carousel img {
  min-width: 100%;
}		   
/*desciption padding*/
.descpad {padding-top: 10px;}
/*div background*/

.imagebg{
    position: relative;
    z-index: 1;
}
/*.imagebg:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/sandbox/images/americanflag.jpg) center center;
    opacity: .4;
}*/
/* Bootstrap Mid-Small - col-ms-* - the missing grid set for Bootstrap3.*/
@media (min-width: 480px) and (max-width: 768px) {
  .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 {
    float: left;
  }
  .col-ms-12 {
    width: 100%;
  }
  .col-ms-11 {
    width: 91.66666667%;
  }
  .col-ms-10 {
    width: 83.33333333%;
  }
  .col-ms-9 {
    width: 75%;
  }
  .col-ms-8 {
    width: 66.66666667%;
  }
  .col-ms-7 {
    width: 58.33333333%;
  }
  .col-ms-6 {
    width: 50%;
  }
  .col-ms-5 {
    width: 41.66666667%;
  }
  .col-ms-4 {
    width: 33.33333333%;
  }
  .col-ms-3 {
    width: 25%;
  }
  .col-ms-2 {
    width: 16.66666667%;
  }
  .col-ms-1 {
    width: 8.33333333%;
  }
  .col-ms-pull-12 {
    right: 100%;
  }
  .col-ms-pull-11 {
    right: 91.66666667%;
  }
  .col-ms-pull-10 {
    right: 83.33333333%;
  }
  .col-ms-pull-9 {
    right: 75%;
  }
  .col-ms-pull-8 {
    right: 66.66666667%;
  }
  .col-ms-pull-7 {
    right: 58.33333333%;
  }
  .col-ms-pull-6 {
    right: 50%;
  }
  .col-ms-pull-5 {
    right: 41.66666667%;
  }
  .col-ms-pull-4 {
    right: 33.33333333%;
  }
  .col-ms-pull-3 {
    right: 25%;
  }
  .col-ms-pull-2 {
    right: 16.66666667%;
  }
  .col-ms-pull-1 {
    right: 8.33333333%;
  }
  .col-ms-pull-0 {
    right: auto;
  }
  .col-ms-push-12 {
    left: 100%;
  }
  .col-ms-push-11 {
    left: 91.66666667%;
  }
  .col-ms-push-10 {
    left: 83.33333333%;
  }
  .col-ms-push-9 {
    left: 75%;
  }
  .col-ms-push-8 {
    left: 66.66666667%;
  }
  .col-ms-push-7 {
    left: 58.33333333%;
  }
  .col-ms-push-6 {
    left: 50%;
  }
  .col-ms-push-5 {
    left: 41.66666667%;
  }
  .col-ms-push-4 {
    left: 33.33333333%;
  }
  .col-ms-push-3 {
    left: 25%;
  }
  .col-ms-push-2 {
    left: 16.66666667%;
  }
  .col-ms-push-1 {
    left: 8.33333333%;
  }
  .col-ms-push-0 {
    left: auto;
  }
  .col-ms-offset-12 {
    margin-left: 100%;
  }
  .col-ms-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-ms-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-ms-offset-9 {
    margin-left: 75%;
  }
  .col-ms-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-ms-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-ms-offset-6 {
    margin-left: 50%;
  }
  .col-ms-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-ms-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-ms-offset-3 {
    margin-left: 25%;
  }
  .col-ms-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-ms-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-ms-offset-0 {
    margin-left: 0;
  }
}
/*center price and buy now on grid view only*/
@media (max-width: 1200px) {
.grid-group-item .button-listing {
  text-align: center;
 }
}
/*center spinner on checkout*/
.centerspinner {
 text-align: center;}
/*min height for cat image box*/ 
.min-height {
min-height: 200px;} 
/*product tabs*/
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO 
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #cccccc;
}***/
.panel-info {
    border-color: #ddd;
}
.panel-info > .panel-heading {
    color: #fff;
    background-color: #ffe600;
    border-color: #ddd;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #333
	background-color: #cccccc;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #cccccc;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #cccccc;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #cccccc;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #cccccc;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
	background-color: #ebccd1;
	border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
	color: #a94442;
	background-color: #fff;
	border-color: #ebccd1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}	
/*remove radius*/
.panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;}
.panel {
    border-radius: 0px;}
.thumnail{
    border-radius: 0px;}
.well-sm {
 	border-radius: 0px;}
.well {
 	border-radius: 0px;
    text-decoration: none;}
.cat-description {	
 	border-radius: 0px;
	background-color: #f5f5f5;
    border: 1px solid #e3e3e3;}
.btn {
    border-radius: 0px;
    text-decoration: none;}	
.thumbnail{
	border-radius: 0px;}
.productHolder {
	border-radius: 0px;}	
.pagination {
    border-radius: 0px;}
.form-control {
    border-radius: 0px;}
.btn-group-sm > .btn, .btn-sm {
    border-radius: 0px;	}
.list-group-item:first-child {
    border-radius: 0px;}	
/*modal image etc*/
 #mc-content {
   min-height: 100%; 
   height: auto;  
   overflow:auto;
   background-size: cover;
   background-image: url('/sandbox/images/modalbackgroudnew.jpg');
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   border-radius: 0px;
   background-attachment: local;
   background-position: center center;}
#mc-body {
    font-size: 20px;
	font-weight: bold;
    text-align: center;}
#mc-title {
    font-size: 40px;
	font-weight: bolder;
	text-align: center;}
#popup-message {
	text-shadow: 1px 1px #fff;}	
#mc-close {
	opacity: 1;
	color: #fff;}	
/*product info tab padding*/
#tabs {
	padding-top: 10px;}	
/* Responsible Social Icons */
.social-icons .fa {font-size: 1.8em;}.social-icons .fa {width: 30px; height: 30px; line-height: 30px; text-align: center; color: #FFF; color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}.social-icons.icon-flat .fa{border-radius: 0;}.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}.social-icons .fa-digg{background-color:#000000;}.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  .social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} .social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} .social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} .social-icons .fa-reddit-alien{background-color:#CEE3F8;}.social-icons .fa-send{background-color:#CCCCCC;}.social-icons .fa-stumbleupon{background-color:#EB4924;}.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;}.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;}	
#social {
margin-left: 10px;
margin-right: 10px;}
/*info pannel margin*/
.alert {
    margin: 0px 5px 20px 5px;}
/*remove image boarder and move text*/	
.thumbnail {
    border: 0;}	
.caption {
    margin-top: -5px;
	margin-bottom: 15px;}	
/*star color*/
.star-color {
    color: #ffe600;
    -webkit-text-stroke-width: 0.25px;
    -webkit-text-stroke-color: #844244;
}	
/*product listing button padding*/
.listing-padding {
    padding-left: 10px;
    padding-right: 10px;
}
   @media only screen and (max-width: 736px) {
.item.list-group-item img {
    width: 100px;
    height: 100px;}}
.list-group-item.price_background{
	background-color: #f8f8f8 !important;
	padding-left: 0px;}
/*BOF Nav color*/
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #eaeaea;
}
   @media only screen and (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
	text-indent: 5px;}
	}
/*padding on top of attributes*/	
#padding_top {
	padding-top: 10px;}
/*remove boarder from title*/
#headerborder {
	border-bottom: 0px solid #eee !important;
}
/*float image right on sm and larger screens*/
@media only screen and (min-width: 736px) {
  .image { float: right; } 
}
/*currency modal image etc*/
 #rc-content {
   /*min-height: 100%; */
   height: auto;
   overflow:auto;
   background-size: cover;
   background-image: url('/sandbox/images/currecybackgroudnew.jpg');
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   border-radius: 0px;
   background-attachment: local;
   background-position: center center;}
#rc-body {
    font-size: 24px;
	font-weight: bold;
    text-align: center;
	font-style: italic;}
#rc-title {
    font-size: 40px;
	font-weight: bolder;
	text-align: center;}
#rc-popup-message {
	text-shadow: 1px 1px #fff;}	
#rc-close {
	opacity: 1;
	color: #fff;}
.badge {
	background-color: #ffe600;
	color: #555;}
.panel-primary {
    border-color: #ffe600;}	
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #ffe600;
    border-color: #ffe600;}
.alert-warning {
    color: #333;
    background-color: #ccc;
    border-color: #ffe600;}
.alert-info {
    color: #333;
    background-color: #ccc;
    border-color: #ffe600;}	
.aligned-row {
    flex-flow: row wrap;

    &::before {
        display: block;
    }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
       url('/fonts/glyphicons-halflings-regular.woff') format('woff');
  font-display: swap;
}