#container_inner table,
#container_inner tr{max-width:100%;}
  
/*MAIN*/
#container_outer { width: 100%; padding-top: 20px; background-image: none !important}
#container_inner {background-color:#FFF; width: 985px; margin-left:auto; margin-right:auto; padding:0px; -webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 0px 13px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 0px 13px 0px rgba(50, 50, 50, 0.4); overflow: hidden; margin-top: 10px; margin-bottom: 20px;}
.topheadercontainer {max-width: 985px; width:80%; margin-left: auto; margin-right: auto;}
.logocontainer_content {width: 985px; margin-left: auto; margin-right: auto;}
.logogourmet_content {}

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

h1.heading-3 {
    clear: both;
    color: #000;
    float: right;
    font-family: "Roboto",sans-serif;
    font-size: .8em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4em;
    margin-top: 0;
    text-align: right;
    text-transform: none;
    width: auto;
}

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/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: 985px;
    width: 80%;}
#footer_inner{ width: 80%; margin-left:auto; margin-right:auto; padding-bottom: 20px; max-width: 985px; }
#footer_inner2{ width:96%; margin-left:auto; margin-right:auto; padding-bottom: 20px; max-width: 985px; }
/*** 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: 985px; background-color:#0CF;}
#copyright p {text-align:right}

.footerrow {max-width: 985px !important;}

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

.prod_detail_image .mainimage, .prod_detail_left .mainimage {
    border: 1px solid #ccc;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.41);
  
}


/*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{}
.shopleftcolhome {
    background-color: #b5d9f3;
    border: 1px solid #005696;
    margin: 25px 25px 25px 30px;
    min-height: 550px !important;
}
.shoprightcolhome {
    background-color: #eee;
    border: 1px solid #005696;
    margin-left: 0;
    margin-right: 0;
    margin-top: 25px;
	   min-height: 550px !important;
	   margin-bottom: 25px;
}
h1 {
    color: #005696;
    font-family: "Roboto",sans-serif;
    font-size: 2em;
    font-weight: 400;
    letter-spacing: normal;
    text-align: center;
}
h2 {
    color: #005696;
    font-family: "Roboto",sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-align: justify;
    letter-spacing: 0.05em;
    line-height: 1.5em;
}
h3 {font-family: 'Oswald', sans-serif; font-size: 1.1em; font-weight:200; text-align:left}
p {font-family:'Roboto', sans-serif; font-size: .8em; font-weight:400; text-align:left}
li {font-family:'Roboto', sans-serif; list-style: inside disc; text-align:left; font-size: .9em;}
.footernav li {
    float: left;
    list-style: outside none none;
    padding-left: 10px;
    padding-right: 10px;
}
.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: 985px;
}

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

body.grid-1 {
  background-color: #b5d9f3;
}
.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 {padding-left: 10px; padding-top: 10px;}
.menu-menu a, .menu-menu a:visited {color: #000099; font-family:Arial, Helvetica, sans-serif; font-size: .6em; line-height: .7em;}
.menu-menu a:hover {color:#3CF}

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

.footerspace a, .footerspace p {color:#fff;}

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

.logocontainer {
    float: left;
	  max-width: 300px;
	  padding-top: 8px;

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

.account {width: auto}

.searchbox {float:right; clear: both; width: auto; margin-top: -10px;}
.searchbox input[type="text"] {float:right; background-image:url(../images/html/Image/search.png); background-position:left; background-repeat:no-repeat; padding-left: 25px; margin-top: 0px;}

.link-button, button, input[type="submit"], .continue {
	-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;
	font-family:arial;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.link-button, button, input[type="submit"]:hover, .continue: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;
	
}
.link-button, button, input[type="submit"]:active, .continue:active {
	position:relative;
	top:1px;
	border:0px solid #0b0e07;
}

.continue {
    border: 0 none;
    float: left;
    font-size: 0.8em;
    margin-bottom: 0;
    margin-top: 7px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: center !important;
    width: 120px;
}

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


	input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] {
    font-family: arial;
    font-size: 0.8em;
    line-height: 1.4;
    margin-left: -25px;
    margin-top: 7px;
    padding: 2px 4px;
    width: auto;
}
input[type="email"]:focus , input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="text"]:focus {box-shadow: none; border: 1px solid #2dabf9;}



.navcontainer {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 985px;
    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: 50px;
    padding: 5px;
    vertical-align: middle;
    width: 150px;
}
.category_list_boxes li h3 a {
    color: #000;
    font-family: arial;
    font-size: 0.9em;
    font-style: italic;
}

	.prod_result_boxes {width: 100% !important; margin: 0px;}
.prod_result_boxes li h3 {
    color: #000;
    font-family: arial;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
    width: 90%;
}
.prodimgborder {width: 100%; margin-left: 0px; }
.product_price_button a {color: #fff}


.product_price_button {color: #fff !important}
.account a {color: #777777}

ul li a {padding: 0px;}

.prod_detail_left {width: 48%; height: auto;}
.prod_detail_right {width: 50%}
.prod_detail_right h1 {width: 100%; font-size: 1.2em; margin-bottom: 10px;}

.cart_heading {
    background-color: #f9f9f9;
    border-right: 3px solid #fff;
    color: #000;
    font-family: arial;
    font-size: 0.9em;
    text-align: center;
}

.cart_desc {
    color: #666666;
    float: left;
    font-family: arial;
    font-size: 0.9em;
    width: auto;
}

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


.category_list_boxes li {margin-left: 10px; margin-right: 10px; max-width: 150px; min-height: 100px; border: 1px solid #ccc;
    -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);}
.catimgborder {width: auto;}

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

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

.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: 0px;
    text-decoration: none;
	padding: 0px;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.rform h2 {background: none; box-shadow:none; color: #000; margin-bottom: 15px;
    margin-left: 0px;
    text-decoration: none;
	padding: 0px;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.form_loginbox {width: 100%; margin-top:10px; background-color: #f9f9f9; min-height: 145px;}
.form_registerbox {width: 100%; margin-top:10px; margin-left: 0px;background-color: #f9f9f9; min-height: 145px;}
.form_loginbox label {width: 100px;}
.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 {
    font-family: arial;
    font-size: 0.8em;
    font-weight: normal;
	
}
.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: 1.2em;
    
}
.sform input[type="text"]:focus, .sform input[type="password"]:focus {border: 1px solid #2dabf9}
.sform .submit {width: 120px; margin: 0px; clear: both;}

.rform {margin: 0px; clear: both;}
/*.sform .blank_title {display: none}*/
.rform .checkb {margin-top: 6px; margin-left: -5px;}
.rform .blank_field {width: 150px; margin-top: -7px; height: 38px;}
.rform select {width: 300px;}
.rform textarea {width: 300px}
.rform label {
    font-family: arial;
    font-size: 0.8em;
    font-weight: normal;
	
}
.rform 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;
}
.rform input[type="text"], .rform input[type="file"], .rform 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: 1.2em;
    
}
.rform input[type="text"]:focus, .sform input[type="password"]:focus {border: 1px solid #2dabf9}
.rform .submit {width: 120px; margin: 0px; clear: both;}

.blank_field p { margin-top: 2px;}
.space15 {padding-top: 0px;}

.signupformheader {
    border-bottom: 2px dotted #000 !important;
    border-left-style: dotted;
    border-radius: 0 !important;
    border-right-style: dotted;
    border-top: 2px dotted #000;
    float: left;
    padding-bottom: 30px !important;
    padding-left: 0 !important;
    padding-top: 7px !important;
    width: 100%;
}

.billingdetailscontainer {background-color: #f9f9f9; border: 1px solid #ccc; padding-top: 8px; padding-bottom: 8px;  margin-right: 5px; margin-left: 5px; max-width: 482px}
.logindetailscontainer { background-color: #f9f9f9; border: 1px solid #ccc; padding-top: 8px; padding-bottom: 8px;  margin-right: 5px; margin-left: 5px; max-width: 482px}

.backandplace {padding-top: 10px;}

.msg_errors, .msg_errors_sform {
    background-color: #990000;
    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: 99%;}

.cart_image {
    color: #56a39c;
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 0;
    margin-right: 10px;
    width: 45px;
}

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

.product_summary .figure {
    color: #000;
    font-family: arial;
    font-size: 0.9em;
    width: 50%;
	text-align:right;
}

.paymentoptions {text-align: left; font-size: 1em}
.pay_radio {
    float: left;
    font-family: arial;
    font-size: 0.9em;
    list-style: outside none none;
    text-align: left;
    width: 85px;
}
.pay_title {
    float: right;
    padding-top: 2px;
}
.payselect {
    float: left;
    font-size: 0.7em;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 0;
}

.member_menu {}
.member_menu a {color: #000}
.member_menu a:hover {color: #2dabf9;}
.member_menu .coffee-span-3 {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    color: #000;
    font-family: arial;
    font-size: 0.8em;
    margin-left: 5px;
    margin-right: 5px;
    min-height: 0 !important;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 18.9% !important;
}

.msg_success, .msg_success_sform {
    background-color: #2dabf9;
    border: 1px solid #00F;
    color: #000000;
    list-style-type: none;
    margin-right: 0;
    padding: 10px;
    width: 99%;
}

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

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

#payment_form {width: 99%;}

.cart_subtitle {margin-left:0px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration:none;   border-bottom: 2px dotted #000 !important;   border-top: 2px dotted #000 !important; font-weight: lighter; width: 100%; margin-bottom: 10px; text-align:left;}
.cart_summary {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-left: 5px;
   min-height: 175px !important;
    padding-top: 10px;
    width: 49% !important;
	margin-bottom: 3px;
}
.product_summary {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-left: 10px;
    min-height: 175px !important;
    padding-top: 10px;
    width: 49% !important;
	margin-bottom: 3px;
}
.product_summary .title {
    color: #000;
    font-family: arial;
    font-size: 0.9em;
    margin-left: 0;
    width: 50%;
}
.cart_summary .title {
    color: #000;
    font-family: arial;
    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-family: arial;
    font-size: 0.8em;
    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: #005696;

}

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

.leftalignimage {float: left; width: 25%}
.rightaligntext {float: right; width: 75%}
.footerspace {margin-top: 0px; min-height: 0px !important; }

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

.footerspace p {
    font-family: "Roboto",sans-serif;
    font-size: 0.75em;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    padding-right: 10px;
    padding-top: 7px;
    text-align: right;
}

.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: arial;
    font-size: 0.9em;
    text-align: center;
    text-transform: none;
}
.prod_result_boxes img {width: 100%; margin: 0px; }
.prod_result_boxes li {
    background-color: #f9fafa;
    border: 1px solid #ccc;
    color: #000;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    list-style-type: none;
    margin: 0 0 25px;
    min-height: 0px;
    padding: 0 0 15px;
    text-align: center;
    width: 150px;
	-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);
margin-right: 20px;
}

.prod_result_boxes li span {
	-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:none;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.prod_result_boxes li span: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;
}
.prod_result_boxes li span:active {
	position:relative;
	top:1px;
}

.promobutton input[type="submit"] {}
.add2, .cart_continue, .ckout, .promobutton input[type="submit"], .cart_qtybutton input[type="submit"]{
	-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:none;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	width: auto;
}
.add2:hover, .cart_continue:hover, .ckout:hover, .promobutton input[type="submit"]:hover, .cart_qtybutton input[type="submit"]: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;
}
.add2:active, .cart_continue:active, .ckout:active, .promobutton input[type="submit"]:active, .cart_qtybutton input[type="submit"]:active {
	position:relative;
	top:1px;
}

.prod_description p {font-size: .8em;}
.cart_option_box {width: 100%; float: left;}
.cart_option_label {float: left; font-family: Arial, Helvetica, sans-serif; font-size: .8em;}
.prod_detail_price {
    color: #cc9900;
    float: left;
    font-family: arial;
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
    margin: 5px 0 0;
    text-align: left;
}

.cart_footer_text {
    float: right;
    font-family: arial;
    font-size: 0.8em;
    font-style: italic;
    margin-top: 10px;
}

.forgotpass {
    float: right;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 0;
    padding-right: 15px;
    text-align: right;
}
.backtologin {float:left;}
.msg_success li {font-family:Arial, Helvetica, sans-serif}

.promocontainer {float: left;}
.promodesc {float: left;}
.promoinput {float: left;}
.promoinput input[type="promo"] {
    font-family: arial;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 7px;
	border: 1px solid #ccc;
}
.promoinput input[type="promo"]:focus { border: 1px solid #2dabf9;}
.promobutton {float:left;}
.promobutton input[type="submit"] {
    font-size: 0.8em;
    margin-left: 0;
    margin-top: 6px;
    padding-bottom: 6px;
    padding-top: 6px;
}
.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_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 }
.itemprice {font-family: Arial, Helvetica, sans-serif; font-size: .9em}
.totalprice {font-family: Arial, Helvetica, sans-serif; font-size: .9em}
.cart_totallabel {font-size: .8em; font-family:Arial, Helvetica, sans-serif;}
#subtotal {font-size: .6em; font-family:Arial, Helvetica, sans-serif;}

.cartmoney_sub {margin: 0px; padding: 0px; font-size: 1em;}
.cartmoney_tax {margin: 0px; padding: 0px; color: #999; font-size: .6em}
.cartmoney_ship {margin: 0px; padding: 0px; color: #999; font-size: .6em}
.cartmoney_grand {
    color: #cc9900;
    font-size: 0.6em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
#but_continueshopping {
    float: right;
    margin-left: 10px;
}
.extrashoptable td {padding: 5px;}

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

.msg_errors_sform li {font-family: arial; font-style:italic;}
.msg_errors li {font-family: arial; font-style:italic; color: #fff;}
.msg_title {font-family:Arial, Helvetica, sans-serif; font-style:normal !important;}

.memberscontainer {float:right; clear:both;}
.members_inner {
    float: right;
    margin-right: -15px;
    margin-top: 0px;
}
.mycart {float:left;}
.myaccount {float: left;}
.myaccount .fa-user {float:left; padding-top: 3px}
.mycart .fa-shopping-cart {float:left;  padding-top: 3px}
.mycart p, .myaccount p {
    color: #000;
    float: left;
    font-style: italic;
    margin-left: 5px;
    margin-right: 15px;
    margin-top: 0;
}
.memberscontainer_content {margin-right: -25px; float:right;}

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

.sform label {width: 130px;}

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

.breadcrumb {
    font-family: arial;
    font-size: 0.8em;
    font-style: italic;
    margin-bottom: 10px;
    margin-top: -25px;
    padding: 0;
    text-align: left;
}

.shopmainimg {width: 100%; max-width: 300px;}
.shopthumbimg {width: 25%; float: left;}
.thumblist {width:100%; max-width: 310px;}

.shoprightcol {border-left: 2px solid #ccc; margin-top: 25px; margin-bottom: 25px;}
.prod_detail_image_nav .thumbimage, .prod_detail_left .thumbimage {
    border: 0 solid #9c9696;
    height: 70px;
    margin: 5px;
    width: 70px;
}

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

.menusidenav {display: none;}

@media screen and (max-width: 821px) {
	.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: 0px;
    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%}
input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] {width: 65%}
.shopleftcol {display: none;}

.account {float: none}
.account a {padding:7px 7px; font-size: 9px; }
.footernav {
    width: 210px;
}
.footerspace p {text-align: center;}

.shopleftcolhome {   margin:0px;
    min-height: 0px !important; border: none;}
.shoprightcolhome {margin:0px;
    min-height: 0px !important; border: 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: arial !important;
    font-size: 0.6em !important;
    font-weight: normal !important;
    text-transform: none !important;
}

.menu-link {
    background: none repeat scroll 0 0 #666;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    color: #fff !important;
    display: block;
    font-size: 1.5em;
    height: auto;
    left: 0;
    padding: 0 25px 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; clear: both;}
.prodquantity {width: 100%; }
.cart_desc {width: 100%; text-align: left; font-size: 1.2em; padding-top: 10px;}
.cart_qtybutton {width: 200px}
.promobutton input[type="submit"] {margin-top: 0px;}
.promoerror {padding-top: 0px;}
.prod_desc {width: 100%}
.shopcarttable tr {border: none;}
.cart_totallabel {width:100%; float: left;}
.cart_total {float:left; width: 100%; border-bottom: 1px solid #ccc; margin-top: -25px; color: #222;}
.cartmoney_sub {margin-top: 10px}
.cartmoney_tax {margin-top: 10px}
.cartmoney_ship {margin-top: 10px}
.cartmoney_grand {margin-top: 10px}
#checkout_buttons { width: 260px;}

.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 {height:auto}

.leftalignimage {
    float: left;
    padding-right: 10px;
    width: 50px;
}
.rightaligntext {float: none; width: 100%}

.creditcards  {float: left;}

input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] {width: 135px; margin-left: 0px; line-height: 1.45}

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

.billingdetailscontainer { max-width: none; margin-left: 0px; margin-right: 0px; margin-bottom: 10px;}
.logindetailscontainer { max-width: none; margin-left: 0px; margin-right: 0px; margin-bottom: 10px;}

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

}

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

}
/******* event calendar table responsive ******/
 @media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 985px)  {
		/* 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;}
}

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

 

  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: 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 { 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;}
  
  input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] {width: 68%; line-height: 1.4}
  
 .navcontainer {width: 300px; float: none;} 
 #wowslider-container1 {display: none;}
.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 {width: 200px;}

.promodesc p {font-size: .7em;}
.promoinput {width: 100%;}
.promoinput input[type="promo"] {margin: 0px; width: 96%;}
.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;
    
}

.prod_detail_image_nav .thumbimage, .prod_detail_left .thumbimage {
    border: 0 solid #9c9696;
    height: 50px;
    margin: 5px 5px;
    width: 50px;
}

.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: 289px) {
  /* Text Elements */

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