/******************** GLOBAL **********************/
#fpmen {
    float: left;
    height: 400px;
    position: relative;
    width: 50%;

}

@media screen and (max-width:767px){
.slider{display: none;}
.hero{display:block !important; max-width:100%; width:100%; height:auto !important; max-height:1000px !important;}
}
@media screen and (min-width:768px){
	.hero{display:none !important;}
}
.slick-slide img{object-position:left;}

.fp {
    margin-bottom: 25px;
    float: left;
    width: 100%;
}

p iframe{
	margin:auto;
	display:block;
}

#fpmen img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

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

.menu-menu {
	list-style: none;
	float: left;
	width: 100%;
	text-align: left;
}

.menu-menu > li {
	font-size: 1.5em;
}

.print_header {
    background: #eeeeee none repeat scroll 0 0;
    font-family: "Josefin Sans",sans-serif;
    font-size: 1.1em;
    padding-left: 10px;
    padding-top: 10px;
    text-align: left;
    text-transform: uppercase;
}
.chkcomprow p {
    text-align: left;
}

.footer.container{max-width:100%; width:100%; margin-top:50px;}

.chkcomprowbottom {text-align: left;     font-family: "Merriweather",serif; font-size: 0.8em;}
.subtotal_chck { float: left;
    width: 100%;}
.subtotal_chck p{ float: left;
    padding-left: 8px; margin: 0;}
.subtotal_chck_price {padding-left: 20px !important;}
#fpmen img.top:hover {
  opacity:0;
}
.left {text-align:left;}
.fpmen:hover {background-image: url(../images/fileman/men2.jpg);	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out; }
.fpwomen { background-image: url("../images/fileman/women.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    min-height: 400px;
    padding: 10px;
    width: 50%;}
.fpwomen:hover {background-image: url(../images/fileman/women2.jpg); 	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
.scrolloff {
        pointer-events: none;
    }
input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea {font-family: "Roboto",sans-serif;
    margin-top: 5px;
    padding-left: 10px;}
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus {box-shadow: none; border: 1px solid #09F;}
.mobile_socialhead{display: none;}
#front_toolbar {}
#front_toolbar ul {
    background-color: #000;
    margin-bottom: 0;
    margin-top: 0;
	float: left;
	width: 100%;
}
#front_toolbar ul li { list-style:none; float: left;}
#front_toolbar ul li a {
    color: #fff;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-weight: bold;
    padding: 5px 15px;
    text-transform: uppercase;
}
html {-webkit-font-smoothing: subpixel-antialiased;  position: relative; min-height: 100%;}
body.grid-1 {background-color: #fff;   margin: 0 0 50px; /* bottom = footer height */ position:static;}
h1 {font-family: 'Roboto', sans-serif; font-size: 3em; font-weight:400; letter-spacing:normal; color: #000; margin-bottom: 25px;}
h2 {font-family: 'Roboto', sans-serif; font-size: 1.3em; font-weight:400}
h3 {font-family: 'Roboto', sans-serif; font-size: 1.1em; font-weight:400}
p {font-family: 'Merriweather', serif;  font-weight:400}
a.back-to-top {
    background: #eee url("/images/fileman/up-arrow.png") no-repeat scroll center 50%;
    bottom: 20px;
	border-radius: 25px;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    display: none;
    height: 50px;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    width: 50px;
    z-index: 999;
}
a.back-to-top:hover {background-color: #f9f9f9;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
}
label {
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 0.8em;
    line-height: 1;
    margin-top: 0;
}

.container {
	padding-top: 20px;
}

@media screen and (min-width:769px) {
	ul.navbar-nav li:hover>ul.dropdown-menu {
	    display: block!important;
	    transition: all 1s
	}
}
@media (min-width:992px) {
	.dropdown-menu .submenu {
		left: 100%;
		top: -7pt;
	}
	.dropdown-menu li{
		position: relative;
	}
}
.fa-angle-double-right {
	float: right;
	position: relative;
	padding-top: 3%;
	color: #777;
}

/***************** SELECT **********************/
 select { -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
font-size: 1em;
    padding: 0px 0px 0px 5px;
	font-family:'Roboto', sans-serif;
	background-image:url(../images/fileman/selectdown.png); background-position:center right; background-repeat:no-repeat; background-size:inherit;
	background-color: #f9f9f9;
	border-radius: 0px;
	cursor: pointer;
	padding-right: 30px;
 }
 select option{
   font-size: 1em;
    padding:5px;
	font-family:'Roboto', sans-serif;
	background-color: #f9f9f9;
}
 select option:hover {background-color: #f9f9f9;}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
/********TOP-BANNER***********/

.top-banner {
  background-color: #111;
  clear: both;
  float: left;
  padding: 2px;
  position: relative;
  width: 75%;
}
.top-banner > h1, .top-banner > p {
  margin:0px;
  color: white;
  font-family: "merriweather",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  padding: 0;

}




.top-banner .fa.fa-times-circle {
  color: black;
  cursor: pointer;
  font-size: 28px;
  padding: 6px;
  position: absolute;
  right: 0;
  top: 0;
}

.top-banner h1 a {
  line-height: 55px;
}


.top-banner a {
  border: 2px solid #ff0000;
  box-shadow: 1px 1px 0 #000;
  color: #ff0000;
  margin-left: 10px;
  padding: 5px 10px;
  text-shadow: 1px 1px 0 #000;
  text-transform: uppercase;
}
/******************** BASIC **********************/
#basic_container_outer {background-color: #f9f9f9; width: 100%; height: auto;}

/*Basic Topheader */
.basic_topheader_drop{width: 100%;
	background-color: #fff;
 	position: fixed;
    display: none;
    width: 100%;
    height: auto;
	z-index:8999;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.basic_home_topheader {}
.basic_topheader {background-color: #eee;}

/*Basic Topheader - Left */
.basic_home_top_left {}
.basic_logo_container {max-width: 175px; padding-bottom: 10px; padding-top: 10px;}

/*Basic Topheader - Right */
.basic_home_top_right {}
h1.basic_top_right_text {
    color: #000;
    float: right;
    font-size: 1em;
    line-height: 1.5em;
    text-align: right;
	margin-bottom: 0px;
}
.basic_desk_phone {clear:both; float: right;}
.basic_address {clear:both; float: right;}
.basic_email {clear:both; float: right;}
.basic_mobile_phone {display: none;}

/*Basic Nav */
.basic_navcontainer {
    background-color: #ddd;
    float: left;
    width: 100%;
	border-bottom: 1px solid #ccc;
}
#basic_nav {margin-left: auto; margin-right: auto; width: 1200px;}

/* Basic Slider */
.basic_slider_container {max-width: 1200px; margin-left: auto; margin-right: auto;}
.basic_slider_shadow {
    background-image: url("../images/fileman/slideshadow.png");
    height: 139px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative;
    bottom: 100px;
	 margin-bottom: -90px;
}

/* Basic Home Boxes */
.ch-grid {margin: 20px 0 0 0;padding: 0;list-style: none;display: block;text-align: center;width: 100%;}
.ch-grid:after, .ch-item:before {content: '';display: table;}
.ch-grid:after {clear: both;}
.ch-grid li {display: inline-block;height: 220px; margin: 20px 80px;width: 220px;}
.ch-item {width: 100%;height: 100%;border-radius: 50%;position: relative;cursor: default;box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.ch-img-1 { background-image: url(../images/fileman/basic/home1.jpg);}
.ch-img-2 { background-image: url(../images/fileman/basic/home2.jpg);}
.ch-img-3 { background-image: url(../images/fileman/basic/home3.jpg);}
.ch-info {position: absolute;background: rgba(0,233,214, 0.8);width: inherit;height: inherit;border-radius: 50%;opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-backface-visibility: hidden;}
.ch-info h3 {color: #fff;text-transform: uppercase;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 45px 0 0 0;height: 140px;text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);}
.ch-info p {color: #fff;padding: 10px 5px;font-style: italic;margin: 0 30px;font-size: 12px;border-top: 1px solid rgba(255,255,255,0.5);opacity: 0;
-webkit-transition: all 1s ease-in-out 0.4s;
-moz-transition: all 1s ease-in-out 0.4s;
-o-transition: all 1s ease-in-out 0.4s;
-ms-transition: all 1s ease-in-out 0.4s;
transition: all 1s ease-in-out 0.4s;}
.ch-info p a {display: block;color: #000;font-style: normal;font-weight: 700;text-transform: uppercase;font-size: 1.3em;letter-spacing: 1px;padding-top: 4px;font-family: 'Open Sans', Arial, sans-serif;}
.ch-info p a:hover {color: #fff;}
.ch-item:hover {box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1),0 1px 2px rgba(0,0,0,0.1);}
.ch-item:hover .ch-info {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.ch-item:hover .ch-info p {opacity: 1;}
.mobile_link {display: none;}


/* Basic Content */
.basic_content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

/* Basic Footer */
#basic_footer {background:#eee;
 position: absolute;
    left: 0;
    bottom: 0;
    height: 215px;
    width: 100%;}
.basic_footer_social_icon {
    font-size: 1.5em;
    padding-right: 5px;
    padding-top: 5px;
	color: #aaa;
}
#basic_footer p{color:#000; font-family: 'Roboto', sans-serif;}
#basic_footer a{color:#aaa;}
#basic_footer ul {margin-top:7px;}
#basic_footer li {line-height: 1.5em;list-style: outside none none;}
#basic_footer li a{color:#000; font-family: 'Roboto', sans-serif;  font-size: 0.9em;}
#basic_footer li a:hover{color:#999; }
.basic_footer_map {margin-top: 7px; margin-bottom: 7px;}

/* Basic Main */
.basic_content_outer {
    clear: both;
overflow: hidden;
    width: 100%;
	  padding-bottom: 20px;
}
.basic_content h1, .shoprightcol h1, .shop_main_content h1, .shoprightcolhome h1 {
     font-family: "Josefin Sans",sans-serif;
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 20px;
    text-align: center;
    text-transform: uppercase;
}

/* Basic Photo Gallery */
.imggal1 li {
    border: 5px solid #ffffff;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    float: left;
  width: 150px;
  height: 150px;
    list-style: none;
    margin: 3px;
    padding: 0;
	position: relative; overflow:hidden;

}
.imggal1 li img {
   position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
		  max-width: none;
}
.imggal1 li img.portrait {
  width: 100%;
  height: auto;
}
.thumbnail {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
}
.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}

/* Basic Testimonial List */
.testim_result_boxes {}
.testim_result_boxes li {list-style: none;}
.col_title {
    color: #888;
    font-family: "Roboto",sans-serif;
    font-size: 1.2em;
}
.test_desc {color: #000;
    font-family: "Roboto",sans-serif;
    font-size: .9em;
	}
.testim_side_boxes {  background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 15px 15px 0;
}
.testim_side_boxes li{list-style: none;}
.testim_side_title { color: #888;
    font-family: "Roboto",sans-serif;
    font-size: 1.2em;}
.testim_side_desc {color: #000;
    font-family: "Roboto",sans-serif;
    font-size: .9em;}

/*Basic Testimonial Form */
.testimonial_form {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 15px;
}
.testimonial_form h2 {
    color: #000;
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center;
}
#captchaplacement {
    clear: both;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
#contact_capt { clear: both;
    float: left;
    max-width: 102px;}
.testimonial_form input[type="submit"] {  background: #ccc none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    float: none;
    font-family: "Open Sans",sans-serif;
    font-size: 1.1em !important;
    font-weight: 700;
    margin-left: 10px;
    margin-top: 5px;
    padding: 5px 20px;
    text-shadow: none;
    text-transform: uppercase;}
.testimonial_form input[type="submit"]:hover {background:#ddd none repeat scroll 0 0;}
.msg_errors, .msg_errors_sform {
    background-color: #bbb;
    border: 0 solid #ff0000;
    height: auto;
    list-style-type: none;
    overflow: hidden;
    padding: 15px;
    width: 100%;}
.msg_errors_sform li {font-family: 'Roboto', sans-serif; }
.msg_errors li {font-family: 'Roboto', sans-serif; color: #fff;}
.msg_title {font-style:normal !important; margin-bottom: 5px;}
.msg_success, .msg_success_sform {
 background-color: #eee;
    border: 0 solid #00f;
    color: #000000;
    list-style-type: none;
    margin-right: 0;
    padding: 15px;
    width: 100%;
}

.msg_success_sform li {font-family: 'Roboto', sans-serif;  color: #fff;}

/* Basic FAQ */
.accordion, .accordion * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.accordion {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	border-radius:3px;
	background:#f7f7f7;
}
.accordion-section-title {
    background: #ddd none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    color: #000 !important;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 1em;
    padding: 10px;

    transition: all 0.15s linear 0s;
    width: 100%;
}
.accordion-section-title.active, .accordion-section-title:hover {
	background:#ccc;
	text-decoration:none;
}
.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}
.accordion-section-content {
	padding:15px;
	display:none;
}
/*contact btns*/
.bubble-btn {
  background: #ddd none repeat scroll 0 0;
  font-family: "Roboto",sans-serif;
  padding: 6px 2px;
  text-align: center;
  max-width: 100px;
}
.bubble-btn > a {
  color: #000;
  text-transform: uppercase;
}
.bubble-btn:hover{ background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #cccccc 0%, #dbdcdc 100%) repeat scroll 0 0 !important;}

/******************** SHOP **********************/
#shop_container_outer {background-color: #fff; width: 100%; height: auto;}

/* Shop Topheader */
.shop_topheader_drop{width: 100%;
	background-color: #fff;
 	position: fixed;
    display: none;
    width: 100%;
    height: auto;
	z-index:8999;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.shop_home_topheader {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.shop_topheader {
    background-color: #fff;
    border-bottom: 1px solid #000;
    position: fixed;
    width: 100%;
    z-index: 9999;
	top: 0;
}

/* Shop Topheader - Left */
.shop_home_top_left {}
.shop_logo_container {max-width: 175px; padding-bottom: 10px; padding-top: 10px;}

/* Shop Topheader - Right */
.shop_home_top_right {}
h1.shop_top_right_text {
    color: #000;
    float: right;
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: right;
	margin-bottom: 0px;
}
.shop_mobile_email {display: none;}
.shop_desk_phone {clear:both; float: right;}
.shop_address {clear:both; float: right;}
.shop_email {clear:both; float: right;}
.shop_mobile_phone {display: none;}
.mycart {
    border-right: 1px solid #000;
    float: left;
}
.myaccount {float: left;}
.mycart a, .myaccount a { background: none;
    color: #000;
   font-family: 'Merriweather', serif;
    font-size: 0.8em;
    font-weight: 300;
    padding: 5px 10px;
    text-transform: none;
	margin-left: 0px;}
	.myaccount a {padding-right: 0px;}
.mycart a:hover, .myaccount a:hover	 {background: none; color: #ccc;}
.mycart a:active, .myaccount a:active{
   position: relative;
    top: 1px;
}
.socialhead .fa {font-size: 1.3em; padding-top: 10px; padding-left: 3px;}

.memberscontainer {float:right; clear:both; margin-top: 5px;}
/* Shop Nav */
.shop_navcontainer {
      margin-top: 30px;
    float: left;
    width: 100%;

}
#shop_nav {margin-left: auto; margin-right: auto; }

/* Shop Main */
#shop_container_inner {
    margin: 0 auto 20px;
    max-width: 1200px;
    overflow: hidden;
    padding: 30px 0 0;
    width: 100%;
}

/* Shop Footer */
.footer.container {background:#000;
/* position: absolute;*/
    left: 0;
    bottom: 0;
    width: 100%;}
.shop_footer_social_icon {
    font-size: 1.5em;
    padding-right: 5px;
    padding-top: 5px;
	color: #aaa;
}
.footer.container p {
    color: #fff;
    font-family: "Josefin Sans",sans-serif;
    padding-top: 8px;
    text-align: center;
    text-transform: uppercase;
}
.footer.container a{color:#aaa; text-align:left}
.footer.container ul {margin-top:7px;}
.footer.container li {line-height: 1.5em;list-style: outside none none; text-align:left}
.footer.container li a{color:#000; font-family: 'Roboto', sans-serif;  font-size: 0.9em;}

.shop_footer_map {margin-top: 7px; margin-bottom: 7px;}

/* Feature Products */
.featureprod_container {
    background: #f9f9f9 none repeat scroll 0 0;
    max-width: 250px;
	margin-bottom: 20px;
}
.featuredprods h1 {   font-family: "Open Sans",sans-serif;
    font-weight: bold;
    text-transform: uppercase;}
.featureprod_container h1 {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    font-family: "Open Sans",sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    position: absolute;
    text-transform: uppercase;
    vertical-align: middle;
    width: 205px;
    z-index: 9999;
}
.buynowbtn { padding-bottom: 10px;
    width: 100%;}
.buynowbtn a {
    background: #ccc none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 10px 25px;
    text-transform: uppercase;
    width: 100% !important;
}
.buynowbtn a:hover {background: #ddd;}
.shop_main_content {
    padding: 10px 0;
}

 .searchbox form {margin: 0px;}

/* Side Nav */
.shopleftcolhome {padding-top: 10px !important;}

.menu-menu li a {
    color: #000 !important;
    font-family: "Merriweather",serif;
    font-weight: 300;
    padding-left: 0;
    text-align: left;
    text-transform: none;
}

/* Shop Cart */


.entire_shop_table {float: left; width: 100%; margin-top: 10px; background: #f9f9f9; padding: 10px;}
.add2, .cart_continue, .ckout, .promobutton input[type="submit"], .cart_qtybutton input[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #000;
    border-radius: 0;
    box-shadow: none;
    color: #000 !important;
    font-family: "Open Sans",sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    margin-left: 5px;
    margin-top: 0;
    padding: 5.8px 15px !important;
    text-shadow: none;
    text-transform: uppercase;
}
.add2:hover, .cart_continue:hover, .ckout:hover, .promobutton input[type="submit"]:hover, .cart_qtybutton input[type="submit"]:hover {background: #000;
color: #fff !important

}
.add2:active, .cart_continue:active, .ckout:active, .promobutton input[type="submit"]:active, .cart_qtybutton input[type="submit"]:active {
	position:relative;
	top:1px;
}
.cart_heading {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ccc;
    color: #000;
    font-family: "Roboto",sans-serif;
    font-size: 1em;
    text-align: left;
    text-transform: uppercase;
}
.cart_desc {
    color: #666666;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: .85em;
    width: auto;
	text-align:left;
}
.shop_promo_code {width: 100%; float: left;}
.promoinput input[type="promo"] {
    border: 2px solid #ccc;
    font-family: "Roboto",sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.45em;
margin-left: 17px;
    min-width: 250px;
    padding: 6px;
}
.promodesc {float: left;}
.promoinput {float: left;}
.promoinput input[type="promo"]:focus { border: 2px solid #2dabf9;}
.promobutton {float:left;}

.promoerror {
    color: #F00;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    font-style: italic;
    padding-left: 3px;
    padding-top: 7px;
}
.cart_qtybox input[type="text"] {
    border: 2px solid #ccc;
    font-family: "Roboto",sans-serif;
    font-size: 0.8em;
    line-height: 1.45;
    margin-bottom: 0;
    margin-top: 0;
    padding: 6px;
}
.cart_qtybox {margin-right: 5px;}
.cart_qtybox input[type="text"]:focus {box-shadow: none; border: 2px solid #2dabf9;}
.cart_qtybutton input[type="submit"] {
    margin-right: 5px;
    margin-left: 0px;
}
.shopstuff {border-bottom: 1px dotted #ccc; padding-bottom: 5px; padding-top: 5px;}
.shop_stuff_info {min-height: 0px !important;}
.itemprice { font-family: 'Merriweather', serif; font-size: .9em}
.totalprice { font-family: 'Merriweather', serif; font-size: .9em}
.topcartstrip {min-height: 0px !important;}

.sub_total_price {
    /*float: left;*/
    padding-bottom: 10px;
    padding-right: 7px;
    padding-top: 10px;
    width: 100%;
}
.cart_totallabel {
    color: #bbb;
    float: right;
    font-family: "Roboto",sans-serif;
    font-size: 0.9em;
    text-transform: uppercase;
}
#subtotal {
    color: #000;
    float: right;
    font-family: "Roboto",sans-serif;
    font-size: 0.65em;
	padding-left: 10px;
}
.grand_total {
    border-top: 1px dotted #ccc;
    float: left;
    font-size: 1.5em;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}
#grandtotal {float: right;}
.cart_total_ship_chk {float: right; color: #999;
    float: right;
    font-family: 'Merriweather', serif;
    font-size: 0.9em;
    padding-left: 10px;
	padding-right: 7px;}
.cartmoney_grand {
    color: #2dabf9;
    font-size: 0.65em;
    font-weight: bold;
    margin: 0;
    padding: 0 7px 0 10px;
}
.shipping_instruction {float: left; width: 100%;}
.entire_shop_table input[id="shipping_string"] {}
.chk_buttons {float: left; width: 100%;}
.ckout, .cart_continue, .add2 {width: auto !important;}
.cartmoney_tax {
    color: #999;
    font-size: 0.9em;
    margin: 0;
    padding: 0 7px 0 10px;
	float: right;
}
.shipping_chk {
    float: left;
    width: 100%;
}
.cart_footer_text {
    clear: both;
    float: right;
    font-family: "Roboto",sans-serif;
    font-size: 0.8em;
    font-style: normal;
    margin-top: 10px;
}

.breadcrumb {
    font-family: "Roboto",sans-serif;
    font-size: 0.8em;
    font-style: normal;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
}
.breadcrumb a {color: #bbb;}
.mobile_cart {display: none;}
.mobile_account {display: none;}

/*MAIN*/
#container_outer { width: 100%; padding-top: 20px; background-image: none !important}

.topheadercontainer {max-width: 1024px; width:80%; margin-left: auto; margin-right: auto;}
.logocontainer_content {width: 1024px; margin-left: auto; margin-right: auto;}
.logogourmet_content {}

.hometopheader {max-width: 1024px !important; padding: 10px;}

h1.heading-3 {
    clear: both;
    color: #000;
    float: right;
    font-family: arial;
    font-size: 0.9em;
    font-style: italic;
    line-height: 1.3em;
    text-align: center;
    text-transform: none;
    width: auto;
	margin-top: 0px;
}

h1.heading-3 a {color: #000; font-weight:bold;}
h1.heading-3 a:hover {color: #9cabf8;}

.mobilephone {display:none;}
.desktopphone {}

.button:active, a.button:active {box-shadow:none;}
.link-button:active, button:active, input[type="submit"]:active {border: none;}

#container_outer1 { background-color: #f9fafa;
 background-image: none;
    margin: -10px auto auto;
    width: 100%;}

/* 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/fileman/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; }

.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}



.hometext {max-width: 1024px; margin-left: auto; margin-right: auto;}
.homeboxes{ margin-left: auto; margin-right: auto;}

.prod_detail_image .mainimage, .prod_detail_left .mainimage {


}

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

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




.account {float:right; width:358px; margin-top: 5px;}

.account a {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:4px 19px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.account a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.account a:active {
	position:relative;
	top:1px;
}


/* Text Elements */

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

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

h6.heading-2 {
  color: #00CCFF;
  text-align: left;
  font-size: 16px;
  font-family: '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-size: .8em;  }
.bottom_home1 h2 {}

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;
}

/* 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: '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;
}


.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: #83a9d9!important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDRlMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;
	background: -moz-linear-gradient(top, #83a9d9 0%, #6385b0 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83a9d9), color-stop(100%,#6385b0))!important;
	background: -webkit-linear-gradient(top, #83a9d9 0%,#6385b0 100%)!important;
	background: -o-linear-gradient(top, #83a9d9 0%,#6385b0 100%)!important;
	background: -ms-linear-gradient(top, #83a9d9 0%,#6385b0 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83a9d9', endColorstr='#6385b0',GradientType=0 )!important;}
.seemore {padding-bottom: 17px;}

.seemore a {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.seemore a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.seemore a:active {
	position:relative;
	top:1px;
}



#wowslider-container1 {margin-top: 10px !important; z-index: 1 !important;}

ul.topnav {width:119%; margin-left: -20px;}
#nav {width:100%; height: auto; border-radius: 10px; background-color:#fff;}

#sidenav {width: 100%; margin: 0px; margin-top: 10px;}

.sf-vertical, .sf-vertical ul {width: 100%; margin: 0px; margin-top: 10px;}
.sf-vertical, .sf-vertical li {width: 100%}
.menu-menu li.first {border-radius: 0px;background:none}
.menu-menu li li {background: none}
.menu-menu li {background:none}

.menu-menu {
    margin-top: 30px;
}
.menu-menu a, .menu-menu a:visited {color: #000099; font-family:Arial, Helvetica, sans-serif; line-height: .7em;font-size:0.6em;}
.menu-menu a:hover {
    padding-left: 10px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

 .menu-menu li li a:hover {color:#3CF !important}

.phone {font-size: 1.1em; margin: 0px;}

.logocontainer {
    float: left;

}
.logogourmet {float: none; padding-left:33px;}
.logogourmet a {padding-top: 20px;}

.account {width: auto}

.searchbox {clear: both; width: auto;}
.searchbox input[type="text"] {
    background-position: left center;
    background-repeat: no-repeat;
    border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #000;
    border-style: none none solid;
    border-width: medium medium 1px;
    float: left;
    font-family: "Merriweather",serif;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 0;
    padding-top: 5px;
    width: 75%;
}
.searchbox input[type="text"]:focus {box-shadow: none;  border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #000;}

.link-button, button, input[type="submit"], .continue {
    background: #ccc none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 0.8em !important;
    font-weight: bold;
    height: auto;
    line-height: 1.5em;
    padding: 9px 23px !important;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}
.link-button, button, input[type="submit"]:hover, .continue:hover {
	background: #ddd;

}
.link-button, button, input[type="submit"]:active, .continue:active {
	position:relative;
	top:1px
}

.continue {
    background: #ccc none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    clear: both;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0;
    padding: 2px 23px;
    text-align: center !important;
    text-shadow: none;
    text-transform: uppercase;
    width: 128px;
}

.updatebtn {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	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 #5b6178;
	width: 130px;
	float: left;
}
.updatebtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.updatebtn:active {
	position:relative;
	top:1px;
}


.navcontainer {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    width: 100%;
}
.navstrip {	background: #c64900!important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2NDkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZTNhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;
	background: -moz-linear-gradient(top, #c64900 0%, #9e3a00 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c64900), color-stop(100%,#9e3a00))!important;
	background: -webkit-linear-gradient(top, #c64900 0%,#9e3a00 100%)!important;
	background: -o-linear-gradient(top, #c64900 0%,#9e3a00 100%)!important;
	background: -ms-linear-gradient(top, #c64900 0%,#9e3a00 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c64900', endColorstr='#9e3a00',GradientType=0 )!important; width: 100%}

	.menu-menu li ul {display: block; margin-top: 0px; margin-left: 10px; font-size: .8em;}
	.menu-menu ul {position: static}
	.menu-menu li li a, .menu-menu li li a:visited {color: #000099}

	#content {width: 100%; padding: 20px; margin-top:0px;}
	.homecontent {min-height: 570px !important}
	.category_list_boxes {margin: 0px; width: 100%}

	.category_list_boxes li h3 {
    background-color: #f9f9f9;
    border-radius: 0;
    display: table-cell;
    height: 150px;
    padding: 5px;
    vertical-align: middle;
    width: 150px;
}
.category_list_boxes li h3 a {
    color: #000;
    font-family: "Open Sans",sans-serif;
    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
}
.prod_result_boxes img {
    width: auto; }
.prod_result_boxes li {
    color: #000;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    list-style-type: none;
    margin: 0 20px 20px 0;
    max-width: 250px;
    min-height: 0;
    padding: 0 0 15px;
    position: relative;
    text-align: center;
    width: auto;
}

.prod_result_boxes li span a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #000;
    bottom: -10px;
    color: #000 !important;
    float: left;
    font-family: "Merriweather",serif;
    font-weight: normal;
    padding: 5px 20px;
    position: relative;
    right: 0;
    width: 100%;
}
.prod_result_boxes li span a:hover {
    background: #000 none repeat scroll 0 0;
    border: 2px solid #000;
    color: #fff !important;
}
	.prod_result_boxes {width: 100% !important; margin: 0px;}
.prod_result_boxes li h3 {
    clear: both;
    color: #000;
    font-family: "Merriweather",serif;
    font-size: 0.8em;
    font-style: normal;
    font-weight: normal;
    min-height: 80px;
    padding-top: 10px;
    width: auto;
}
.prodimgborder {
    float: left;
    height: 230px;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 266px;
}
 .thumbs {
    float: left;
    height: 125px;
    list-style: outside none none;
    margin: 10px 10px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 125px;
}
.bigimage img{width:100%; height:auto;}
.bigimage {
	max-height:100% !important;
}
 .prod_detail_image_nav .thumbimage, .prod_detail_left .thumbimage {
   left: 50%;
    max-width: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
    width: auto;
}
.category_list_boxes li {float: left;
    height: 150px;
    list-style: outside none none;
    margin: 3px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 150px;}
.catimgborder {width: auto;}

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

.featureprod {float: left;
    height: 205px;
    list-style: outside none none;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 205px;}
.featureprod_container img {left: 50%;
    max-width: none;
    position: absolute;
    top: 50%;
      transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
    width: auto; }
.category_list_boxes li img {
    left: 50%;
    max-width: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
    width: auto;
	opacity: .5;}
.category_list_boxes li img:hover {opacity: .2;}
.cart_image {
    float: left;
    height: 75px;
    list-style: outside none none;
    margin-right: 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 75px;
}
.cart_image img {  left: 50%;
    max-width: none;
    position: absolute;
    top: 50%;
      transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
    width: auto; }

.product_price_button a {
	color: #fff;
}


.product_price_button {
	background: rgb(255,255,255) none repeat scroll 0 0;
	border: 2px solid #000;
	color: #000 !important;
	padding: 5px 20px;
	position: relative;
	width: 100%;
	text-decoration: none;
	display: block;
	margin: 10px 0px;
	font-size: 20px;
}

.product_price_button:hover{
	background-color: rgb(0,0,0);
	color: #fff !important;
}

.account a {color: #777777}

ul li a {padding: 0px;}

.prod_detail_left {width: 54.3%; height: auto; float: left;}
.prod_detail_right {width: 40%; float: right;}
.prod_detail_right h1 {
    font-family: "Josefin Sans",sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
	margin-top: 0px;
}
.shopmainimg {width: 100%; max-width: 300px;}
.shopthumbimg {width: 25%; float: left;}
.thumblist {width:100%;}


.button:hover {color: #fff}

.category_list_boxes {padding-top: 20px;}

.category_list_boxes a:hover {border: 0px solid #ccc}

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



.pay_radio {list-style:none;}

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

.sform h2 {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font-family: "Josefin Sans",sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 0;
    padding: 0 0 0 1px;
    text-decoration: none;
    text-transform: uppercase;
}
.rform h2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font-family: "Josefin Sans",sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 0;
    padding: 0 0 0 1px;
    text-decoration: none;
    text-transform: uppercase;
}
.login_container {width: 400px; float: none; margin-left: auto; margin-right: auto;}
.register_container  {width: 400px; float: none; margin-left: auto; margin-right: auto;}
.form_loginbox {width: 100%; background-color: #f9f9f9; }
.form_registerbox {width: 100%; margin-top:10px; margin-left: 0px;background-color: #f9f9f9; }
.form_loginbox label {width: 100%;}
.form_registerbox p {text-align:left}

.sform {margin: 0px; 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: 100%;
    font-size: 0.9em;
    font-weight: normal;
	color: #666;
}
.sform select {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    color: #781351;
    float: left;
    font-family: arial;
    font-size: 0.7em;
    line-height: 1em;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 300px;
	cursor: pointer;
}
.sform input[type="text"], .sform input[type="file"], .sform input[type="password"] {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    clear: none;
    color: #781351;
    float: left;
    margin-left: 0;
	margin-top: 0px;
    margin-bottom: 10px;
	line-height: 2.3em;
	font-size: .8em;
	font-family: 'Roboto', sans-serif;

}
.sform input[type="text"]:focus, .sform input[type="password"]:focus {
    border: 1px solid #2dabf9;
    box-shadow: none;
}
.sform .submit {
    background: #ccc none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    clear: both;
    font-family: "Open Sans",sans-serif;
    font-weight: bold;
    margin: 0;
    text-shadow: none;
    text-transform: uppercase;
}
.sform .submit:hover {
    background: #ddd;
}
.submit{
	background-color: #E0A512 !important;
}

.rform {margin: 0px; clear: both;}
/*.sform .blank_title {display: none}*/
.rform .checkb {margin-top: 6px; margin-left: -5px;}
.rform .blank_field {
    position: absolute;
    right: 5px;
    top: 0;
    width: 130px;
}
.rform textarea {width: 300px}
.rform label {
    font-family: "Roboto",sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    padding-left: 15px;
    padding-top: 9px;
}
/*.rform select {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #781351;
    cursor: pointer;
    float: left;
    font-family: 'Roboto',sans-serif;
    font-size: 0.8em;
    line-height: 1em;
    padding-bottom: 0;
    padding-top: 0;
    width: 300px;
}*/
.rform input[type="text"], .rform input[type="file"], .rform input[type="password"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    clear: none;
    color: #781351;
    float: left;
    font-family: "Roboto",sans-serif;
    font-size: 0.8em;
    line-height: 2em;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 0;
    padding-left: 10px;
}
.rform input[type="text"]:focus, .sform input[type="password"]:focus {border: 1px solid #2dabf9; box-shadow: none;}
.rform .submit {width: 146px; margin: 0px; clear: both;}

.blank_field p {
    font-size: 0.7em;
    margin-top: 5px;
}
.space15 {padding-top: 15px;}

.signupformheader {

/*    border-left-style: dotted;*/
/*    border-radius: 0 !important;*/
/*    border-right-style: dotted;*/

    float: left;
    font-family: "Open Sans",sans-serif !important;
/*    font-size: 1em !important;*/
    font-weight: bold !important;
    height: auto !important;
    padding-left: 0 !important;

    text-transform: uppercase;
    width: 100%;
}

.billingdetailscontainer {background-color: #f9f9f9; border: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px;  margin-right: 1%; width: 49% !important; min-height: 525px !important; margin-top: 15px;}
.logindetailscontainer { background-color: #f9f9f9; border: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px;  margin-left: 1%; width: 49% !important; min-height: 525px !important; margin-top: 15px; position: relative;}

.backandplace {padding-top: 10px;}

.billingdetailscontainer > div, .logindetailscontainer > div{width:100%;}



.product_summary_list li {list-style: none; font-family: 'Roboto', sans-serif; text-align: left; float: left;}

.product_summary .figure {
    color: #000;
  font-family: 'Roboto', sans-serif;
    font-size: 0.9em;
    width: 50%;
	text-align:right;
}

.paymentoptions {text-align: left; font-size: 1em}
.pay_title {
    float: right;
}
.pay_option {float: left;}

.pay_radio {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9em;
    list-style: outside none none;
    text-align: left;
	margin-left: 10px;

}
.pay_radio input[type="radio"] {
    margin-right: 10px;
}

.payselect {
    float: left;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
   padding-bottom: 0px;
    padding-left: 10px;
}

.member_menu {}
.member_menu a {
    background: #ccc none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
	    padding-bottom: 5px;
    padding-top: 5px;
}
.member_menu a:hover {background: #ddd;}
.member_menu .coffee-span-3 {
    background-color: #f9f9f9;
    color: #000;

    font-size: 0.8em;
    margin-left: 1%;
    margin-right: 1%;
    min-height: 0 !important;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 18% !important;
}

.backandplace .coffee-span-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.backandplace .cart_continue {margin-left: 0px;}

.makepayment {float:left; clear: both; border: none !important;}

#payment_form {width: 99%;}

.cart_subtitle {
    border-bottom: medium none;
    border-top: medium none;
    font-family: "Open Sans",sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 0;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
.cart_summary {
    background-color: #f9f9f9;
    /*border: 1px solid #ccc;*/
    margin-right: 1%;
   /*min-height: 175px !important;*/
    padding-top: 10px;
    width: 49% !important;
	margin-bottom: 3px;
}
.product_summary {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-left: 1%;
    /*min-height: 175px !important;*/
    padding: 10px 0px;
    width: 49% !important;
	margin-bottom: 3px;
}

.product_summary .title {
    color: #000;
   font-family: 'Roboto', sans-serif;
    font-size: 0.9em;
    margin-left: 0;
    width: 50%;
}
.cart_summary .title {
    color: #000;
   font-family: 'Roboto', sans-serif;
    font-size: 0.9em;
    margin-left: 0;
    width: 50%;
}

.cart_summary ul {width: 100%; margin-left:0px; margin-top: 10px;}
.cart_summary .figure {
    color: #000;
    font-family: arial;
    font-size: 0.9em;
    width: 50%;
}
.cart_summary .total	{background:none; border-top: 1px solid #ccc; font-weight: bold;}
.cart_summary .padtotal{ font-weight: bold;}

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

.cart_option_select1 {
    cursor: pointer;
    font-size: 0.95em;
    line-height: 1em;
    padding-bottom: 3px;
    padding-top: 3px;
}

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;

    width: 100%;

	background-color: #000;

}

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

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

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

.footerspace p {font-family: 'Roboto', sans-serif;font-size: .8em; margin-top: 0px; text-align:left}

.homeslider {background-color:#e6e5e5;}

.featurepic {
    border: 1px solid #ccc;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    width: 240px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.41);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.41);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.41);
}
.featurecol h1 {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9em;
    text-align: center;
    text-transform: none;
}


.prod_detail_right .button {margin-left: 0px !important; padding: 12px 15px !important; min-width: 150px !important;}
.prod_description p {text-align: left;}
.cart_option_box {width: 100%; float: left;}
.cart_option_label {float: left; font-family: Arial, Helvetica, sans-serif; }
.prod_detail_price {
    background: #000 none repeat scroll 0 0;
    border-radius: 50%;
    color: white;
    display: inline-block;
    float: left;
    font-family: "Merriweather",serif;
    font-size: 1em;
    height: 0;
    line-height: 0;
    margin-bottom: 5px;
    padding: 25% 0;
    position: relative;
    text-align: center;
    width: 50%;
}
select, textarea{display: inline-block;
	font-size:100%;
	margin-bottom:10px;
cursor: text;
border: 1px solid #BFBFBF;
width: 100%;
max-width: 100%;}
.forgotpass {
    float: right;
    font-style: normal;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-right: 5px;
    text-align: right;
}
.forgotpass a {color: #aaa;}
.backtologin {float:left;}
.msg_success li {font-family: 'Roboto', sans-serif;}

.promocontainer {float: left;}


.cart_qtybutton {width: auto;}
.cart_qtybutton .link-button, button, input[type="submit"] {
    font-size: 0.8em !important;
    margin-left: 0;
    margin-right: 5px;
/*    margin-top: 6px;*/
    padding-bottom: 6px !important;
    padding-top: 6px !important;
}
.shopcarttable {border-bottom: 1px solid #ccc;}
.cart_desc a {color: #000 }



.cartmoney_sub {margin: 0px; padding: 0px; font-size: 1em;}

.cartmoney_ship {margin: 0px; padding: 0px; color: #999; font-size: .6em}

#but_continueshopping {
    float: right;
    margin-left: 10px;
}
.extrashoptable td {padding: 5px;}

.last {border-bottom: 1px solid #000;}







.memberscontainer_content {margin-right: -25px; float:right;}

.sform .blank_title {font-family: Arial, Helvetica, sans-serif;}



.logindetails {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    float: left;
    margin-left: 5px;
    padding: 10px;
    width: 98.5%;
}

.member_tablehead {
    font-family: arial;
    font-size: 0.8em;
    font-style: italic;
    text-align: left;
    text-decoration: underline;
    width: 20% !important;
}

.orderlist {width: 99%;}

.memdetails {min-height: 445px !important;}




.shoprightcol { margin-bottom: 25px; padding-left: 20px !important; padding-right: 20px !important;}



.prod_detail_extras {
    clear: both;
    padding: 5px 0 0;
}

.menusidenav {display: none;}

.input-tip{
	position: relative;
	display: inline-block;
}

.input-tip .tip-box{
	visibility: hidden;
	width: 200px;
	background-color: #444;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 5;
	top: -10px;
	left: 450%;
	opacity: 0;
	font-size: 14px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	margin-left: -60px;
	transition: opacity 0.3s;
}

.input-tip .tip-box::after{
	content: "";
	position: absolute;
	top: 15px;
	left: -2%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #555 transparent transparent;
}

.input-tip:hover .tip-box{
	visibility: visible;
	opacity: 1;
}


/*******bootstrap*********/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}


.more_button {
	max-width: 100%;
margin: auto;
width: 220px;
}
.more_button > a{
	background-color: #E0A512;
	border-radius: 10px;
	text-align: center;
	display: block;
	padding: 0px 10px;padding-bottom:5px;
	text-decoration: none;
	color: black;
}

.topheader-wrapper {
    position: sticky;
    top: 0;
    z-index: 1;
}
.navbar{
	background-color: #E0A512;
}

#shop_container_outer .img-responsive {
	width: auto;
	max-height:300px;
}

.prod_result_item {
	padding: 5px;
}

.featurecol{
	padding-bottom: 40px;
	position: relative;
}

.featurecol img{
	max-height: 275px;
	width: auto;
	margin: auto;
	display: block;
}

.featurecol h2{
	text-align: center;
	font-weight: 700;
	letter-spacing: 1px;
}

@media screen and (max-width:767px){
	.slick-slide img{
		height:120px !important;
	}
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-9 {
    width: 75%;
  }


  }


@media screen and (max-width: 821px) {
	/*Top Banner*/

	.top-banner {  top: -10px; padding: 1px 20px 31px;}
	.top-banner > h1, .top-banner > p { top: 3px;}
	.top-banner .fa.fa-times-circle { top: 8px;}
	.top-banner > h1:first-child, .top-banner > p:first-child { margin-top: 40px;}


	.shopextrasnav {padding-top: 10px;}
	.bigimage {min-height: 0px !important;}
	#menu li {
    font-size: 1.55em;

}
.prod_result_boxes {
    margin: 0 auto;

}
#menu li a {    text-shadow: none !important;}
	#fpmen {
    height: 300px;}
	.footer.container p {

    margin-bottom: 0px;
}
	.mobile_socialhead {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 175px;
}
.mobile_socialhead .fa {font-size: 1.3em;}
	.shop_home_top_right {
    display: none;
}
	.shop_topheader {
    background-color: #fff;
    border-bottom: 1px solid #000;
    position: relative;
    width: 100%;
    z-index: 1;
}
.col-md-9 h2 {
    text-align: center;
}
.col-md-9 p {
    text-align: center;
}
.col-md-3 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/************** GLOBAL ****************/
body.grid-1 {margin: 0px;}

/******************** BASIC **********************/
.basic_home_topheader {width: 100%;}

/*Basic Topheader */
.basic_logo_container {margin-left: auto;margin-right: auto;}
h1.basic_top_right_text {margin-bottom: 10px;width: 100%;}
.basic_desk_phone {text-align: center;width: 100%;}
.basic_address {text-align: center;width: 100%;}
.basic_email {text-align: center;width: 100%;}


/* Basic Nav */
#basic_nav {width: auto;}

/* Basic Slider */
.basic_slider_shadow {
    background-image: none;
    bottom: 100px;
    height: 139px;
    margin-bottom: -115px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative;
}


/* Basic Home Boxes */
.mobile_link {
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 1.5em !important;
    font-weight: 700;
    text-transform: uppercase;
}
.mobile_link a {color: #000;}
.ch-grid li {
    display: inline-block;
    height: 220px;
    margin: 25px 0;
    width: 220px;
}

/* Basic Footer */
#basic_footer {height: auto; position: relative;}
.basic_footerspace {border-bottom: 1px solid #fff;}

/* Basic Testimonial Form */
/*input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], textarea {width: 65%}	*/

/******************** SHOP **********************/

#shop_container_inner {width: 100%;}
#shop_nav {width: 100%;}
.footer.container {
height: auto;
  padding-left: 20px;
    padding-right: 20px;
}
.shop_logo_container {margin-left: auto; margin-right: auto;}
h1.shop_top_right_text {float: none; width: 100%; text-align:center;}
.shop_desk_phone {float: none;}
.memberscontainer {
  display: none;
}

.mobile_cart {
    background: #aaa none repeat scroll 0 0;
    color: #fff;
    display: block;
    right: 0;

    position: fixed;
    top: 10px;
    z-index: 9999;
}
.mobile_account {
    background: #666 none repeat scroll 0 0;
    color: #fff;
    display: block;

    position: fixed;
    right: 0;
    top: 42px;
    z-index: 9999;
}
.mobile_cart a {
  color: #fff;
  display: block;
  padding: 1px 8px 3px 7px;
  width: 100%;
}
.mobile_account a {
  color: #fff;
  display: block;
  padding: 2px 9px 3px;
  width: 100%;
}
.cart_heading {display: none;}

.prod_detail_left {
    max-width: 450px;

}
.prod_detail_right {
    margin-top: 20px;

}


	.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;
    margin-bottom: -15px;
    margin-top: 10px;
    text-align: center;
    width: auto;
}
#content {margin-top: 0px;}
.shoprightcol {border-left: 0px;}
.phone {float:none; text-align:center; font-size:1.1em; margin-top: 10px;}
.searchbox {width: 100%}

.shopleftcol {display: none;}

.account {float: none}
.account a {padding:7px 7px; font-size: 9px; }

.shopleftcolhome {display: none;}
.menusidenav {display: block;}

.sidenavicon {}
.sidenavicon h1 {
    color: #fff;
    float: left;
    font-size: 0.6em;
    padding-top: 2px;
}
#menuside {
    background: none repeat scroll 0 0 #666;
    bottom: 0;
    left: 0;
    margin-left: -150px;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 150px;
    z-index: 1000;
}
#layout.active .menu-link {
    left: 200px;
}
#layout.active #menuside {
    left: 150px;
    width: 200px;
}
#menuside li a {
    color: #fff !important;
    font-family: "merriweather",serif !important;
    font-size: 0.6em !important;
    font-weight: normal !important;
    line-height: 1.3em;
    padding-left: 20px !important;
    text-transform: none !important;
}
.menu-menu {
    margin-top: 15px;
}

.menu-link {
    background: #666 none repeat scroll 0 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    color: #fff !important;
    display: block;
    font-size: 1.5em;
    height: auto;
    left: 0;
    padding: 0 0 0 15px;
    position: fixed;
    top: 10px;
    width: auto;
    z-index: 1000;
}
.sidenavshopicon {
    float: left;
    font-size: 0.7em;
    margin-left: -7px;
    padding: 9px 10px 6px 0;
}


#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: left}

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


.promodesc {width: auto; text-align: left;}
.promoinput {width: auto; text-align: left;}
.promobutton {width: auto; text-align: left; }
.prodquantity {width: 100%; }
.cart_desc { padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    width: 100%;}
.cart_qtybutton {}
.promobutton input[type="submit"] {margin-top: 0px;}
.promoerror {padding-top: 0px;}
.prod_desc {width: 100%}
.shopcarttable tr {border: none;}
.cart_totallabel {}
.cart_total { margin-top: -0px; color: #222;}
.cartmoney_sub {}
.cartmoney_tax {}
.cartmoney_ship {}
.cartmoney_grand {}
#checkout_buttons { width: 260px;}
.cart_qtybox {
    float: left;
    margin-right: -12px !important;
    text-align: left;
    width: 50px;
}
.shopcarttable td {padding:0px;}

.itemprice {float: left; width: 100%; text-align: left;}
.totalprice {float: left; width: 100%; text-align: left; }

.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: left;
    padding-right: 10px;
    width: 50px;
}
.rightaligntext {float: none; width: 100%}

.creditcards  {float: left;}



#container_inner {width: 98%; margin-top: 30px;}

#wowslider-container1 {clear: both;}
.logocontainer {width: 100%; margin-top: 0px;}
.logogourmet {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    width: 200px;
}

.navcontainer {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
ul.menu.full-width {padding-left: 0px; padding-right: 0px; border-radius: 0px;}
ul.menu li {float: none;}
.grey .page_highlight {width: 100%;}
.hometext {padding: 10px;}
.homeslider {background-color: #f9fafa; float:left; clear:both; margin-top: 200px;}
#wowslider-container1 {width: 100%; }
.hometext {width: 100%;}
.homeboxes {width: 100%; margin-left: auto; margin-right: auto;}

.logocontainer_content {width: 100%; margin-top: 0px;}
.logogourmet_content {width: 200px; margin-left: auto; margin-right: auto; padding-top: 20px;}
.navcontainer_content {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 100%;
}
.category_list_boxes {width: 510px;}
.category_list_boxes li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.logocontainer {
    float: none;
    width: 215px;
}
.rform .blank_field {
    float: left;
    margin-top: -10px;
    width: 130px;
}
#shop_container_inner {
    padding: 20px;
    width: 100%;
}
.billingdetailscontainer { max-width: none; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; width: 100% !important;}
.logindetailscontainer { max-width: none; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; width: 100% !important;}

.rform label {width: 100%;}

.cart_summary {margin-left: 0px; width: 100% !important;}

.product_summary {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 3px;
    margin-left: 0;
    margin-top: 8px;
    min-height: 0px !important;
    padding-top: 10px;
    width: 100% !important;
}

.product_summary .title {padding-bottom: 10px;}

.member_menu .coffee-span-3 {width: 100% !important; margin-top: 10px;}

.logindetails {width: 100%;}
.member_tablehead {width: 100% !important;}

.memberscontainer_content {margin-right: 0px; float: left;}
.member_menu {margin-left: -5px;}
.logindetails {margin-left: 0px;}

.searchbox {
    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 218px;
}

.searchbox input[type="text"] {
    float: none;
    margin-top: 0;
    padding-left: 25px;
	width: 207px;
}

.memberscontainer_content {
    clear: both;
    float: none;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding-top: 5px;
    width: 217px;
}
.members_inner {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 217px;
}

.homeslider {margin-top: 0px;}
.memberscontainer {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 215px;
}
.members_inner {
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 219px;
}

}

/******* 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 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;}
}

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

 .thumbs {
    height: 110px;
    width: 110px;
}

  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;
  }


}

@media screen and (max-width: 420px) {
/****************** GLOBAL *******************/

.prod_result_boxes {
    margin: 0 auto;
    width: 100% !important;
}
.prod_result_boxes li h3 {text-align: center;}
.prod_result_boxes li span a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #000;

    color: #000 !important;
    font-family: "Merriweather",serif;
    font-weight: normal;
    padding: 5px 20px;

    right: 0;
}
.prodimgborder {
    float: left;

    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;

}
.zoomContainer {display: none;}


/****************** BASIC *******************/

/*Basic Popup */
#boxes #dialog {
    left: 10% !important;
    top: -10px !important;
    width: 80% !important;}

/* Basic Topheader */
.basic_desk_phone {display: none;}
.basic_mobile_phone {display: block; text-align:center; margin-bottom: 10px;}
.basic_mobile_phone a{ background: #ccc none repeat scroll 0 0;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-weight: 700;
    padding: 5px 20px;
    text-transform: uppercase;}
.basic_mobile_phone a:hover {  background: #ddd none repeat scroll 0 0;}

/* Basic Photo Gallery*/
.imggal1 {  margin-left: auto;
    margin-right: auto;
    width: 156px;}

/* Basic Testimonial Form */
input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], textarea {width: 100%}


.shop_desk_phone {display: none;}
.shop_mobile_email {
    display: block;
    padding-bottom: 5px;
}
.shop_mobile_email a {    color: #000;
    font-size: 0.9em;}
.shop_mobile_phone {display: block; text-align:center; margin-bottom: 10px;}
.shop_mobile_phone a{ background: #ccc none repeat scroll 0 0;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-weight: 700;
    padding: 5px 20px;
    text-transform: uppercase;}
.shop_mobile_phone a:hover {  background: #ddd none repeat scroll 0 0;}

.cart_qtybox input[type="text"] {margin-bottom: 10px;}
.cart_totallabel {
    float: left;
    width: 150px;
}
.grand_total {font-size: 1em;}
.ckout, .cart_continue, .add2 {width: 100% !important}
.promobutton input[type="submit"] {
    margin-left: 0;
    margin-top: 0;
    width: 100%;
}
.promoinput input[type="promo"] {
    margin: 0;
    width: 100%;
}

.backandplace .cart_continue, .backandplace .ckout {
  width: 90% !important;
}

  /* 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 { float: none;
    margin-left: auto;
    margin-right: auto;}

  .ckout {float:none}
  .cart_continue {float: none}
  .cart_qtybutton {width: auto; text-align: left}

  .account a {width: 100%; margin-bottom: -15px;}

  #nav {margin-top: 20px;}

  .member_menu li {display: inherit; margin: 10px;}

 .navcontainer {width: 300px; float: none;}
#fpmen {
    float: left;
    height: 300px;
    position: relative;
    width: 100%;
}
.hometext {width: 300px; float: none;}
.homeboxes {width: 300px;}
.navcontainer_content {
width: 300px;}
.logocontainer {float: none; margin-bottom: 5px;}
.homeslider {display: none;}
#container_inner {width: 93%;}
.category_list_boxes {width: 200px;}
.category_list_boxes li {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
	max-width: 200px;
}
.category_list_boxes li h3 {width: 200px;}
.prod_result_boxes li {}

.promodesc p {font-size: .7em;}
.promoinput {width: 100%;}
.promoinput input[type="promo"] {margin: 0px; width: 100%;}
.shopcarttable {border: none;}
.promobutton {
    border-bottom: 1px solid #ccc;
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    width: 100%;
}
#but_continueshopping, #but_checkout {margin-left: 0px; float: none; width: 100%;}
.thumblist {
    float: left;
    margin-bottom: 15px;
    max-width: 310px;
    width: 100%;
}
.mobilephone {display:block;}
.desktopphone{display:none}

.mobilephone a {
	-moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
	-webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:arial;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.mobilephone a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0688fa;
}
.mobilephone a:active {
	position:relative;
	top:1px;
}

.memberscontainer {margin-top: 20px;}
#nav {margin-top: 0px;}

.leftalignimage {
    float: left;
    margin-top: 10px;
    padding-right: 10px;

}


.zoomWindowContainer {width: auto !important;}
.forgotpass {
    float: left;
    font-style: italic;
    margin-bottom: -5px;
    margin-top: 10px;
    padding-right: 15px;
    text-align: right;
}

}

@media screen and (max-width: 821px) {.footer.container{position:relative !important;}}
@media screen and (max-width: 289px) {
  /* Text Elements */

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