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



/*-----------------Alternative Header Background .GIF------------------------------------*/

#shop_top_pic_wrap {background-image: url(../images/interface/header_bg_shop.gif); background-repeat:repeat-x; }
#shop_top_pic { 	background: transparent url(../images/interface/header.gif) no-repeat top center;	height: 280px;	}

#header { height: 280px; background-image:url(../images/interface/header_g.gif); background-repeat:repeat-x; margin-top: -280px; }
	
	.header_wrap {width: 840px; height: 240px; margin: auto;}
		
		#logo_wrap { height: 180px;}
			#logo {width:450px; height:100px; margin: auto; background-image:url(../images/interface/logo.png); background-repeat:no-repeat; background-position: 0px 40px;} 

/*----------------Shop Content ---------------------------------------*/


.shop_main_content {width:800px;  margin:auto;}


.shop_right_content { width: 580px; float: right; }
	.shop_right_content h1 {text-align:left; margin-left: 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 32px;}
	.shop_right_content h2 {text-align:left; margin-left: 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 16px;}
	.shop_right_content p  {color:#000; font-size: 12px; line-height: 24px; margin: 20px 20px }
	.shop_right_content ol {list-style:decimal; font-size: 12px; margin-left: 60px; line-height: 20px; margin-bottom: 20px;}
	.shop_right_content li {padding-bottom:20px;}
	.shop_right_content a {text-decoration:none; color: #39c; border-bottom: 1px solid;}
	.shop_right_content a:hover {color: #000;}
	
	
	.top_brand_buttons_wrap {width: 540px ; line-height: 28px; padding:	0px 0px 0px 20px ;}
		.top_brand_buttons_wrap h2 {margin-left:0px;}
		.top_brand_buttons_wrap p {margin-left:0px; }
 		.top_brand_buttons_wrap a  {text-decoration: none; font-size:12px; color: #39c; height: 20px; padding-right: 20px; border: none; }
		.top_brand_buttons_wrap a:hover {border-bottom: 1px solid #000; color: #000;}
	

.table_of_contents {} 
	.table_of_contents ul {margin: 20px 0px 20px 20px; list-style:circle;}
	.table_of_contents li {margin-bottom: 10px;}
	.table_of_contents a {color:#39C; text-decoration:none; border-bottom: 1px solid;}
	.table_of_contents a:hover {color: #000;}
	.table_of_contents h2 {font-size:16px; color:#39C; font-family:Georgia, "Times New Roman", Times, serif;margin-top:10px;}
	.table_of_contents h3 {font-size:16px; color:#39C; margin-top:20px; font-weight:normal;}

.recipe_table {font-size:12px; margin: 40px 0px 20px 20px; background-color:#fafafa; vertical-align: text-bottom}
	.recipe_table td {border-bottom: 1px dotted #ccc; vertical-align: text-bottom }
	.recipe_table {}

/*----------------PRODUCTS ------------------------------------------------------*/
.shop_item_wrapper { background-color:#fafafa; margin-bottom:40px; border: 1px dotted #ccc;} 
	
	.expandable {}
		.expandable p {color: #000; padding-bottom: 0px;}
		.expandable h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#39C; margin-left: 20px; padding-top:20px;}

.group_subheading {}
	.group_subheading h4 {margin-left:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#39c; padding-bottom: 20px; padding-top:20px;}
	.group_subheading p {margin: 0px 0px 20px 20px; width: 520px; color:#39c;}
	
.shop_three_column_wrap {width: 540px; margin-left:20px; height: 30px; font-size: 12px; border-bottom: thin dotted #CCC;}
	.shop_three_column_wrap p {padding:0px 0px; margin: 0px 0px; }	
	.product_name	 		{float: left; width: 320px;height: 30px;}
	.product_price 			{float: left; width: 80px;height: 30px;}
	.product_quantity 		{float: left; width: 120px;height: 30px; text-align:right;}
	.product_out_of_stock	{float: left; width: 150px;  background-color:#C00;height: 30px;}

.shop_end_margin {width: 560px; margin-left:20px; height: 30px; font-size: 12px;}

.product_photo {float:right; border: 1px solid #ddd; margin: 20px 20px 20px 20px;}

.cart_buttons_wrap {height: 100px;}

	.add_to_cart {width: 210px; height:80px; margin-left: 20px; margin-top:20px; float:left;}
		
	.view_empty_cart {width: 100px; height:60px; margin:20px 0px 20px 10px; float:left;}
		.view_empty_cart img {float:left; margin-bottom: 10px; }
	
	.cart_back_to_top {width:120px; height: 30px; float: right;  margin: 50px 20px 0px 0px;  }
		.cart_back_to_top p {   margin:0 0 ; text-align: right; margin-top:8px; margin-right: 20px;}







/*---------------------------Shop Sidebar------------------------*/

.sidebar_header {width: 200px; height: 30px; background-image:url(../images/interface/sprite_sidebar.gif);}

.sidebar {width:200px;  float: left; font-size: 12px;  }



.side {}
.side a * {  display: none;}

.side a, .side a .hover {  height: 40px;  position: relative;  display: block;  background: url(../images/interface/sprite_sidebar.gif) 0 0 no-repeat;  float:left;}


.side a.w_k {  background-position: -200px -30px;  width: 200px;}

.side .highlight a.w_k:hover, .side a.w_k .hover {  background-position: -0px -30px;  width: 200px;}


.side a.b_k {  background-position: -200px  -70px;  width: 200px;}

.side .highlight a.b_k:hover, .side a.b_k .hover {  background-position: -0px -70px;  width: 200px;}


.side a.ing {  background-position: -200px  -110px;  width: 200px;}

.side .highlight a.ing:hover, .side a.ing .hover {  background-position: -0px -110px;  width: 200px;}


.side a.equ {  background-position: -200px  -150px;  width: 200px;}

.side .highlight a.equ:hover, .side a.equ .hover {  background-position: -0px -150px;  width: 200px;}


.side a.b {  background-position: -200px  -190px;  width: 200px;}

.side .highlight a.b:hover, .side a.b .hover {  background-position: -0px -190px;  width: 200px;}


.side a.l {  background-position: -200px  -230px;  width: 200px;}

.side .highlight a.l:hover, .side a.l .hover {  background-position: -0px -230px;  width: 200px;}


/*--------------------------------COLOURS-------------------------*/
.grey {background-color:#999;}
.blue {background-color:#09C;}
.green {background-color:#393;}
.red {background-color:#C00;}
.purple {background-color:#909;}

/*-------------------------Recipe Table------------------------------------*/				
	
.recipe_table {width: 440px; background-color:#FAFAFA;}
	.recipe_table p { font-size:11px; margin: 5px 10px 0px 0px; }
	.row_wrap {width: 440px;float: left; margin-top: 10px}
		.col_left {float: left; width: 300px; margin-left: 20px;border-bottom: 1px dotted #CCC; }
		.col_right {float:left; width: 100px;border-bottom: 1px dotted #CCC; }
		
		.recipe_bottom_margin {height:10px; width: 440px; float: left;}
		
		
		
.outofstock { background-image: url(../images/interface/out.jpg);}