.goog-logo-link {
   display:none !important;
} 

/* .goog-te-gadget{
   color: transparent !important;
} */
.container{
	max-width: 980px;
}

@font-face {
	font-family: "medusa";
	src: url('../fonts/medusa.ttf');
}


.noscript {
    border: 1px solid #ddd;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f;
}

div.global-site-notice.noscript {
	
	height: 35px;
}

.second-navbar-noscript{
	top: 0px;
}

.third-navbar-noscript{
	top: 72px;
}


.medusa {
	font-family: "medusa";
}

.arial-narrow{
	font-family: "Arial Narrow", Arial;
    font-stretch: condensed;

}

.arial-black {
    font-family: "Arial Black", Arial;
    font-weight: 800;
}

.tungsten {
    font-family: "Tungsten Book", Tungsten;
    font-weight: 300;
}

.subtitle{
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 26.4px;
}

body {
	/**  background-color: #f1e4c1; **/
	/**  background-color: #efe4c6; **/ 
	background-color: #efdeb1;
	font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	color: #333;
	line-height: 1.5;
}

.title_adjust{
	margin-top: 30px;
}

address {

    margin: 0px 0px 20px 20px;
    font-style: italic;
    line-height: 1.6;
	color: #696969;
}


a{
	color: #555;
}

a:focus, a:hover{
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

.nav a:focus, .nav a:hover{
	border-bottom: 0px solid #ddd;
}

.capitalize_all{
	text-transform: uppercase;
}

.topfield{
	/**  background-color: #000; **/
	background-image: linear-gradient(to bottom, #2e2e2e 0px, #010101 100%);
	
	padding: 10px;
}

.top-link a, .top-link{
	color: #f3b751;
	font-size: 14px;
	border-bottom: 0px solid #ddd;
}

.top-link{
	bottom:0;
	/* padding-top: 10px; */
}

.top-link p{
	padding-top: 2px;
	padding-bottom: 0px;
}

/**  End Top Bar **/

.navbar-default .navbar-toggle {
	border-color: #c49414;
}



.navbar-default {
	background-image: linear-gradient(to bottom, #fbc229 0px, #e8b325 100%);
	background-repeat: repeat-x;
	border-radius: 4px;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 5px rgba(0, 0, 0, 0.075);
}
.navbar-default {
	background-color: #F8F8F8;
	border-color: #E7E7E7;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #555;
	box-shadow: none;
	background-color: #f8eed2;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #000;
}

.navbar {
	min-height: 40px;
	margin-bottom: 0;
	border: 0px solid transparent;
	box-shadow: 0 3px 7px rgba(0,0,0,0.5);
}

.navbar-default .navbar-nav > .active > a {
	background-image: linear-gradient(to bottom, #e9b426 0px, #d4a422 100%);
	color: white;
}

.navbar-default .navbar-nav > li > a {
	color: #000;
	font-weight: 500;
}

/** Social Sprite Nav Bar  **/

.social-sprite {
	position: relative;
}

.social-sprite li{
    margin-top: 9px;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

.social-sprite li, .social-sprite a {
	height: 32px;
	display: block;
}
/********** Social Sprite Nav Bar ***********/
/** Add 45px to right to add a new sprite **/

.social-sprite .facebook{
	text-indent: -9999px; 
    right: 102px;
	width: 32px;
	background: url('../img/media-nav-sprite.png') 0 0;
}

#payment_forms{
	margin: 5px;
}

.social-sprite .twitter{
	text-indent: -9999px; 
    right: 57px;
	width: 32px;
	background: url('../img/media-nav-sprite.png') -32px 0;
}

.social-sprite .instagram{
	text-indent: -9999px; 
	right: 15px;
	width: 32px;
	background: url('../img/media-nav-sprite.png') -64px 0;
}
/**  End Social Sprite  **/
/**  End Nav Bar **/

h3, .h3 {
	margin-top: 15px;
	margin-bottom: 15px;
}

/**  Carousel Start  **/

.carousel{
	padding-bottom: 0px;

}

.carousel-caption h3{
	font-size: 30px;
	color: #000;
	margin-bottom: 0px;
}

.cwood .carousel-caption {
	text-align: right;
	right: 3%;
	left: 10%;
	padding-bottom: 0px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
}

.model100 .carousel-caption {
	text-align: right;
	right: 3%;
	left: 3%;
	padding-bottom: 0px;
	padding-top: 0px;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 1);
}
.model100 .carousel-caption h3{
	color: #fff;
}

.ksh .carousel-caption {
	text-align: right;
	right: 3%;
	left: 3%;
	padding-bottom: 0px;
	padding-top: 0px;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 1);
}
.ksh .carousel-caption h3{
	color: #fff;
}

/**  Carousel End  **/

/**  BreadCrumb Nav **/

.breadcrumb {
	margin-bottom: 10px;
	background-color: transparent;
}

/**  end BreadCrumb Nav **/

.new-well-color{
	background-color: #f7f2e8 !important;
	background-image: -webkit-linear-gradient(top,#f7f2e8 0,#fcf5e1 100%);
	background-image: -o-linear-gradient(top,#f7f2e8 0,#fcf5e1 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f7f2e8),to(#fcf5e1));
	background-image: linear-gradient(to bottom,#f7f2e8 0,#fcf5e1 100%);
}

.parts .table > tbody > tr > td, .parts .table > tfoot > tr > td {
	border-top: 0px solid #DDD;
	padding: 0;
}

.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: 0px solid #DDD;
	padding: 5px;
}



/** Sub Nav for Products **/
.baywinNav{
	padding-top: 0px;
	margin-top: 20px;
}

.subNav, .baywinNav{
	background-color: #fdf0cd;
	color: #000;
	background-image: linear-gradient(to top, #fdf6e2 0px, #fdf0cd 25%);
	/**background-image: linear-gradient(to bottom, #d3c7a7 0px, #c0b598 100%);**/
}

.subNav{
/**   background-position: center center;  **/
/**   background-repeat: no-repeat; **/ /* Safari 4-5, Chrome 1-9 */ /* Can't specify a percentage size? Laaaaaame. */ 
/**   background: -webkit-gradient(radial, center center, 0, center center, 460, from(#fff), to(#fff)); **/ /* Safari 5.1+, Chrome 10+ */ 
/**   background: -webkit-radial-gradient(circle, #fff, #fff); **/ /* Firefox 3.6+ */ 
/**   background: -moz-radial-gradient(circle, #fff, #efdeb1);  **//* IE 10 */ 
/**   background: -ms-radial-gradient(circle, #fff, #efdeb1); **/
}



.subNav h3{
	padding: 10px 0;

}
.nav-tabs > li > a {
	color: #333;
	background-color: #ccbb8d;
	font-size: 12px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #efdeb1;
	/** border-color: #000 #000  #f1e4c1 #000  **/
	border-color: #efdeb1 #efdeb1  #efdeb1 #efdeb1 ;
}

.nav-tabs > li > a:hover {
	background-color: #fcf5e1;
	border-top: 1px solid #ccbb8d;
	border-left: 1px solid #ccbb8d;
	border-right: 1px solid #ccbb8d;
}

.nav-tabs {
	border-bottom: 0px solid #efdeb1;
}

.nav-tabs > li > a {
	padding: 5px 15px;
}

.nav-tabs > li > a.dealer{
    background-color: #e8c25d;
}

.baywinNav .nav a:focus, .baywinNav .nav a:hover {
	border-bottom: 0px solid #aaa;
	background-color: #fff;
	color: #000;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color: #000;
	background-color: #CCBB8D;
}
/** End Sub Nav **/


.BW IMG{
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
}



.a100xl{
 padding-right: 10px;
}



.a100xl IMG, .b100xl IMG{
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;

}

.b100xl IMG{
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
}

.a100Info .col-md-8, .a100Info .col-sm-8{
	padding: 0px 0px 10px 0px;
	padding-left: 20px;	
}

.a100Info .col-md-4, .a100Info .col-sm-4{
	padding: 0px 0px 0px 0px;
}


.b100xl .col-sm-6, .b100xl .col-md-6{
	padding: 0px;
	padding-left: 10px;	
	padding-bottom: 10px;	
}

.b100xl .col-sm-12{
	padding: 0px;
	padding-left: 0px;	
	padding-bottom: 10px;	

}

.BWInfo .col-md-8, .BWInfo .col-sm-8{
	padding: 0 7px 10px 10px;
}

.BWInfo .col-md-4, .BWInfo .col-sm-4{
	padding: 0 10px 9px 0px;
}

.BWInfo .col-sm-6{
	padding: 0 5px 10px 5px;

}

.MainInfo, .specifications, .installation, .ProductComp, .ProductComp2, .MXController, .partSearch{
	padding: 30px 0 10px 0;

}

.MXController H4, .features H4{
	padding: 0px;
	margin: 0px;
	padding-bottom: 15px;
}

.MXController li, .features li{
	line-height: 25px;
}

/** main bgcolor #f1e4c1 **/

/**  info table **/

.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: 0px solid #DDD;
	padding: 10px;
}

.infotable th{
	background-color: #CCBB8D;
	color: #000;
	font-size: 18px;
	font-weight: normal;
}

.infotable td{
	background-color: #fff;
	border-bottom: solid 1px #CCBB8D;
}

/** Comparison Table **/

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
} /** Firfox fix **/ 

.xmark{
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.overview p{
	line-height: 22px;
	margin-bottom: 15px;
}

.MXController .img-responsive {
	margin: 0 auto;
}

.MXController img {
	padding-bottom: 30px;
}



/**  bar related search  **/
.RelatedSearch{
	background: #fefbf1 url('../img/RelatedSearchBG.jpg') no-repeat center center; 
	margin: 20px 0; 
 /** #c0b598 **/
}
.RelatedSearch h3{
	padding: 20px 0;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	text-shadow: 1px 1px 20px rgba(0, 0, 0, 1);
}


.RelatedSearch h4{
	font-size: 16px;
	font-weight: bold;
	color: #696969;
}

.RelatedSearch .relatedsearch{
	padding: 15px 0 0px 0;
}

.proccess{
	padding: 30px 0;
}

.makedifference {
	padding: 30px 0;
}

.makedifference p{
	margin-top: 20px;
	margin-bottom: 0px;
	line-height: 33pt;
	font-size: 14pt;
	color: #696969;
}

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


.bigthumb{
	margin-bottom: 0px;
	padding: 30px 0;
 
}

.accessory{
	margin: 0 0 30px 0;
	border-color: #000;

}

.accessorySearch{
	margin-bottom: 20px;
}

.aboutus {
	line-height: 25pt;
	font-size: 18px;
	margin: 30px 0 30px 0;
	color: #696969;
}


footer a{
	color: #aaa;
}

footer a:hover, footer a:focus {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
}

footer{
	color: #aaa;
	background: #000;
	padding: 20px 0;
	border-top: 10px solid #fbc229;
	box-shadow: 0 -3px 7px rgba(0,0,0,0.3);
}

.table2{
	display: table;
	margin: 0 auto;
}
.footer-links{
	list-style: none;
	padding-bottom: 30px;
	margin-bottom: 10px;
}

.footer-links li{
	float: left;
	margin-right: 35px;
	margin-bottom: 20px;
}

.footer-links li a{
	color: #aaa;
	font-size: 12px;
	
}

.footer-links li a:hover, .footer-links li a:focus{
	color: #fff;
	text-decoration: none;
}

#social{
	clear: both;
	padding-bottom: 20px;
}

.twitter2{
	background: #569ccd;
	color: #fff;
	margin-right: 3px;
	margin-bottom: 5px;
}

.facebook2{
	margin-left: 3px;
	margin-bottom: 5px;
}
.twitter2:hover, .twitter2:focus {
	background: #5192c0;
	color: #fff;
}

.facebook2{
	background: #2272a9;
	color: #fff;
}

.facebook2:hover, .facebook2:focus {
	background: #1f6596;
	color: #fff;
}

.social-sprite2{
	width: 16px;
	height: 16px;
	display: inline-block;
	background: transparent url('../img/social-sprite.png') no-repeat;
	background-position: left top;
}

.social-sprite2.facebook2{
	background-position: -16px top;
}

.modal-dialog {
    width: 300px;
    margin: 0px auto;
}

.parts-card {
    border: 1px solid #ccbb8d;
    background-color: #fff; 
	height: 100%;
	/* margin: 5px; */
    padding: 25px;
    color: #666;
}

.partspacing{

    /* background-color: #aaa; */
	padding: 0px;
	padding-right: 10px;
	margin-bottom: 15px;

}

.row2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row2 > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 20px;     /* fallback */
   max-height: 60px;      /* fallback */
   min-height: 60px;      /* fallback */
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.displayprice{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	padding-bottom: 20px;
}

.goldish {
	background-image: linear-gradient(to bottom, #fbc229 0px, #e8b325 100%);
	background-repeat: repeat-x;
	border-radius: 4px;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 5px rgba(0, 0, 0, 0.075);
	margin-top: 25px;
}

.goldish2 {
	background-image: linear-gradient(to bottom, #fbc229 0px, #e8b325 100%);
	background-repeat: repeat-x;
	border-color: #fbb907;
}
.goldish2:hover, .goldish2:focus {
    background-color: #fbc229;
    background-position: 0 -15px;
	border-color: #e8b325;
}

.silverish {
	background-image: linear-gradient(to bottom, #d1d2d1 0px, #b7b7b7 100%);
	background-repeat: repeat-x;
	border-color: #b7b7b7;
	color: 000;
}

.billing_style{
	margin-left: 20px;
	font-size: 14px;
	line-height: 1.6;
	color: #555;
}


.silverish:hover, .silverish:focus {
    background-color: #a1a2a1;
    background-position: 0 -15px;
	border-color: #979797;
}

.redish2 {
	background-image: linear-gradient(to bottom, #777 0px, #333 100%);
	background-repeat: repeat-x;
	border-color: #777;
}

.redish2:hover, .redish2:focus {
	 background-color: #333;
	background-image: linear-gradient(to bottom, #333 0px, #777 100%);
    background-position: 0 -15px;
	border-color: #333;
}
.redish3 {
	background-image: linear-gradient(to bottom, #c50505 0px, #333 100%);
	background-repeat: repeat-x;
	border-color: #c50505;
}

.redish3:hover, .redish3:focus {
	 background-color: #333;
	background-image: linear-gradient(to bottom, #333 0px, #777 100%);
    background-position: 0 -15px;
	border-color: #333;
}

.imagepadding{
	margin-bottom: 10px;
}

.spinner{
    display: inline;
  /*   width: 100%; */
     width: 75px;
}

.table > thead > tr > th > .tablefix{
	
    vertical-align: top;
}

.bottompad{
	margin-bottom: 15px;
}

.bottompad25{
	margin-bottom: 25px;
}

.bottompad40{
	margin-bottom: 40px;
}

.bottompad2{
	margin-bottom: 5px;
}

input{
	display: inline;
}
.fixmargin{
	margin: 0 0px 0 20px;
	width: 91%;
    

}

.fixmargindouble{
	margin: 0 0px 0 0px;
	width: 45%;
    display: inline;

}

.fixmargindoublei{
	margin: 0 0px 0 0px;
	width: 98%;
}

.fixmargin_label{
	margin: 5px 0px 3px 20px;
	width: 100%;
}

.fixmargindouble_label{
	margin: 5px 0px 3px 0px;
	width: 98%;
}


.fixrow{
	margin-bottom: 5px;
}

.labe_tab{
	padding-left: 30px;
	font-weight: 500;
}


.active_checkout_bar{
	background-color:#fff; 
	color: #333;
	border: 1px solid #e3e3e3; 
	padding: 10px;
}

.payment_table .table {
	padding: 10px;
}

.justify{
	text-align:justify;
	padding: 0px 15px;
}

.inactive_checkout_bar{
	background-color:#333; 
	color: #e3e3e3;
	border: 1px solid #e3e3e3; 
	padding: 10px;
}



.red{
	color: red;
}

.needhelp{
    min-height: 20px;
    padding: 20px;
    margin-bottom: 20px;
}

.help{
	    font-size: 22px;
}
.help_call{
	font-family: Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.glyphicon.glyphicon-earphone {
    font-size: 65px;
}
.wellwhite {
    min-height: 20px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    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);
}

.status_format{
	margin: 0 25px;
	
}

#stoveStyle{
	display: none;
}

.makeGreen{
	background: green;
}

.makeRed{
	background: red;
}

.clickable {
    cursor: pointer;
}

#thiscart .modal-dialog {
	width: auto;

}

#thiscart .modal-content {
	/* border: solid 2px #f3b751; */ /* gold */
	border: solid 2px black;

}

#thiscart .modal-header{
	background-color: black;
	background-image: linear-gradient(rgb(46, 46, 46) 0px, rgb(1, 1, 1) 100%); 
	border-bottom-color: #f3b751;

}

#thiscart .modal-footer{

	
	background-color: black;
	background-image: linear-gradient(rgb(46, 46, 46) 0px, rgb(1, 1, 1) 100%); 

}

#thiscart .modal-body{
	background-color: #efdeb1;
}

#thiscart .modal-title, span.closex{
	color: #f3b751;	
}

#thiscart .vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
#thiscart .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
#thiscart .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

 .status_format hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; 
}

.hide_this{
	 /* visibility: none; */
	 display: none;
}

.show_this{
	display:block;
}


/* 
 .goog-te-gadget {
float: left !important;
clear: none;
}

select.goog-te-combo {
float:left !important;
clear: none;
} 
 */


/**  Phone Display adjustments   **/
@media (min-width: @screen-sm-min) {

	.hide{
		 visibility: none;
	}
}
	
@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		thead, tfoot, tbody.cart_sum, th.cart_sum, td.cart_row, td.cart_sum, tr.cart_sum {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute !important;
			top: -9999px !important;
			left: -9999px !important;
		}

    tr {
      /* margin: 0 0 1rem 0; */
    }
     
	.row {

		margin-right: 0px;
		margin-left: 0px;

	} 
	.parts-card {

		padding:15px !important;

	}
    tr.cart_sum:nth-child(even) {
      background: #ddd !important;
    }
		.cart_row .pull-right{
			float: none !important;
		}
		 td.cart_row {
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important;
			position: relative !important;
			padding-left: 35% !important;
		}

		 td.cart_row:before {
			/* Now like a table header */
			position: absolute !important;
			/* Top/left values mimic padding */
			/* top: 0 !important; */
			left: 6px !important;
			width: 45% !important;
			padding-right: 10px !important;
			white-space: nowrap !important;
		}
		
		td.hideThis, tr.hideThis{
			 display: none;
		}
		
		tr.marginAdd{
			margin: 10px 0;
			padding: 5px 0 !important;		
		}
		
		td.turnBlock{
			display: inline !important;
		}
		
		.parts-card {
			padding: 7px;
		}
		
		.btn {
			padding: 5px 5px;
		}
		
		td.hideLines{
			
			border: 0 !important;

		}
		
		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/

		
		td.cart_row:nth-of-type(1):before { content: "Item"; font-weight: bold;}
		td.cart_row:nth-of-type(2):before { content: "QTY"; font-weight: bold;}
		td.cart_row:nth-of-type(3):before { content: "Item Price"; font-weight: bold;}
		td.cart_row:nth-of-type(4):before { content: "Amount"; font-weight: bold;}
}

