.countdown-input {
  @media (min-width: @screen-sm-min) {
    .input-lg;
  }
}
/* --------------------------------------
   Start Responsive Table 
   -------------------------------------- */
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}
/* --------------------------------------
   End Responsive Table 
   -------------------------------------- */




/*.fill{
  width: 100%;
  height: 0;
  padding-bottom: 50%;
  min-height:500px; 
}*/

/*.cat-img img{
  width:95%;
}*/


/*

My Custom CSS
=============

Author:  Romane Vernet
Updated: September 2014
Notes:	 Hand coded for Metrokitchen.com

*/


/* --------------------------------------
   Layout
   -------------------------------------- */
h1 {
  color: #640071; 
}

a {
  color: #640071; 
}

a:hover {
  color: #58a12e;
}

a.imageLink{
    text-decoration:none;
}

.dotted-hr {
  border-image:url('/images/dotted_separator.png') 5 repeat;
  clear:both;
  margin:15px 0;
}

.col-rating-stars {
  width:132px; 
  float:left; 
  min-height:1px; 
  padding-left:15px; 
  padding-right:15px;
}  
  
  
/*======== HEADER ============ */
header {
  margin:0;
}

#topbar {
  background-color:#eee;
}

.tagline {
  color:green; 
  font-weight:700;
  padding: 7px 0;
}

.csphone {
  font-weight:700; 
  padding: 7px 0;
}

.myaccount {
 text-align:right;
}

#header_container {
  background-color:#fff;
  padding: 15px 0 5px 0;
}

#shipping {
  line-height:18px;
  margin-top:7px;
}

.freeshipping {
  color: #c00;
  font-size:18px;
  font-weight:700;  
}

.onorders {
  font-size:12px;
}

#features {
  text-align:center;
}

#features img {
  margin: 0 auto;
  margin-bottom: 15px;
}

/* ======== SEARCHBOX ============ */
#search_box {
  margin-top: 7px;
}

#popular_search {
  font-size:12px;
  padding: 3px 0 0 3px;
}

#search_links a {
  color: #000;
  font-weight: 500;
}

.input-group .form-control:first-child {
  border-radius: 0; 
}

.mag-icon span {
  color: #fff; 
  font-size:20px;
}

.btn-mag {
  background-color:#58a12e;
  border:none;
  padding:3px 9px;
  height:40px;
}

#cart-header {
  border-bottom: 8px solid #58A12E;
  margin-bottom: 15px;
  padding: 10px 0;
  background: #fff;
}


/* ======== CARTICON ============ */
#cartitems {
  float: right;
  height: 78px;
  text-align: right;
  color: #fff;
  font-weight: 700;
}


/* ======== FOOTER ============ */
footer {
  background-color: #333; 
  border-top: 8px solid #faa206;
  color: #eee;
  font-size:14px;
  padding: 20px 0;
}

footer ul {
  list-style:none;
}

footer a {
  color: #ccc;
}

.mkmsg {
  border-top:2px solid #444;
  padding:10px 15px; 
}

/* --------------------------------------
   Typography
   -------------------------------------- */
body { 
  -wekit-font-smoothing:antialiased;
  text-rendering:optimizelegibility;
  background-color: /*#e5e5e5*/#f8f8f8;
}

p {
  font-size:14px;
  padding-bottom:0;
}

.nopadding {
  padding:0;
}

.nomargin {
  margin:0;
}

.col-nomargin-left15 {
  margin-left: -15px;
}

.col-nomargin-left30 {
  margin-left: -30px;
}

.col-nomargin-right15 {
  margin-right: -15px;
}

.col-nomargin-right30 {
  margin-right: -30px;
}

.grid-prodname {
  font-weight:400;
  height: 45px; /*was 50px*/
}


.grid-prodname > a:hover {
  color: #58a12e;
  text-decoration:none;
}


.well {
  margin: 20px 0;
  background-color: white;
}

.well-gray {
  background-color: #f5f5f5;
}

.well-nomargin {
  margin-top:0;
}


.well-header {
  padding-bottom: 9px;
  margin: 0 0 20px;
  border-bottom: 1px solid #eeeeee;
}

.well h2 {
  margin-top:0;
}

.well h4 {
  height:40px;
}


#gwp {

}

#gwp_container h2 {
  color: #faa206;
  margin: 0;
}

#gwp_container p {
  font-size:16px; 
}


/* -------------------------------------
    ICONS
--------------------------------------- */

.fa-times-circle {
  color:#c00;
  font-size:14px;
}

.fa-check-circle {
  color: #58a12e;
  font-size: 14px;
}

.fa-truck {
  color: #c93;
  font-size:14px;
}

.instockicon:hover {
  color:#58a12e;
}

.infoicon:hover{
  color:#faa206;
  width: 14px;
}

.outofstockicon:hover{
  color:#cc0000;
}

.dropshipicon:hover{
  color:#640071;
}

.gwpicon:hover {
  color:#58a12e;
}

/* --------------------------------------
   Navbar
   -------------------------------------- */

.navbar-default{
  color: #fff;
  background-color: #ccc6c6;
  border-color: #aca1a2;
}

.navbar-nav > li:hover {
  background-color: #58a12e;
}

.navbar-nav > .navbar-right >li:hover {
  background-color: #c00;
}

.navbar-inverse .navbar-nav > li > a:hover {
  color:#fff;
}

.navbar-inverse .navbar-nav > li > a{
  color:#dbdbdb;
}
.navbar-default .navbar-nav > .dropdown > a .caret{
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.navbar-default .navbar-brand{
  color:#fff;
}
.navbar {
  margin-bottom:0;
}

.navbar-static-top {
  border-width: 0;
}

.navbar-inverse {
  background-color:#333;
}  

.dropdown-header h5 {
  color: #58a12e;
}


/* -------------------------
	MY ACCOUNT DROPDOWN 
----------------------------*/



/* -------------------------
    END MY ACCOUNT DROPDOWN 
----------------------------*/






.dropdown-menu {
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  background-color: #ffffff;
  border: 7px solid #58a12e;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  z-index:9000;
}

.menu-large {
  position: static !important;
}

.megamenu{
  padding: 10px 0px 20px 0px;
  width:100%;
}

.megamenu> li > ul {
  padding: 0;
  margin: 0;
}

.megamenu> li > ul > li {
  list-style: none;
}

.megamenu> li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}

.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}

.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}

@media (max-width: 768px) {
  
  .megamenu{
    margin-left: 0 ;
    margin-right: 0 ;
  }

  .megamenu> li {
    margin-bottom: 30px;
  }

  .megamenu> li:last-child {
    margin-bottom: 0;
  }

  .megamenu.dropdown-header {
    padding: 3px 15px !important;

  }

  .navbar-nav .open .dropdown-menu .dropdown-header{
	color:#fff;
  }

}





/* --------------------------------------
   Global Styles
   -------------------------------------- */


.mkgreen {
  color: #58a12e;
}

.mkred {
  color: #cc0000;
}

.mkpink {
  color: #c50c69;
}

.mkorange {
  color: #faa206;
}

.mkpurple {
  color: #640071;  
}

.mkgray {
 color: #a8a8a8; 
}

.mklite-gray {
 color: #dbdbdb; 
}


.btn-green {
  color: #ffffff;
  background-color: #58a12e;
}

.btn-green:hover,
  .btn-green:focus,
  .btn-green:active,
  .btn-green.active,
  .open > .dropdown-toggle.btn-green {
  color: #ffffff;
  background-color: #417d1f;
}

.btn-gray {
  color: #777;
  background-color: #e1e1e1;
}

.btn-gray:hover,
  .btn-gray:focus,
  .btn-gray:active,
  .btn-gray.active,
  .open > .dropdown-toggle.btn-gray {
  color: #777;
  background-color: #ccc;
}


.btn-orange {
  color: #ffffff;
  background-color: #faa206;
}

.btn-orange:hover,
  .btn-orange:focus,
  .btn-orange:active,
  .btn-orange.active,
  .open > .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #dd8e02;
}

.btn-purple {
  color: #ffffff;
  background-color: #640071;
}

.btn-purple:hover,
  .btn-purple:focus,
  .btn-purple:active,
  .btn-purple.active,
  .open > .dropdown-toggle.btn-purple {
  color: #ffffff;
  background-color: #490052;
}

.padding_top_10px {
  padding-top:10px;
}

.margin-top-10 {
  margin-top:10px;
}

.margin-top-15 {
  margin-top:15px;
}

.margin-top-30 {
  margin-top:30px;
}

.margin-bottom-10 {
  margin-bottom:10px;
}

.margin-bottom-15 {
  margin-bottom:15px;
}

.margin-bottom-30 {
  margin-bottom:30px;
}

.mkbold {
  font-weight: 700;
}



  
.btn-large {
  padding: 14px 16px;
  font-size: 18px;
  border-radius: 6px;
}

  
/*.btn {
  border-radius:4px;
  background-color: #58a12e;
  color: #fff;
}

.btn-lg {
  padding:10px 35px;
}

.medium-btn {
  font-size:18px;
  padding:15px;
}*/

.hp_side_banner {
 margin-bottom: 15px; 
}

#breadcrumb {
  background-color: /*#f4f4f4*/#eee;
  padding: 10px;
  font-size: 12px;
  color: #640071;
  text-align: left;
}

#breadcrumb a {
  color: #640071;
}

#breadcrumb a:hover {
  color: #58a12e;
  text-decoration: none;
}


#category_options {
  background: #333;
  padding: 10px;
  margin: 0 0 15px;
  color: #fff;
  float:left;
  width: 100%;
}

#category_options ul{
 list-style:none;
}

#category_options li {
 float:left; 
}

#lColumn {
  padding: 10px 0 10px 10px;
  background-color: #4a4a4a;
  margin:0 -15px 0 0;
}

#lColumn ul, #rColumn ul{
  list-style:none; 
}

#rColumn {
  margin:0 0 0 -15px;
}

.catbg {
  background: #fff;
  width:100%;
  float:left;
  height:auto;
}

.cat-featured {
  max-height:230px;
  background-color:#fff;
}

.cat-featured img{
  margin:0 auto;
}

.cat-title {
  min-height:100px;
  background-color: #515151;
  color: #ccc;
  padding: 10px;
  text-align: center;
}

.cat-title a {
  color: white;
}


#products-grid {
  margin: -15px -15px 0 -15px;
}

.gridbox {
  padding: 10px;
  margin-top: 20px;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  /*float:left;*/
  height:330px;
}

.featured_box {
  padding: 0px;
  margin-top: 20px;
  /*background-color: #f5f5f5;*/
  border: 1px solid #cecece;
  border-radius: 4px;
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  /*float:left;*/
}

.clickable-div{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
} 



/* === GLOW AFFECT === */
.gridbox:hover {
  -webkit-box-shadow:0 0 10px /*#58a12e*/#ccc; 
  -moz-box-shadow: 0 0 10px /*#58a12e*/#ccc; 
  box-shadow:0 0 10px /*#58a12e*/#ccc;
}

.featured_box:hover {
  -webkit-box-shadow:0 0 10px /*#58a12e*/#ccc; 
  -moz-box-shadow: 0 0 10px /*#58a12e*/#ccc; 
  box-shadow:0 0 10px /*#58a12e*/#ccc;
}

.category-bigthumbnail {
  display: block;
  margin: 20px 0 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


.category-bigthumbnail .caption {
  padding: 9px;
  color: #ccc;
  background: #333;
  min-height: 80px;
  margin-top: 20px;
}

/*.img_thumb {
    float: left;
    height: 160px;
    margin-bottom: 5px;
    margin-left: 9px;
    position: relative;
    width: 240px;
    border-radius: 3px;
    line-height:120px;
    text-align:center;
}

.img_thumb img {
    vertical-align: middle;
}
*/

#thumbnail {
  /*height:160px;
  width:240px;*/
  text-align:center;
}

.thumbnail-image {
  /*height:63px;
  width: 125px;*/
  margin:0 auto;
  text-align: center;
  min-height:160px;
  vertical-align: middle;
}

.video-btn {
  float:right; 
  margin-top:4px;
}

del {
  text-decoration: line-through;
  color:#777;
  font-style: italic;
}

#product {
  background: transparent;
}

.thumbnail-price {
  font-weight: 700;
  color: #c00;
  min-height:25px;
}

.thumbnail-name {
 min-height: 80px; 
}

#prodprice {
  height:55px;
}


.qty-line {
  float: left;
}

/*.form {
  margin-top: 15px; 
}*/

.qty-line, .video-btn2, .prod-rating, .margin_bottom_10px {
  margin-bottom:10px;
}

.qty-line input {
  width:35px;
}

#prodFreeShip {
  margin: 5px 0;
  min-height: 20px;
}

#prodStockStatus {
  font-size: 13px;
  font-weight: 500;
  height:40px;
  line-height: 21px;
}

#catStockStatus {
  text-align: right;
  line-height: 30px;
}

#order {
  width:100%;
}

#gwp_img img.thumbnail {
margin: 0 20px 10px 0;
}

.price {
  font-weight: 700;
  margin-bottom: 10px;
}

.sale-price {
  color: /*#c00*/#58a12e; 
  font-size:16px;
}

.shipping_icon {
  text-align: right;
}

#item-price {
  font-size:24px; 
  font-weight:600;
}

#addtocartbox {
  border:1px solid #ccc;
  border-radius: 4px;
  padding: 25px;
}





.panel {
  border:1px solid #cecece;
  padding:15px;
}

.panel-heading {
  padding: 10px 15px;
  margin: -15px -15px 15px;
  background-color: #e0e0e0;/*#f8f8f8*/
  border-bottom: 1px solid #ddd;
}

.panel-title a {
  font-weight: bold;
  color: #640071;
  display: block;
}

.panel-title a:hover {
  font-weight: bold;
  color: #58a12e;
}

.cat-status {
  padding: 5px 0;
}

/*.prod-status {
  padding: 10px 0;
}
.prod-status {
  padding: 5px 0 0 15px;
  width: 180px;
  float: left;
  position: relative;
  min-height: 1px;
}*/

.ship-status {
  padding: 5px 0 0 15px;
  /*width: 250px;*/
  float: left;
  position: relative;
  min-height: 1px;
}

.panel-content {
  float:left;
  min-height:230px;
  width: 100%;
}

.panel-height-cart {
  min-height: 230px;
}

.cell-padding-2 {
  padding:2px;
}

.tabbable {
  margin-bottom:15px;
}

.nav-tabs {
  margin-top:50px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: #f4f4f4;
  font-weight:700;
}

.tab-content > .tab-pane {
border: 1px solid #ddd;
border-top: none;
padding: 15px 30px;
background-color: #f4f4f4;
}

.thumbnail-product {
  border:1px solid #ddd; 
  border-radius: 5px; 
  background-color: #fff; 
  padding:10px;
  list-style:none;
  margin-bottom:15px;
}

.nobullets {
  list-style:none;
}

.bold_msg14 {
  color:#333; 
  font-size: 14px; 
  font-weight:700;
}

.bold_msg16 {
  color:#333; 
  font-size: 14px; 
  font-weight:800;
}

.req {
  color: #c00;
}

.sub-label {
  font-weight:normal;
  font-style: italic;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.sale_banner {
  background:/*#640071;*/#c00;
  padding:15px;
  float:left;
  width:100%;
}

.sale_banner_content {
  color:#fff; 
  margin: 0px; 
  font-size:18px; 
  font-weight:700;
}

.gift-title {
  height: 52px;
}


.ie-popup-fix {
  width: 100%;
  overflow-y: hidden !important; 
  overflow-x: auto !important; 
  -ms-overflow-style: -ms-autohiding-scrollbar; 
  -webkit-overflow-scrolling: touch !important;
}

.thanksgiving_countdown_banner {
  background:#faa206;
  padding:5px;
  float:left;
  font-weight: 700;
  width:100%;
  color: #fff;
}


.xmas_countdown_banner {
  font-weight: 700;
  color: #fff;
}

/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Landscape phones and down */
@media (max-width: 480px){ 

  #rColumn {
    margin: 0;
  }

} 

/* Landscape phone to portrait tablet */
@media (max-width: 767px){ 


} 

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px){ 

} 


/* Large desktop */
@media (min-width: 1200px){ 
 
.email_subscribe {
  width:80%;
}

}                        

  
@media (max-width: 768px) {
  .btn-responsive {
    padding:2px 4px;
    font-size:80%;
    line-height: 1;
    border-radius:3px;
  }


}

@media (min-width: 769px) and (max-width: 992px) {
  .btn-responsive {
    padding:4px 9px;
    font-size:90%;
    line-height: 1.2;
  }


}
/* --------------------------------------
   Carousel
   -------------------------------------- */

.carousel-control .icon-next, 
.carousel-control .fa-chevron-circle-right {
  right: 50%;
  margin-right: 0;
}

.carousel {
  margin: 0 0 20px;
}
.carousel-control.left,.carousel-control.right {
  background-image:none;
  width:100px;
}

.fa {
  position: relative;
  top: 1px;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.carousel-control .icon-prev, 
.carousel-control .icon-next, 
.carousel-control .fa-chevron-circle-left, 
.carousel-control .fa-chevron-circle-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}


/* --------------------------------------
   Logo Carousel
   -------------------------------------- */


.well-logo {
  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,0.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}



/*
.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {background-image:none;}/*margin-left:15px;*/
/*@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }	
}

#logoCarousel {
}
*/



/* --------------------------------------
   Cart Styles
   -------------------------------------- */

.table > tbody + tbody {
border-top: 1px solid #dddddd;
}

.viewcart-table {
  margin-top: 20px;
  margin-bottom: 0;
}

.viewcart-total {
  background-color: #f5f5f5; 
  float: right;
  padding: 10px 0;
  margin-bottom:10px;
  width: 100%;
  border:2px solid #ddd;
  border-top: 2px solid #ddd;
}

.table {
  background:#fff;
}

.table-header {
  background-color: #f8f8f8;
}


.cart-totals,.grand-total {
  border: none;
  background-color: transparent;
}

.grand-total {
  font-weight: 800;
  color: #58a12e;
  font-size: 24px;
}

.errors {
  color:#c00;
}

#member_login {
  background-color: #fff;
} 

#checkout_shippingaddress {
  background-color: #fff;
}

#checkout_billing {
  background-color: #fff;
}

#checkout_confirmation {
  background-color: #fff;
}

#checkout_thanks {
  background-color: #fff;
}


/* ============================== */
/* === CHECKOUT SHIPPING PAGE === */
/* ============================== */

.ship_qualify {
  color:#cc3300; 
  font-size: 30px; 
  font-weight:bold;
}

.choose_shipping {
  padding: 15px 10px; 
  border: 2px solid #999; 
  background-color:#fcfaf6; 
  font-size: 20px;
  margin-bottom:15px;
}

#viewcart, #checkout {
  background-color: #fff;
}

#viewcart_shipcost {
  /*float:left;
  width:100%; */
}










#checkout_footer {
  border-top:8px solid #58a12e;
  background-color:#fff;
}


.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
}

@media screen and (max-width: 600px) {
    table#cart tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	table#cart thead { display: none; }
	table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
	table#cart tbody tr td:first-child { /*background: #333;*/ color: #000; border-bottom:1px solid #ccc;}
	table#cart tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}
	
	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}

  
	.table > tbody > tr > td, .table > tfoot > tr > td {
  		border-top: 0;
	}
  
}

/* ============================== */
/* === MODAL STYLES === */
/* ============================== */
.modal-header {
 border-bottom: 0px;
}
  






.bs-wizard {margin-top: 10px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #e3eebd; /*#fbe8aa;*/ top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #58a12e; /*#fbbd19;*/ border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #e3eebd; /*#fbe8aa;*/}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/












/************************/
/** Whats new slider **/
/***********************/

.whats-new.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0;
}

.whats-new.carousel-fade .active.item {
	opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}


.whats-new.carousel-fade .carousel-control {
	z-index: 3;
}

/*.fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }*/





/**************/
/** Carousel **/
/**************/

.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
  background:#fff;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 140px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    /*background: #4E443C;*/
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

/* Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}



/*--------------------------------------------------
 * sidebar links
 * --------------------------------------------------*/


#sidebar {
  /*width: inherit;
  min-width: 220px;
  max-width: 220px;
  float: left;*/  
  background-color:#f5f5f5;
  height:100%;
  position:relative;
  overflow-y:auto;
  overflow-x:hidden;
}
#main {
  height:100%;
  overflow:auto;
}

#member_sidebar {
  background-color:#f5f5f5;
  height:100%;
  position:relative;
  overflow-y:auto;
  overflow-x:hidden;
}

#members {
  background-color: #fff; 
  height:100%; 
  float:left; 
  width:100%;
}


/* ============================== */
/* === MEMBER DASHBOARD STYLE === */
/* ============================== */
.member_dashboard_box {
  border:1px solid #cecece; 
  padding:15px; 
  margin:0 0 15px 0; 
}
.member_dashboard_box:hover {
  -webkit-box-shadow:0 0 10px #ccc; 
  -moz-box-shadow: 0 0 10px #ccc; 
  box-shadow:0 0 10px #ccc;
}

/*
 * off Canvas sidebar
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    width:calc(100% + 220px);
  }
    
  .row-offcanvas-left
  {
    left: -220px;
  }

  .row-offcanvas-left.active {
    left: 0;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
  }
}



/*********=============================================*********************/

/* MINICART */
#minicart .mini-price { float: right; }
#minicart .mini-total { clear: both; float: right; font-weight: bold; }
#minicart .mini-options { clear: both; text-align: center; }
#minicart .mini-options a { margin: 0 10px; }

 #minicart_overlay_box {
     left: 10px;
     margin-left: auto;
     margin-right: auto;
     position: fixed;
     right: 10px;
     /*top: 20%;*/
     z-index: 99999;
     min-width:350px;
  	 max-width:35%;
 }

 #minicart_overlay {
     background-color: #fff;
     border: 1px solid #777;
     /*border-radius: 10px 10px 10px 10px;*/
     box-shadow: 0 0 10px #adadad;
     font-size: 12px;
     color:#555555;
     margin: 0 auto;
     padding: 10px;
     /*width: 450px;*/
 }

 #minicart_overlay .productname {
     color: #000;
     font-size: 22px;
     font-weight: bold;
     margin: 3px 10px 18px;
     text-transform: capitalize;
     text-align: left;
 }
 .overlay_info {text-align:right;}


.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    content:"\e080";
}



/*********=============================================*********************/
     /*********================= TOOLTIP ================**************/
/*********=============================================*********************/

#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
  border-radius:4px;
  width:200px;
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }