.one_available{color:red; font-weight:bold}

body {padding: 0px;}
/*MAIN*/
#container_outer { width: 100%; padding-top: 20px; background: url(/images/html/Image/background.jpg) no-repeat center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
#container_outer1 {background: url(/images/html/Image/background.jpg) no-repeat center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	margin-top: 0px;
	}
#container_inner {
    background-image:url(../images/html/Image/background-grey.jpg); background-repeat:repeat;
   
    
    float: none;
    margin-left: auto; margin-right: auto;
    min-height: 400px;
    padding: 20px;
    position: relative;
    max-width: 100% !important;
    width: 1230px;
  
}
#container_inner_home {
    background: none;
    border-radius: 0px;
    width: 1230px;
    float: none;
    margin-left: auto; margin-right: auto;
    min-height: 400px;
    padding: 0px;
    position: relative;
	padding-bottom: 10px;
  
}

.slidercontainer {border: 3px solid #ccc;  margin-bottom: 10px;}

.homecontent {width: 1200px !important; padding-bottom: 20px; margin: auto}
.homecontent h1, .homecontent p{color: #fff;}
.homeboxcontainers {margin-bottom: 10px;}
.homeboxleft {padding-left: 0px !important}
.homeboxright {padding-right: 0px !important}
.homebox {min-height: 180px; border: 2px solid #ccc; background-color: #000; height: 100%}
.homebox h2 {
    background-color: #ccc;
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
}
.sub_homeboxcontainers {margin-bottom: 10px;}
.sub_homeboxleft {padding-left: 0px !important; }
.sub_homeboxright {padding-right: 0px !important; }
.sub_homebox {min-height: 200px; border: 0px solid #ccc; background-color: #000; border-radius: 5px; margin: 20px; margin-top: 0px;}
.sub_homebox h1 {
  background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 1.2em;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
.subleft{margin-left: 0px !important}
.subright {margin-right: 0px !important}


.topheadercontainer {width:80%; margin-left: auto; margin-right: auto;}
.search { float: right;     position: relative;   top: 35px;}
.search input[type=text]{width:230px; font-family: Arial, Helvetica, sans-serif;}

/* HOME CONTENT */
.home_box {background-color: rgba(255,255,255,0.8); border-radius:10px; border:solid 1px #d9d9d9; margin:0.5% ; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);}

/*FOOTER*/
#footer_container {width: 100%; background-image:url(../images/html/Image/theme/diamond-plate.jpg); background-repeat:repeat; height: 100%; float:left; -webkit-box-shadow: 0px -2px 8px 0px rgba(50, 50, 50, 0.86);
-moz-box-shadow:    0px -2px 8px 0px rgba(50, 50, 50, 0.86);
box-shadow:         0px -2px 8px 0px rgba(50, 50, 50, 0.86);}
#footer_container2 {background-color: #FFFFFF;
    background-repeat: repeat;
    box-shadow: 0 -2px 8px 0 rgba(50, 50, 50, 0.86);
    float: none;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    width: 80%;}
#footer_inner{ width: 80%; margin-left:auto; margin-right:auto; padding-bottom: 20px; max-width: 1024px; }
#footer_inner2{ width:96%; margin-left:auto; margin-right:auto; padding-bottom: 20px; max-width: 1024px; }
/*** copied from coffeegrinder.css columns in the footer*/
.row .coffee-377-span-12, .row .coffee-694-span-12 { display:block; background-color:#FFF; height:auto; }

.topheader {width: 1200px; margin-left:auto; margin-right: auto; background-image:url(../images/html/Image/topheaderbg.png); background-repeat:no-repeat; background-size: contain;
min-height: 109px; background-color: #000;

}

.navstrip {width: 100%;}

.navbar-nav{
    display: inherit;
    flex-direction: "";
    float: right;
    background: black
}

.topheadercontainer {width: 1200px;}

.footer-row p, .footer-row li a{font-size:.8em; color:#000; margin-top: -5px;}
.footer-row li a:hover{color:#00CCFF;}

.bottomfooter {width: 80%; max-width: 1024px; background-color:#0CF;}
#copyright p {text-align:right}

.logo img {max-width: 350px;}

img {max-width: 100%; width: auto; height: auto;}

table {width: 95%; margin-left: 0px;}

.shopcartimage {background: url(../images/html/Image/shopping.png) left center no-repeat; padding-left: 20px;}

.account li {list-style: none;  background: url(../images/html/Image/loginpic.png) left center no-repeat; float:left; padding-left: 20px; }
	
.account a:hover {color:#b81f26}

.topinfo h4 {font-family: Arial, 'Open Sans', sans-serif; letter-spacing:normal; text-transform:none; font-size: 1.4em; font-style:italic; text-decoration:underline; margin:0px;}
.topinfo p {font-family: Arial, 'Open Sans', sans-serif; text-align:left; }

#wowslider-container1 .ws-title {display: block !important; background: none repeat scroll 0 0 rgba(218, 28, 28, 0.6) !important; padding: 1.5em !important; border-radius: 0px !important; }

#wowslider-container1 .ws-title span {color:#FFF; font-family: RocknRoll One, 'Droid Serif',serif; font-weight:normal;}

.bottom_home1 p, .bottom_home1 h2 {color: #000;}

.repairbutton {
   border: 1px solid #260303;
   background: #7f1513;
   background: -webkit-gradient(linear, left top, left bottom, from(#7f1513), to(#7f1513));
   background: -webkit-linear-gradient(top, #7f1513, #7f1513);
   background: -moz-linear-gradient(top, #7f1513, #7f1513);
   background: -ms-linear-gradient(top, #7f1513, #7f1513);
   background: -o-linear-gradient(top, #7f1513, #7f1513);
   background-image: -ms-linear-gradient(top, #7f1513 0%, #7f1513 100%);
   padding: 10.5px 21px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   max-width:500px;
   }
   .repairbutton a {color: #ffffff !important;}
.repairbutton:hover {
   border: 1px solid #260303;
   text-shadow: #1e4158 0 1px 0;
   background: #ab111e;
   background: -webkit-gradient(linear, left top, left bottom, from(#ab111e), to(#ab111e));
   background: -webkit-linear-gradient(top, #ab111e, #ab111e);
   background: -moz-linear-gradient(top, #ab111e, #ab111e);
   background: -ms-linear-gradient(top, #ab111e, #ab111e);
   background: -o-linear-gradient(top, #ab111e, #ab111e);
   background-image: -ms-linear-gradient(top, #ab111e 0%, #ab111e 100%);
   color: #fff;
   }
.repairbutton:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #260303;
   background: #5e060d;
   background: -webkit-gradient(linear, left top, left bottom, from(#5e060d), to(#ab111e));
   background: -webkit-linear-gradient(top, #5e060d, #5e060d);
   background: -moz-linear-gradient(top, #5e060d, #5e060d);
   background: -ms-linear-gradient(top, #5e060d, #5e060d);
   background: -o-linear-gradient(top, #5e060d, #5e060d);
   background-image: -ms-linear-gradient(top, #5e060d 0%, #5e060d 100%);
   color: #fff;
   }

/*Social*/
#social {float: left;  width: 100%; margin-bottom: 20px; background-image:url(../images/html/Image/background.png); background-repeat:repeat;  }
#socialinner {margin-top: 10px; margin-bottom: 10px; float: left; width:308px;}

/*SITEMAP*/
.sitemap_list ul{}
.sitemap_list li{}


h1 {font-family: RocknRoll One, 'Droid Serif',serif;  font-size: 25px; font-weight:200; letter-spacing:normal; text-align:left; margin: 0px; text-transform: uppercase}
h2 {font-family: RocknRoll One, 'Droid Serif',serif;  font-size: 21px; font-weight:200; }
h3 {font-family: RocknRoll One, 'Droid Serif',serif;  font-size: 19px; font-weight:200; }
p {font-family: Arial, 'Open Sans', sans-serif; font-size: 16px; font-weight:200; text-align:left; color: #fff;}
hr {border-color: #000; margin:5px;}
.lb-data .lb-caption {
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}

/* Text Elements */
h1.heading-3 {
  float: right;
  width: auto;
}

h4.heading-1 {
  text-align: center;
  font-size: 25px;
  font-family: Arial, 'Open Sans', sans-serif;
}

h5.image-callout {
  color: #f57e00;
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  font-family: Arial, 'Open Sans', sans-serif;
}

h6.heading-2 {
  color: #00CCFF;
  text-align: left;
  font-size: 16px;
  font-family: Arial, 'Open Sans', sans-serif;
}

p.paragraph.reason-text {
  margin-right: auto;
  margin-left: auto;
  width: 80%;
  text-align: center;
}

p.paragraph.paragraph-1 {
  color: #5c5c5c;
  text-align: right;
  font-family: Georgia, Times, 'Times New Roman', serif;
  line-height: 1.4;
}

.bottom_home1 p {    font-family:Arial, 'Open Sans';
    font-size: 1.1em;
    text-align: center;
	min-height:72px;}
.bottom_home1 h2 {font-family: RocknRoll One, 'Droid Serif',serif;
    font-size: 1.6em;
    text-transform: uppercase;
	padding: 0px;}

span.text-element.text-1 {
  text-align: right;
}

a.link-text.nav-link {
  display: block;
  float: right;
  margin-right: 3%;
  margin-left: 3%;
  width: auto;
  font-size: 20px;
}

/* Image Elements */

img.image-1-1.image-1 {
  display: block;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 155px;
}

img.image-4-3.main-image {
  display: block;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1024px;
}
/* About Page */
.aboutblrb{ align: left; padding:10px !important; margin: 10px !important; display:block; min-width:100px;}

/* Gallery Elements */

.imggal1{ height:300px; width:100% !important;}


/* VIDEOS */
.vimeo2{display:block;}
.vimeo2_mobile{display:none;}
.vimeo1{display:block;}
.vimeo1_mobile{display:none;}
.youtube2{display:block;}
.youtube2_mobile{display:none;}
.youtube1{display:block;}
.youtube1_mobile{display:none;}
.myvideo{display:block;}
.myvideo_mobile{display:none;}
.gcsecrets{display:block;}
.gcsecrets_mobile{display:none;}

/* Interaction Elements */

button[type=button].action-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  width: auto;
  font-weight: 700;
  font-size: 16px;
  font-family: Arial, 'Open Sans', sans-serif;
}

/* Layout Elements */

body > .row {
  max-width: 800px;
}

body > .row.reasoning-row {
  margin-top: 40px;
}

body > .row.action-row {
  margin-top: 20px;
}

body > .row.footer-row {
  margin-top: 50px;
  background-color: #fafafa;
}

body.grid-1 {
  background-color: #fff;
}
.cc-map-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
}
.cc-map-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.bottom_home1 {width: auto; margin-left: 0px; margin-right: 0px; float: none; background: none !important; box-shadow:none !important; margin-top: 0px;}
.seemore {padding-bottom: 17px;}

.seemore a {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.seemore a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}
.seemore a:active {	position:relative;	top:1px;}


ul.topnav {width:119%; margin-left: -20px;}
#nav {width:100%; height: auto; border-radius: 0px; background-color:#fff;}
#sidenav {width: 100%; margin: 0px; margin-top: 10px;}
.phone {
    color: #be973a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    font-weight: bold;
    margin: 0;
    text-shadow: 2px 2px 2px #000;
	clear:both;
    float: right;
}
.date {
    color: #be973a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
	float:none;
    font-weight: bold;
    margin: 0;
    text-shadow: 2px 2px 2px #000;
	text-align:center;
}
.address {
    color: #be973a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
	float:right;
    font-weight: bold;
    margin: 0;
    text-shadow: 2px 2px 2px #000;
}
.logo, .logo a {
    background-color: #101010 !important;
    margin: 0;
    padding-bottom: 0;
    padding-top: 5px;
}
.account {width: auto}
.searchbox {width: 310px}
.link-button, button, input[type="submit"] {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:1em;
	font-weight:bold;
	padding:4px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.link-button, button, input[type="submit"]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b48f38), color-stop(1, #DEBE3B));
	background:-moz-linear-gradient(top, #b48f38 5%, #DEBE3B 100%);
	background:-webkit-linear-gradient(top, #b48f38 5%, #DEBE3B 100%);
	background:-o-linear-gradient(top, #b48f38 5%, #DEBE3B 100%);
	background:-ms-linear-gradient(top, #b48f38 5%, #DEBE3B 100%);
	background:linear-gradient(to bottom, #b48f38 5%, #DEBE3B 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b48f38', endColorstr='#DEBE3B',GradientType=0);
	background-color:#b48f38;
}
.link-button, button, input[type="submit"]:active {	position:relative;top:1px;}
input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] {margin-top: 6px;padding: 2px 4px;width: 77%;line-height: 1.3}

#content {
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
}
.category_list_boxes {margin: 0px;}
.category_list_boxes li h3 {border-radius: 0px; background-color:#000}
.prod_result_boxes { margin: 0px;}
.prod_result_boxes li h3 {
    background-color: #2c2c2c;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: arial;
    font-weight: normal;
    padding-bottom: 20px;
    text-align: left;
    width: auto;
}

.prod_result_boxes.box h3 {
    padding: 5px;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    background-color: #000;
}

.prod_result_boxes.box{
    display: inline-block;
    
    background-color: black;
    border-radius: 5px;
    color: #336699;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    list-style-type: none;
    margin: 10px 15px;
    padding: 5px;
    text-align: center;
    box-shadow: 0 0 3px 5px #dfdfdf;
/*    width: 30%;*/
}

.resultstop {
    color: white;
}

.prodimgborder {width: 100%; margin-left: 0px; }

.account a {color: #fff; font-size: 1.3em;}

ul li a {padding: 0px;}

.prod_detail_left {width: 100%; height: auto;}
.prod_detail_right {width: 100%}
.prod_detail_right h1 {width: 100%; text-align: left !important;}

.thumbs {margin-left: 0px; display:inline-block}
.prod_detail_image_nav .thumbimage, .prod_detail_left .thumbimage {
    border: 0 solid #9c9696;
    margin: 10px 10px 10px 0;
    width: auto;
}

.prod_feature li.prod_feature_label {
    clear: both;
    float: left;
    font-weight: bold;
    color: #FF0000;
    width: 150px;
    text-align: left;
}

.prod_feature li{
    float: left;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    color: white;
    line-height: 20px;
    list-style: none;
}

.prod_detail_price {color:white;font-size:2em;font-weight:bold;text-align:left}

.cart_heading {
    background-color: #7f1513;
    border-right: 1px solid #fff;
    color: #ffffff;
    font-size: 1.2em;
    text-align: center;}

.button:hover {color: #fff}

.category_list_boxes a:hover {border: 0px solid #000}
.category_list_boxes li:hover {
    box-shadow: 0 0 10px #dfdfdf;
}

.category_list_boxes li h3 a:hover {border: 0px solid #000; color:#b81f26}

.catimgborder {border-radius: 0px; border: 1px solid #000}

.category_list_boxes img {width: auto; margin-top: 0px; margin-bottom: 0px; height: 40px; }
.pay_radio {list-style:none;}

.promotable {margin-bottom: -40px;}
.promodesc {width: 60%; float: left;}
.promoinput {width: 20%; float: left;}
.promobutton {width: 16%; float: left;}
input[type="promo"] {width:100%}

.form_billingarea {width:100%}
.form_shippingarea {width: 100%}
.form_messagearea {width: 100%}

.sform h2 {background: none; box-shadow:none; color: #000; margin-bottom: 15px;
    margin-left: -6px;
    text-decoration: underline;
}

.form_loginbox {width: 100%; margin-left: 0px; margin-top: 10px;}
.form_registerbox {width: 100%; margin-left: 0px; margin-top: 10px;}
.form_registerbox p {text-align:left}

.sform {margin: -25px 0 0; clear: both;}
/*.sform .blank_title {display: none}*/
.sform .checkb {margin-top: 3px; margin-left: -5px;}
.sform .blank_field {width: 134px;}
.sform select {width: 300px;}
.sform textarea {width: 300px}
.sform label {width: 50%; margin-right: 19.5%; font-weight: normal;}
.sform .submit {width: 120px; margin: 0px; clear: both;}
.space15 {padding-top: 0px;}

.msg_errors, .msg_errors_sform {
    background-color: #edbfbf;
    border: 1px solid #ff0000;
    color: #000000;
    height: auto;
    list-style-type: none;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 10px;
    width: 100%;}

.cart_subtitle {margin-left:0px;}
.cart_summary {margin-left: -30px;}
.cart_summary .title {width: 50%}
.cart_summary ul {width: 100%; margin-left: 20px;}
.cart_summary .figure {width: 43%}
.cart_summary .total	{background:none; border-top: 2px solid #999}

ul.topnav ul {top:43px; border: 0px solid #000}

.cart_option_select1 {cursor: default}

ul.topnav li {text-align: left}


b, strong {font-weight:bold}

.freesamples {margin-top: 200px; float: none;}

#footer {
	 box-shadow: 0 8px 13px 0 rgba(50, 50, 50, 0.4);
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    width: 80%;
	background: #683213; /* Old browsers */

background: -moz-linear-gradient(top,  #683213 0%, #3e1702 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#683213), color-stop(100%,#3e1702)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #683213 0%,#3e1702 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #683213 0%,#3e1702 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #683213 0%,#3e1702 100%); /* IE10+ */

background: linear-gradient(to bottom,  #683213 0%,#3e1702 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#683213', endColorstr='#3e1702',GradientType=0 ); /* IE6-9 */



}

.footericon {width: 25px; float: right; margin-right: 3px;}

.leftalignimage {float: left; width: 25%}
.rightaligntext {float: right; width: 75%}
.footerspace {margin-top: 10px;  }

.creditcards {margin-left: auto; margin-right: auto; width: 171px;}

.footerspace p {font-family: RocknRoll One, 'Droid Serif', serif; font-size: 1em; margin-top: 0px; color: #fff;}

.privacypolicy {clear: both;
    float: right;
    margin-right: 7px;
    margin-top: 10px;}

#content {background: none}

.testim_side_boxes {border-top: 2px solid #000; border-bottom: 2px solid #000; padding-top: 15px;}
.testim_side_title {font-family: RocknRoll One, "Droid Serif",serif;
    font-size: 1.6em;
    padding: 0;
    text-transform: uppercase;
	font-style:normal; font-weight: bold;}	

.testformlist_title {font-family: RocknRoll One, "Droid Serif",serif;
    font-size: 1.4em;
    padding: 0;
    text-transform: uppercase;
	font-style:normal; font-weight: bold;}	

.testim_result_boxes li {list-style:none}

.test_desc {display:none}

.test_desc_list {font-size: 1.2em;}	

.basicform label, .basicform input, .basicform textarea, .basicform select {margin-bottom: 0px !important;}

.basicform {  background-color: #720e17;
    padding: 10px;
    width: 90% !important;
	float: right;}
	

.searchtry {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
	box-shadow:inset 0px 1px 0px 0px #ffffff !important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9)) !important;
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%) !important;
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%) !important;
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%) !important;
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%) !important;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0) !important;
	background-color:#f9f9f9 !important;
	-moz-border-radius:6px !important;
	-webkit-border-radius:6px !important;
	border-radius:0px !important;
	border:1px solid #dcdcdc !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#666666 !important;
	font-family:arial !important;
	font-size:1em !important;
	font-weight:bold !important;
	padding:3px 24px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #ffffff !important;
	margin-top: 0px !important;
	width: auto !important;
	
}
.searchtry:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9)) !important;
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%) !important;
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%) !important;
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%) !important;
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%) !important;
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0) !important;
	background-color:#e9e9e9 !important;
}
.searchtry:active {
	position:relative !important;
	top:1px !important;
}

#content a:hover{color:#f2cb33}
#content a 
{color: #be973a;font-family:RocknRoll One,Arial, Helvetica, sans-serif; text-decoration:none}
#content h1 {font-family:RocknRoll One,Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color: #fff;}
#footer a {color: #fff !important}


	
.socialmedia {float:right; clear: both;}
.socialmediaicon {
    float: left;
    padding-bottom: 10px;
    padding-left: 10px;
}

.bigimage {width: 100%;}
.prod_detail_image .mainimage, .prod_detail_left .mainimage {width: 100%;}

.mobilemenu {display: none;}

.black {
    background-color: black;
}

ul.menu.full-width{
    float: right;
    clear: both;
    width:85%;
    display: block;
}

.category_list_boxes.box {
    background-color: #fff;
    border-radius: 5px;
    color: #336699;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    list-style-type: none;
    margin: 10px 15px;
    text-align: center;
/*    width: 30%;*/
    padding: 10px 0px;
    box-shadow: 0 0 10px #363636;
}

.category_list_boxes.box:hover{
	box-shadow: 0 0 10px #E8D78F;
}

.category_list_boxes.box a{
    color: black !important;
}

.nav-item{
    float: left;
    width: auto;
    padding: 0px 0px;
/*    padding: 0px 5px;*/
    font-size: 14px;
}

.nav-item a{
    color: white;
}

.homebox img{
    max-width: 100%;
    height: 140px !important;
}

@media screen and (min-width:821px){
    .col-md-4{
        width: 28% !important;
    }
}


@media screen and (max-width: 821px) {
	.mobilemenu {display: none;  background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 3px #bfbfbf inset;
    padding-bottom: 15px; float: left;}
	.logo, .logo a {float:none; margin-left: auto; margin-right: auto;}
	.logocontainer {width:200px; margin-left: auto; margin-right: auto;}
	h1.heading-3 {
  float: none;
  width: auto;
  text-align:center;
}
.topheader{width: 600px;}
.homecontent {width: 600px;}
.topheadercontainer {width: 600px;}
#container_inner {width: 600px;}
#container_inner_home {width: 600px;}
.navstrip {width: auto;}
ul.menu li{padding:10px; }
#content {width: 540px; margin-left: 0px; margin-right: 0px;}
.sub_homebox {margin:0px; margin-bottom: 10px;}
.sub_homeboxleftcenter {padding-right: 0px !important}
.sub_homeboxrightcenter {padding-left: 0px !important}
.phone {float:none; text-align:center; font-size:1.5em; }
.searchbox {width: 100%}
input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] {width: 65%}
.socialmedia {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    width: 109px;
}
.basicform {float: left; width: 100% !important}
.basicform h2 {line-height: 1.4em !important; margin-bottom: 30px !important;}
    

.account {float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 210px;
	height: 65px;}
.account a { font-size: 9px; }



#socialinner {float: none;
    margin: 10px auto;
    width: 308px;}

#copyright p {text-align: center}

.category_list_boxes li {float: none; margin-left: auto; margin-right: auto}

ul li a {padding: 0px}
.prod_result_boxes li {float: none}

.prod_detail_left {width: 100%}
.prod_detail_right {width: 100%; min-height: 0px;}


.promodesc {width: 100%; text-align: left;}
.promoinput {width: 100%; text-align: left;}
.promobutton {width: 100%; text-align: left;}
.prodquantity {width: 100%; }
.cart_desc {width: 100%; text-align: left; font-size: 1.5em;}
.cart_qtybutton {width: 200px}

.prod_desc {width: 100%}

.cart_totallabel {width:100%; float: left;}
.cart_total {float:left; width: 100%; border-bottom: 1px solid #ccc; margin-top: -25px; color: #222;}

.shopcarttable td {padding:0px;}

.itemprice {float: left; width: 100%; text-align: left;}
.totalprice {float: left; width: 100%; text-align: left; border-bottom: 1px solid #ccc !important;}

.cart_summary .figure {
    color: #000;
    text-align: left;
    width: 43%;
}

.cart_summary .title {width: 100%}

  #wowslider-container1 .ws-title {font-size: 5px !important;}

.bottom_home1 p {min-height: 0px;}
.bottom_home1 h2 {min-height: 0px;}


.footericon {margin-bottom: 10px;}
.footerspace {border-bottom: 1px solid #ccc; height:auto}

.leftalignimage {float: none; width: 100%}
.rightaligntext {float: none; width: 100%}

.creditcards  {float: left;}

.footericon {float: left;}
.privacypolicy {float: left;}

.vimeo2{display:none;}
.vimeo2_mobile{display:block;}
.vimeo1{display:none;}
.vimeo1_mobile{display:block;}
.youtube2{display:none;}
.youtube2_mobile{display:block;}
.youtube1{display:none;}
.youtube1_mobile{display:block;}
.myvideo{display:none;}
.myvideo_mobile{display:block;}
.gcsecrets{display:none;}
.gcsecrets_mobile{display:block;}

.search {
    float: none;
    margin: -45px auto 20px auto;
		text-align:center;
		max-width:100%;
    
}


.bottom_home1 p {    font-family:Arial, 'Open Sans';
    font-size: 1.1em;
    text-align: center;
	min-height:0;}
	
	.homebox {min-height: 119px;}

.category_list_boxes li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 250px;
}

.prod_detail_image_nav .thumbimage, .prod_detail_left .thumbimage {float: left; margin-top: 0px; clear:both;}
ul.menu.full-width{
	width: 100%;
	height: auto;
	z-index:100;
}
}

@media screen and (max-width: 694px) {
  /* Text Elements */

  ul.link-list.footer-links {
    margin-left: 16%;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].copyright-column {
    margin-top: 15px;
  }
 .vimeo2{display:none;}
.vimeo2_mobile{display:block;}
.vimeo1{display:none;}
.vimeo1_mobile{display:block;}
.youtube2{display:none;}
.youtube2_mobile{display:block;}
.myvideo{display:none;}
.myvideo_mobile{display:block;}
.gcsecrets{display:none;}
.gcsecrets_mobile{display:block;}

}
/******* event calendar table responsive ******/
 @media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
		/* tooltip display has tables and we don't want them affected by the below stuff*/


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

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

	.eventcal_table	tr { border: 1px solid #ccc; }

	.eventcal_table	td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left:5px;
		}

	.eventcal_table	td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 14px;
			left: 26px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}


	/*	Label the data	*/
	.eventcal_table td:nth-of-type(1):before { content: "Monday"; }
.eventcal_table	td:nth-of-type(2):before { content: "Tuesday"; }
.eventcal_table	td:nth-of-type(3):before { content: "Wednesday"; }
.eventcal_table	td:nth-of-type(4):before { content: "Thursday"; }
.eventcal_table	td:nth-of-type(5):before { content: "Friday"; }
.eventcal_table	td:nth-of-type(6):before { content: "Saturday"; }
.eventcal_table	td:nth-of-type(7):before { content: "Sunday"; }

  .eventcal_txt, .eventcal_txt a{ width:100%; height:45px; }
  .eventcal_txt span{position: relative;  top: -55px; margin-left:105px;}
  .eventcal_date {}

.shopcarttable td:before	{background-color:#000; color:#fff; font-size:12px; font-family:Verdana, Geneva, sans-serif; text-align:left; font-weight:100; display: none;}

.vimeo2{display:none;}
.vimeo2_mobile{display:block;}
.vimeo1{display:none;}
.youtube2{display:none;}
.youtube2_mobile{display:block;}
.youtube1{display:none;}
.youtube1_mobile{display:block;}
.myvideo{display:none;}
.myvideo_mobile{display:block;}
.gcsecrets{display:none;}
.gcsecrets_mobile{display:block;}

}

@media screen and (max-width: 545px) {
  /* Text Elements */

  h1.heading-3 {
    font-size: 28px;
  }

  h5.image-callout {
    font-size: 28px;
  }

  a.link-text.nav-link {
    font-size: 18px;
  }

  ul.link-list.footer-links {
    margin-left: 4%;
  }

  ul.link-list.footer-links li a {
    font-size: 13px;
  }

  /* Layout Elements */

  body > .row.reasoning-row {
    margin-top: 20px;
  }

.vimeo2{display:none;}
.vimeo2_mobile{display:block;}
.vimeo1{display:none;}
.vimeo1_mobile{display:block;}
.youtube2{display:none;}
.youtube2_mobile{display:block;}
.youtube1{display:none;}
.youtube1_mobile{display:block;}
.myvideo{display:none;}
.myvideo_mobile{display:block;}
}

@media screen and (max-width: 377px) {
  /* Text Elements */

  h1.heading-3 {
    text-align: center;
  }

  h5.image-callout {
    font-size: 21px;
  }

  a.link-text#last-nav {
    margin-right: 0;
  }

  a.link-text.nav-link {
    margin-left: 0;
    width: 30%;
  }

  ul.link-list.footer-links {
    margin-right: 0;
    margin-left: 20%;
  }

  ul.link-list.footer-links li {
    text-align: left;
  }

  /* Image Elements */

  img.image-4-3.main-image {
    margin-top: 20px;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-2 {
    margin-right: 0;
    margin-left: 0;
  }

  body > .row > [class*='coffee-span-'].column-3 {
    display: none;
  }

  img.logo.logo-1 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .category_list_boxes li {margin-left: -10px;}
  .prod_result_boxes li {margin-left: -10px;}

  .ckout {float:none}
  .cart_continue {float: none}
  .cart_qtybutton {width: auto; text-align: left}
  
  .logo img {max-width: 240px;}
  
  .phone { font-size:1.3em;}

.vimeo2{display:none;}
.vimeo2_mobile{display:block;}
.vimeo1{display:none;}
.vimeo1_mobile{display:block;}
.youtube2{display:none;}
.youtube2_mobile{display:block;}
.youtube1{display:none;}
.youtube1_mobile{display:block;}
.myvideo{display:none;}
.myvideo_mobile{display:block;}
.gcsecrets{display:none;}
.gcsecrets_mobile{display:block;}

.search input[type="text"] {width: 145px; border-radius: 0px !important}

.topheader{width: 300px;}
.homecontent {width: 300px;}
.topheadercontainer {width: 300px;}
#container_inner {width: 300px;}
#container_inner_home {width: 300px;}

.homeboxleft {padding-left: 0px !important; padding-right: 0px !important;}
.homeboxcenter {padding-left: 0px !important; padding-right: 0px !important;}
.homeboxright {padding-left: 0px !important; padding-right: 0px !important;}

.homebox {margin-bottom: 5px; margin-top: 5px;}

#content {width: 242px;}

.category_list_boxes li {
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: 242px;
}

.prod_detail_image_nav .thumbimage, .prod_detail_left .thumbimage {float: none; margin:10px 5px;}
}

@media screen and (max-width: 289px) {
  /* Text Elements */

  a.link-text.nav-link {
	  width: 100%;}}

/* ZB NEW STYLES */

html, body, #container_outer1{min-height:100vh}

.topheader nav a{font-size:12px}
.row.topheadercontainer, .topheader{max-width:100%; width:1230px;}
.row.topheadercontainer > div:first-of-type{padding:0;}

.navbar-light .navbar-nav .nav-link{color:white;}
.navbar-light .navbar-nav .nav-link:hover{color:#be973a;}

.dropdown-item{white-space:normal; padding-bottom:4px;}
.dropdown-menu:hover{display:block;}

.sidemenucontainer ul{width:100%; background-color:rgba(0,0,0) !important;}
.sidemenucontainer > ul > li{padding-left:10px; width:100%; text-align:left;}
.sidemenucontainer > ul > li > a{padding:5px 0px !important;}
.sidemenucontainer a{font-size:14px; color:white;}
.sidemenucontainer ul ul{padding-top:0px;border:0px; box-shadow:none;}
.sidemenucontainer > ul{ border-radius:5px;}
.sidemenucontainer ul .dropdown-menu a{padding-left:10px;}

nav a, .navbar-nav a{font-family:RocknRoll One, sans-serif !important;}
.nav-link.dropdown-toggle:hover ~ ul{display:block}
ul.navbar-nav{float:left;}
li.nav-item{clear:left;}

#container_inner_home, .homecontent, .slick-slider, .row.slidercontainer, .homeboxcontainers{max-width:100%;}
#content, #content *{max-width:100%;}

#content h1{margin-bottom:20px;}

.phone a{color:#be973a;text-decoration: none;}
.phone a:hover{color:#f2cb33;}

@media screen and (max-width:575px){
	#content div.category_list_boxes {margin-left:0; margin-right:0;}
}

@media screen and (max-width:767px){
	#desktop-search{display:none;}
	#mobile-search{display: block;}
	.address{text-align:center;display:block; margin:auto;float:none;}
	#top_navbar{margin-top:-90px;}
	.topheadercontainer{padding-bottom:50px;}
	.navbar-toggler{z-index:9999999;}
	.phone, .socialmedia{z-index:999999; position:relative}
	
}

@media screen and (min-width:768px){
	#desktop-search{display:block;}
	#mobile-search{display: none;}
}

@media screen and (max-width:991px){
	.logo img{
		max-width:100%; 
		width:350px; 
		height:auto; 
		display:block;  
		margin:auto;}
	
	.sidemenucontainer .dropdown-menu {display:none !important}
	.sidemenucontainer {margin-bottom:30px !important;
}

	.sidemenucontainer a:hover{color:#be973a}
	.sidemenucontainer > ul > li a:after{display:none;}
	.sidemenucontainer > ul li + li a:before{ content:"| "; color:#be973a !important; padding-right:4px;font-weight:bold;}
	.sidemenucontainer > ul > li{padding-left: 10px;
text-align: left;
display: inline-block;
float: none;
	width: auto;}
}

@media screen and (min-width:992px){
	.navbar-expand-lg .navbar-nav .nav-link {
  		padding-right: .399rem;
  		padding-left: .3999rem;
}
		.sidemenucontainer > ul {position:sticky; top:2%;}
}