@charset "utf-8";

html{ background:url(../images/bg_html.gif)}
body{ font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;; font-size: 62.5%; font-weight: normal; }

#main_wrapper { width:990px; margin:0 auto 0 auto;}

#header { height:150px; border:1px solid #d5c49b; margin:10px 0 0 0; background:#fff url(../images/bg_header.jpg) no-repeat left top;; padding:10px;}

	a.home_page_link { display:block; width:200px; height:148px;}
#content_wrapper { margin:10px 0 0 0; border:1px solid #d5c49b; background-color:#fff; padding:10px;}

#col_left { width:185px; float:left; background:url(../images/bg_grad_1.gif) repeat-x left top; border:1px solid #d5c49b; padding:25px 0 20px 0; }

	ul#products_nav   	{ padding:5px 0; font-size:1.0em; }
	#products_nav li a 	{ display:block; color:#333; font-size:1.2em; text-decoration:none; padding:1px 6px;}
	#products_nav li a:hover { background-color:#e7dec6; text-decoration:none;}
	
	ul.main_nav   	{ padding:5px 0; font-size:1.0em; }
	.main_nav li a 	{ display:block; color:#333; font-size:1.2em; text-decoration:none; padding:1px 6px;}
	.main_nav li a:hover { background-color:#e7dec6; text-decoration:none; }

#main_content { width:560px; float:left; padding:0 10px 0 20px;  }

#col_right { width:185px; float:right; }


.content {}
.content {}
	.content h1 { font-size:1.5em; color:#333333; padding:5px; margin:0 0 20px 0; font-weight:bold; background-color:#f9f7f0;  border:1px solid #d5c49b; }
	.content h2 { font-size:1.5em; color:#333333; padding:5px 0; margin:20px 0 10px 0; font-weight:bold; border-bottom:1px solid #d5c49b;  }
	.content h3 { font-size:1.3em; color:#333333; padding:5px 0; margin:0 0 5px 0; font-weight:bold; }
	.content h4 { font-size:1.3em; color:#333333; padding:5px 0; margin:0 0 0px 0; }
	.content h5, .content h6 { font-size:1.3em; color:#333333; padding:5px 0; margin:0 0 5px 0;}
	.content p 	{ font-size:1.3em; color:#333333; margin:0 0 10px 0; }
	.content a 			{ color:#407000; text-decoration:underline;}
	.content a:hover	{ color:#98b96c; text-decoration:underline;}
	
	.content ul, .content ol { margin:15px 0 15px 20px;}
	.content li { font-size:1.3em; color:#333333; margin:0 0 5px 20px; padding:0 0 0 5px; text-align:left; list-style-type:disc; list-style-position:outside;}

	a.btn_pink { background:#e5cff1 url(../images/bg_pink_btn.gif) repeat-x left top; color:#8f1466; text-decoration:none; border:1px solid #c89ce3; padding:0 2px;  text-align:center;}
	a.btn_pink:hover { color:#000; text-decoration:none; border:1px solid #000; background:none; background-color:#fff;}
	
	a.btn_checkout 	  { font-size:1.1em; margin:0;}
	a.btn_description { display:block; width:120px; margin:10px 0 5px 0; float:left;}
	a.btn_foreward    { display:block; width:120px; margin:10px 0 5px 0; }

#a_z_links { padding:15px 0 10px 0;}
	a.a_z_list 		 { display:inline-block; padding:5px 4px 5px 4px; margin:0 2px 0 0; border:1px solid #d5c49b;}
	a.a_z_list:hover { background-color:#e7dec6; color:#000; }

table { border:1px solid #d5c49b; margin-bottom:25px; }
	th { padding: 5px; font-weight:bold; color:#000; border-bottom:1px solid #d5c49b;border-right:1px solid #fff; text-align:center; text-transform:uppercase; font-size:1.1em; background-color:#d5c49b;  }
	td { padding: 5px; border-right:1px solid #d5c49b; font-size:1.1em;}
	th.add_to_basket { width:80px;}
	th.col_media_type   { width:45px;}
	th.col_price    	{ width:45px;}
	th.col_code    	 	{ width:45px;}
	th.col_dates    	{ width:55px;}
	tr.row_color_1 { background-color:#ffffff;}
	tr.row_color_2 { background-color:#e7dec6;}

table.basket_items { border:none; width:556px;}
		table.basket_items th { padding:5px 5px; border:1px solid #ffffff; background-color:#d5c49b; color:#000; font-size:1.2em; font-weight:bold; }
		
		table.basket_items th.qty 		{ width:45px;}
		table.basket_items th.price 	{ }
		table.basket_items th.updatex, table.basket_items th.deletex { width:20px;}
		
		.right{ text-align:right;}
		.center{ text-align:center;}
	
		table.basket_items td { padding:2px 5px; border:1px solid #ffffff;}
		table.basket_items td p { padding:0; margin:0; font-size:1.2em;}

		#basket_form label { position:absolute; text-align:right; width:120px; }
		#basket_form input, #basket_form textarea, #basket_form select { margin:0 0 0 140px; width:250px; font-size: 1.1em; }
		#basket_form select { margin:0 0 10px 140px;}
		#basket_form .button { width:100px; font-size: 1.1em;}

		p.postage_non_uk { font-size:0.9em; color:#990000;}


	img.prod_img_cd { float:left; padding:0 3px 3px 0; margin:3px 5px 5px 3px; background:url(../images/prod_img_shadow.png) no-repeat bottom right;}

#basket_notes { margin:25px 0;}
	#basket_notes p{ font-size:1.3em; text-align:center;}

#minimum_order_message  { border:1px solid #f00; padding:10px;}
	p.message_title		{ color:#f00; text-align:center; font-size:1.6em; padding:0 0 6px 0; margin:0; }
	p.message_content 	{ color:#f00; font-size:1.2em; padding:0; margin:0;  }

.tinted_box { background:url(../images/bg_grad_1.gif) repeat-x left top; padding:25px 5px 10px 5px; border:1px solid #d5c49b; margin:0 5px 15px 5px; text-align:center; width:257px; float:left;}




input.input_border, img.border{ border:1px solid #d5c49b; }

#search_form { background:url(../images/bg_grad_1.gif) repeat-x left top; padding:5px 5px 10px 5px; border:1px solid #d5c49b; margin:0 0 15px 0;}
	#search_form p { padding:0 0 8px 0; font-size:1.3em; }

#mini_basket { background:url(../images/bg_grad_1.gif) repeat-x left top; padding:10px 5px 5px 5px; border:1px solid #d5c49b; margin:0 0 15px 0;}
	#mini_basket p { padding:0 0 8px 0; font-size:1.3em; text-align:center; }

	p.title { text-align:center; padding-bottom:10px; solid #d5c49b; }
	
#footer { clear:both; margin:10px 0 10px 0; border:1px solid #d5c49b; background-color:#fff; padding:10px;}
	#footer p {padding:0 0 5px 0; font-size:1.0em; text-align:center; }
	#footer p a 		{ color:#407000; text-decoration:underline;}
	#footer p a:hover 	{ color:#98b96c; text-decoration:underline; }


	.address { display:inline-block; background:url(../images/postal.gif) no-repeat 0 2px; padding-left:18px;}
	.email { display:inline-block; background:url(../images/email.gif) no-repeat 0 3px; padding-left:15px;}
	.bolder{ font-weight:bold;}
	.italics{ font-style:italic;}

/*
NOTES
very light brown 	#f9f7f0
light brown			#e7dec6
mid brown			#d5c49b
light green			#98b96c
dark green			#407000
*/