/*
Theme Name: East Coast Organics
Author: Chris Collins
*/

/*
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
/* Default Style
--------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

html {height:100%;}

body {
  min-height:100%;
  overflow-x:hidden;
/*border:5px red solid;*/
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}

nav ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
  border: 1px solid #bbbbbb;
  background: #d8d8d8 url(images/quote.png) no-repeat;
  padding: 10px 5px 5px 47px;
  text-shadow: 1px 1px #fff;
  margin: 5px 0;
  border-radius: 7px;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

pre {
  background: #d8d8d8;
  text-shadow: 1px 1px #fff;
  border: 1px solid #bbbbbb;
  padding: 7px;
  margin: 5px 0;
  border-radius: 7px;
}

code {
  background: #d8d8d8;
  text-shadow: 1px 1px #fff;
  border: 1px solid #bbbbbb;
  display: block;
  padding: 7px;
  margin: 5px 0;
  border-radius: 7px;
}

ins {
  background-color:#fdfc9b;
  text-decoration:none;
}

mark {
  background-color:#fdfc9b;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

div.messages {
	margin:0px;
	border:0px;
}

hr {
  height:1px;
  background: #9f9f9f;
  margin: 7px 0;
  border: none;
	clear: both;
	float: none;
	width: 100%;
}

input, select {
  vertical-align:middle;
}

select {
  border-radius: 4px;
  border: 1px solid #ACACAC;
  padding: 3px 4px;
}

.remove-margin {
  margin-right: 0 !important;
}

fieldset {
  border: 1px solid #ccc;
  margin: 0 0 0 0;
  padding: 1.5385em;
}

table {
  border-collapse:collapse;
  border-spacing:0;
  margin-bottom: 15px;
  width: 100%;
}

th, tr, td {
  vertical-align: middle;
}

.sticky-header th, .sticky-table th {
  padding-right: 1em;
  text-align: left;
}


table {
  background: #f8f8f8;
}

tr.even, tr.odd {
	background:none;
}

th {
  background: #C7C5AC;
  padding:5px;
  border-bottom:1px solid #fff;
  border-top:1px solid #fff;
  color:#fff;
  font-weight:normal;
}

td {
  color: #747474;
  text-align: left;
  padding: 4px;
  border:1px solid #fff;
}

td.active {
	background:#eee;
}

body {
    /*background: #fcfcfc url(images/background.png) repeat top center scroll; //removed by MC on Mike's request*/
    background: #fff;
    font-family: 'Roboto', sans-serif;
    color: #656563;
    font-size: 14px;
    line-height:20px;
    font-weight: 400;
}
a, a span {
  text-decoration: none;
  color: #65B418;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  cursor:pointer
}

a:hover {
  text-decoration: none;
  color: #7A7B5C;
}

th a {
	color:#D2E363
}

p {
  margin: 0 0 0.8em;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

ul, ol {
  padding-left:20px;
  padding-bottom:20px
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#mobilemenuicon {
	z-index: 10000;
	color: #FCFCF8;
	background: #5FA700;
	font: normal 22px Arial;
	padding:2px 5px 4px 5px;
	margin: 2px;
	text-align: left;
	cursor: pointer;
	border: 1px solid #fff;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	outline:none;
	}
	
#mobilemenuicon:after {
	content:"Menu / Order";
	font:16px "Arial";
	display:block;
	margin:-21px 0 0 16px;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 700;
  padding: 0;
  margin: 0px 0px 10px 0px;
}

h1 {font-size: 23px;line-height: 26px;}		
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}

#wrapper {
  margin: 0px auto;
}

.mastercontainer {
  background: #fff;
  z-index:2;
  /*
//commented out by MC for Mike
  border: 20px solid;
  border-width: 0px 20px;
  border-color: rgba(59,144,29,0.1);
*/
}

#footer_right {
	z-index:2;
	color: #818471;
	background: rgba(59,144,29,0.1);
	padding:  10px 0px;
}

#footer_right a {
}

.containerinner {
  padding:0 3px 3px 3px;
}

#content-contain {
  position:relative;
}

#sidebar-first {
	float:right;
}

#content {
	float: left;
}

#head {
  float: left;
  width: 100%;
  background: url(images/logobg.jpg) no-repeat top center scroll;
  height: 200px;
  position: relative;
}

.region-head-right {
	position:relative;
}

#loginblock {
	width:250px;
	text-align:right;
	z-index:10;
	position:absolute;
	right:5px;
	top:0px;
}

#loginblock a {
	color: #222;
	font-size:  11px;
	font-weight:  100;
	}

#loginblock span {
	padding:0 5px
}

#logo {
  position:relative;
  z-index:2;
}

.site-slogan {
  font-size: 11px;
  color: #222;
  font-weight: 100;
  margin: 0 5px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#mobileMenu_mm1 {
  margin: 10px 20px;
  padding: 3px 0px;
}

#navigation {
}

#main-menu {
  clear: both;
  margin: 0px;
  overflow: hidden;
  line-height:16px;
  background: #5fa700;
}

#main-menu ul {
  text-align:center;
}

ul.menu {
	padding:0px;
}

#main-menu li {
  display:inline-block;
  list-style-type: none;
  font-weight: normal;
}

#main-menu li a {
  color: #fff;
  font-size: 125%;
  text-transform: uppercase;
  display: block;
  margin-top:0px;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#main-menu li:last-child a {border-right:none;}

#main-menu li a:active,
#main-menu a.active {color: #FDEC07;}

#main-menu li a:hover {
  color: #FEED07;
}

#main-menu li a .sf-sub-indicator {
  display: block;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
}

#main-menu li li a,
#main-menu li li a:link,
#main-menu li li a:visited {
  background-color: #5fa700;
  border-top-width: 0;
  color: #e7e7e7;
  font-size: 14px;
  padding: 10px 10px;
  position: relative;
  text-transform: none;
  width: 140px;
  font-weight: 400;
}

#main-menu li li a:hover,
#main-menu li li a:active {
  color: #fff;
  background: #4d7d0e;
}

#main-menu li ul {
  height: auto;
  padding: 0px 0px;
  left: -9999px;
  margin: 0 0 0 1px;
  position: absolute;
  width: 160px;
  z-index: 9999;
}

#main-menu li ul a {
  width: 160px;
}

#main-menu li ul ul {
  margin: -38px 0 0 160px;
}

#main-menu li:hover>ul,
#main-menu li.sfHover ul {
  left: auto;
}

#main-menu ul li.leaf, #main-menu ul li.expanded, #main-menu ul li.collapsed {
  list-style:none;
}
#main-menu ul.menu li {
  margin: 0;
}

#main-menu li.expanded, #main-menu li.collapsed, #main-menu li.leaf {
  margin: 0;
  padding: 0;
}

#front-welcome{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align:center;
	padding: 15px 5% 0;
	width: 90%;
}

#front-welcome .block > h2{
	color:#282c2f;
	font-size:24px;
	margin:0px auto;
  	text-transform: none;
}

#front-welcome p{
	padding:10px 0px;
	color:#282c2f;
	line-height:22px;
	font-size:18px;
}

.page-boxmaster-login #content.sixteen {
	text-align:inherit;
}

#header {
  margin-top: 20px;
}

#breadcrumbs{
  font-size: 11px;
}

.node {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.page-title {
	margin-top:20px;
}

.page-boxmaster-category .page-title,
.page-boxmaster-orders .page-title {
	display:none;
}

.node h2.title a{
  color: #559e3a;
}

.category-header {
	background: #D3E2C8;
	position:relative;
	padding:10px;
	color: #47540D;
}

.category-header h1 {
	position:relative;
	z-index:1;
	font-weight:normal;
}

.category-description {
	color:#fff;
	overflow:hidden;
}

.category-description * {
	padding:0px!important;
	margin:0px!important;
	font:normal 14px/18px "Arial"!important;
}

.category-image img {
	position:relative;
}

.category-breadcrumbs {
	margin:7px 0
}


/*
*************************************
Welcome Page Styling
*************************************
*/

#welcome_page_div ul {
	list-style:none;
	padding:0px;
}

#welcome_page_div li a {
	background:#fff;
	color:#999;
	border-radius:10px;
	padding:5px;
	margin:5px;
	border:1px solid #ddd;
	display:block;
	text-align:center;
	text-transform:uppercase;
	float:left;
    position:relative;
}

#welcome_page_div li a:hover {
	color:#72B647;
	border:1px solid #E8B43E
}

#welcome_page_div li a span {
	background:url("images/menu_icons_black.png") no-repeat;
	display:block;
	width:50px;
	height:50px;
	margin:10px auto;
	text-indent:-99999px;
	opacity:0.5;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	}

#welcome_page_div li a:hover span {
	opacity:0.8;
}

#welcome_page_div li:nth-of-type(1) a span	{background-position:-0px 0px;}
#welcome_page_div li:nth-of-type(2) a span	{background-position:-50px 0px;}
#welcome_page_div li:nth-of-type(3) a span	{background-position:-100px 0px;}
#welcome_page_div li:nth-of-type(4) a span	{background-position:-150px 0px;}
#welcome_page_div li:nth-of-type(5) a span	{background-position:-200px 0px;}
#welcome_page_div li:nth-of-type(6) a span	{background-position:-0px -50px;}
#welcome_page_div li:nth-of-type(7) a span	{background-position:-50px -50px;}
#welcome_page_div li:nth-of-type(8) a span	{background-position:-100px -50px;}
#welcome_page_div li a.extralistitem span	{background-position:-150px -50px;}
#welcome_page_div li:last-child a span		{background-position:-200px -50px;}


#boxmaster-confirm-order-container .messageclose {display:none}

#delivery_info_div {margin:15px 0 10px 0;}

#boxmaster-delivery-info-div-container span {padding:0px 0 5px 0px;text-align:left;color:#4A901D;}

#delivery_info_div h2 	{display:none}
#delivery_info_ul 		{list-style:none;padding:0px;border-top:1px dashed #4A901D;border-bottom:1px dashed #4A901D;overflow:hidden;}
#delivery_info_ul li 	{padding:14px 0 14px 45px;min-height:45px;}

#delivery_info_ul li:nth-child(1) {background:url("images/clock.png") no-repeat center left;}
#delivery_info_ul li:nth-child(2) {background:url("images/truck.png") no-repeat center left;}
#delivery_info_ul li:nth-child(3) {background:url("images/cart.png") no-repeat center left;}

#ordering_actions_ul a 			{cursor:pointer;white-space:nowrap;background:#72B647;color:#fff;border-radius:5px;padding:2px 6px;font:normal 11px "Arial"}
#ordering_actions_ul a:hover 	{color:yellow}

/*
*************************************
Logged In Account Functions
*************************************
*/

.accountbackbutton {
	background:#fff;
	font:normal 15px/15px 'Arial';
	color:#888;
	text-transform:uppercase;
	border:1px solid #ddd;
	border-radius:10px;
	padding:10px 10px 10px 30px;
	position:relative
}

.accountbackbutton:hover {
	color:#72B647;
	border:1px solid #E8B43E
}

.accountbackbutton:before {
	content:"<";
	font-size:29px;
	color:#ccc;
	position:absolute;
	left:5px;
	top:9px;
}

/*
*************************************
Current Orders Page
*************************************
*/

#boxmaster-confirm-order-container {
	padding-bottom:10px;
}

#boxmaster-confirm-order-container fieldset {
	padding:0px;
	margin:0px;
	border:none;
}
#boxmaster-confirm-order-container fieldset legend {display:none;}

#boxmaster-confirm-order-container div.error {
  background:#ce432b;
  padding:10px;
  border:none;
  border-radius:5px;
  color:#fff;
  padding-bottom:46px;
}

#boxmaster-confirm-order-container div.error a {
  color:#E8B645;
  font-weight:bold;
}

#boxmaster-confirm-order-container .form-submit {
	width:100%;
	max-width:240px;
	padding:5px 0px;
	font-size:14px;
	margin-top:10px;
	float:right;
}

.content {position:relative;}

.close_button_div {
	position:absolute;
	top:0px;
	right:0px;
	font:20px/18px "Arial";
	background:#72B647;
	color:white;
	border-radius:50px;
	width:22px;
	height:21px;
	text-align:center;
	cursor:pointer;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
	}

#boxmaster-orders-div-2 .close_button_div {/* display:none */}

.close_button_div:hover {background:#b52c17}

.block{
	margin-bottom:3px;
}

/*
*************************************
Front Page Slideshow
*************************************
*/

#block-views-front-slideshow-block {
	width:100%;
	margin-bottom:8px;
}

#block-views-front-slideshow-block .content {
	overflow:hidden;
}

#block-views-front-slideshow-block .views-row {
	position:relative;
}

#block-views-front-slideshow-block .views-field-field-banner-copy {
	position:absolute;
	z-index:3;
}

#block-views-front-slideshow-block .views-field-field-banner-copy a {display:block;}

/*
*************************************
Front Page Blocks
*************************************
*/

#block-views-front-blocks-block {
	/* background: url("images/headerbackground.png") no-repeat bottom center; */
	/* background-size: cover; */
	background: none;
}

#block-views-front-blocks-block {
	margin-bottom:10px;
}

#block-views-front-blocks-block .views-row {
	float:left;
	position:relative;
	display:  block;
}

#block-views-front-blocks-block .views-row:after {
	width: 40px;
	height: 38px;
	content:"";
	display:block;
	background:url("images/garrow.png");
	background-size: contain;
	position:absolute;
	top: 85px;
	right: -20px;
	z-index:1;
}

#block-views-front-blocks-block .views-row-last:after {
	display:none;
}

#block-views-front-blocks-block .view-content {
	overflow:hidden;
}

#block-views-front-blocks-block .views-row img {
	/* border: 10px solid #FEED07; */
	/* border-radius: 50%; */
	height:  auto;
	/* box-shadow: 0px 5px 10px #666; */
	margin: 8px;
}

#block-views-front-blocks-block .views-row .views-field-field-block-text {
	color: #4a901d;
	text-align:  center;
	line-height: 16px;
}

/*
*************************************
Recipe Page Styling
*************************************
*/

.view-recipes .view-content {
	overflow:hidden;
}

.view-recipes .views-row {
	float:left;
	position:relative;
}

.view-recipes .views-row:nth-child(4n+1) {
	margin-left: 0px;
}

.view-recipes .views-field-title {
	position:absolute;
	bottom:5px;
	text-align:center;
	left:0px;
	background:rgba(0,0,0,0.3);
	width:100%;
}

.view-recipes .views-field-title a {
	padding:10px;
	display:block;
	color:#fff;
}



.content-bottom .block {
	border:1px solid #d0cfdf;
	margin-bottom:5px;
	border-radius:5px;
	overflow:hidden;
}

.content-bottom .block h2 {
	background:#d0cfdf;
	font-size:15px;
	padding:5px;
	color:#fff;
}

.content-bottom .block .content {
	padding:0 5px;
}

/*
*************************************
Boxmaster Orders Page
*************************************
*/

#boxmaster-delivery-problems-message-container div {
	background:#dd8080;
	color:#fff;
	padding:20px;
	margin:10px 0 50px 0
}
#boxmaster-delivery-problems-message-container div a {color:yellow}


.page-boxmaster-orders table,
.boxmaster_planning_table {position:relative;margin-top: 5px;}
.page-boxmaster-orders table {margin-top:5px;margin-bottom:50px;}
.boxmaster_planning_table {margin-top:40px;margin-bottom:50px;}
.page-boxmaster-orders table tr {border:none}

.boxmaster-customer-preferences-table {
	margin-top:50px!important
}

#boxmaster-orders-table-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  perspective: 1000px;
}

.page-boxmaster-orders #boxmaster-orders-table-container table:before {
	content:"Edit Your Order Here";
	display:block;
	width:80px;
	text-align:center;
	background:#E8B645;
	color:#fff;
	font:bold 13px/16px "Arial";
	padding:22px 0px;
	moz-border-radius:50%;
	webkit-border-radius:50%;
	border-radius:50%;
	position:absolute;
	top:-25px;
	pointer-events:none;
	right:10px;
	-ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}

.page-boxmaster-orders caption, .planning_table_caption_div {
	padding:5px;
	color: rgb(255, 254, 234);
	width:auto;
	background: #5FA700;
	text-align:left
}

.boxmaster-planning-table {
	padding-bottom:10px;
}

.boxmaster-planning-table tr.odd,
.boxmaster-planning-table tr.odd td,
.product_row_first td {
	border:none;
	background:#E5E4D5;
	color: #464435;
	font:normal 11px "Arial"
}

.boxmaster-planning-table tr.odd td.boxmaster-orderquantity,
.boxmaster-planning-table tr.odd td.boxmaster-subtotal,
.product_row_first td.boxmaster-orderquantity,
.product_row_first td.boxmaster-subtotal {
	font:normal 14px "Arial";
}

.boxmaster-planning-table tr.odd td.boxmaster-productname,
.product_row_first td.boxmaster-productname {
	font:normal 13px "Arial";
	max-width:200px;
}

.boxmaster-planning-table tr.even td,
.product_row_second td {
	text-align:right;
	border:none;
}

.boxmaster-planning-table tr.weekly_planner_total1 td {
	font:normal 13px "Arial";
	color:#4A901D;
}

.boxmaster-planning-table tr.weekly_planner_total2 td {
	text-align:left
}

.product_row_second td input, 
.product_row_second td input:hover, 
span.pending_confirmation_info_text a, 
span.pending_confirmation_info_text a:hover {
	font:11px "Arial";
	padding:3px 6px;
	margin-left:5px;
	box-shadow:none;
	text-shadow:none;
	border:none;
	color:#fff!important;
	border-radius:4px
}

input.remove_basket_product_table_button,
input.change_basket_product_table_button {background: #A6C2A7;}

input.remove_basket_product_table_button:hover,
input.change_basket_product_table_button:hover {background:#9cbc9e}

span.pending_confirmation_info_text a {background:#72B647}
span.pending_confirmation_info_text a:hover {background:#64a837}

span.pending_confirmation_info_text {
	text-shadow:0 0 5px rgba(255,255,255,0.9);
}

.boxmaster-save-change-item-button.form-submit {
	margin-top:17px;
	margin-left:10px;
}

#boxmaster-orders-table-container tr.odd .form-item, #boxmaster-orders-table-container tr.even .form-item {
	white-space: normal; /* Fix table width on message in small browser widths */
}

span.pending_confirmation_info_text:before {
	content:"?";
	background:#4A901D;
	color:#fff;
	padding:1px 5px;
	margin-right:5px;
	border-radius:50px;
	text-shadow:none;
}

span.pending_confirmation_info_text a {
	color:#4A901D
}

div#boxmaster-orders-div-2{
    display:none;
}

table.min-spend-not-met{
    border:3px red solid;
}

tr.pending_deletion td{
    color:red;
    text-decoration: line-through;
    font-style:italic;
    cursor:help
}

tr.pending td{
    color:orange;
    cursor:help
}

.form-item-oco label:after {
	content:"?";
	background:green;
	color:#fff;
	border-radius:50%;
	padding:0 5px;
}

.form-item-oco label {
	cursor:help
}

.form-item-oco:after {
	content:"Enable one-click ordering to confirm products as soon as they are added to your basket.";
	color:white;
	display:block;
	opacity:0;
	font-size:13px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-bottom:-10px;
}

.form-item-oco:hover:after {
	opacity:1;
	color:green;
}

div.open_basket_checkout_block.checkout_required{
    font-weight:bold;
    color: rgb(207, 80, 80);
    padding:10px;
    border:3px solid rgba(255, 176, 33, 0.3);
    margin-bottom:10px;
    border-radius:10px
}



#header .block > h2, #foot .block > h2, 
.region-content-top .block > h2{
  font-size: 16px;
}

#sidebar-first .block {
	margin-bottom:10px;
}

#sidebar-first .block .content {
}

#sidebar-first .block .content .content,
#sidebar-first .block .content .node {
	padding:0px;
	border:0px;
}

#sidebar-first .block .content header {
	display:none
}

#block-views-page-image-block.block .content {
	border:none;
}

#sidebar-first .block.block-menu {
	background:none;
}

#sidebar-first .block:last-child {margin-bottom:5px}

#sidebar-first .block .content {
	color:#676761;
	}

/* News */

.view-latest-news.view-display-id-block {
	text-align: center;
	font-size: 17px;
	color: #fff;
	background: #5FA700;
}

.view-latest-news.view-display-id-block .views-field-title a {
	color: #fff;
}

.view-latest-news.view-display-id-block .views-field-field-image img {
	border-bottom: 5px solid #FEED07;
}

.view-latest-news .views-row {
	padding-bottom:10px;
}

.view-latest-news .views-field-path {
	margin: 10px 0px;
}

.view-latest-news .views-field-title:first-letter {
	text-transform:uppercase!important;
}

.view-latest-news.view-display-id-page_1 .views-row {
	border-top: 1px dashed #5FA700;
	padding: 10px 0px;
	min-height: 90px;
	overflow: hidden;
}

.view-latest-news.view-display-id-page_1 .views-field-field-image {
	float: left;
	width: 140px;
	margin-right: 10px;
}


/* End News */

#block-boxmaster-boxmaster-product-group-block ul {
	list-style:none;
	padding:0px;
}

#block-boxmaster-boxmaster-product-group-block ul.boxmaster_product_subgroup_ul {
	padding-left:10px;
}

#block-boxmaster-boxmaster-product-group-block ul a {
	display:block;
	padding:5px;
	margin-bottom:4px;
	color:#809040;
	border-bottom:1px solid #eee;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#block-boxmaster-boxmaster-product-group-block ul li.active a {
	padding:5px 0px 5px 10px;
	color: rgb(45, 53, 6);}

#block-boxmaster-boxmaster-product-group-block ul a:hover {
	padding:5px 0px 5px 10px;
}

#block-views-page-image-block.block {
	border:none;
	overflow:  hidden;
}

#block-views-page-image-block .views-row img,
#block-views-page-image-block .views-field-field-image {
	margin: 5px auto;
	display: block!important;
}

#block-views-page-image-block.block * {
	/* outline:none; */
}

#block-views-page-image-block.block .content {
	padding: 0px;
}

.sidebar .block h2 {
  color: #666;
  margin-bottom:1px;
  padding-bottom:3px;
}

#block-boxmaster-boxmaster-open-basket-block.block {
	position:relative;
	text-align:center;
	margin-bottom:15px;
	background:transparent;
	margin-top:5px;
	border:none;
	border-radius:none;
}

#block-boxmaster-boxmaster-open-basket-block.block h2 {
	background:none;
	color:#888;
	padding-top:8px;
}

#block-boxmaster-boxmaster-open-basket-block.block .open-basket-inner {
	background: url("images/paper.png"), #fff;
	position:relative;
	border:1px solid #fff;
	padding: 0 3px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), inset 0 0 50px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), inset 0 0 50px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), inset 0 0 50px rgba(0, 0, 0, 0.05);
	z-index:2;
}

#open_basket_items_table {
	font:normal 14px/20px 'segoe_printregular';
	background:none;
	border:none;
}

.boxmaster_product_origin_name {display:none}

#block-boxmaster-boxmaster-open-basket-block.block tr {
	border-bottom:1px dashed #ccc!important;
	background:none;
}

#block-boxmaster-boxmaster-open-basket-block.block td {
	padding:5px;
	background:none;
	border:none;
}

#block-boxmaster-boxmaster-open-basket-block.block:before, 
#block-boxmaster-boxmaster-open-basket-block.block:after {
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 6px;
	bottom: 6px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	z-index: 1;
} 

#block-boxmaster-boxmaster-open-basket-block.block:after
{
	left: auto;
	right: 6px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}


/* Clear formatting in description text */

div.boxmaster_product_desc p {
	margin:0;
}

div.boxmaster_product_desc p br {
	margin:0;display:none
}

/* Customer Menu Block */

#block-menu-boxmaster-customer-menu .content 			{padding:5px!important}
#block-menu-boxmaster-customer-menu .content ul 		{padding:0}
#block-menu-boxmaster-customer-menu h2 					{margin-bottom:0}
#block-menu-boxmaster-customer-menu .content li 		{list-style:none}
#block-menu-boxmaster-customer-menu .content li a 		{color:#4A901D;display:block;text-align:center;padding:5px 0;background:#eee;margin-bottom:2px;}
#block-menu-boxmaster-customer-menu .content li a:hover {background:#e7e7e7}

#foot {
	padding:10px 0px 0 0px;
}

/* Tweet Feed */

.view-tweet-feed .views-field-created-at {
	font-style:italic;
	font-size:12px;
}

#bottom {
  padding-top:1px;
  padding-bottom: 15px;
}

#bottom .content, #bottom .content a {
  color: #3b901d;
  font-size:  12px;
}

#bottom .content a:hover {
  color:#666;
}

#block-menu-menu-footer-one li {
	display: block;
	float: left;
	padding: 10px
}

.bottominnner {
  padding-top:5px;
}

#bottom * {
  list-style:none;
}

#block-menu-menu-footer-one {
  margin:0px;
}

#block-block-1 p {
	margin:0px;
}

#bottom ul {
  padding:0
}

.botblck {
  float: left;
  list-style: none;
}

.botblck .block > h2 {
  padding: 0px 0px 0px 0px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.botblck .content {
  margin: 0;
  line-height: 160%;
  color: #7E7E7E;
}

#copyright {
  padding: 5px 0px;
  text-align: center;
}

.credit {
  color: #eee;
}

.submitted {
  background: #dfdddd;
  padding: 4px 9px;
  border-radius: 4px;
  color: #383838;
  text-shadow: 1px 1px #fff;
  clear: both;
  display: block;
  margin-bottom: 2px;
}

.links {
  color: #000;
  margin-top: 10px;
  font-size: 14px;
}

.links li a {
  background-color: #E7E5E3;
  color: #100100;
  padding: 4px 5px;
  border-radius: 4px;
  text-shadow: 1px 1px #fff;
  font-weight: normal;
}

.links li a:hover {
  background-color: #D7D5D3;
  color: #100101;
}

/*-------------------------------------------*
/* Boxmaster Category Page
/*-------------------------------------------*/

div.boxmaster_product_div						{position:relative;background: #EEEEEE;margin:0 0 10px 0;min-height: 120px;overflow:hidden}
div.boxmaster_product_image						{position:absolute;top:0px;left:0px;z-index:1;}

div.boxmaster-img-label 						{position:absolute;left:125px;bottom:5px;width:200px;pointer-events:none}
div.boxmaster-img-label:before 					{content:"< "}
.block-boxmaster-is-not-logged-in div.boxmaster-img-label {display:none}

div.boxmaster_product_name						{padding:5px;background: #5FA700;color: #FFFEEA;z-index:4;position:relative;cursor:pointer}
div.boxmaster_product_name:after 				{font-size:12px;padding-left:16px;padding-bottom:1px;color:#fff;overflow:hidden;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;opacity:0.4;content:"click again to hide";text-indent:-130px;width:13px;height:15px;background:url('images/tooltip.png') no-repeat 0px 3px;display:inline-block;margin-left:5px;}
div.boxmaster_product_name:hover:after 			{opacity:1}
.expanded div.boxmaster_product_name:after		{text-indent:0px;width:200px;}

div.boxmaster_product_price						{color:#fff;z-index:4;position:absolute;top:3px;right:5px;font:bold 18px/18px "Arial";pointer-events:none}
div.boxmaster_basket_info_div					{background:none;font-size:11px;float:left;}

/* Change Label text */
div.boxmaster_product_div .boxmaster_witb_link,
.form-item-order-quantity label, 
.form-item-product-frequency label, 
.form-item-product-quantity label 				{display:none}
.form-item-order-quantity:before,
.form-item-product-frequency:before,
.form-item-product-quantity:before 				{position:absolute;margin-top:-19px;font-size:12px;color: #47540D;}
.form-item-order-quantity:before 				{content:"Number";}
.form-item-product-frequency:before 			{content:"Frequency";}
.form-item-product-quantity:before 				{content:"Product Quantity";}
.form-item-order-quantity select,
.form-item-product-frequency select,
.form-item-product-quantity select 				{background:rgba(255,255,255,0.5);border: 1px solid #C2C1C2;}

.remove-product-div 							{position:relative;border-top:2px solid #fff;padding-top:5px;padding-bottom:5px;padding-left:5px;background: #EBDF17;}
/*.remove-product-div:first-child 				{border-top:none;margin:0}*/

.remove-product-div form 						{float:right;margin-top:-1px;padding:0 5px}

.remove-product-div .form-submit,				
.remove-product-div .form-submit:hover 			{background:none;padding:0px;box-shadow:none;border:none;text-shadow:none;font:normal 11px "Arial"}

div.boxmaster_confirm_changes_div 				{position:absolute;text-indent:-9999px;border:1px solid green;background:#6bad40 url("images/exclamation.png") no-repeat; height:20px;width:20px;border-radius:50%;cursor:help;}
div.boxmaster_confirm_changes_div:hover 		{position:absolute;text-indent:0px;background:#6bad40;color:#fff;padding:5px; height:auto;width:140px;border-radius:5px;}

.boxmaster_not_in_basket_span,
.boxmaster_basket_info_title,
.boxmaster_product_brand_name,
.boxmaster_product_brand_description 			{display:none}


.product_unavailable 							{background:rgba(255,255,255,0.6);position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:20;text-align:center;padding-top:50px;font:normal 20px "Arial";color:#72B647;}

.boxmaster-please-log-in 						{padding:0 0 0 20px;font:normal 16px/17px "Arial";color:#AF1817;}
.boxmaster-please-log-in a						{color:#AF1817;font-weight:bold;text-decoration:underline;}
.boxmaster-please-log-in a:hover 				{color:red}

.productexpandedimage img {max-width:100%}

/*-------------------------------------------*
/* Boxmaster Shop Page
/*-------------------------------------------*/
#boxmaster_product_groups_div {overflow:hidden;}

div.boxmaster_product_group_div {
	background:none;
	float: left;
	display: inline;
	margin: 0px;
	position: relative;
	overflow:hidden;
}

.page-boxmaster-category #boxmaster_product_groups_div div.boxmaster_product_group_div {
	padding:0px;
	border:none;
	margin:0 10px 10px 0;
}

.boxmaster_product_group_name {
	background: rgba(95, 167, 0, 0.8);
	padding:5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom:2px;
	position:absolute;
	bottom:0px;
	pointer-events:none;
	color:#fff;
}

.boxmaster_product_group_name a {
	font:bold 14px/16px 'Arial';
	color:#fff;
}

.boxmaster_product_group_description {
	display:none;
}

.form-item-home-tel label:after {
	content:"*";
	color:red;
}

/*-------------------------------------------*
/* Fix CKEditor style
/*-------------------------------------------*/
table.cke_editor {
  background: transparent;
  border: 0;
}
table.cke_editor td {
  background: transparent;
  padding: 0;
  border: 0;
}

/*-------------------------------------------*
/* Poll, Buttons, Form
/*-------------------------------------------*/
.poll .vote-form .choices .title {
  font-size: 14px;
  font-weight: normal;
  line-height: 2;
}

.poll .vote-form .choices {
  margin: 0;
}

.form-submit, #open_basket_checkout_block a
 {
  background: #e0e0e0;
  color:#666;
  background: -moz-linear-gradient(top, #fefefe 0%, #e0e0e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e0e0e0));
  background: -webkit-linear-gradient(top, #fefefe 0%, #e0e0e0 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #e0e0e0 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #e0e0e0 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #e0e0e0 100%);
  border: 1px solid #cccccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px #cccccc, inset 0 1px 1px white;
  -webkit-box-shadow: 0 1px 2px #cccccc, inset 0 1px 1px white;
  box-shadow: 0 1px 2px #cccccc, inset 0 1px 1px white;
  font: normal 500 16px/16px "Open Sans", Arial, sans-serif;
  margin-left: 1px;
  margin-top: 1px;
  padding: 6px 30px;
  text-decoration: none;
  cursor:pointer
}
input.form-submit:focus,
a.button:focus {
  color: #fff;
  outline: 0;
}
.form-submit:hover, .form-submit:focus, .form-submit:active, .form-submit:disabled,
#open_basket_checkout_block a:hover,
#open_basket_checkout_block a:focus,
#open_basket_checkout_block a:active,
a.button:hover,
a.button:focus,
a.button:active,
a.button:disabled {
  background: #eeeeee;
  color: #777;
  outline: 0;
  text-shadow: 0 -1px 1px #fff;
}

#open_basket_checkout_block a, .confirm_order_button.valid.form-submit {
  background: #eab92d;
  background: #8fc800;
  background: -moz-linear-gradient(top,  #8fc800 0%, #68ad00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc800), color-stop(100%,#68ad00));
  background: -webkit-linear-gradient(top,  #8fc800 0%,#68ad00 100%);
  background: -o-linear-gradient(top,  #8fc800 0%,#68ad00 100%);
  background: -ms-linear-gradient(top,  #8fc800 0%,#68ad00 100%);
  background: linear-gradient(to bottom,  #8fc800 0%,#68ad00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#68ad00',GradientType=0 );
  border: 1px solid #68ad00;
  color:#fff;
  text-shadow:0 0 2px rgba(0,0,0,0.4)
}

#open_basket_checkout_block a:hover,
#open_basket_checkout_block a:focus,
#open_basket_checkout_block a:active {
	background:#68ad00;
	color:#fff;
	text-shadow:0 0 2px rgba(0,0,0,0.4)
}

#open_basket_checkout_block {
	margin-top:15px;
}

#open_basket_checkout_block a {
	width:calc(100% - 65px);
	display:block;
	box-shadow:none;
}

.form-submit:disabled,
a.button:disabled {
	color:#aaa;
	cursor:not-allowed
}


input.form-checkbox, input.form-radio {
  vertical-align: baseline;
}

.form-text {
  border-radius: 0px;
  border: 1px solid #5FA700;
  padding: 6px 5px;
  width:calc(100% - 12px);
  max-width:320px;
  color:green;
}

.form-text:focus{
  outline: 1px solid #ddd;
}

#boxmaster-login-block-form {
	margin-bottom:17px;
}

/*-------------------------------------------*
/* Product Search Block
/*-------------------------------------------*/
#block-boxmaster-boxmaster-product-search-block .form-type-textfield {
	width:calc(100% - 30px);
	margin:0px;
	float:left;
}

#block-boxmaster-boxmaster-product-search-block .content {
	margin-top:30px;
}

#block-boxmaster-boxmaster-product-search-block .form-type-textfield .form-text {
	height:18px;
	padding:5px;
}

#block-boxmaster-boxmaster-product-search-block .form-type-textfield label {
  margin-top:-20px;
}

#block-boxmaster-boxmaster-product-search-block .form-submit {
	text-indent:-9999px;
	width:30px;
	height:30px;
	padding:0px;
	margin:0px;
	border-radius:0px;
	background: #5FA700 url("images/searchicon.png") center center;
	box-shadow:none;
	border:none;
}

/*-------------------------------------------*
/* Menus and item lists 
/*-------------------------------------------*/
.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5385em;
}

.item-list ul li {
  margin: 0;
  padding: 0;
}

ul.menu li {
  margin: 0;
  padding: 0;
}

ul.inline {
  clear: both;
}

ul.inline li {
  margin: 0;
  padding: 0;
}

/*-------------------------------------------*
/* Admin Tabs
/*-------------------------------------------*/
.tabs-wrapper {
  position:absolute;
  top:-20px;
  left: 5px;
  font:13px/14px "Arial";
  z-index:10;
}

ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: #4D7D0E;
  border: none;
  color: white;
  display: block;
  float: left;
  line-height: 1.5385em;
  margin: 0;
  padding: 0 15px;
  border-radius: 5px 5px 0 0;
  margin-right: 2px;
}

ul.primary li a:hover, ul.primary li a.active {
  border: none;
  background: #5FA700;
  color: #FFFFFF;
}

ul.primary li a:hover {
  background: #FEED07;
  text-decoration: none;
  color: #656563;
}

ul.secondary {
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: left;
  line-height: 1.5385em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}

/*-------------------------------------------*
/* Tabs and Tags
/*-------------------------------------------*/
.field-name-field-tags {
  margin: 0 0 10px 0;
}

.field-name-field-tags a{
  display: inline-block;
  background: url(images/tag.png) no-repeat;
  padding: 0px 8px 0 16px;
  height: 22px;
  text-shadow: 1px 1px #fff;
  border-radius: 2px;
  font-size: 12px;
}

.field-name-field-tags a:hover{
}

.field-name-field-tags .field-item {
  margin: 0 1em 0 0;
}

.field-name-field-tags div {
  display: inline;
}

/*-------------------------------------------*
/* Profile
/*-------------------------------------------*/
.profile {
  margin: 1.5385em 0;
}

.profile dd {
  margin-bottom: 1.5385em;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.password-parent {
  width: 36em;
}

/*-------------------------------------------*
/* comment
/*-------------------------------------------*/
#comments {
  clear: both;
  margin-top: 14px;
  padding: 5px;
  border: 1px solid #dddddd;
  border-radius: 8px;
}

.comment {
  margin-bottom: 1.5em;
  padding: 5px;
  border-radius: 7px;
  min-height: 150px;
  border-bottom: 1px solid #d9d9d9;
}

h3.comment-title a{
  margin-bottom: 5px;
  font-size: 16px;
  color: #67696d;
}

.comment .new {
  color: red;
  text-transform: capitalize;
  margin-left: 1em;
}

.form-textarea-wrapper textarea {
  border-radius: 3px;
  border: 1px solid #acacac;
}

.comment .submitted {
  display:inline;
  background: #e5e5e5;
}

.comment .user-picture{
  float: left;
  padding: 4px;
  border: 1px solid #d9d9d9;
  margin-right: 7px;
  margin-bottom: 7px;
}

.comment-new-comments{
  display: none;
}

/*-------------------------------------------*
/* Navigation
/*-------------------------------------------*/
.item-list .pager {
}

.item-list .pager li {
  background: #cfcfcf;
  border-radius: 3px;
  margin-right: 4px;
  text-shadow: 1px 1px #fff;
}

/*-------------------------------------------*
/* Forum
/*-------------------------------------------*/
.field-name-taxonomy-forums div {
  display: inline;
  margin-top: 4px;
}

.field-name-taxonomy-forums .field-items {
}

#forum .title {
  font-size: 16px;
}

#forum .submitted {
  font-size: 12px;
  background: transparent;
  padding: 0;
}

#forum .container {
  background: #a1a1a1;
  color: #fff;
}

#forum .container a {
  color: #000;
  font-weight: bold;
}

#forum div.indent {
  margin-left: 2px;
}

.forum-starter-picture {
  float: left;
  padding: 4px;
  border: 1px solid #d9d9d9;
  margin: 5px 7px 5px 0;
}

#forum th {
  background: #434343;
  text-shadow: none;
  color: #fff;
}

#forum th a {
  color: #fff;
}

#forum td.forum .icon, #forum .icon div {
  background: url(images/no-new-posts.png) no-repeat;
  width: 35px;
  height: 35px;
}

#forum .name a{ 
  font-size: 16px;
}

.credit a {
    color: #42A9BE;
}

.credit a:hover {
    color: #aaa;
}

/* Hide items on page load */
#togglemenu1, img.adaptive-image {display:none;}
#block-views-how-to-icons-block img,
.gmap img {display:block}

/* added by MC */

.boxmaster-product-frequency-select.form-select.invalid{
    border:1px solid red;
}

.oco_info_span:after {
	content:'?';
	background:green;
	color:#fff;
	margin-left:5px;
	border-radius:50%;
	padding:0 5px;
}

.oco_info_span {
	cursor:help;
	position:relative;
}

.oco_info_span:before {
	content:'';
	position:absolute;
	color:white;
	background:#fff;
	display:none;
	bottom:30px;
	width: 100%;
	font-size:13px;
	margin-bottom:-10px;
}

.oco_info_span:hover:before {
	content:'Enable one-click ordering on your orders page to confirm products as soon as they are added to your basket.';
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	color:green;
	width:250px;
	padding:10px;
	display:block;
	border-radius:10px;
	pointer-events:none;
}

/* Webfroth Side Toggle Menu. Inspired by Dynamic Drive. */


body{ /* CSS for BODY transition when menu is set to push BODY content. */ 
	-moz-transition: left 200ms ease-in-out, right 200ms ease-in-out;
	-webkit-transition: left 200ms ease-in-out, right 200ms ease-in-out;
	transition: left 200ms ease-in-out, right 200ms ease-in-out;
}


.sidetogglemenu{/* shared class for side toggle menus */
    background: #5FA700;
    width: 170px;/* default menu width */
    height: 100%;
    position: fixed;
    top: -100%;
    clear: both;
    display: block;
    visibility: 'hidden';
    -moz-transition: all 200ms ease-in-out;/* change 100ms to slide in animation time */
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.sidetogglemenu li a.active {
  color: #eee;
  background: #656563;
}

.sidetogglemenu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.sidetogglemenu a{
	font: bold 16px 'Arial';
	padding: 8px 10px;
	display: block;
	color: #FCFCF8;
	text-decoration: none;
	border-bottom: 2px solid #FCFCF8;
}

.sidetogglemenu a:hover{
	background: #E8F1E2;
	color: #5FA700;
}

/* #######  Responsive Menu related CSS  ####### */

div#smallscreentoggler{ /* CSS for small screen menus toggler, shown when device width is below specified */
	width: 40px;
	z-index: 10000;
	color: white;
	position: relative;
	float: right;
	overflow: hidden;
	background: #666;
	font: normal 30px Arial;
	margin-bottom: 0.5em;
	text-align: center;
	cursor: pointer;
	border-radius: 2px;
	display: none;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
    
}

div#smallscreentoggler:hover{
	background: #999;
	color: #eee;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
/* added by MC 02/10 */
div#main_shop_page_div  .child_product_group{
    display:none; 
}

div.boxmaster_product_div_witb{
    display:block;
    padding:110px 10px 10px 10px;
}

div.boxmaster_product_div_witb ul {
	list-style-type:none;
	padding:0px;
}

.boxmaster_product_div_witb  li {background:rgba(255,255,255,0.8);color:#809040;padding:2px 5px;margin-bottom:2px;}
.boxmaster_product_div_witb li:nth-child(odd) {background:rgba(255,255,255,0.6);}

.wpp_pq{
    display:none;
}
/* added by MC 31/10 */

.final_delivery{
    display:none;
}

fieldset.setup_header{
float:left;
}

.fieldset-wrapper .item-list ul li {
    margin: 0;
    padding: 0;
    color: orange;
}

.fieldset-wrapper .item-list ul li.completed {
    color:green;
}

.fieldset-wrapper .item-list ul li.active {
    font-weight: bold;
}

.form-radios .form-type-radio {
    display: inline-block;
}

td.box_price {
    font-size: 120%;
    color: darkorange;
}

td.description {
    font-size: 110%;
    color: #012b09;
}

tr.row_1 {
    background-color: cadetblue;
}

tr.row_1 td.productname {
    color: white;
}

tr.row_1 td.box_price {
    font-size: 120%;
    color: #feed07;
}

tr.row_2 td {
    margin-bottom: 10vw;
}

#boxmaster-ecobox-customer-setup-wizard-registration-form label {
    display: inline;
}

.setup_header li.active {
    font-size: large;
}

.view-boxes-grid td{
    vertical-align:top;
}

.field-name-field-price .field-item{
font-size:150%;
font-weight:bold;
}

button.order-button {
    font-size: 200%;
}

#block-boxmaster-ecobox-shop-boxmaster-shop-pg-menu .content ul {
	padding: 0;
}

#block-boxmaster-ecobox-shop-boxmaster-shop-pg-menu .content li {
	margin-bottom: 5px;
	list-style: none;
}

.product_div {
    margin: 5px 1%;
    padding:5px;
    width: 30%;
    display: inline-block;
    background-color:white;
    position:relative;
    box-sizing:  border-box;
    vertical-align: top;
    text-align: left;
    padding-bottom: 50px;
    height:350px;
}

.view-test-shop .views-field-title {
	font-weight: 700;
}

.product_div .node {
	margin-bottom: 0;
}

.product_div header {
	background: none;
}

.products_container{
    background-color: rgba(0, 0, 0, 0.16);
    padding: 5px;
    box-sizing:  border-box;
}

.product_div img {
   max-width: 100%;
   height: auto;
   display: block;
   margin: 0 auto;
}
header {
/*    padding:5px; MC removed for Mike*/
    background-color:#eee;
/*    height: 50px;*/
/*    margin-bottom:5px; MC removed for Mike*/
}

.field-name-field-description .field-item {
    height: 50px;
    overflow:auto;
font-size:80%;
}

.node-shop-product-description{
/*height:50px;*/
    padding-bottom:0px;
}

#block-boxmaster-ecobox-shop-boxmaster-shop-pg-menu a {
	display:block;
	text-shadow: none;
	border-radius: 0;
	font-weight: 700;
}

#block-boxmaster-ecobox-shop-boxmaster-shop-pg-menu a:hover {
	background: #5ea700;
	color: #fff;
}

.product_div .form-submit{
    position:absolute;
    bottom: 5px;
    right: 5px;
}
.product_div  .form-select{
    position:absolute;
    bottom: 5px;
    left: 5px;
}


.product_div .price {
    position: absolute;
    bottom: 32px;
    font-weight:bold;
    color: darkgoldenrod;
}

.subtotal_div {
    font-size: 130%;
    font-weight:bold;
color:white;
}
.subtotal_div.above_min_spend {
    background-color:#5fa700;
}

.subtotal_div.below_min_spend {
    background-color:red;
}

div#block-menu-menu-boxmaster-login-menu {
    float: right;
background-color: #fceb07;
}

#block-menu-menu-boxmaster-login-menu .content li{
    list-style: none;
}
#block-menu-menu-boxmaster-login-menu .content li a {
    color: #252f1d;
    font-size: 20px;
    text-transform: uppercase;
    padding:3px;
    font-weight:bold;
    display: block;
    margin-top: 0px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#block-menu-menu-boxmaster-login-menu ul{
    display:-webkit-box;
}

#main-add-product-form .form-radios .form-type-radio {
    display: block;
}

.boxes_div {
    display: inline-block;
    height: 300px;
    width:10vw;
    vertical-align: top;
}

.boxes_div img {
    height: auto;
    width:9vw;
    vertical-align: top;
}

.boxes_div header {
     height: auto;
}

.field.field-name-field-price {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}
input#edit-next {
    font-size: 40px;
    padding: 20px;
    /* background-color: cadetblue; */
    background: darkgreen;
    color: blanchedalmond;
}

#boxmaster-ecobox-customer-setup-wizard-registration-form .form-text {
    width: auto;
}

#boxmaster-ecobox-customer-setup-wizard-registration-form .confirm-parent, .password-parent {
    width: auto;
}

.field.field-name-field-image.field-type-image.field-label-hidden {
    /* min-height: 180px; */
}

.node-shop-group-description div{
    float:left;
}
.node-shop-group-description div.field-name-body{
    padding-left:20px;
}

.pg_child {
    display: inline-block;
    vertical-align: top;
/*    height: 400px;*/
}
.pg_child .node-shop-group-description div{
 clear:both;

}

td.total, td.order_price {
    text-align: right;
}

 td.total {
     font-weight:bold;
 }

 #block-menu-menu-boxmaster-login-menu li.leaf{
     margin-left:10px;
/*      background-color:#feed07; */
 }

#choose-box-form {
 	text-align: center;
 }

.box_div {
    display: inline-block;
    /* min-height: 400px; */
    align-self: auto;
    vertical-align: top;
    margin: 3%;
    border:1px black solid;
    padding:5px;
    vertical-align: top;
    text-align: left;
}

.box_div img {
	height: auto;
	width: 100%;
}

 .box_div .content.node-box-order-product-description {
     width: 100%;
     /* height:240px; */
}


 span.qty_in_basket{
     background-color:green;
     color:white;
     font-size:larger;
 }

#edit-payment-amount{
    width:100px;
    text-align:right;
}

/* Social */

#headerbar {
	position: relative;
}

#block-block-6 {
	position: absolute;
	right: 15px;
	bottom: -190px;
}

#block-block-6 .content {
	text-align: right;
}

#block-block-6 .content a.facebook,
#block-block-6 .content a.twitter {
	width: 35px;
	height: 35px;
	margin-left: 10px;
	text-indent: -999999px;
	font-size: 0px;
	display: block;
	float:  left;
}

#block-block-6 .content a.facebook {background: url("images/facebook.png") no-repeat center;background-size:contain;}
#block-block-6 .content a.twitter  {background: url("images/twitter-icon.png") no-repeat center;background-size:contain;}

#block-block-6 .content a.phone {
	font-size: 22px;
	display: block;
	margin-top: 10px;
	float: left;
	font-weight: 700;
	color: #FDEC07;
	letter-spacing: 1px;
}

/* Video */

#block-views-all-content-block-1 {
	overflow:hidden;
}

#block-menu-menu-boxmaster-login-menu .content li.first {
    padding-right: 4px;
    border-right: 2px solid black;
}
#block-menu-menu-boxmaster-login-menu .content li.first.last {
    padding-right: 0px;
    border-right: none;
}
#edit-use-credit{
width:50px;
}

.block-boxmaster-ecobox-login-register{
    background-color:#eecc36;
    padding:5px;
    color:black;
}
.field.field-name-field-group-description.field-type-text-long.field-label-hidden {
    padding-left: 20px;
}
