/* TEMPLATE CSS DOCUMENT */

/* Includes */
@import url("buttons.css");
@import url("calendar.css");
@import url("menu.header.css");
@import url("cart_layout.css");
@import url("item_details.css");
@import url("media.css");
@import url("pagination.css");
@import url("product_box.css?lm=1");
@import url("showcart.css?lm=1");
@import url("preemtive_search.css");
@import url("postorder.css");
@import url("product_menu.css");

/* General */
* { margin:0; padding:0; }

body { background-color: #ffffff; font-family: "Verdana","Arial", "sans-serif"; color: #2f2f2f; text-align: center; }  /* was background-color: #eae7d6; */

a {
	color: #73aa45;
	text-decoration: none;
}

a:hover {
	color: #2a1c13;
	text-decoration: underline;
}

a:hover img {
	border: 0;
	text-decoration: none;
}

:focus {
	outline: 0;
}

/* Layout ================================================================================ */
.wrapper { width: 930px; margin: 0px auto 0px auto; }

.page { margin-top: 0px; }
.page-print { background:#fff; padding:25px 30px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { background:#fff; padding:25px 30px; text-align:left; }

/* Header ================================================================================ */
.newsletter { margin:0 auto; padding:0px; text-align:left; position:relative; z-index:1000; }
.header { margin:0 auto; padding:0px; text-align:left; z-index:1000; }
.header-container { }
.header-container .top-container { clear:both; text-align:right; }
.header-container .top-container a { font-size:11px;  }
.header-top {
	clear: both;
	position: relative;
	width: 930px;
	height: 180px;
	margin: 0 auto;
	background: #ffffff/*url("../images/header_bg.jpg") no-repeat 0 0*/;
}

.header .logo { position: relative; float:left; text-decoration:none; margin:10px 0px 0px 10px; }
.header .logo img { border: none; }

div.social {
	position: relative;
	clear: both;
	height: auto;
	margin: 10px auto 0px auto;
	padding: 2px;
}

div.header-top-rest { position: relative; float: right; width: 300px; height: auto; margin:10px 0px 0px 0px; }

div.quick-access {
	position: relative;
	float: right;
	width: 300px;
	height: auto;
	color: #2a1c13;
	margin: 0px;
}

#header-cart {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#basket_mini {
	position: relative;
	float: left;
	width: 100%;
	line-height: 34px;
	font-size: 11px;
	color: #2a1c13;
}

#basket_mini a {
	color: #73aa45;
	font-size: 13px;
    text-decoration: none;
}

#basket_mini a:hover {
	color: #2a1c13;
	font-size: 13px;
    text-decoration: underline;
}

div#login {
	position: relative;
	float: right;
	width: 100%;
	min-height: 32px;
	height: auto;
	margin: 10px 0px 0px 10px;
	padding: 0;
	font-size: 11px;
	text-align: left;
	color: #2a1c13;
}

div#login ul {
	display: block;
	list-style-type: none;
	margin: 0px 0px 0px 15px;
}

div#login li {
	display: inline;
	list-style-type: none;
	border-right: 1px solid #333;
	margin: 0;
	padding: 0 6px 0 2px;
}

div#login li a {
    color: #2a1c13;
    text-decoration: none;
}

div#login li a:hover {
    color: #73aa45;
    text-decoration: underline;
}

div#login li.login_last {
	background: none;
	border: none;
}

div.welcome {
	position: relative;
	float: left;
	width: 100%;
	margin: 10px 0px 0px 17px;
	padding: 0px;
	height: auto;
	line-height: 20px;
	font-size: 11px;
	text-align: left;
}
.header .logo a {
    display: inline-block;
}
.header .logo.superfoods_logo {
    margin-top: 0px;
    margin-left: 0px;
}
.header .logo.rawlicious_logo {
    margin-top: 60px;
    margin-left: 60px;
}

/* Navigation - start */
#nav-container {
	position: relative;
	float: left;
	width: 100%;
	height: 45px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	color: #000;
    border-bottom: 2px solid #FAAF32;
}

	/* Search - start */
	div.search {
		position: relative;
		float: right;
		width: 250px;
		height: 40px;
		padding: 0;
		margin: 0;
		background: inherit;
		overflow: hidden;
	}

	div.search div.search_left {
		float: left;
		height: 22px;
		width: 60px;
		padding: 4px 0 0 0;
		text-align: center;
		color: #ffffff;
		background-color: inherit;
		font-family: inherit;
		font-weight: 600;
		/*background: url("../images/search_left.png");*/
	}

	div.search div.search_center {
		float: left;
		width: 180px;
		height: 30px;
		line-height: 30px;
		background-color: #fff;
		margin: 7px 0 0 0;
		padding: 0;
        border: 1px solid #000;
	}

	div.search div.search_center input#searchphrase {
		height: 20px;
		width: 172px;
		font-size: 12px;
		color: #333;
		margin-top: 3px;
		padding: 2px 3px 0 3px;
		background-color: #fff;
		border: none;
	}

	#dowhat_search {}

	div .search div.search_right {
		float: left;
		height: 25px;
		width: 50px;
		margin: 10px 0 0 10px;
		background: url("../images/search_btn.gif") no-repeat;
		cursor: pointer;
	}

	div.search div.search_right p {
		height: 23px;
		width: 65px;
		padding: 4px 0 0 8px;
	}
	/* Search - end */
/* Navigation - end */

#main-container {
    position: relative;
    float: left;
	clear: both;
	background: inherit;
	width: 100%;
	margin: 0px auto 0px 0px;
    padding-top: 10px;
	min-height: 400px;
	height: auto;
	text-align: left;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: none;
}

#banner-menu {
	position: relative;
	float: left;
	width: 225px;
	height: 280px;
	background: #FAAF32;
	overflow: hidden;
}

#banner-menu ul {
	list-style-type: none;
	display: list-item;
	width: 200px;
	margin: 0px 0px 0px 10px;
	background: inherit;
}

#banner-menu li{
	list-style-type: none;
	display: list-item;
	background: inherit;
	width: 100%;
	height: 67px;
	line-height: 67px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	color: #fff;
	font-family: "Georgia", "Times New Roman", "serif";
	font-style: italic;
	font-size: 18px;
	border: none;
}

#banner-menu li a {
	color: #fff;
	text-decoration: none;
}

#banner-menu li a:hover {
	text-decoration: underline;
}

#banner-menu li.spacer{
	background: #fff;
	width: 100%;
	height: 1px;
	line-height: 1px;
}

#banner-container {
	position: relative;
	float: right;
	width: 700px;
	height: 280px;
	/*border: 1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;*/
	background: inherit;
	overflow: hidden;
}

.content .page-title {
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0px auto 0px auto;
	padding: 0px;
	font-family: "Georgia", "Times New Roman", "serif";
	text-align: center;
}

.content .page-title h1 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.content div#subnav {
	position: relative;
	float: left;
	width: 100%;
	height: 226px;
	margin: 10px auto 40px auto;
	padding: 0px;
	border-top: 2px dotted #333;
}

.content div#subnav div.subnav_blocks {
	position: relative;
	float: left;
	width: 226px;
	height: 226px;
	margin: 30px 3px 0px 2px;
	padding: 0px;
	text-align: center;
	color: #fff;
	border: none;
}

.content div#subnav .one {
	background: url("../images/subnav_newsletter.png") no-repeat;
	color: #fff;
}

.content div#subnav .one a {
    color: #FFF;
}

.content div#subnav .one a:hover {
    color: #777;
}

.content div#subnav .newsletter_form {
	position: relative;
	float: left;
	width: 140px;
	height: 90px;
	margin: 100px 45px 0px 40px;
	padding: 0px;
	color: #fff;
	text-align: center;
	z-index: 100;
}

.content div#subnav .two {
	background: url("../images/subnav_contact.png") no-repeat;
}

.content div#subnav .three {
	background: url("../images/subnav_freesample.png") no-repeat;
}

.content div#subnav .four {
	background: url("../images/subnav_mission.png") no-repeat;
}

#col-left { 
    position: relative; 
    float: left; 
    width: 270px; 
    height: 100%; 
    top: 0; 
    margin: 0px 0px 0px 0px;
    background: #ffffff;
}

#col-left #tab-one {
	position: relative;
	float: left;
	width: 100%;
	height: 160px;
}

#col-left #tab-one .item_box {
	display: inline-block;
	width: 265px;
	height: 55px;
	margin: 0px 20px 1px 0;
	padding: 0;
	border-bottom: 1px solid #6ba439;
}

#col-left #tab-one .item_box .item_box_image {
	display: table-cell;
	width: 80px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

#col-left #tab-one .item_box .item_box_image img {
	height: 50px;
	width: auto;
}

#col-left #tab-one .item_box .item_box_details {
	width: 175px;
	height: 35px;
	margin: 7px 0 0 5px;
	padding: 2px;
	text-align: left;
	overflow: hidden;
}

#col-left #tab-one .item_box .item_box_details p.item_box_name {
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#col-left #tab-one .item_box .item_box_details p.item_box_price {
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	margin: 0;
	padding: 4px 0 4px 0;
}

#col-left #tab-one .item_box .item_box_details p.item_box_price a {
	font-size: 11px;
}

p.item_box_price span.alink { float: right; margin: 0 20px 0 0; }

p.item_box_price span.OutofStock {
	float: right;
	color: #b81900; /* Red */
	font-size: 11px;
	margin: 0 20px 0 0;
}

p.item_box_links span.OutofStock {
	color: #b81900; /* Red */
	font-size: 11px;
	margin: 0;
}

#col-left #mini-newsletter {
	position: relative;
	float: left;
	width: 100%;
	height: 280px;
	margin: 10px 0 10px 0;
	background-color: #6ba439;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#col-left #mini-newsletter .block-title {
	position: relative;
	float: left;
	background: url("../images/nl_blatt.gif") no-repeat 10px 10px;
	font-family: "Georgia", "Times New Roman", "serif";
	font-size: 20px;
	color: #fff;
	text-align: right;
	padding: 10px 10px 3px 0;
	width: 280px;
	height: 60px;
	border-bottom: 1px solid #fff;
}

#col-left #mini-newsletter .block-title span strong {
	color: #fff;
	height: 60px;
	font-size: 30px;
}

#col-left #mini-newsletter .block-content {
	position: relative;
	float: left;
	display: block;
	width: 270px;
	height: 175px;
	background: inherit;
	margin: 8px 0 0 10px;
	padding: 0;
	overflow: hidden;
}

#col-left #mini-newsletter input.input-text {
	display: block;
	width: 167px;
	margin: 1px 0 0 0;
}

#col-left #mini-newsletter label {
	width: 100px;
	float: left;
	text-transform: uppercase;
}

#col-left #bestseller {
	position: relative;
	float: left;
	width: 100%;
	height: 387px;
	margin: 0 0 15px 0;
	padding: 0;
	background: #fff;
	text-align: center;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#col-left #bestseller .block-title {
	position: relative;
	float: left;
	background: url("../images/sideheader_bg.gif") no-repeat;
	font-family: "Georgia", "Times New Roman", "serif";
	font-weight: 400;
	font-size: 20px;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #6ba439;
}

#col-left #bestseller .block-content {
	position: relative;
	float: left;
	width: 280px;
	height: 327px;
	margin: 0;
	padding: 0px 5px 15px 5px;
	background: inherit;
	overflow-x: hidden;
	overflow-y: auto;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#col-left #bestseller .block-content .item_box {
	display: inline-block;
	width: 265px;
	height: 70px;
	margin: 5px 20px 4px 0;
	padding: 0;
	border-bottom: 1px solid #6ba439;
}

#col-left #bestseller .block-content .item_box .item_box_image {
	display: table-cell;
	width: 80px;
	height: 70px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

#col-left #bestseller .block-content .item_box .item_box_image img {
	width: auto;
	height: 70px;
}

#col-left #bestseller .block-content .item_box .item_box_details {
	width: 175px;
	height: 58px;
	margin: 4px 0 0 5px;
	padding: 2px;
	text-align: left;
}

#col-left #bestseller .block-content .item_box .item_box_name {
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#col-left #bestseller .block-content .item_box .item_box_details p.item_box_price {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	margin: 0;
	padding: 4px 0 2px 0;
}

#col-left #block-banner {
	position: relative;
	float: left;
	width: 100%;
	min-height: 200px;
	height: auto !important;
	margin: 15px 0 15px 0;
	padding: 0;
	background: inherit;
	text-align: center;
	/*border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
}

#col-left #block-banner img {
	border: none;
}

#product-menu #block-banner p {
	margin: 5px 0px 5px 0px;
}

#col-right { 
    position: relative; 
    float: right; 
    width: 650px; 
    height: auto !important; 
    top: 0; 
    padding: 0px;
    margin: 0px;
    background: #ffffff; 
    border: none; 
}

#col-right #banner-container {
	position: relative;
	float: left;
	width: 621px;
	height: 280px;
	border: 1px solid #ccc;
	/*border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;*/
	background: inherit;
	overflow: hidden;
}

#col-right .content {
	position: relative;
	float: left;
	width: 650px;
	min-height: 150px;
	height: auto;
	margin: 0px 0px 10px 0px;
	background: url('../images/cart_header_bg.png') no-repeat scroll 0px 0px #FFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#col-right .content .page-title {
	position: relative;
	float: left;
	width: 600px;
	height: 40px;
	margin: 0;
	padding: 0px 0px 0px 10px;
	font-family: "Georgia", "Times New Roman", "serif";
	border-bottom: 1px solid #6ba439;
	overflow: hidden;
}

#col-right .content .page-title h1 {
	font-size: 24px;
	font-weight: 400;
	color: #333;
}

#col-right .content .page-text {
	position: relative;
	float: left;
	width: 605px;
	min-height: 12px;
	height: auto;
	line-height: 18px;
	margin: 12px 0 0 3px;
}

#col-right .content .home-categories {
	position: relative;
	float: left;
	width: 605px;
	min-height: 350px;
	height: auto;
	line-height: 18px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

.home-categories {
	position: relative;
	float: left;
	width: 100%;
	min-height: 250px;
	height: auto;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

/* Tabs Section
================================================== */
.tab-section {
	position: relative;
	float: left;
	width: 288px;
	height: 200px;
	margin: 0;
	padding: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*background: #eae7d6;*/
}
.tab-section .tab-head {
	width: 100%;
	float: left;
	background: inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tab-section .tab-head h1 {
	float: left;
	color: #fff;
	padding: 0px;
}
.tab-section .tab-head .tab_menu_container {
	float: left;
}
.tab-section .tab-head ul {
	float: left;
	display: block;
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tab-section .tab-head ul li {
	float: left;
	display: inline-block;
	height: 20px;
	background: #271b13;
	margin: 0;
	padding: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.tab-section .tab-head ul li a {
	float: left;
	color: #fff;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	padding: 0 8px 4px 8px;
	text-transform: capitalize;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tab-section .tab-head li.spacer { float: left; width: 3px; height: 20px; background: #eae7d6; }

.tab-section .tab-head ul li a:hover, .tab-section .tab-head ul li a.current {
	float: left;
	color: #fff;
	background: #73aa45;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.tab-list {
	display: none;
}

.tab-list .selected {
	display: block;
}

.tab-section .tab-list {
	display: none;
	float: left;
	width: 100%;
	height: 160px;
	padding: 5px 5px 10px 5px;
}

.tab-section .tab-list ul {
	list-style-type: circle;
	width: 100%;
	margin: 4px 0 4px 10px;
}


.tab-section .tab-list li {
	display: list-item;
	list-style-type: circle;
	width: 90%;
	line-height: 18px;
	margin: 0 0 0 5px;
	padding: 0;
}

.tab_container {
	float: left;
	width: 288px;
	height: 180px;
	background: #fff;
	color: #333;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow-x: hidden;
	overflow-y: auto;
}

.tab_container_in {
	float: left;
	width: 100%;
	height: 180px;
}

/* Footer  */

.footer-container {
	padding-bottom: 20px;
	padding-top: 10px;
}

.footer {
	width:910px;
	margin: 0 auto;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px dotted #333;
}

.footer-legal {
	float: left;
	width: 300px;
	height: 100px;
	color: #2a1c13;
	text-align: left;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.footer-legal p {
	margin: 8px 0 0 0;
}

.footer-legal ul li {
	display: list-item;
	list-style-type: none;
	line-height: 18px;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
}

.footer-legal li a {
	color: #73aa45;
	text-decoration: none;
}

.footer-legal li a:hover {
	text-decoration: underline;
	color: #2a1c13;
}

.footer-logo {
	position: relative;
	float: left;
	width: 300px;
	height: 100px;
	text-align: center;
}

#footer-menu {
	position: relative;
	float:right;
	width: 300px;
	height: 100px;
	margin: 0 5px 0 0;
	padding: 0;
	text-align: right;
}

#footer-menu ul li {
	display: inline;
	list-style-type: none;
	color: #73aa45;
}

/* Table */
table         { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

.block { margin: 0 0 0 5px; }
.block .block-title { }
.block .block-title strong { display:block; font:normal 30px Times New Roman,serif; min-height:16px;  }
.block .block-title strong span {}
.block .block-title a { text-decoration:none !important; }
.block .block-subtitle { margin:0; padding:5px 9px; font-size:1em; font-weight:bold; color:#0a263c; }
.block .block-content {  }
.block .block-content li.item { padding:7px 9px; }
.block .btn-remove,
.block .btn-edit { float:right; margin:1px 0 2px 5px; }
.block .actions {padding:6px 9px; text-align:right; }
.block .actions a { float:left; }
.block .actions button.button { float:right; }
.block .empty { margin:0; padding:5px 9px; }


/* media_right_column.inc.php */

#left_column {
    vertical-align: top;
    display:inline-block;
    width:70%;
    margin-right: 1%;
}

#right_column {
    display:inline-block;
    width:28%;
}

#right_column progress.bar {
    margin-top:10px;
    height: 20px;
}

#right_column #qty_box {
    display:inline-block;
    margin-right: 8px;
}

#right_column #qty_box select {
    padding: 0 3px 0px 3px;
    margin-left: 5px;
}

#right_column #add_to_cart_box {
    display:inline-block;
}

#right_column td {
    text-align: left;
}

#right_column td .stock_image_layer_2 {
    text-align: center;
    display: table-cell;
    width: 100%;
    float: left;
    padding: 10px 0px;
}

#right_column .stock_fields_group_layer {
    border: 1px solid #ccc;
    margin-top: 10px;
    border-radius: 4px;
    padding: 2px 2px;
}

#media_right_banner {
    margin-bottom: 10px;
}

.media_right_block {
    font-size:15px;
    margin-top: 35px;
}

.media_right_block h3 {
    text-align: center;
}

.bars_sold {
    color: #F33B00;
    font-size:18px;
    font-weight:bold;
    clear:both;
    padding:8px 0px;
}

.days_to_go {
    font-size:18px;
    font-weight:bold;
    clear:both;
    padding:8px 0px;
}

#attend_checkbox_container {
    margin: 10px 0px;
}

#attending_checkbox {
    float: right;
    margin-right: 15px;
}