@charset "utf-8";
/* CSS Document */


:root {
	
    --site_width: 1170px;
    --margin_offset-top: 0px;
    --margin_offset-bottom: 0px;
    --margin_offset-top-no-percent: 0px;
    --margin_offset-bottom-no-percent: 0px;
    --main_padding-top: 55px;
    --main_padding-top-or-55px: 55px;
    --main_padding-bottom: 40px;
    --hundredp_padding: 0px;
    --hundredp_padding-fallback_to_zero: 0px;
    --hundredp_padding-hundred_percent_negative_margin: -0px;
    --sidebar_width: 25%;
    --sidebar_gutter: 80px;
    --sidebar_2_1_width: 21%;
    --sidebar_2_2_width: 21%;
    --dual_sidebar_gutter: 40px;
    --primary_color: #e9a825;
    --primary_color-7a: rgba(233,168,37,0.7);
    --primary_color-85a: rgba(233,168,37,0.85);
    --primary_color-2a: rgba(233,168,37,0.2);
    --header_bg_image: ;
    --header_bg_repeat: repeat;
    --side_header_width: 320px;
    --header_padding-top: 0px;
    --header_padding-bottom: 0px;
    --header_padding-left: 55px;
    --header_padding-right: 55px;
    --menu_highlight_background: #a0ce4e;
    --menu_arrow_size-width: 12px;
    --menu_arrow_size-height: 23px;
    --menu_arrow_size-width-header_border_color_condition_5: ;
    --nav_highlight_border: 3px;
    --nav_padding: 45px;
    --nav_padding-no-zero: 45px;
    --dropdown_menu_top_border_size: 3px;
    --dropdown_menu_width: 170px;
    --mainmenu_dropdown_vertical_padding: 7px;
    --menu_sub_bg_color: #24292d;
    --menu_bg_hover_color: #383838;
    --menu_sub_sep_color: #313030;
    --menu_h45_bg_color: #29292a;
    --nav_typography-font-family: "Unica One", Arial, Helvetica, sans-serif;
    --nav_typography-font-weight: 400;
    --nav_typography-font-size: 18px;
    --nav_typography-font-style: ;
    --nav_typography-letter-spacing: 2px;
    --nav_typography-color: #ffffff;
    --nav_typography-color-65a: rgba(255,255,255,0.65);
    --nav_typography-color-35a: rgba(255,255,255,0.35);
    --menu_hover_first_color: #e9a825;
    --menu_hover_first_color-65a: rgba(233,168,37,0.65);
    --menu_sub_color: #d6d6d6;
    --nav_dropdown_font_size: 13px;
    --flyout_menu_icon_font_size: 20px;
    --flyout_menu_icon_font_size_px: 20px;
    --snav_font_size: 12px;
    --sec_menu_lh: 20px;
    --header_top_menu_sub_color: #d6d6d6;
    --mobile_menu_icons_top_margin: 30px;
    --mobile_menu_nav_height: 55px;
    --mobile_header_bg_color: rgb(41,44,48);
    --mobile_menu_background_color: #24292d;
    --mobile_menu_hover_color: rgba(255,255,255,.05);
    --mobile_menu_border_color: #212122;
    --mobile_menu_toggle_color: #ae895d;
    --mobile_menu_typography-font-family: "Varela Round";
    --mobile_menu_typography-font-size: 15px;
    --mobile_menu_typography-font-weight: 400;
    --mobile_menu_typography-line-height: 55px;
    --mobile_menu_typography-letter-spacing: 0px;
    --mobile_menu_typography-color: #ffffff;
    --mobile_menu_typography-font-style: ;
    --mobile_menu_typography-font-size-30-or-24px: 24px;
    --mobile_menu_typography-font-size-open-submenu: 15px;
    --mobile_menu_font_hover_color: #ffffff;
    --menu_icon_size: 18px;
    --logo_alignment: center;
    --logo_background_color: #a0ce4e;
    --slidingbar_width: 300px;
    --slidingbar_width-percent_to_vw: 300px;
    --slidingbar_content_padding-top: 35px;
    --slidingbar_content_padding-bottom: 35px;
    --slidingbar_content_padding-left: 30px;
    --slidingbar_content_padding-right: 30px;
    --slidingbar_bg_color: #292c30;
    --slidingbar_divider_color: #505152;
    --slidingbar_link_color: #bfbfbf;
    --slidingbar_link_color_hover: #e9a825;
    --footer_divider_color: #505152;
    --footer_headings_typography-font-family: "Unica One", Arial, Helvetica, sans-serif;
    --footer_headings_typography-font-size: 13px;
    --footer_headings_typography-font-weight: 400;
    --footer_headings_typography-line-height: 1.5;
    --footer_headings_typography-font-style: ;
    --footer_headings_typography-letter-spacing: 0px;
    --footer_headings_typography-color: #DDDDDD;
    --footer_text_color: #8c8989;
    --sidebar_bg_color: #313539;
    --bg_image: none;
    --bg_repeat: repeat;
    --bg_color: #313539;
    --bg-color-overlay: normal;

    --content_bg_color: #313539;
    --content_bg_image: none;
    --content_bg_repeat: repeat;
    --body_typography-font-family: "Varela Round", Arial, Helvetica, sans-serif;
    --body_typography-font-size: 13px;
    --body_typography-font-weight: 400;
    --body_typography-font-style: ;
    --body_typography-line-height: 2;
    --body_typography-letter-spacing: 0px;
    --body_typography-color: #aaa9a9;
    --link_color: #ffffff;
    --link_color-8a: rgba(255,255,255,0.8);
    --h1_typography-font-family: "Unica One", Arial, Helvetica, sans-serif;
    --h1_typography-font-weight: 400;
    --h1_typography-line-height: 1;
    --h1_typography-letter-spacing: 0px;
    --h1_typography-font-style: ;
    --h1_typography-font-size: 72px;
    --h1_typography-color: #ffffff;
    --h1_typography-margin-top: 0.67em;
    --h1_typography-margin-bottom: ;
    --h2_typography-font-family: "Unica One", Arial, Helvetica, sans-serif;
    --h2_typography-font-weight: 400;
    --h2_typography-line-height: 1.07;
    --h2_typography-letter-spacing: 0px;
    --h2_typography-font-style: ;
    --h2_typography-font-size: 60px;
    --h2_typography-color: #ffffff;
    --h2_typography-margin-top: 0em;
    --h2_typography-margin-bottom: .35em;
    --h3_typography-font-family: "Unica One", Arial, Helvetica, sans-serif;
    --h3_typography-font-weight: 400;
    --h3_typography-line-height: 1.33;
    --h3_typography-letter-spacing: 0px;
    --h3_typography-font-style: ;
    --h3_typography-font-size: 36px;
    --h3_typography-color: #ffffff;
    --h3_typography-margin-top: 0em;
    --h3_typography-margin-bottom: 0em;
    --h4_typography-font-family: "Unica One", Arial, Helvetica, sans-serif;
    --h4_typography-font-weight: 400;
    --h4_typography-line-height: 1.33;
    --h4_typography-letter-spacing: 0px;
    --h4_typography-font-style: ;
    --h4_typography-font-size: 18px;
    --h4_typography-color: #ae895d;
    --h4_typography-margin-top: 0em;
    --h4_typography-margin-bottom: 0em;
    --h5_typography-font-family: "Unica One", Arial, Helvetica, sans-serif;
    --h5_typography-font-weight: 400;
    --h5_typography-line-height: 1.2;
    --h5_typography-letter-spacing: 0px;
    --h5_typography-font-style: ;
    --h5_typography-font-size: 15px;
    --h5_typography-color: #ffffff;
    --h5_typography-margin-top: 1.67em;
    --h5_typography-margin-bottom: 1.67em;
    --h6_typography-font-family: "Unica One", Arial, Helvetica, sans-serif;
    --h6_typography-font-weight: 400;
    --h6_typography-line-height: 1.55;
    --h6_typography-letter-spacing: 0px;
    --h6_typography-font-style: ;
    --h6_typography-font-size: 11px;
    --h6_typography-color: #ffffff;
    --h6_typography-margin-top: 2.33em;
    --h6_typography-margin-bottom: 2.33em;
    --post_title_typography-font-family: "Unica One", Arial, Helvetica, sans-serif;
    --post_title_typography-font-weight: 400;
    --post_title_typography-line-height: 64px;
    --post_title_typography-letter-spacing: 0px;
    --post_title_typography-font-style: ;
    --post_title_typography-font-size: 60px;
    --post_title_typography-color: #ffffff;
    --post_titles_extras_typography-font-family: "Unica One", Arial, Helvetica, sans-serif;
    --post_titles_extras_typography-font-weight: 400;
    --post_titles_extras_typography-line-height: 1.5;
    --post_titles_extras_typography-letter-spacing: 0px;
    --post_titles_extras_typography-font-style: ;
    --post_titles_extras_typography-font-size: 60px;
    --post_titles_extras_typography-color: #ffffff;
    --blog_archive_grid_column_spacing: 40px;
    --dates_box_color: #3e3e3e;
    --meta_font_size: 14px;
    --portfolio_archive_column_spacing: 12px;
    --portfolio_meta_font_size: 18px;
    --social_bg_color: #292c30;
    --social_bg_color-0-transparent: ;
    --sharing_social_links_icon_color: #5d646b;
    --sharing_social_links_box_color: #3b4045;
    --sharing_social_links_boxed_padding: 11px;
    --slider_nav_box_dimensions-width: 30px;
    --slider_nav_box_dimensions-height: 30px;
    --slider_arrow_size: 14px;
    --es_caption_font_size: 20px;
    --privacy_bg_color: rgba(0,0,0,0.1);
    --privacy_color: rgba(0,0,0,0.3);
    --privacy_bar_padding-top: 15px;
    --privacy_bar_padding-bottom: 15px;
    --privacy_bar_padding-left: 30px;
    --privacy_bar_padding-right: 30px;
    --privacy_bar_bg_color: #363839;
    --privacy_bar_font_size: 13px;
    --privacy_bar_color: #8c8989;
    --privacy_bar_link_color: #bfbfbf;
    --privacy_bar_link_hover_color: #a0ce4e;
    --privacy_bar_headings_color: #dddddd;
    --image_rollover_icon_size: 20px;
    --image_rollover_text_color: #313539;
    --pagination_width_height: 30px;
    --pagination_box_padding-width: 6px;
    --pagination_box_padding-height: 2px;
    --pagination_border_width: 1px;
    --pagination_border_radius: 0px;
    --pagination_font_size: 12px;
    --form_input_height: 50px;
    --form_input_height-main-menu-search-width: calc(250px + 1.43 * 50px);
    --form_bg_color: #292c30;
    --form_text_size: 13px;
    --form_text_color: #aaa9a9;
    --form_text_color-35a: rgba(170,169,169,0.35);
    --form_border_width: 1px;
    --form_border_color: rgba(255,255,255,0);
    --form_focus_border_color: rgba(255,255,255,0);
    --form_border_radius: 0px;
    --timeline_bg_color: rgba(255,255,255,0);
    --timeline_bg_color-20px-transparent: ;
    --timeline_bg_color-not-transparent: #ffffff;
    --timeline_color: #3e3e3e;
    --grid_separator_color: #ae895d;
    --woocommerce_product_box_content_padding-top: 20px;
    --woocommerce_product_box_content_padding-bottom: 20px;
    --woocommerce_product_box_content_padding-left: 20px;
    --woocommerce_product_box_content_padding-right: 20px;
    --qty_bg_color: #29292a;
    --qty_bg_hover_color: #383838;
    --woo_dropdown_bg_color: #fbfaf9;
    --woo_dropdown_bg_color-1l: #ffffff;
    --woo_dropdown_text_color: #333333;
    --woo_dropdown_border_color: #dbdbdb;
    --woo_cart_bg_color: #333333;
    --woo_icon_font_size: 12px;
    --carousel_nav_color: #3a3a3a;
    --carousel_hover_color: #333333;
    --button_typography-font-family: Unica One;
    --button_typography-font-weight: 400;
    --button_typography-letter-spacing: 0px;
    --button_typography-font-style: ;
    --button_text_transform: uppercase;
    --button_gradient_top_color: #e8cb90;
    --button_gradient_bottom_color: #d6ad5a;
    --button_gradient_top_color_hover: #d6ad5a;
    --button_gradient_bottom_color_hover: #e8cb90;
    --button_accent_color: #785510;
    --button_accent_hover_color: #785510;
    --button_bevel_color: #785510;
    --button_box_shadow: none;
    --button_border_width: 1px;
    --button_border_radius: 2px;
    --button_border_color: #785510;
    --button_border_hover_color: #785510;
    --checklist_icons_color: #ffffff;
    --checklist_circle_color: #e9a825;
    --checklist_divider_color: #ae895d;
    --countdown_background_color: #e9a825;
    --countdown_counter_box_color: #333333;
    --countdown_counter_text_color: #ffffff;
    --countdown_heading_text_color: #ffffff;
    --icon_circle_color: #3e3e3e;
    --icon_border_color: #3e3e3e;
    --icon_color: #ffffff;
    --pricing_box_color: #c4a362;
    --sep_color: #ae895d;
    --tabs_bg_color: #292c30;
    --tabs_inactive_color: #292c30;
    --tabs_border_color: rgba(255,255,255,0);
    --testimonial_bg_color: #292c30;
    --testimonial_text_color: #aaa9a9;
    --title_border_color: #ae895d;
    --accordian_inactive_color: #3e3e3e;
    --accordian_active_color: #e9a825;
}


#wrapper {
	width: 980px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background-image: none;
	margin-top: 5;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
}
#cart_wrapper {
	width: 980px; /* the auto margins (in conjunction with a width) center the page */
	border: thin solid #999;
	text-align: left;
	background-image: none;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
}
#header_content {
	padding-left: 10px;
	background-image: none;
	background-repeat: repeat-x;
	background-position: 0 0;
	z-index: auto;
	padding-top: 20;
	padding-right: 0;
	padding-bottom: 0;
	width: 980px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 30;
	margin-right: 0;
	margin-bottom: 5;
	margin-left: 10;
	text-align: left;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-left-style: none;
	bordercolor: #999;
	height: 50px;
}
#header_content .cart_header {
	float: left;
	padding-left: 0px;
	margin-left: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	padding-top: 5px;
	margin-top: 5px;
}
#header_content .shipping_details{
	float: right;

	height: 30px;
	margin-right: auto;
	padding-left: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 20px;
	margin-top: 5px;
}
#header_content .security_details{
	float: right;

	padding-left: 25px;
	height: 30px;
	margin-right: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding-top: 3px;
	margin-top: 5px;
}
#header_content .header_blurb {
	width: 95%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding-top: 5px;
	margin-top: 20px;
	padding-left: 0px;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-right: 5px;
	
}


h1 {
	margin: 1em 0;
	color:#0081BA;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 2em;
	line-height: 2em;
	font-weight: bold;
	text-transform: none;
}
h2 {
	margin: 1em 0;
	color:#399;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: bold;
	text-transform: none;

}
a:link, a:visited {
	color:#000000;
}
a:hover {color: #CC3300;text-decoration:none;}

#cart {
	background-color:#FFFFFF;
	border: thin solid #666;
	width: 900px;
	border-spacing:0;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
	padding-right: 3px;
	margin-top: 10px;
 }
#cart td {
	padding: 5px;
	border: 1px none #000;
 }
 .data {
    color: #000000;
    text-align: right;
    background-color: #CCCCCC;
 }
#cart th {
	color: #333;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	background-color: #FF9;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 0px none #CCC;
	margin: 0px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 12px;

 }
#cart.toprow {
	font-style: italic;
	text-align: center;
	background-color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
 }

/* update css jan 2020 */
.col1 {
	border-color: #ae895d;
	box-sizing: border-box;
    border: 1px solid;
    overflow: hidden;
    padding: 30px;
    margin-bottom: 30px;
    float: left;
    width: 48%;
    margin-right: 4%;
	display: block;
	line-height: 2;
	font-size: 13px;
	font-family: "Varela Round", Arial, Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-style: normal;
}

.billing-details {
	box-sizing: border-box;
	display: block;
	color: #aaa9a9
	line-height: 2;
	font-size: 13px;
	font-family: "Varela Round", Arial, Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-style: normal;
		
}

.billings-fields__field-wrapper {
	box-sizing: border-box;
	display: block;
	
}



/* end update */

#contact_table_wrapper {
	float:left;
	position:relative;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	padding-left: 5px;
	width: 60%;
	background-image: none;
	background-repeat: repeat-x;
	border:	2em;
		
 }
 
 
#contact_details {
	background-color: #FFF;
	float: left;
	margin-right: 15px;
	width: 100%;
	box-sizing: border-box;
	border-width: thin;
	border-color: #333;
	
}
#contact_details .billing-data {
	
	border-color: #ae895d;
	box-sizing: border-box;
    border: 1px solid;
    overflow: hidden;
    padding: 3px;
    margin-bottom: 3px;
    float: left;
    width: 60%;
    margin-right: 4%;
	display: block;
	line-height: 2;
	font-size: 13px;
	font-family: "Varela Round", Arial, Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-style: normal;
}
#contact_details .label {
	float: left;
    width: 48%;
    margin-right: 4%;
	display: block;
	line-height: 2;
	font-size: 13px;
	font-family: "Varela Round", Arial, Helvetica, sans-serif;
	
}

#contact_details .billing-notes {
	
	border-color: #ae895d;
	box-sizing: border-box;
    border: 2px solid;
    overflow: hidden;
    padding: 3px;
    margin-bottom: 3px;
    float: left;
    width: 100%;
	height: 80px;
    margin-right: 4%;
	display: block;
	line-height: 2;
	font-size: 13px;
	font-family: "Varela Round", Arial, Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-style: normal;
}	


#contact_details td {
	background-color: #FFF;
	font-weight: normal;
	color: #333;
	font-size: 10px;
	padding-right: 5px;
	margin-right: 5px;
}
#contact_details th {
	background-color: #FF6;
	font-weight: normal;
	color: #000;
	font-size: 14px;
	text-align: center;
}
#minicart_wrap {
	float:right;
	position:relative;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	background-color: #FFF;
	width: 38%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 1em;

	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	margin-right: 3px;
}
#minicart {
	float: right;
	margin-right: 20px;
			
}
#minicart td {
}
#minicart th {
}

#login_notice {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	padding-left: 20px;
	
}
#payment {
}
#debit_terms {
	display: none;
}
.cart_message {
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.0em;
	color: #900;
}

.cart_table {
	width: 70%;
	margin-top: 30px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	padding-top: 5px;
	margin-top: 5px;
}

input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}
/* Style the submit button */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

.col-100 {
	float: left;
  	width: 100%;
 	margin-top: 6px;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.icon-container {
  margin-bottom: 20px;
  padding: 7px 0;
  font-size: 24px;
}

.btn {
  background-color: #4CAF50;
  color: white;
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
  max-width:20em;
  white-space:nowrap;
  overflow:hidden;
}

.btn:hover {
  background-color: #45a049;
}

.payment_box {


        padding: 20px;
        display: none;
        margin-top: 20px;
    }	

.direct_debit {
	
}

.credit_card {
	
}
.cart_totals_table {
	margin-top: 30px;
	Border-top:medium #000;
	width: 60%;
	float: left;
	background-color:#FFF
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	margin-right: 60px;
	
}
th {
	background-color:#FFF
}

.cart_nav {
	width: 100%;
	
}
/*** layout for the contents of the shopping cart **/

#ItemHeaders {
	height: 130px;
	width: 100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-left: 10px;
	margin-top: 10px;
	clear: both;
}
.ItemFeatures {
	text-align: left;
	font-size: 0.8em;
	width: 60%;
	clear: both;
	float: left;
}
#ItemHeaders .ItemDescription {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #06C;
	width: 100%;
}

.itemQty {
	height: 40px;
	float: left;
	margin-right: 30px;
	width: 40px;
}

#totals {
	width: 900px;
	height:auto;
	border:thin solid;
	
}
#totals .subtotal {
	width: 200px;
	float: right;
}

#totals .order_total {
	width: 200px;
	float: right;
}

.nav_cart_btn {
  background:#2383bb;
  border-radius: 10px;
  border: 2px solid #ccc;
  font-family: Arial;
  color:#000;
  font-size: 140%;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
  margin-bottom: 15px;
  margin-right:20px;
  -webkit-transition-duration: 0.6s; /* Safari */
    transition-duration: 0.6s;
  width: 20%;
  
}

.nav_cart_btn:hover {
  background:#CCC;
  text-decoration: none;
  padding: 15px 30px 15px 30px;
  margin-bottom: 15px;
  margin-right:20px;
  width: 20%;
}	


/* hidden payment method code */

.hidden_cc-feilds {
	width: 100%
	  content: "";
  display: table;
  clear: both;
}
.reveal-if-active {
	  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

input[type="radio"]:checked ~ .reveal-if-active,
input[type="checkbox"]:checked ~ .reveal-if-active {
  opacity: 1;
  max-height: 100px; /* little bit of a magic number :( */
  overflow: visible;
}

.menucontent_wrap {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background-color: #FFF;
	height: auto;
}

#menu_content {
	height: auto;
	background-color: #FFF;
	background-image: url(../images/yellow_page/page_bgd.gif);
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF0;
	border-right-color: #FF0;
	border-bottom-color: #FF0;
	border-left-color: #FF0;
	text-align: left;
	background-repeat: repeat-x;
	margin-top: -10px;
	width: 95%;
	position: relative;
	margin-left: 2px;
	float: left;
	overflow:hidden;
	padding-left: 5px;
}

.title {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 15px;
}


@media screen and (max-width: 851px) {
/* start of medium tablet styles */

#wrapper {
	width: 100%;
	text-align: left;
	background-image: none;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: 5px;
	background-color: #FFF;
}

#headercontainer {
	padding-left: 10px;
	padding-top: 20;
	padding-right: 0;
	padding-bottom: 0;
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin-top: 30;
	margin-right: 0;
	margin-bottom: 5;
	margin-left: 10;
	text-align: left;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-left-style: none;
	bordercolor: #999;
	height: auto;
}



#logo {
	height:90px;
	float:left;
	margin-left:30px;
	background-image: url(../images/logo_large.png);
	background-repeat: no-repeat;
	z-index: auto;
	padding-left: 10px;
	width: 400px;
	padding-top: 0px;
	margin-top: 30px;
	margin-right: 30px;
	background-color: #FFF;
}

#minicart_wrap {
	float:right;
	position:relative;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	background-color: #FFF;
	width: 45%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 1em;

	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	margin-right: 3px;
}

#contact_table_wrapper {
	float:left;
	position:relative;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	padding-bottom: 1em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	padding-left: 5px;
	width: 50%;
	border:	2em;
		
 }
 
 .menucontent_wrap {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background-color: #FFF;
	height: auto;
}
 #menu_content {
	height: auto;
	background-color: #FFF;
	background-image: url(../images/yellow_page/page_bgd.gif);
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF0;
	border-right-color: #FF0;
	border-bottom-color: #FF0;
	border-left-color: #FF0;
	text-align: left;
	background-repeat: repeat-x;
	margin-top: -10px;
	width: 85%;
	position: relative;
	margin-left: 25px;
	float: left;
	overflow:hidden;
	padding-left: 5px;
}
 
}

@media (min-width: 1px) and (max-width: 751px) {
		/**********************************************************
/ set the layout for screen to max width of 480 px
 **********************************************************/

#wrapper {
	width: 98%; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background-image: none;
	margin-top: 5;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
}

h2 {
	margin: 1em 0;
	color:#399;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: none;
	
}

#header_content {
	display: none;
	
}

.menucontent_wrap {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background-color: #FFF;
	height: auto;
}

#menu_content {
	height: auto;
	background-color: #FFF;
	background-image: url(../images/yellow_page/page_bgd.gif);
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF0;
	border-right-color: #FF0;
	border-bottom-color: #FF0;
	border-left-color: #FF0;
	text-align: left;
	background-repeat: repeat-x;
	margin-top: -10px;
	width: 95%;
	position: relative;
	margin-left: 2px;
	float: left;
	overflow:hidden;
	padding-left: 5px;
}

.twocol #infoheader {
width: 100%;
display: block;
padding-left: 5px;
font-family:  "Trebuchet MS", "Geneva CY", Verdana;
font-size: 16px;
color: #033;
font-weight: normal;
padding-top: 2px;
background-image: url(../images/yellow_page/page_bgd.gif);
background-repeat: repeat-x;
padding-bottom: 5px;
margin-bottom: 5px;
margin-top: -3px;

}


#cart_wrapper {
	width: 45%;
	border: thin solid #999;
	text-align: left;
	background-image: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: 5px;
	background-color: #FF9;
}


.cart_table {
	width: 100%;
	margin-top: 30px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	padding-top: 5px;
	margin-top: 5px;
	
}

.col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }

.item_qty {
	width: 30px;
}
.description {
	width: 100%;
	float: right;
	text-align:left;
	
}

.cart_totals_table {
	width: 50%;
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	
}


#header_content .cart_header {
	float: left;
	padding-left: 0px;
	margin-left: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	padding-top: 5px;
	margin-top: 5px;
}

.page_title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #03C;
	text-align:center;
}

#header_content .shipping_details{
	display: none;
	
}

#header_content .security_details{
	display: none;
}

#header_content .header_blurb {
	display: none;
	
}


.emptycarttable {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #666;
	}
	
.cart_nav {
	width: 100%;
}

#minicart_wrap {
	display: none;
}
#minicart {
	display: none;
			
}

#contact_table_wrapper {

	position:relative;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	background-color: #FF9;
	border-color: #ae895d;
	box-sizing: border-box;
    border: 1px solid;					
	overflow:hidden;
	width: 98%;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 1em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding-left: 5px;
	background-image: none;
	background-repeat: repeat-x;
	
 }
 
#contact_details {
	background-color: #FF9;
	float: left;
	margin-right: 15px;
	width: 100%;
	box-sizing: border-box;
	border-width: thin;
	border-color: #333;
	
}
#contact_details .billing-data {
	
	border-color: #ae895d;
	box-sizing: border-box;
    border: 1px solid;
    overflow: hidden;
    padding: 3px;
    margin-bottom: 3px;
    float: left;
    width: 100%;
	height: 40px;
    margin-right: 4%;
	display: block;
	line-height: 2;
	font-size: 13px;
	font-family: "Varela Round", Arial, Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-style: normal;
}
#contact_details .label {
	background-color: #FF9;
	float: left;
    width: 100%;
    margin-right: 4%;
	display: block;
	line-height: 2;
	font-size: 13px;
	font-family: "Varela Round", Arial, Helvetica, sans-serif;
	
}
	
#contact_details .billing-notes {
	
	border-color: #ae895d;
	box-sizing: border-box;
    border: 2px solid;
    overflow: hidden;
    padding: 3px;
    margin-bottom: 3px;
    float: left;
    width: 100%;
	height: 80px;
    margin-right: 4%;
	display: block;
	line-height: 2;
	font-size: 13px;
	font-family: "Varela Round", Arial, Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-style: normal;
}	

#contact_details td {
	background-color: #FFF;
	font-weight: normal;
	color: #333;
	font-size: 10px;
	padding-right: 5px;
	margin-right: 5px;
}
#contact_details th {
	background-color: #FF6;
	font-weight: normal;
	color: #000;
	font-size: 14px;
	text-align: center;
}

.reveal-if-active {

}

.payment_box {

        padding: 10px;
        display: none;
        margin-top: 10px;

    }	
.btn {
	width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 12px;
  margin: 10px 0;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
  max-width:20em;
  white-space:nowrap;
  overflow:hidden;
}