﻿

/* CSS Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
html{-webkit-text-size-adjust:none;}
img{ vertical-align:top;}
strong{ font-weight:normal;}
em{ font-style:italic;}
.widgetLink{
	position:absolute;
	top: 5px;
	left: 5px;
	z-index: 999;
	}

.widgetLink a{
display: block;
text-align: center;
color: #fff;
height: 22px;
padding: 0px;
width: 35px;
background:transparent url(/images/editor_widget.png) no-repeat top left;
text-indent: -999em;

}

#website{
	display:none!important;
}

.editorLink{
position: fixed;
top: 10px;
left: 10px;
z-index: 99;
}
.editorLink a{
display: block;
text-align: center;
color: #fff;
height: 25px;
padding: 0px;
width: 35px;
background:transparent url(/images/editor_widget.png) no-repeat top left;
text-indent: -999em;
}

@font-face {
    font-family:'agendabold';
    src: url('fonts/agenda-bold-webfont.eot');
    src: url('fonts/agenda-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/agenda-bold-webfont.woff') format('woff'),
         url('fonts/agenda-bold-webfont.ttf') format('truetype'),
         url('fonts/agenda-bold-webfont.svg#agendabold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family:'helvetica_light';
    src: url('fonts/helvetica-light-webfont.eot');
    src: url('fonts/helvetica-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-light-webfont.woff') format('woff'),
         url('fonts/helvetica-light-webfont.ttf') format('truetype'),
         url('fonts/helvetica-light-webfont.svg#helvetica_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'TradeGothicLTStdCondensed';
    src: url('fonts/tradegothicltstd-cn18.eot');
    src: url('fonts/tradegothicltstd-cn18.eot') format('embedded-opentype'),
         url('fonts/tradegothicltstd-cn18.woff') format('woff'),
         url('fonts/tradegothicltstd-cn18.ttf') format('truetype'),
         url('fonts/tradegothicltstd-cn18.svg#TradeGothicLTStdCondensedNo.18') format('svg');
}

@font-face {
    font-family:'TradeGothicBoldCondensed';
    src: url('fonts/tradegothic-boldcondtwenty.eot');
    src: url('fonts/tradegothic-boldcondtwenty.eot') format('embedded-opentype'),
         url('fonts/tradegothic-boldcondtwenty.woff') format('woff'),
         url('fonts/tradegothic-boldcondtwenty.ttf') format('truetype'),
         url('fonts/tradegothic-boldcondtwenty.svg#TradeGothicBoldCondensedNo.20') format('svg');
}



/* Generic Styling */
a{ color:#000; text-decoration:none;}
a:hover{ color:#333;}


h1{ font-size:20px; font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif; border-bottom:1px #000 solid; padding-bottom:5px; margin-bottom:15px;}
h2{ float:left; font-size:15px; font-weight:bold;}
h3{border-bottom:1px #000 solid;padding-top: 5px;margin-bottom:12px;font-size:14px;font-weight:bold;}
h4{ display:inline-block; font-size:15px; color:#000; border-bottom:2px #000 solid; font-weight:bold; margin-bottom:7px; text-transform:uppercase;}
h5{ border-bottom:1px #000 solid; padding-bottom:5px; margin-bottom:12px; font-size:14px; text-transform:uppercase;}

body{ font-size:13px; color:#000; font-family:Arial, Helvetica, sans-serif; background:#fff;}


.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


#header{ width:940px; margin:0 auto 10px; position:relative; padding:0 0 34px 0; z-index:999;}
	#logo{ display:block; width:271px; height:122px; margin:0 auto 14px; overflow:hidden; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat;}
	
	.top_link{ position:absolute; top:10px; left:0; text-transform:uppercase; font-size:11px;}
	.top_link a{ margin:0 3px;}
		.top_link a.ico_basket { padding-left:17px; background:url(../images/ico_basket.gif) 0 0 no-repeat; }
		
		
		.cart-mini{
			width: 212px;  background: #fff;
			position: absolute;
			top: 25px; right: 0px; z-index: 99; display: none; border-left: 2px solid #d0d2d5; border-right: 2px solid #d0d2d5; padding: 20px 0px 40px 0px;  border-bottom: 2px solid #d0d2d5;
		}
		.cart-top{
			background: transparent url('../images/cart-mini-top.png') no-repeat left top;
			width: 222px; height: 20px; display: block; position: absolute; top: -5px; left: -6px; margin-bottom: 0px;
		}
		.mini-view-basket{
			width: 108px; display: block; text-indent: -999em;
			height: 30px; background: transparent url('../images/checkoutButtons.png') no-repeat left top;
			position: absolute; bottom: -1px; left: -4px;
		}
		.mini-checkout{
			width: 108px; display: block; text-indent: -999em;
			height: 30px; background: transparent url('../images/checkoutButtons.png') no-repeat right top;
			position: absolute; bottom: -1px; right: -4px;
		}
		.mini-row{
		    margin-top: 10px;
			border-bottom: 1px solid #000;
			float: left;
			width: 100%;
		}
		.mini-img{
			float: left;
			width: 70px;
			margin-right: 10px;
		}
		.mini-row p{
			font-size: 12px;
			line-height: 20px;
			width: 120px;
			
		}
		.mini-content{
			position: relative;
			padding-bottom: 10px;
			margin-bottom: 5px;
			width: 120px;
			float: left;
			
		}
		.mini-delete{
			position: absolute;
			top: 0px;
			right: -10px;
			width: 15px;
			height: 15px;
			display: block;
			z-index: 9999;
			background:  url('../images/delete.png') no-repeat left top;
		}
		
		
		
	
	.top_link2{ left:auto; right:0;}
	
	.search_form{ position:absolute; right:0; top:40px; width:206px; border:1px #000000 solid;}
	.search_form input[type=text]{ float:left; width:130px; height:27px; line-height:27px; border:0; font-size:11px; color:#000; padding:0 8px;}
	.search_form input[type=submit]{ float:right; width:60px; height:27px; border:0; cursor:pointer; background:#000; color:#fff; font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif; font-size:14px; -webkit-border-radius:0; -webkit-appearance: none;}
	
	.nav{ width:100%; position:absolute; bottom:0; left:0; }
	.nav li{ float:left; display:inline-block; margin-right:2px; position:relative; height:34px;}
		.nav>li.last-item { margin:0;}
	.nav li a.lev1{ float:left; height:25px; line-height:25px; padding:5px 6px 0 6px; background:#000; color:#fff; font-size:18px;
	font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif; border:1px #000 solid;
	text-transform:uppercase; position:relative; z-index:5;}
		.nav li.last-item a.lev1{ float:left; height:25px; line-height:25px; padding:5px 11px 0 12px; background:#000; color:#fff; font-size:18px;
		font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif; border:1px #000 solid;
		text-transform:uppercase; position:relative; z-index:5;}
	.nav li a.lev1:hover{ background:#fff; color:#000; }
	.nav li.has_dropmenu a.lev1:hover,
	.nav li.has_dropmenu:hover a.lev1{ background:#fff; color:#000; border-bottom:0; height:30px; line-height:normal;}
	
	.nav ul{ position:absolute; left:0; top:34px; border:1px #000 solid; width:132px; background:#fff; padding:1px 0; z-index:4;}
	.nav ul li{ float:none; margin:0; width:100%; height:auto;}
	.nav ul li a{ display:block; padding:2px 15px;}
	.nav ul li a:hover{ background:#000; color:#fff;}
	

.banner{ width:950px; margin:0 auto 16px; height: 415px; overflow: hidden;}


#content{ width:950px; margin:0 auto 25px; overflow:hidden;}
	.intro_box{ float:left; width:305px; height:146px; text-align:center; margin-right:17px;}
	
	.box_overlay{
		opacity: 0.7;
		position: absolute;
		height: 100%;
		width: 100%;
		background: #000;
		z-index: 1;
	}

	.intro_box .intro_title{ font-size:38px; color:#fff; font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif; padding:18px 0 5px; z-index: 99;}
	
	.intro_box p{ font-size:14px; font-weight:bold; color:#dbb35f; padding:0 10px; min-height:46px;}
	.intro_box a{ color:#fff; text-decoration:underline;}
	.intro_box a:hover{ color:#f0f0f0; text-decoration:none;}
	
	.h-widget-text{
		position: absolute; 
		height: 100%;
		width: 100%;
		z-index:99;
	}
	.intro_box1{ background:url(../images/home_color.jpg) 0 0 no-repeat;}
	.intro_box2{ background:url(../images/home_color.jpg) 0 0 no-repeat;}
	.intro_box3{ background:url(../images/home_color.jpg) 0 0 no-repeat; margin:0;}
	.intro_box3 p{ padding:0 20px;}
	
	.promo-banner{
		width:950px;
		margin:0 auto;
		overflow:hidden;
		background: #000;
		color: #fff;
		text-align: center;
		line-height: 75px;
		/* height: 100px; */
		margin-bottom: 20px;
		position: relative;
		padding: 10px;
	}
	.promo-banner h3{
		font-size:24px;
		color:#fff;
		font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif;
		line-height: 30px;
		margin-bottom: 0px;
	}	
	
	.promo-banner a{
		color: #fff!important;
		text-decoration: underline;
	}

#footer{ width:100%;}
	.social_row{ padding:10px 0; border-top:1px #000 solid; border-bottom:1px #000 solid; text-align:center; margin-bottom:15px;}
	.social_row a{ display:inline-block; padding-left:35px; height:30px; line-height:30px; font-size:14px; text-transform:uppercase; font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif; margin:0 9px;}
	.social_row a.ico_f{ background:url(../images/ico_f.gif) 0 0 no-repeat;}
	.social_row a.ico_t{ background:url(../images/ico_t.gif) 0 0 no-repeat;}
	.social_row a.ico_in{ background:url(../images/ico_in.gif) 0 0 no-repeat;}
	.social_row a.ico_nfl{ background:url(../images/ico_nfl.png) 0 0 no-repeat;}
	
	.foot_row1{ width:950px; margin:0 auto 20px; overflow:hidden;}
		.foot_box{ float:left; font-size:11px;}
		.foot_box .foot_title{ font-weight:bold; text-transform:uppercase;}
			.foot_nav{ float:left; margin-right:85px; margin-top:2px;}
				.foot_nav li { margin-bottom:3px; }
			.last_foot_nav{ margin:0;}
	
/*	.foot_row2{ background:#6f1517 url(../images/foot_bg.gif) center top repeat-y;}*/
	.foot_row2{ background:#231f20;}
	.foot_row2_inside{ width:950px; margin:0 auto; overflow:hidden; padding:12px 0 12px;}
		.foot_logo{ float:left;}
		.foot_right{ float:right; text-align:right; color:#fff; padding-top:10px;}
		.foot_right p{ font-size:10px;}
			.logos{ margin-bottom:10px;}
			.logos img{ margin-left:13px;}
			

/*-----------------------------------------------2 page---------------------------*/
.sidebar{ float:left; width:163px; padding-top:7px;}
	.filter_title{ border-bottom:5px #000 solid; padding:0 0 6px 14px; margin-bottom:10px; background:url(../images/ico_arrow1.gif) left 8px no-repeat;
				   font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif; font-size:14px; height:18px; cursor:pointer;}
	.search_title{ border-bottom:3px #000 solid; padding:0px 0px; margin-bottom:10px; 
				   font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif; font-size:20px; height:26px; cursor:pointer;}			   
	.filter_list{ margin-bottom:20px;}
	.filter_list li{ width:100%; overflow:hidden; margin-bottom:7px;}
	.filter_list li .input_checkbox{ float:left; width:10px; height:10px; margin-right:8px;}
	.filter_list li label{ float:left; font-size:12px; font-weight:bold; line-height:10px;}
	
	.filter_list label { padding-left: 20px; height:11px; line-height:11px; cursor:pointer; }
	.filter_list label    { background: url(../images/checkbox.png) no-repeat; }
	.filter_list label.c_on      { background: url(../images/checkbox.png) 0 -11px no-repeat; }
	.filter_list label.c_on1      { background: url(../images/checkbox.png) 0 -11px no-repeat; }
	.filter_list label input { position: absolute; left: -9999px; }	


.main_content{ float:right; width:775px; overflow:hidden;}
	.nuts_title{ float:left; border-bottom:5px #000 solid; padding-bottom:4px; margin-bottom:25px; font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif; font-size:22px;
	line-height:1em; padding-bottom:9px;}
	.nuts_list{ width:800px; overflow:hidden; margin-bottom:30px;}
	.nuts_list li{ float:left; width:252px; height:310px; margin-right:10px;}
		.nuts_box{ width:100%; height:239px; position:relative; margin-bottom:10px;}
		.nuts_box.red-border{ width:100%; height:239px; position:relative; margin-bottom:8px; border: 1px solid #af2027;}
		.nuts_img{max-height: 238px; overflow: hidden;}
		
		.special{ width:78px; height:78px; position:absolute; top: 0px; left: 0px; display: block;
			background: transparent url('../images/special-gold-20.png') no-repeat left top;
		}
		
		.bulk{ width:78px; height:78px; position:absolute; top: 0px; left: 0px; display: block;
			background: transparent url('../images/bulk.png') no-repeat left top;
		}
		
			.nuts_cont{ display: none;position: absolute;top: 0;left: 0;width: 230px;margin-top: 96px;height: 167px;border: 1px #282828 solid;padding: 15px 10px 0;background: url(../images/trans_bg.png) 0 0 repeat;}
			.nuts_cont p{ color:#fff; margin-bottom:10px; line-height:130%;}
			.nuts_cont p a{ text-decoration:underline; color:#fff; font-weight:bold;}
			.nuts_cont p a:hover{ text-decoration:none;}
			.company_logo{ margin-bottom:7px;}
			.order_row{ width:232px; overflow:hidden; position: absolute; bottom: 15px;
			}
				.order_box{ float:left; margin-right:12px;}
				.order_box label{ display:block; font-weight:bold; color:#fff; margin-bottom:6px;}
				.order_box label.oos{ display:block; font-weight:bold; color:#f33; margin-bottom:6px;}
				.order_box select{ display:block; width:100px; height:25px; -webkit-border-radius:0;}
				.order_box input[type=text]{ display:block; width:32px; height:23px; background:#fff; border:1px #a8a8a9 solid; text-align:center; font-size:12px; color:#000; -webkit-border-radius:0;}
				.btn_add{ float:right; width:68px; height:24px; line-height:24px; text-align:center; border:1px #848484 solid; background:#000; color:#fff; margin-top:20px;
						  font-family:'agendabold', Arial, Helvetica, sans-serif;-webkit-appearance: none;font-size: 13px;}
				.btn_add:hover{ color:#ededed;}
			
			
		.nuts_name{ border-top:1px #000 solid; padding-top:10px; font-size:16px; font-weight:bold; text-align:center;
			font-family:'TradeGothicLTStdCondensed'; letter-spacing: 1;		
		}
		.nuts_name.red { border-top:1px #af2027 solid; padding-top:10px; font-size:16px; font-weight:bold; text-align:center; color:#af2027; font-family:'TradeGothicLTStdCondensed'; letter-spacing: 1;}
		.nuts_name.red a{ color:#af2027;}
	.pager_row{ width:100%; float: right;
		border-top:1px #000 solid; padding-top:3px;height: 30px; text-align: right; padding-right: 60px;
	}
	.pager_row a{  margin-right:25px;}
	.pager_row a.on{ font-weight:bold;}
	#page-list h2{
		margin: 6px 0px;font-weight: normal;font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif; font-size:20px; height:26px; }
	
  .pager_row a {
    font-size: 12px;
    cursor: pointer;
    margin: 0 5px;
    color: #333;
  }
  .pager_row a:hover {
    background-color: #222;
    color: #fff;
  }
  .pager_row a.jp-previous { margin-right: 15px; }
  .pager_row a.jp-next { margin-left: 15px; }
  .pager_row a.jp-current, a.jp-current:hover {
    color: #FF4242;
    font-weight: bold;
  }
  .pager_row a.jp-disabled, a.jp-disabled:hover {
    color: #bbb;
  }
  .pager_row a.jp-current, a.jp-current:hover,
  .pager_row a.jp-disabled, a.jp-disabled:hover {
    cursor: default;
    background: none;
  }
  .pager_row span { margin: 0 5px; }

	
	



/*-----------------------------------------------3 page---------------------------*/
.detail_row{ width:100%; overflow:hidden;min-height: 470px;}
	.detail_img{ float:left; width:531px; position:relative;}
	.detail_img .ico_search{ position:absolute; display:block; width:16px; height:16px; top:0; left:0;}
	.detail_cont{ float:right; width:391px; overflow:hidden;}
	.detail_cont p{ margin-bottom:20px; line-height:155%; clear:both;}
		.detail_title{ float:left; width:285px; margin-bottom:35px; font-size:22px; font-family:'TradeGothicBoldCondensed'; letter-spacing: 1;
		}
		.detail_title em{ display:block; font-size:14px; padding-top:4px;}
		.logo_k3{ float:right;}
		.detail_order{ width:100%; overflow:hidden; margin-bottom:17px;}
			.detail_order h3{font-family:'TradeGothicBoldCondensed';text-transform: uppercase;}
			.de_order_block{ float:left; margin-right:21px;}
			.de_order_block label{ display:block; font-weight:bold; color:#000; margin-bottom:6px;}
			.de_order_block select{ display:block; width:306px; height:21px;}
			.de_order_block input[type=text]{ display:block; width:30px; height:19px; background:#fff; border:1px #d4d6d9 solid; text-align:center; font-size:11px; color:#000;}
			
			.btn_basket{ float:left; width:148px; height:22px; line-height:normal; text-align:center; border:1px #848484 solid; background:#000; color:#fff; font-size:15px;
						 font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif; padding-top:6px;}
			.btn_basket:hover{ color:#ededed;}
			.social_icos{ float:right;}
			.social_icos a{ margin-left:6px;}
			
		.detail_list{ padding-top:10px; border-bottom:1px #000 solid;
		}
		.detail_list li{ border-top:1px #000 solid; padding:8px 0;}
			.detail_list li a { display:block; font-family:'TradeGothicBoldCondensed'; font-size: 14px; text-transform: uppercase; letter-spacing: 1;}
				.detail_list li a span { display:inline-block; width:8px; }
			.detail_list li div { margin-top:5px; position:relative; width:100%; }

	
.product_slider{ width:100%; position:relative;}
.product_slider .btn_prev,
.product_slider .btn_next{ position:absolute; display:block; width:15px; height:20px; top:50%; margin-top:-10px; background:url(../images/slider_btns.gif) 0 0 no-repeat; display:none;}
.product_slider .btn_prev{ left:0;}
.product_slider .btn_next{ right:0; background-position:-15px 0;}
	.pro_list{ width:820px; margin:0 0 25px 85px; overflow:hidden;}
	.pro_list li{ float:left; width:139px; margin-right:20px;}
	.pro_list li img{ display:block;}
	.pro_list li span{ display:block; text-align:center; text-align:center; font-size:12px; font-family:'TradeGothicBoldCondensed'; font-size: 14px;
	}

.slider_on .btn_prev,
.slider_on .btn_next{ display:block;}	
	
.recipes_list{ width:980px; overflow:hidden;}
.recipes_list li{ float:left; width:227px; margin-right:14px;}
	.recipes_list li.last-item { margin:0; }
.recipes_list li img{ display:block; margin-bottom:10px;}
.recipes_list li span{ display:block; text-align:center; text-align:center; font-size:14px; font-family:'TradeGothicBoldCondensed';}



/*-----------------------------------------------4 page---------------------------*/
.title_row{ width:100%; overflow:hidden; margin-bottom:27px; clear:both;}
.title_row h2{font-size:19px; font-family:'TradeGothicBoldCondensed'; font-weight: normal; letter-spacing: 1;
}

	.btn_comm{ height:25px; line-height:normal; text-align:center; background:#000; color:#fff; font-size:20px; font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif;
	padding-top:5px; }
	.btn_comm:hover{ color:#ededed;}
	.btn_checkout{ float:right; width:150px;}
	.btn_continue{ float:left; width:172px;}

.shopping_box{ margin-bottom:30px; font-family:'helvetica_light',  Arial, Helvetica, sans-serif; font-size:15px;} 
	.shopping_title{ width:100%; overflow:hidden; border-bottom:1px #000 solid; padding-bottom:5px; margin-bottom:20px;}
	.shopping_title span{ float:left; font-size:15px;}
	.shopping_title span.s_title1{ width:160px;}
	.shopping_title span.s_title2{ width:465px;}
	.shopping_title span.s_title3{ width:150px; padding-left: 10px;
	}
	.shopping_title span.s_title4{ width:150px;}

.shopping_box{ margin-bottom:30px; font-family:'helvetica_light',  Arial, Helvetica, sans-serif; font-size:15px;} 
	.order_summary .shopping_title{ width:100%; overflow:hidden; border-bottom:1px #000 solid; padding-bottom:5px; margin-bottom:20px;}
	.order_summary  .shopping_title span{ float:left; font-size:13px;}
	.order_summary .shopping_title span.s_title1{ width:160px;}
	.order_summary .shopping_title span.s_title2{ width:295px;}
	.order_summary .shopping_title span.s_title3{ width:40px;text-align:center;}
	.order_summary .shopping_title span.s_title4{ width:70px;text-align:right;}
	
	.order_summary .shopping_row span{ float:left; font-size:13px;}
	.order_summary .shopping_row span.s_title1{ width:160px;}
	.order_summary .shopping_row span.s_title2{ width:295px;}
	.order_summary .shopping_row span.s_title3{ width:40px;text-align:center;}
	.order_summary .shopping_row span.s_title4{ width:70px;text-align:right;}

	.shopping_row{ width:100%; overflow:hidden; border-bottom:1px #000 solid; padding-bottom:20px; margin-bottom:20px;}
		.shop_col1{ float:left; width:160px; margin-right: 5px; }
		.shop_col2{ float:left; width:465px; overflow:hidden;}
			.shop_block1{ display:inline-block; width:95px;}
			.shop_block2{ display:inline-block; width:275px;}
			.s_para{ clear:both; font-size:12px; padding-top:10px; color:#5f5f5f;}
				.s_para a { font-size:12px; color:#5f5f5f; }
					.s_para a:hover { text-decoration:underline; }
				.s_para span { padding:0 5px; display:inline-block; }
		.shop_col2 .picon { margin-top:8px; }
		.shop_col3{ float:left; width:155px;}
		.shop_col3 a{ float:left; width:10px; text-align:center; }
		.shop_col3 input[type=text]{ float:left; width:18px; height:17px; border:1px #000 solid; line-height:17px; text-align:center; margin:0 3px;}
		.shop_col4{ float:left; width:150px;}
		
		
.shopping_cont{ float:right; width:390px; margin-bottom:30px; font-size:15px;}
	.s_cont1{ width:100%; overflow:hidden; margin-bottom:8px;}
	.s_cont1 span{ float:left; width:240px;}
	.s_cont1 strong{ float:right; width:150px;}
	.s_cont2{ padding-top:22px; font-weight:bold;}
	.s_cont2 strong{ font-weight:bold;}
	
			


/*-----------------------------------------------5 page---------------------------*/
.tab_control{ width:100%; border-bottom:1px #000 solid; margin-bottom:25px; padding-bottom:5px; font-size:20px; font-family:'TradeGothicLTStdCondensed',  Arial, Helvetica, sans-serif;}
.tab_control:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.tab_control a{ float:left; margin-right:35px; padding-bottom:8px; position:relative; bottom:-8px;}
.tab_control a.on{ border-bottom:4px #000 solid; font-family:'TradeGothicBoldCondensed',  Arial, Helvetica, sans-serif;}

.tab_cont{ width:100%; overflow:hidden; margin-bottom:40px;}
	.video{ margin-bottom:30px;}
	.tab_col1{ float:left; width:525px;}
	.tab_col1 p{ margin-bottom:12px; line-height:140%;}
	.tab_col2{ float:right; width:335px;}
	.tab_col2 p{ clear:both; margin-bottom:15px; line-height:150%;}
		.sub_title{ font-size:23px; margin-bottom:10px; line-height:140%; padding-right:45px; margin-bottom:12px;}
	
	.tab_col2 p strong{ font-size:23px; margin-bottom:10px; line-height:140%; padding-right:45px; margin-bottom:12px;}
	.tab_col1 h2{width: 100%; display: inline-block; margin-bottom: 20px;}
	.tab_col1 h3{width: auto; display: inline-block; margin-bottom: 20px;}
		
.foodie_facts{ width:100%; border-top:1px #000 solid; line-height:24px; text-align:center; font-size:10px; font-weight:bold;}

	
.contact_cont{ width:100%; overflow:hidden; margin-bottom:40px;}
	
	.contact_col1{ float:left; width:250px; margin-right: 20px;}
	.contact_col1 h3{float:left; border-bottom:2px #000 solid; margin-bottom:5px; font-size:18px; line-height:1em; padding-bottom:5px; margin-bottom: 10px; 
	}
	.store{
		margin-bottom: 50px; min-height: 250px; position: relative;
	}
	.store-text{
		width: 260px;
	}
	.store img{
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.store_col1{ float:left; width:566px; margin-right: 20px;}
	.store_col1 h3{float:left; border-bottom:2px #000 solid; margin-bottom:5px; font-size:18px; line-height:1em; padding-bottom:5px; margin-bottom: 10px;  margin-bottom: 20px;}
	.store_col1 p{ margin-bottom:12px; line-height:140%;}
	.store_col2{ float:left; width:296px; margin-right: 20px;}
	.store_col3{ float:left; width:360px;}
	.store_col3 p{ clear:both; margin-bottom:15px; line-height:150%;}
	
	.contact_col1 p{ margin-bottom:12px; line-height:140%;}
	.contact_col2{ float:left; width:296px; margin-right: 20px;}
	.contact_col2 h3{float:left; border-bottom:2px #000 solid; margin-bottom:5px; font-size:18px; line-height:1em; padding-bottom:5px; margin-bottom: 10px;}
	.contact_col2 p{ clear:both; margin-bottom:12px; line-height:140%;}
	.contact_col3{ float:left; width:360px;}
	.contact_col3 p{ clear:both; margin-bottom:15px; line-height:150%;}
	
	.contact_col3 p strong{ font-size:23px; margin-bottom:10px; line-height:140%; padding-right:45px; margin-bottom:12px;}
	#map{
		display: block;
		width: 360px;
		height: 385px;
	}
	#map2{
		display: block;
		width: 360px;
		height: 250px;
		float: right;
		margin-bottom: 50px;
	}
	#map3{
		display: block;
		width: 360px;
		height: 285px;
		margin-bottom: 50px;
	}
	#map4{
		display: block;
		width: 360px;
		height: 285px;
	}
	#map5{
		display: block;
		width: 360px;
		height: 285px;
		margin-bottom: 50px;
	}
	
	#contactForm{
		margin-top: 25px;
		float: left;
		
	}
	.cnt_row {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	.cnt_row label{
		width: 100px;
		float: left;
		padding-top: 6px;
	}
	.cnt_row .input_txt{
		border: 1px solid #000;
		float: left;
		width: 190px;
		padding: 5px 2px;
	}
	.cnt_row textarea{
		border: 1px solid #000;
		float: left;
		width: 290px;
		height: 150px;
		padding: 5px 2px;
	}
	.cnt_row h4{
		font-weight: normal; font-size: 12px;display: block; border-bottom: none;
	}
	.cnt_row .error{
		background: #f66;
	}
	
	



/*-----------------------------------------------6 page---------------------------*/
.recipes_row{ width:100%; overflow:hidden; padding:20px 0;}
	.recipes_col1{ float:left; width:595px;}
	.recipes_col1 p{ margin-bottom:12px; line-height:130%;}
		.recipes_img{ margin-bottom:15px; max-width: 595px; overflow: hidden;
		}

	.recipes_col2{ float:right; width:340px;}
		.recipes_title{ font-size:18px; font-weight:700; text-transform:uppercase; margin-bottom:12px;}
		.recipes_subtitle{ font-size:16px; font-style:oblique; margin-bottom:12px;}
		.ingredients_list{ width:100%; margin-bottom:40px;}
		.ingredients_list li{ width:100%; overflow:hidden; margin-bottom:10px;}
		.ingredients_list li span{ float:left;}
		.ingredients_list li a{ float:right; padding:4px 8px 3px; background:#000; color:#fff; font-size:10px; text-transform:uppercase; font-family:'TradeGothicBoldCondensed',  Arial, Helvetica, sans-serif; display:inline-block; line-height:normal;}
		
		.facts_box{ padding:15px; background:#000; color:#fff;}
		.facts_box .fb_title{ font-size:28px; text-transform:uppercase; padding-bottom:4px; border-bottom:1px #fff solid; margin-bottom:12px; font-family:'TradeGothicBoldCondensed',  Arial, Helvetica, sans-serif;}
		
		.facts_box h3{ font-size:28px; text-transform:uppercase; padding-bottom:4px; border-bottom:1px #fff solid; margin-bottom:12px; font-family:'TradeGothicBoldCondensed',  Arial, Helvetica, sans-serif; font-weight: normal;
		}
		
		.facts_box p{ font-size:23px;}


/*-----------------------------------------------7 page---------------------------*/
.shipping_row{ width:100%; overflow:hidden; padding:20px 0;}

.shipping_col1{ float:left; width:531px;}
.shipping_col1 p{ margin-bottom:20px;}
	.shipping_list{ margin-bottom:40px;}
	.shipping_list li{ width:100%; overflow:hidden; margin-bottom:18px; line-height:130%;}
	.shipping_list li .s_col1{ float:left; width:135px;}
	.shipping_list li .s_col2{ float:left; width:132px;}
	.shipping_list li .s_col3{ float:left; width:132px;}
	.shipping_list li .s_col4{ float:left; width:132px;}
	
.shipping_col2{ float:right;}


		.zoom {
			display:inline-block;
			position: relative;
		}
		
		/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block; 
			width:16px; 
			height:16px; 
			position:absolute; 
			top:0;
			left:0;
			background:url(/images/ico_search.png);
		}

		.zoom img {
			display: block;
		}


		.zoom img::selection { background-color: transparent; }
		
		
	@media (max-width: 1024px) {	
		
	.shipping_list li{ width:100%; overflow:hidden; margin-bottom:18px; line-height:130%;}
	.shipping_list li .s_col1{ float:left; width:35%!important; font-size: 14px!important;}
	.shipping_list li .s_col2{ float:left; width:15%!important;font-size: 14px!important;}
	.shipping_list li .s_col3{ float:left; width:15%!important;font-size: 14px!important;}
	.shipping_list li .s_col4{ float:left; width:35%!important;font-size: 14px!important;}	
	
	}

/*---------------------------------CHECKOUT---------------------------*/
.cart-nav-holder{
	position: relative;
}
.cart-nav{ width:100%; margin-bottom: 40px; display: block; position: relative; height: 28px;
}
	img.ccards{
	position: absolute; right: 0px; top: 35px;
}
.cart-nav li{ float:left; display:inline-block; position:relative; height:24px; padding: 0px; width: 228px; border: 1px solid #000; margin-right: 10px;
}
	.cart-nav>li.last-item { margin:0; }
.cart-nav li a.co_btn{ float:left; height:20px; line-height:20px; padding:4px 5px 0 5px;  color:#000; font-size:16px; font-family:'TradeGothicBoldCondensed', Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative; z-index:5; text-align: center; width: 218px;
}





.cart-nav ul{ position:absolute; left:0; top:34px; border:1px #000 solid; width:132px; background:#fff; padding:1px 0; z-index:4;}
.cart-nav ul li{ float:none; margin:0; width:100%; height:auto;}
.cart-nav ul li a{ display:block; padding:2px 15px;}
.cart-nav ul li a:hover{ background:#000; color:#fff;}


#checkoutForm .left{
	width: 430px;
	float: left;
	border-right: 2px solid #000;
	margin-right: 20px;
	padding: 0px 25px 10px 0px;
	position: relative;
}

.left h4, .right h4{
	margin-bottom: 20px;
}
#checkoutForm .right{
	width: 430px;
	float: left;
	padding: 0px 0px 0px 25px;
}
.input{margin-bottom: 5px; height: 24px;}
.input label{width: 120px; float: left;display:inline-block; text-align: right; padding: 3px 10px 0px 5px; height: 24px; vertical-align: middle; font-weight: bold; }
.input input[type=text], .input input[type=password]{ float:right; width:254px; height:24px; line-height:24px; border:0; font-size:12px; color:#000; padding:0 8px; border: 1px solid #000; -webkit-border-radius:0;}
.input select{ float:right; width:254px; height:24px; line-height:24px; border:0; font-size:12px; color:#000; padding:0 8px; border: 1px solid #000;
}
.input span{text-transform: uppercase; font-size: 10px;}

.wholesaleForm .input label{width: 220px; font-size: 12px;
	display:inline-block; float: left; text-align: left; padding: 3px 5px 0px 0px; line-height: 20px; vertical-align: middle;font-weight: normal; display: block!important;}

.wholesaleForm .input input[type=text],.input input[type=password]{ float:left; width:254px; height:24px; line-height:24px; border:0; font-size:12px; color:#000; padding:0 8px; border: 1px solid #000; -webkit-border-radius:0;}
.wholesaleForm .input select{ float:left!important; width:100%; height:36px; line-height:24px; border:0; font-size:10px; color:#000; padding:0 8px; border: 1px solid #ccc;-moz-appearance: none;
-webkit-appearance: none;background:#fff; background:  url(/images/customSelect-arrow.gif) no-repeat center right 20px;}
.wholesaleForm h4{ display:inline-block; font-size:14px; color:#000; border-bottom:2px #000 solid; font-weight:normal; margin:17px 0px; text-transform:uppercase;}

.wholesaleForm .input input.half{ float:left; width:110px!important; margin-right: 15px;
	height:24px; line-height:24px; border:0; font-size:12px; color:#000; padding:0 8px; border: 1px solid #000; -webkit-border-radius:0;}

.wholesaleForm .input #specialInstructions{
	width: 96%; height:64px; line-height:14px; border:0; font-size:11px; color:#000; padding:0 8px; border: 1px solid #ccc; -webkit-border-radius:5px;
}

.step{
	display: none;
}
.input input.error, .input select.error, .input checkbox.error {background: #f66;}
.input .error ~ span.customSelect {background: #f66 !important; }

.input label.error {color: #f66; width: 0px; display: none;}


.shipping_terms_check label.error{color: #f33;}


.co_form_btn, .co_form_btn:hover{padding: 5px 30px; background: #000; color: #fff; float: right; border: 1px solid #000; margin: 10px 0px; cursor: pointer; -webkit-border-radius:0;}

#guestlink{margin-right: 180px; margin-top: 25px;}
#guestlink:hover {color: #fff;}
#submitDelivery{float: left;}

label.error[for=shippingAddress]{
	display: none;
}


#checkoutForm label.error[for=promoCode]{
	display: block;
	position: relative;
	top: 15px;
	width: 280px;

}
#checkoutForm label.error[for=privacy]{
	display: block;
	position: relative;
	left: 45px;
	top: -25px;
	width: 280px;

}
#signin-error{
	position: absolute;
	top: 92px;
	left: 20px;
	font-size: 12px;
	color: #f33;
	display: none;
}
#signin-error-password{
	position: absolute;
	top: 92px;
	left: 20px;
	font-size: 12px;
	color: #f33;
	display: none;
}

#checkoutForm label.error[for=chocolate_check]{
	display: block;
	position: relative;
	width: 100%;
	float: left;
	text-align: left;
}



.order_summary{
	float: left;
	width: 275px;
	padding: 15px;
	border: 1px solid #000;
	margin-bottom: 20px;
	height: 150px;
}
.order_delivery{
	float: left;
	width: 290px;
	padding: 15px;
	border: 1px solid #000;
	border-left: none;
	margin-bottom: 20px;
	height: 150px;
}
.order_billing{
	float: left;
	width: 290px;
	padding: 15px;
	border: 1px solid #000;
	border-left: none;
	margin-bottom: 20px;
	height: 150px;
}
.order_summary h5,.order_delivery h5,.order_billing h5 {
	border-bottom: none;
}

.order_summary p label {
	width: 100px; display: inline-block;
}
.tab_cont ul{
	margin-bottom: 15px;
}
strong{
	font-weight: bold;
}

em{
	font-style: italic;
}
strong em{
		font-weight: bold;

}

.tab_cont ul li{
	list-style-type: disc;
	margin-left: 20px;
	line-height: 20px;
}

span.customSelect {
        font-size:13px;
        background-color: #fff;
        color:#000;
        padding:5px 0px 5px 7px;
        border:1px solid #000;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px 0px;
        float: right;
        width: 263px;
}


.wholesaleForm span.customSelect {float: left;}
span.customSelect.changed {
        background-color: #f0dea4;
}
.customSelectInner {
    background:  url(/images/customSelect-arrow.gif) no-repeat center right;
}

table.nutrition {margin-left: 10px;}
table.nutrition tr td{padding: 5px; text-align: right;}
table.nutrition tr td.nlabel{padding: 5px; text-align: left;}
table.nutrition tr td.tpad{padding-left: 45px;}

select#ccType.mySelectBoxClass.hasCustomSelect {
	margin-left: 43px;
}

div._logos_card {
	width: 315px;
	margin-bottom: 3px;
}

div._logos_card h4{
	text-decoration: none!important;
}

div._logos_card img{
	margin-left: 20px;
	width: 80px;
	height: auto;
	display: inline-block;
	top: -2px;
	position: relative;
}

#eWAYBlock{float: left;margin-top: 0px;}

#eWAYBlock img { width:88px;}


@media only screen 
and (max-device-width : 768px) 
and (orientation : landscape) {

.foot_row1{ width: 94%; margin-left:20px; overflow:hidden;}

}

#notification{
	background:#f0dea4;
	padding:20px 30px; 
	height:auto;
	float:left;
	text-align:center;
	}
#notification p{
	line-height:18px;
	font-size:13px;
}

#regsiter-confirmation .step_one p{
	font-size:16px!important;
	margin-bottom:15px!important;
}

#creditCardExpiryMonth{
	border-color: #000;
    border-color: rgba(0,0,0,.2);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 0;
    padding-left: 7px;
    height: 36px;
}

#creditCardExpiryYear{
	border-color: #000;
    border-color: rgba(0,0,0,.2);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 6px 0;
    padding-left: 7px;
    height: 36px;
}
