/* ==================================================================== */
/* = SPICE MERCHANT STYLESHEET - This overrides the default Spree CSS = */
/* ==================================================================== */

/* ============================ */
/* = HTML and Common Elements = */
/* ============================ */
body.spice{background: #000 url(/images/layout/background.jpg) top center no-repeat; color: #E9E0D1;}
a:active, a:focus {outline: 0;}

#site{width: 952px; position: relative; margin: 0 auto; height: 1%; font-size: 11px; font-family: Verdana, sans-serif;}
	.spice div.span-8{margin-right: 0; margin: 0 auto;}
	#site h1, #site h2, #site h3, #site h4{display: block; clear: both; color: #e5d8c5; font-family: Georgia, "Times New Roman", Times, serif; }
	#site h1{margin-bottom: 5px;}
	#site h2{font-size: 36px; border-bottom: 1px solid #b59669; font-weight: normal; padding-bottom: 3px;}
	#site h3{margin-bottom: 5px; margin-top: 10px;}
	#site h4{margin-bottom: 5px; margin-top: 0px;}
	#side_content h4{font-family: Arial, sans-serif; color: #483816;}
	#site a{color: #C94103;}
	#site p{font-size: 11px; margin-bottom: 10px;}
	#site dl{}
	#site dt{margin-top: 20px;}
	#site dd{margin-bottom: 10px;}
  #content img{margin-bottom: 5px;}
  #site .column h3{margin-top: 2px;}
  
  .static #primary p{font-size: 13px; line-height: 18px;}
  #h3 a{display:block; width: 90%;}
	#site .last{margin-right: 0;}
/*  ul li a, ul li{font-size: 14px; }*/
	ul li{list-style: none; background: url(/images/layout/arrow_small_dark.gif) 0px 5px no-repeat; padding-left: 10px; margin-left: 0;padding-bottom: 3px;}

	.arrow_link{font-size: 14px;padding-left: 20px; background: url(/images/layout/arrow_big.gif) 0px 2px no-repeat;}
	.arrow_back_link{font-size: 14px;padding-left: 20px; background: url(/images/layout/arrow_big_back.gif) 0px 4px no-repeat;}
	#back_link{margin: -20px 0 5px 10px; font-size: 14px;padding-left: 20px; background: url(/images/layout/arrow_big_back.gif) 0px 2px no-repeat; }
	.spice ul{margin: 0;}
	#site .even{background: none;}
	#site .even td{background: none;}

/* ============================ */
/* = Site Level Layout Blocks = */
/* ============================ */
	#logo{position: absolute; top: 0; left: 0px; width: 234px; height: 171px; background: url(/images/layout/logo.png) top left no-repeat; z-index: 100;}
#masthead{position: relative;  height: 134px; width: 951px;}

  .breadcrumbs{position: absolute; top: -25px; left: 240px; font-weight: normal; font-size: 11px; width: 700px;}
  #branding{margin: 30px 0 0 250px; color: #fff2dd;}
	#top_right{float: right; height: 50px; width: 220px; margin-top: 40px; text-align: right;}
	#top_right a{color: #da4900;}
	#top_right #my_cart_link{padding: 3px 0 3px 25px; background: url(/images/layout/cart_link_icon.gif) top left no-repeat;margin-right: 10px;}
	

#top_nav{width: 730px; position: absolute; top: 103px; right: -5px; display: block; height: 30px; clear: both;}
	#top_nav li{float: left; padding: 0; background: none;}
	#top_nav li a{display: block; color: #E9E0D1; font-family: Georgia, serif; text-transform: capitalize; font-variant: small-caps; line-height: 30px;}
	#top_nav li a{background: url(/images/layout/nav.gif) top left no-repeat;}
	#top_nav li a:hover{text-decoration: none;}
	#top_nav li a span{visibility: hidden; display: block; width: 100%; height: 100%;}
	
	
  #top_nav li a#nav-about{width: 118px; background-position: -3px 0px;}
  #top_nav li a#nav-about:hover{background-position: -3px -31px;}
  #top_nav li a#nav-about-spices{width: 153px; background-position: -121px 0px;}
  #top_nav li a#nav-about-spices:hover{background-position: -121px -31px;}
	#top_nav li a#nav-products{width: 223px;background-position: -274px 0;}
	#top_nav li a#nav-products:hover{background-position: -274px -31px;}
	#top_nav li a#nav-accessories{width: 229px;background-position: -497px 0;}
	#top_nav li a#nav-accessories:hover{background-position: -497px -31px;}
/*  #top_nav li a#nav-gifts{width: 70px; background-position: -465px 0;}
  #top_nav li a#nav-gifts:hover{ background-position: -465px -31px;}
  #top_nav li a#nav-learning{width: 191px; background-position: -533px 0;}
  #top_nav li a#nav-learning:hover{background-position: -533px -31px;}
  */

#content{float: left; clear: both; margin-top: 45px; margin-bottom: 00px; position: relative; min-height: 500px; padding-bottom: 20px; }	
.home #content{margin-top: 0;}
.static #content, .search_results #content{margin-top: 0px;}
	#breadcrumbs, .breadcrumbs{color: #FFF2DD; font-size: 11px; margin-left: 0px; height: 30px; width: 700px; line-height: 30px; display: block; clear: both; position: absolute; top: -35px; left: 240px;}
	
	#primary #breadcrumbs, #primary .breadcrumbs{position: absolute; top: 8px; left: 240px;}
	
	#breadcrumbs li{float: left;background-position: 0 12px;}
#side{position: relative; /*background: url(/images/layout/side.gif) top left repeat;*/ margin-top: 55px;}
	#side_top{/*position: absolute; top: 0; left: 0;*/ background: url(/images/layout/side_top.png) top left no-repeat; height: 48px;}
	#side_content{background: url(/images/layout/side_middle.png) top left repeat; margin-top: -16px; }
	#side_bottom{/*position: absolute; bottom: 0; left: 0; */background: url(/images/layout/side_bottom.png) top left no-repeat; height: 48px;}
	#side h4{margin: 15px 5px 5px 17px; font-weight: bold; padding-top: 10px; }
	#side ul{margin-left: 30px;margin-bottom: 0;}
	#side li{background: url(/images/layout/arrow_small_light.gif) 0px 7px no-repeat; padding-left: 10px; padding-right: 10px; line-height: 18px; padding-bottom: 3px;}
	#side .back_link{position: absolute; top: 15px; left: 15px; background-image: url(/images/layout/arrow_big_left.gif);}

#search_spices_by_name, .taxon_heading{margin-top: 40px;}
.taxon_heading{margin-bottom: 0;}
/* ====================================== */
/* = Homepage Content and Layout Blocks = */
/* ====================================== */
.home{}
.home #side{display: none;}
.home #content{margin-top: 0px;}
.home #primary{width: 100%; margin: 0;}
.home #primary p{ margin: 0;font-size: 11px; line-height: 18px;}
.home #cart{position: absolute; top: 0; right: -2px; width: 220px;}
.home #cart_items{overflow: auto; height: 83px; width: 100%;}


#home_main{width: 951px; position: relative;}
#home_content{float: left; color: #222; height: 260px; width: 951px; background: url(/images/layout/bottom_home.png) top left no-repeat; padding-top: 20px;}
	#home_content a{display: block; width: 100%;}
	#home_content h3{color: #222;}
	#home_content li{background: url(/images/layout/arrow_small_light.gif) 0px 5px no-repeat;}

#home_cart #cart{left: 15px;}
#home_cart{position: absolute; top: 0; right: -2px; height: 330px; width: 252px; background: url(/images/layout/cart.png) top left no-repeat;}
	#home_cart h3{margin-top: 50px; padding-left: 75px;}
	#home_cart h3 span{font-size: 32px; font-weight: normal; display: block; clear: both; margin-left: -70px;}
	#home_cart .block{padding-left: 20px;}

#featured{height: 200px;}
#feature{margin: 0; width: 725px; height: 330px; /*background: url(/images/layout/banner_home.jpg) top left no-repeat;*/ background: transparent; margin-left: -2px;  margin-top: 1px;}
	#feature_content{margin: 95px 0 0 20px; width: 500px;}
	#feature_content h2{border: 0; }

#site .home-panel{width: 215px; margin-right: 20px;}
	#site .home-panel h3{margin-left: 20px;}
	#site .home-panel h3 span{display: block; font-size: 30px; margin-left: -20px;}

#about{margin-left: 20px; width: 215px;}

#top_ten{width: 215px;}
	#top_ten ul li{float: left; width: 97px; }
	#top_ten ul li a{/*font-size: 12px;*/}

#site #blends{margin-right: 10px;}

#site .long_copy, #site .long_copy p, #site .long_copy li{font-size: 13px; line-height: 18px;}
.long_copy dt, .long_copy h3{font-size: 21px; line-height: 28px; font-family: Georgia, "Times New Roman", serif; font-weight: normal; margin-top: 20px;}
.long_copy dd{margin: 0;}


/* ====================== */
/* = Product Index Page = */
/* ====================== */
#site h3.spices_list_title{font-size: 20px;}
#spices_by_name{float: left; width: 100%; clear: both; margin-bottom: 15px;padding-bottom: 15px; border-bottom: 1px solid #777;}

	#spices_by_name li{font-size: 13px; float:left; list-style: none; background: none; margin: 0; padding: 0; font-family: Georgia, serif; }
	#site #spices_by_name li a, #site #spices_by_name li{font-size: 24px;}
	#site #search_spices_by_name #spices_by_name li a, #site #search_spices_by_name #spices_by_name li{font-size: 18px;}
	#site #spices_by_name li a, #site #spices_by_name li span{float: left; padding: 1px; }
	#site #search_spices_by_name #spices_by_name li a, #site #search_spices_by_name #spices_by_name li span{float: left; padding: 0px; }
	#site #spices_by_name li span{color: #C4C4A5;}

#spices_by_category{float: left; clear: both; margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #777;}
	#spices_by_category li{font-size: 13px; float:left; list-style: none; margin: 0;  width: 224px; height: 20px; vertical-align: top;background-position: 0 8px;}

#spices_by_cuisine{float: left; clear: both; margin-bottom: 15px;padding-bottom: 15px;}
	#spices_by_cuisine li{font-size: 13px; float:left; list-style: none; margin: 0; width: 224px; height: 20px; vertical-align: top;background-position: 0 8px;}



/* ========================= */
/* = Product Listing Pages = */
/* ========================= */
.product{}
.product-listing{float: left; margin: 0; padding: 0;}
#site .product-listing h3{font-family: Arial, sans-serif; font-size: 14px;}
.product-listing li{float: left; margin: 0; padding: 0;}
.product-listing .product{float: left;background: none; height: 165px;}
.product-listing .product-small{width: 110px; margin-right: 5px;}
.product-listing .product-small img{width: 105px;}
.product-listing .product h3{background: url(/images/layout/arrow_small_dark.gif) 0px 5px no-repeat; padding-left: 10px;}
.product-listing .product .small_image{margin-bottom: 10px; float: left; display: block; height: 100px; width: 109px; overflow:hidden;}
.product-listing .product .small_image a{background: none; padding: 0; position: absolute; }
.product-listing .product .small_image a span{display: block; width: 109px; height: 109px; background: transparent url(/images/layout/product_mask.gif) top left no-repeat; position: absolute; top: 0; left: 0;}

#category_description{margin-bottom: 20px;}

/* ======================= */
/* = Product Detail Page = */
/* ======================= */
#product-image{ width: 240px; height: 260px;  clear: none; float: left; position: relative;}
#product-border{position: absolute; top: 0; left: 0;width: 240px; height: 240px; background: url(/images/layout/product_mask_full.gif) top left;}
#product-thumbnails{ display: none;}
#product-description{}
#product-details{clear: both; overflow: hidden; position: relative;}

#product-details h2{float: left; clear: right; width: 100%; margin-top: 5px;}
#product_table_header{background: url(/images/layout/product_table_header.png) top left repeat; height: 30px;}
#product-details img{float: left;}
#product-details p{}
#product-shop{padding-top: 20px;}

#view_larger{display: block; clear: both; text-align: left;}

/* ============================== */
/* = Cart (In Page Cart Styles) = */
/* ============================== */
#sidebar_cart{float:right; margin-top: 220px; margin-right: 30px; margin-bottom: 50px; }
.home #returnee_login p{margin-bottom: 15px;}
.home #returnee_login form{padding-left: 5px;}
.home #cart_content{}
.home #home_cart .full h3.section_title{margin-top: 10px;}
.home .cart_total{padding-top: 4px;}

#cart_sidebar{margin-top: 90px; float: right;position:relative;}
#cart_top{width: 228px;background: url(/images/layout/cart_top.png) top left; height: 50px;}
#cart_content{float: left; width: 198px; padding-left: 20px; min-height: 300px; padding-right: 10px; background: url(/images/layout/cart_middle.png) top left repeat;position:relative; }
#cart_items{ float: left; position:relative;}
.cart_quantity{font-size: 16px;}
#cart_inner{position: relative;}
#cart_bottom{width: 228px; clear: both; background: url(/images/layout/cart_bottom.png) bottom left; height: 74px;}
.cart_messaging{font-weight: bold; color: #da4900; margin: 10px 0;}

.variant-name{width: 270px;}
.variant-add-button{width: 130px;}
#cart{position: relative; }
#cart .order-summary{width: 200px;}
.order-summary *, .order-summary{border: 0 !important;}
#cart .order-summary td{font-size: 10px;}
table th{background: transparent url(/images/layout/product_table_header.png) top left repeat-x;}
	
.cart #side{display: none;}	
	.cart #primary{width: 700px; margin: 0; margin-top: 40px; margin-right: 20px;}

#site .cart_headings{border-bottom: 1px solid #926955; padding-bottom: 5px;}
#site .cart_product{float:left; width: 195px; clear: both;border-bottom: 1px solid #926955; padding: 5px 0 5px 5px; margin-bottom: 0px;}
#site p.item_quantity{float: left; width: 30px;}	
#site p.item_quantity input{float: left; width: 15px; font-size: 12px;}	
#site p.item_price{float: right; width: 35px;}
#site p.item_details{float: left; width: 130px;}

#update_cart{display: block;clear: both; margin-left: 45px;}
.cart_total{display: block; clear: both; font-size: 11px; padding-top: 10px; font-weight: bold; text-align: right;}
.cart_total span{padding-left: 15px;}

.home #cart h3.section_title{margin-top: 30px;}
#cart h3.section_title{margin-top: 0px; padding-left: 70px; border-bottom: 1px solid #926955; padding-bottom: 10px;}
#cart h3.section_title span{font-size: 32px; font-weight: normal; display: block; clear: both; margin-left: -70px;}

#update_cart_link{margin-top: 10px; float: left;}
#clear_cart_link{text-align: right;margin-top: 10px; float: right;}

input.quantity{width: 20px;}


#back_to_products{position: absolute; top: 30px; right: 14px;}
	
/* ==================== */
/* = Static-ish Pages = */
/* ==================== */	

	
#footer{font-size: 11px; font-family: Verdana, sans-serif; clear: both; border-top: 1px solid #333; padding-top: 5px; padding-bottom: 100px; margin-top: 20px;}
#footer ul{float: left;}
#footer ul li{background: none; font-size: 11px; margin: 0; padding: 0; padding-left: 5px;}
#footer li a{font-size: 11px;}

#comodo{float: left; clear: left;}
#accepted_cards{float: left; }
#accepted_cards img{margin-top: 30px;}
#host{float: right;margin-top: 40px; color: #999;}
#verisign{clear: both;}


/** 
This stylesheet loads after spree.css, spree-admin.css so feel free to use it to 
override the default Spree styling.
*/

#language-bar ul { float: right; margin-bottom: 2px; margin-top: 2px; }
#language-bar li { display:inline; list-style-image: none; list-style-position: outside; list-style-type: none; padding-right:5px; } 

/* ====================================== */
/* = Forms Etc												  = */
/* ====================================== */

#login_form label{display: block; clear: both; float: left;}
#login_form input{display: block; clear: both; }

#flash-notice, .notice{font-family: Verdana, sans-serif; font-weight: bold; font-size: 14px; color: #ecc46d; padding-left: 50px; padding-top: 15px; background: transparent url(/images/layout/error.gif) 10px 10px no-repeat; text-align: left; border: 1px solid #ecc46d;margin: 10px 0;}
.home #flash-notice{margin-top: 50px;}
#flash-errors, .error, #flash-errors, #errorExplanation{font-family: Verdana, sans-serif; font-weight: bold; font-size: 14px; color: #ecc46d; padding-left: 50px; padding-top: 15px; background: transparent url(/images/layout/error.gif) 10px 10px no-repeat; text-align: left; margin: 10px 0;}
#flash-errors, #errorExplanation h1{font-size: 14px;}
.error{border-color: #ecc46d;}

/* ====================================== */
/* = Tables Etc												  = */
/* ====================================== */
table{border: 0;}
table td{font-size: 11px; font-family: verdana, sans-serif;}
#site table tr.even td, #site table.striped tr td{background-color: #2a130a; border: 0;}
/*#site table tr.even td, #site table.striped tr td{background-color: #2a130a; border: 0;}*/
#site table tr.odd td{background-color: #542616;}
#site table.cart-summary{border: 0;}

.add_to_cart{background: transparent url(/images/layout/add_to_cart.gif) no-repeat; display: block; height: 24px; width: 140px;}
.add_to_cart:hover{text-decoration: none;}
.add_to_cart span{visibility: hidden;}
.add_to_cart_down{background-image: url(/images/layout/add_to_cart_down.gif) !important;}