/**************************************************
Site:           Ripps Natural Market
Created:        Oct 27 2008
Last Modified:  Apr 17 2010 
------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2008
================================================= */
/* Reset */
html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}
	
input, select, button{vertical-align: middle;}
a img, :link img, :visited img {border: 0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px;
}
ul {list-style: none;}
q:before, q:after,
blockquote:before, blockquote:after {content: "";}

dt {font-weight: bold; }

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0;
	padding: 0;
}
em {font-style: italic;}

/* Common Global Styles ******************************/
/* ================================================= */
body{
	background: #f0fadf url(/images/site/body-bg.gif) repeat;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

h2{
	color: #594727;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
}

h3{
	color: #594727;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 5px;
}
h4{
	color: #594727;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
}
h5{
	color: #594727;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
}

p{
	font-size: 13px;
}

a{
	color: #0986b1;
	text-decoration: none;
}
	a:hover{
		text-decoration: underline;
	}
	
.img_right{
	float: right;
	margin: 0 0 10px 5px;
}



/* Header Styles *************************************/
/* ================================================= */
#header{margin-bottom: 10px;}

	#header h1 { 
		background: url('/images/site/logo.png') no-repeat;
		float: left;
		margin: 10px 0 0 0;
		width: 277px;
	}

		#header h1 a {
			background: url('/images/site/logo.png') 0 0 no-repeat;
			display: block;
			height: 145px;
			overflow:hidden;
			text-indent: -9999px;
			width: 277px;
		}
		
/* Search Box / Sublink Box Styles *******************/
/* ================================================= */
	#search_box{
		background: url(/images/site/search_box_bg.gif) no-repeat;
		float: left;
		height: 35px;
		margin-right: 20px;
		width: 318px;
	}
		#frm_search{
			padding: 0 8px;
			text-align: center;
		}
		
		#frm_search label{
			display: block;
			float: left;
			font-size: 12px;
			padding: 10px 10px 0 0;
		}
		#frm_search input{
			margin-top: 7px;
		}
			#frm_search #search_btn{margin-top: 5px;}
		#search_box #keywords{
			background-color: #7d6249;
			border: none;
			color: #fff;
			padding: 3px 3px;
			margin-right: 5px;
			width: 162px;
		}

	.sublink_box{
		background: url(/images/site/sublink_box_bg.gif) no-repeat;
		float: left;
		height: 35px;
		margin-right: 20px;
		padding: 8px;
		width: 114px;	
	}
		.last{
			margin-right: 0;
		}
		.sublink_box p{
			text-align: center;
		}
			p#sublink_register{padding-top: 2px;}
			p#sublink_register a{}
				p#sublink_register span{padding: 0 4px;}
			p#sublink_cart{
				background: url(/images/site/icon_cart_sublink.gif) no-repeat 0 0;
				margin-left: 10px;
				padding: 2px 0 0 15px;
			}
	
	#email_form{
		float: right;
		margin-top: 10px;
	}
		#email_form h3{
			margin-bottom: 0px;
		}
		#email_form p{
			font-size: 12px;
			margin-bottom: 5px;
		}
		#email_form input.text{
			border: 1px solid #7d6249;
			background: #f5f0eb;
			padding: 5px;
			width: 150px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
		#email_form input.button{
			background-color:#00569a;
			border: none;
			color: #fff;
			cursor: pointer;
			font-size: 12px;
			font-weight: bold;
			padding: 5px 10px;
			text-transform: uppercase;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
			

/* Main Navigation Styles ****************************/
/* ================================================= */	
.main_nav{
	height: 35px;
	margin-bottom: 20px;
}
	.main_nav li{
		float: left;
		border-right: 1px solid #cedfaf; 
	}
		.main_nav li.last{border-right: none;}
		.main_nav li a{
			background: url(/images/site/nav_bg.gif) repeat-x;
			color: #7d6249;
			display: block;
			font-size: 14px;
			height: 25px;
			padding-top: 10px;
			text-align: center;
			text-transform: uppercase;
			width: 139px;
		}
			.account_nav li a{width: 109px;}
			.main_nav li a.first_btn{background: url(/images/site/nav_btn_first.gif) no-repeat;}
			.main_nav li a.last_btn{background: url(/images/site/nav_btn_last.gif) no-repeat right;}
			.main_nav li a:hover, .main_nav li a.active{color: #0986b1;}
			
						

/* Sidebar Styles ************************************/
/* ================================================= */
#sidebar{
	background-color: #fff;
	border: 1px solid #cedfaf;
	margin-bottom: 10px;
	padding: 10px;
}
	#sidebar a{
		color: #7d6249;
	}
	ul.sidebar_nav{
		margin-bottom: 15px;
	}
		ul.sidebar_nav li{
			border-top: 1px solid #cedfaf;
			float: left;
			clear: both;
		}
			ul.sidebar_nav li.first{border-top: none;}
			ul.sidebar_nav li a{
				display: block;
				float: left;
				font-size: 14px;
				padding: 6px 3px;
				width: 190px;
			}
				ul.sidebar_nav li a:hover{
					background-color: #e5f1fa;
					text-decoration: none;
				}
		ul.sidebar_nav li ul{
			border-left: 1px solid #cedfaf;
			border-right: 1px solid #cedfaf;
			border-bottom: 1px solid #cedfaf;
		}

#newsletter-signup{
	margin-bottom: 10px;
	margin-top: -6px;
}
		
#banner{
	margin-bottom: 10px;
}
	#banner.organic-banner{margin-top: -6px;}

/* Cart Summary Styles *******************************/
/* ================================================= */

#cart_summary{
	background-color: #e5f1fa;
	border: 1px solid #cedfaf;
	margin-bottom: 10px;
	padding: 10px 13px 0 10px;
}
	#cart_summary p{
		padding-bottom: 8px;
		text-align: right;
	}
		#cart_summary p#quick_view{padding-left: 3px; text-align: left;}
		#cart_summary p#quick_view span{float: right;}
	#cart_summary a{
		color: #7d6249;
	}
	
	#cart_summary_items{margin-bottom: 10px;}
		#cart_summary_items p{padding: 8px 5px 8px 2px;}
			#cart_summary_items span.foxee_product_name{
				float: left;
				width: 120px;
			}
			#cart_summary_items .foxee_products p{background-color: #dce9f3;}
	


			

/* Content Styles ************************************/
/* ================================================= */
#content{
	background-color: #e5f1fa;
	border: 1px solid #cedfaf;
	padding: 10px 10px 0 10px;
	position: relative;
	z-index: 1;
}
	#content h1{
		color: #594727;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 15px;
		text-transform: uppercase;
	}
	#content h2#featured-products{
		background-color:#594727;
		color:#FFFFFF;
		font-size:18px;
		margin-top:10px;
		padding:5px 10px;
		text-align:center;
		text-transform:none;
		width:300px;
	}
	
	#content p{
		line-height: 1.3em;
		padding-bottom: 10px;
	}
		#content p.date{
			color: #333;
		}
	
	.content_box{
		background-color: #fff;
		padding: 10px;
		margin-bottom: 10px;
		position: relative;
		
	}
	.content_box ul, .content_box ol{
		font-size: 12px;
		line-height: 1.3em;
		margin-left: 20px;
		margin-bottom: 10px;
	}
		.content_box ul{list-style-type: disc;}
		.no-bullets ul{list-style-type: none; margin-bottom: 0px;}
		
	.column{
		float: left;
		margin-right: 10px;
		width: 313px;
	}
		.column.last{margin-right: 0px;}
	
	.featured{
		float: left;
		margin-right: 8px;
		padding: 0px;
		width: 335px;
	}
		.f_last{
			margin-right: 0;
		}
	.legend{
		background-color:#7d6249;
		border-bottom: 1px solid #cedfaf;
		color: #fff;
		display: block;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
		padding: 5px;
		text-transform: none;
	}
		
		
ul#breadcrumbs{
	font-size: 12px;
	list-style-type: none;
	margin-bottom: 15px;
	margin-left: 0px;
}
	ul#breadcrumbs li{display: inline;}
	ul#breadcrumbs a{
		margin: 0 4px;
	}
	

.divider{
	border-top: 1px solid #cedfaf;
	margin: 30px 0;
}
	.articles .divider, .divider.small{margin: 15px 0;}

#content p.notify{
	background-color: #f0fadf;
	border: 1px solid #CEDFAF;
	margin-bottom: 10px;
	padding: 5px;
}
	#content p.notify-light{
		background: #f6f8fb;
		margin-bottom: 15px;
		padding: 5px;
	}
	p#sticky{
		background: #ffa url(/images/site/icon-tick.png) 5px center no-repeat;
		border: 1px solid #a00;
		display: none;
		margin-bottom: 10px;
		padding: 10px 10px 10px 30px;
		position: absolute;
		top: 0;
		width: 940px;
		z-index: 99;
	}
		p#sticky.hidden{display: none;}
		
p.paginate{
	text-align: right;
}


/* Table Styles ************************************/
/* ================================================= */
ul#account-links{
	font-size: 12px;
	list-style-type: disc;
	margin-left: 12px;
}
	
.content_box table{
	border-top:1px solid #cedfaf;
	border-right:1px solid #cedfaf;
	border-collapse:collapse;
	font-size: 12px;
	margin: 10px 0;
	width: 100%;
}
	.content_box  table thead th, .content_box table td.col-1 {
		background-color:#7d6249;
		border-bottom:1px solid #cedfaf;
		border-left:1px solid #cedfaf;
		color:#fff;
		font-weight: bold;
		font-size: 14px;
		padding:.6em 1em;
		text-align:center;
	}
	
	.content_box  table td {
		color: #333;
		border-bottom:1px solid #cedfaf;
		border-left:1px solid #cedfaf;
		padding:.3em 1em;
		text-align:center;
	}
	.content_box table td.align_left{text-align: left;}
	
		.content_box table.view_cart td.quantity_box{text-align: center;}
		.content_box table.view_cart tr.cart_totals{background-color: #E5F1FA;}
		.content_box table.view_cart td.align_right{
			text-align: right;
			width: 460px;
		}


/* Product List Styles *******************************/
/* ================================================= */
.product{
	float: left; 
	margin-top: 50px;
	padding: 10px 20px;
	position: relative;
	text-align: center;
	width: 125px;
}
	#content .product p{
		padding-bottom: 0px;
		text-align: center;
	}
	.product_name{
		/*height: 45px;*/
	}
		.product_name a{
			color: #7d6249;
		}
	p.product_img{
		height: 150px;
		margin-bottom: 5px;
	}
	.quick_view{
		margin-bottom: 8px;
		text-align: center;
	}
	.quick_view a{
		background: url(/images/site/magnifier.png) no-repeat center left;
		font-size: 13px;
		padding-left: 20px;
	}
	#content .product p.button{margin-bottom: 5px;}
	
	#content p.item-added{
		background: #f0fadf url(/images/site/icon-tick.png) 5px 5px no-repeat;
		border: 1px solid #CEDFAF;
		margin-top: 10px;
		padding: 5px 5px 5px 20px;
	}
		#content .product_details p.item-added{
			margin-bottom: 10px;
			padding-left: 30px;
			text-align: left;
		}
	
/* Category Product Styles ***************************/
/* ================================================= */
#product_list{margin-bottom: 30px;}
#product_list .product{
	/*height: 220px;*/
	width: 170px;	
}

ul.pill{
	list-style-type: none;
	margin: 0;
}
	ul.pill li{
		float: left;
		margin: 0 10px 10px 0;
	}
		ul.pill li.divider{
			border: none;
			margin: 5px 0;
			width: 100%;
		}
		ul.pill li a{
			background-color: #7d6249;
			color: #fff;
			display: block;
			padding: 5px 10px;
			text-decoration: none;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
			ul.pill li a:hover, ul.pill li.active a{
				background-color: #E5F1FA;
				color: #7d6249;
			}
	h3.category_name{
		border-bottom: 1px solid #cedfaf;
		border-top: 1px solid #cedfaf;
		margin-top: 40px;
		padding: 5px 0;
	}


/* Detailed Product Styles ***************************/
/* ================================================= */
.product_img_large{
	float: left;
	margin-right: 20px;
	position: relative; 
	width: 250px;	
}
.product_details{
	float: left;
	position: relative;
	width: 370px;
}
	.product_details h2{
		font-size: 18px;
	}
	.product_details h3, #product_tabs h3{
		font-size: 14px;
	}
	.product_details .fav_links p{
		text-align: right;
	}
		#content p.added{
			background: #f0fadf url(/images/site/icon-tick.png) 5px 5px no-repeat;
			border: 1px solid #CEDFAF;
			margin-bottom: 10px;
			padding: 5px 5px 5px 30px;
			text-align: left;
		}
		#content p.removed{
			background: #f0fadf url(/images/site/icon-minus.png) 5px 5px no-repeat;
			border: 1px solid #CEDFAF;
			margin-bottom: 10px;
			padding: 5px 5px 5px 30px;
			text-align: left;
		}
	
	.content_box ul.ui-tabs-nav{
		list-style-type: none;
		margin-left: 0px;
	}
	div.ui-tabs-panel ul{
		list-style-type: disc;
		margin-bottom: 10px;
	}

			
			
/* Tooltip Styles ************************************/
/* ================================================= */		
.popup{
	color: #333;
	display: none;
}
	
	#content .popup h4{
		padding: 25px 25px 5px;
	}
	#content .popup h5{
		padding-left: 25px;
	}
	#content .popup p{
		padding: 0 25px 10px;
		text-align: left;
	}
	.qtip-content p{margin-bottom: 10px;}
	

.quickadd{
	margin-bottom: 5px;
}
	.quickadd_links a{margin: 0 4px;}
	.quickadd span{
		color: #0986b1;
		float: left;
		font-size: 24px;
	}
	.quickadd form{
		float: right;
	}
		.quickadd form .qty{
			border: 1px solid #7d6249;
			margin-right: 5px;
			width: 25px;
		}
		.quickadd form label{
			display: inline;
			font-size: 12px;
		}
		

/* Footer Styles *************************************/
/* ================================================= */
#footer{
	background-color: #e5f1fa;
	border: 1px solid #cedfaf;
	font-size: 12px;
	margin: 20px 0;
	padding: 10px 15px;
}
	p#copyright, p#clearfire{
		margin-bottom: 10px;
		margin-left: 15px;
	}
	
	ul#footer-nav{margin: 10px 0;}
	ul#footer-nav li{
		display: inline;
	}
		ul#footer-nav li span{padding: 0 5px;}
		
#footer-seals{
	float: right;
	margin-right: 15px;
	text-align: center;
}		
	#footer-seals p{
		float: left;
		text-align: center;
		width: 100px;
	}
	#footer-seals a{color: #333; font-size: 10px;}
	#sidebar-seals p{text-align: center;}

#cart-seals h3{margin-bottom: 15px;}


/* Cart Styles ***************************************/
/* ================================================= */
form.quick_add{
	text-align: center;
}

form#coupon-code{
	margin: 30px 0;
}
	form#coupon-code label{
		display: block;
		margin-bottom: 3px;
	}

#calculate-shipping-trigger span{
	color: #0986b1;
	cursor: pointer;
	text-decoration: none;
}
	#calculate-shipping-trigger span:hover{text-decoration: underline;}
	
#calculate-shipping{display: none;}
	#calculate-shipping p{
		text-align: right;
	}
	
#cart_details{
	float: right;
	margin-bottom: 15px;
	width: 215px;
}
	#cart_details p{
		border-bottom: 1px dashed #ccc;
		font-weight: bold;
		padding-bottom: 0px;
	}
	#cart_details_subtotal{
		border-bottom: 1px dashed #ccc;
		font-size: 30px;
		font-weight: bold;
		padding: 8px 0;
	}
		#cart_details_subtotal span{
			color: #666;
			font-size: 12px;
			font-style: italic;
			font-weight: normal;
		}
	p#cart_details_discount{
		padding: 3px;
	}


/* Checkout Page Styles ******************************/
/* ================================================= */
#checkout-fields{
	float: left;
	position: relative;
	width: 450px;
	z-index: 99;
}

#billing_change, #billing_cancel, #shipping_change, #shipping_cancel{
	color: #0986b1;
	cursor: pointer;
	text-decoration: none;
}
	#billing_change:hover, #billing_cancel:hover, #shipping_change:hover, #shipping_cancel:hover{text-decoration: underline;}


#mini_cart{
	float: right;
	margin-left: 35px;
	position: relative;
	width: 380px;
	z-index: 99;
}
	#mini_cart table{
		margin-bottom: 15px;
		margin-top: 0px;
	}
		.content_box #mini_cart table thead th{
			padding: 5px;
		}
		.content_box #mini_cart table.view_cart td.align_right{
			width: 275px;
		}
		
	#content p.success{
		background: #f0fadf url(/images/site/icon-tick.png) 5px 5px no-repeat;
		border: 1px solid #CEDFAF;
		margin-bottom: 10px;
		padding: 5px 5px 5px 30px;
	}
	#content p.error{
		background: #ffa url(/images/site/icon-cross.png) 5px 5px no-repeat;
		border: 1px solid #a00;
		margin-bottom: 10px;
		padding: 5px 5px 5px 30px;
	}
	
#returning-customer{
	background: #f6f8fb;
	margin-bottom: 20px;
	padding: 15px;
}
	#returning-customer fieldset{margin-bottom: 5px;}
	#returning-customer h3{
		color: #000;
		font-size: 16px;
		font-weight: bold;
	}
	#returning-customer div.text{
		float: left;
		width: 220px;
	}
		#returning-customer label{
			color: #000;
			display: block;
			font-size: 12px;
			font-weight: bold;
			margin-bottom: 3px;
		}
			#returning-customer label.error{
				color: #8C1000;
				font-weight: normal;
				margin-top: 3px;
			}
		#returning-customer div.text input{width: 200px;}
		#returning-customer .button{
			float: left;
			margin-top: 15px;
		}
		
#shipping_same_holder{
	background-color: #F6F8FB;
	padding: 7px 5px 5px;
}

/* Account Styles ************************************/
/* ================================================= */
.col-left{
	float: left;
	position: relative;
	z-index: 99;
}
#bulk-add{
	background-color: #f0fadf;
	border: 1px solid #CEDFAF;
	float: right;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	width: 350px;
	z-index: 99;
}


/* Form Styles ***************************************/
/* ================================================= */
.content_form{
	font-size: 14px;
}

.content_form fieldset{
	margin-bottom: 15px;
}
.content_form h3.legend{
	background-color:#7d6249;
	border-bottom: 1px solid #cedfaf;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px;
	text-transform: none;
}
.content_form div.text{
	margin-bottom: 10px;
	position: relative;
}
	.content_form div.text input, .content_form div.text textarea{
		border: 1px solid #7d6249;
		background: #f5f0eb;
		padding: 5px;
		width: 300px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
		.content_form div.text input:focus, .content_form div.text textarea:focus{
			background: #E5F1FA;
		}
		.content_form div.checkbox input{
			float: left;
			margin-top: 0px;
			margin-left: 5px;
			padding: 2px;
			width: 20px;
		}
.content_form label{
	color: #333;
	display: block;
	padding-bottom: 3px;
}
	.content_form label span.req{
		color: #8C1000;
		font-size: 16px;
	}
	.content_form label.error{
		border-bottom: 1px dotted #8C1000;
		color: #8C1000;
		padding: 5px 0 2px 0;
		position: absolute;
		left: 330px;
		top: 23px;
	}
	.content_form div.checkbox label{
		float: left;
	}
.content_form .button input, .button input{
	background-color:#00569a;
	border: none;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 10px;
	text-transform: uppercase;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
	.content_form .button input.submit_disabled{
		background-color: #999;
		color: #fff;
		cursor: default;
	}
	
	input.button_brown, a.button_brown{
		background-color:#7D6249;
		border: none;
		color: #fff;
		cursor: pointer;
		font-weight: bold;
		padding: 5px 10px;
		text-transform: uppercase;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
		a.button_brown{
			display: block;
			font-size: 12px;
		}
	a.button_blue{
		background-color:#00569a;
		border: none;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 12px;
		font-weight: bold;
		padding: 5px 10px;
		text-transform: uppercase;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	input.button_light_blue, a.button_light_blue{
		background-color:#E5F1FA;
		border: none;
		color: #333;
		cursor: pointer;
		display: block;
		font-size: 12px;
		font-weight: bold;
		padding: 5px 10px;
		text-transform: uppercase;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
		input#discount_button{display: inline;}
	
	.continue_btn{
		float: left;
		position: relative;
		z-index: 99;
	}
	#update_cart_btn{
		float: right;
		position: relative;
		z-index: 99;
	}
	.checkout_btn{
		float: right;
		position: relative;
		z-index: 99;
	}
		.checkout_btn p{padding-bottom: 0px;}
	.register_btn{
		float: left;
		position: relative;
		z-index: 99;
	}