/*====================================================================*/
/* Skopski pazar AD Skopje */
/* Created March 2007 */
/*====================================================================*/

/* 
--- PLEASE NOTE ---

Please check the 'General' section of this stylesheet before creating any small custom styles.
The styles you want may already be in there.

Please put any Internet Explorer specific styles/hacks/fixes in 'ie.css'.
*/

* {margin: 0; padding: 0;}

/* ---------------------------------------------------------------------------------*//* Body */
	
html, body {
	background: #C22F35 url(images/background.jpg) repeat-x;
	text-align: center;
	font: normal 76%/1.3 Arial, Verdana, sans-serif;
	color: #444;
	}

/* ---------------------------------------------------------------------------------*//* Links */

a {
	/*color: #1c7a5f;*/
	/*color: #74ad58;*/
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover,
a:focus {
	color: #075444;
	text-decoration: underline;
	}
	
/* ---------------------------------------------------------------------------------*//* Wrapper */	

#wrapper {
	margin: 0 auto;
	width: 966px;
	/*background: url(images/background855555.jpg) no-repeat;*/
	}
	
#wrapper.narrow {width: 742px;}

/* ---------------------------------------------------------------------------------*//* Header */	

#header {position: relative;}
	
/* Top links */

ul#top {
	float: right;
	padding: 0 0 0 10px;
	list-style: none;
	font-size: 1em;
	}

ul#top li {
	float: left;
	padding: 8px 8px 4px 7px;
	border-right: 1px solid #e7efda;
	font-weight: bold;
	color: #888;
	}	

ul#top li.first {border-left: 1px solid #f1f1f1;}		
	
ul#top li.last {
	border-right: 1px solid #fff;
	background: none;
	}	
	
ul#top a {color: #7e7e7e;}	
ul#top li.personalisation a {color: #333;}	
			
ul#top a:hover,
ul#top a:focus {
	color: #222;
	}	
			
/* Logo */
	
p#logo {
	/*float: none;
	margin: 27px 0 0 0;*/
	float: none;
	margin: 0;
	}
	
div.narrow p#logo {margin-top: 17px;}
	
/* ---------------------------------------------------------------------------------*//* Navigation */

ul#navigation {
	margin: 13px 0 0 0;
	background: url(graphics/nav_bottom_border.gif) repeat-x 0 100%;
	list-style: none;
	line-height: 1.2;
	font-size: 1.5em;
	}

div.narrow ul#navigation {margin-top: 5px;}
	
ul#navigation li {
	position: relative;
	z-index: 10;
	float: left;
	margin: 8px 0 0 0;
	width: 138px;
	}	

ul#navigation li.on {margin-top: 0;}	

div.narrow ul#navigation li {width: 106px;}	
	
ul#navigation li a {
	display: block;
	margin: 0 2px 0 0;
	background: #f6dadb url(graphics/nav_tab_left.gif) no-repeat;
	text-align: center;
	/*color: #c40009;*/
	color: #666;
	font-weight: bold;
	}	
	
ul#navigation li.last a {margin: 0;}	

ul#navigation li a span {
	display: block;
	padding: 7px 0;
	background: url(graphics/nav_tab_right.gif) no-repeat 100% 0;
	}	
	
ul#navigation li.on a span {padding: 13px 0 9px 0;}	

ul#navigation li.on a,
ul#navigation li a:hover,
ul#navigation li a:focus {
	background: #f8e831 url(graphics/nav_tab_left_on.gif) no-repeat;
	color: #3a6a38;
	text-decoration: none;
	}	

ul#navigation li.on a {font-weight: bold;}

ul#navigation li.on a span,
ul#navigation li a:hover span,
ul#navigation li a:focus span {
	background: url(graphics/nav_tab_right_on.gif) no-repeat 100% 0;
	}
	
	
/* Dropdown navigation */

ul#navigation ul {
	display: none;
	position: absolute;
	left: 0;
	list-style: none;
	line-height: 1.2;
	font-size: 0.9em;
	}

ul#navigation li.last ul {
	left: auto;
	right: 0;
	}

ul#navigation li:hover ul,
ul#navigation li.sfhover ul {
	display: block;
	}

ul#navigation ul li,
div.narrow ul#navigation ul li {
	float: none;
	margin: 0;
	width: auto;
	}	
	
ul#navigation ul li a,
ul#navigation li.on ul a {
	display: block;
	margin: 0;
	border-top: 1px solid #f7fce9;
	border-bottom: 1px solid #cee0a1;
	border-left: 5px solid #fadf47;
	padding: 3px 5px;
	width: 13em;
	/*background: #f6dadb;*/
	background: #CC5154;
	text-align: left;
	color: #205b4c;
	font-weight: normal;
	}
	
ul#navigation ul li a:hover,
ul#navigation li.on ul a:hover {
	background: #74ad58;
	color: #fff;
	}	

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

#content {
	/*padding: 0 1px;*/
	background: #CCE780 url(graphics/border_bg.gif) no-repeat;
	text-align: left;
	/*font-size: 1em;*/
	font-size: 1.2em;
	}

div.narrow #content {background-image: url(graphics/border_bg_narrow.gif);}

#inner_wrapper {
	padding: 0 9px;
	background: #fff url(graphics/nav_bottom_bg.gif) repeat-x;
	}
	
div.narrow #inner_wrapper {padding: 0 10px;}

#content p,
#content ul,
#content ol,
#content dl {margin: 0 0 1.5em 0;}
			
#content ul {margin-left: 17px;}
#content ol {margin-left: 1.9em;}
#content .no_margin {margin-left: 25px;}	
#content li {margin: 2px 0;}
	
#content .no_points {
	margin-left: 0;
	list-style: none;
	}

#content li {line-height: 1.2;}
#content dt {font-weight: bold;}

#content h1,
#content h2,
#content h3,		
#content h4,
#content h5,
#content h6 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 1.2;
	}
	
/* Default table styles */

#content table {
	margin: 0 0 1em 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	text-align: left;
	/*font-size: 0.9em;*/
	font-size: 1.3em;
	}

#content caption {display: none;}
#content table .hide {text-indent: -1000em;}
	
#content th {	
	border: solid #d7dec2;
	border-width: 1px 0;
	padding: 3px 7px;
	/*background: #E9EEDA;*/
	color: #006F4E;
	font-weight: bold;
	font-size: 1.1em;
	}	
	
#content td {	
	border-bottom: 1px solid #ddd;
	padding: 3px 7px;
	/*background: #FADC40;*/
	/*background: #EDDADC;*/
	}
	
#content tfoot td {border: 0}
		
#content tr.even td {background: #F2F2F2;}
#content table .right {text-align: right;}

#content table .openingtimes {
	text-indent: 10px;
	width: 100%;
	text-align: left;
	font-size: 1.1em;
	}

#content table .openingtimes thead {
	background-color: #EBC7C9;
	}
			
/* ---------------------------------------------------------------------------------*//* Main Block */	

#main_block {
	float: left;
	padding: 20px 0;
	/*width: 720px;*/
	width: 720px; /* Precise value - do not change */
	}
	
div.narrow #main_block,
#main_block.forms {
	float: none;
	padding-bottom: 0;
	width: auto;
	}
	
#main_block div.formular {background-color: #EDDADC; margin-left: 0px;}
#main_block div.formular form {margin-left: 40px; margin-bottom: 20px}


#main_block p {font-size: 1.3em;}

#block_1 {
	float: left;
	width: 211px;
	}

#block_2 {
	float: right;
	width: 496px;
	}
	
	
#block_2 ul {margin-right: 5px; list-style: outside}
	
#block_2 ul.pec li {
	list-style-image: url(images/logo-list.gif);
	padding: 0px 0px 0px 0px;
	margin-left: 20px;
}

#block_2 ul.pec li.spmarket {
	list-style-image: url(images/logosp-list.gif);
	padding: 0px 0px 0px 0px;
	margin-left: 20px;
}

		
div.full #block_1 {float: none; width: auto;} /* For templates A,B,C,D & E - When there is no #block_2 DIV on the page */
div.forms #block_1 {width: 65%;} /* For template T - When there is no #secondary_block DIV on the page */

div.forms #block_2 {
	margin: 27px 0 20px 0; /* Top margin is to position the dividing line at the top of the column. */
	border-top: 1px solid #ccc;
	width: 33%;
	}

#main_block h1 {font-weight: bold;}
/*#main_block h1 a {color: #006553;}*/
#main_block h1 a {color: #c40009;}

#main_block h1,
#main_block h2 {
	margin: 0 0 0.3em 0;
	border-bottom: 1px solid #ccc;
	padding: 0 0 2px 0;
	font-size: 1.7em;
	color: #c40009;
	}
	
#main_block h3 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #696969;
	}
		
#main_block h3.divide {
	margin: 1em 0 0.3em 0;
	border-style: solid;
	border-width: 1px 0;
	border-color: #babeaf;
	padding: 3px 5px;
	background: #eddadc;
	font-size: 1.3em;
	color: #006553;
	}		

#main_block h3.divide_2 {
	display: block;
	background-color: #EBC7C9;
	clear: both;
	margin: 1em 0 0.3em 0;
	border-style: solid;
	border-width: 1px 0;
	border-color: #e6e6e6;
	padding: 3px 0;
	font-size: 1.2em;
	color: #333;
	}	
	
#main_block h3.divide_3,
#main_block div.editorial h3 {
	margin: 0 0 0.3em 0;
	border-style: solid;
	border-width: 1px 0;
	border-color: #ccc;
	padding: 3px 0;
	font-size: 1.3em;
	color: #666;
	}
				
#main_block h4 {
	margin: 1em 0 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #006651;
	}

#main_block h4.divide,
#main_block div.editorial h4 {
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
	padding: 0 0 4px 0;
	font-size: 1.1em;
	color: #555;
	}
						
#main_block h5,
#main_block h6 {
	margin: 1em 0 0.5em 0;
	font-size: 1em;
	font-weight: bold;
	color: #444;
	}
	

/* ---------------------------------------------------------------------------------*//* Tertiary Navigation */

#tertiary_nav {padding: 0 0 6px 0;}

#content #tertiary_nav ul {
	margin: 0;
	border-top: 1px solid #dde0d7;
	list-style: none;
	}

#content #tertiary_nav ul li {
	margin: 0;
	border-bottom: 1px solid #dde0d7;
	}
	
#content #tertiary_nav ul li.open {border-bottom: 0;}

#tertiary_nav ul a {
	display: block;
	padding: 5px 10px;
	background: #eddadc;
	font-weight: normal;
	color: #222;
	}

#tertiary_nav ul a.current,
#tertiary_nav ul a.current:hover,
#tertiary_nav ul a.current:focus {
	border-left-color: #DD9394;
	background: #DD9394;
	font-weight: bold;
	color: #fff;
	}

#tertiary_nav ul a.on {
	background: #74776e;
	font-weight: bold;
	color: #fff;
	}

#tertiary_nav ul a.on:hover,
#tertiary_nav ul a.on:focus {
	background: #5b5d56;
	color: #fff;
	}	
			
#content #tertiary_nav ul ul {
	padding: 0;
	font-size: 0.9em;
	}

#tertiary_nav ul ul a {padding: 4px 10px;}
#content #tertiary_nav ul ul ul {font-size: 1em;}
				
#tertiary_nav ul ul a {
	border-left: 10px solid #EDDADC;
	background: #babeaf;
	}
			
#tertiary_nav ul ul ul a {
	border-left-width: 20px;
	background: #c9cfb7;
	}
		
#tertiary_nav ul ul ul ul a {
	border-left-width: 30px;
	background: #babeaf;
	}
			
#tertiary_nav ul ul ul ul ul a {
	border-left-width: 40px;
	background: #c9cfb7;
	}
			
#tertiary_nav ul ul ul ul ul ul a {
	border-left-width: 50px;
	background: #babeaf;
	}
				
#tertiary_nav ul a:hover,
#tertiary_nav ul a:focus {
	background: #ebc7c9;
	text-decoration: none;
	color: #000;
	}
		
#tertiary_nav ul ul a:hover,
#tertiary_nav ul ul a:focus,
#tertiary_nav ul ul ul a:hover,
#tertiary_nav ul ul ul a:focus {
	border-left-color: #EDDADC;
	background: #ebc7c9;
	}


/* ---------------------------------------------------------------------------------*//* Main image */

div.main_image {
	position: relative;
	margin: 0 0 1em 0;
	line-height: 0;
	}

div.main_image div.text {
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 100%;
	}

#content div.main_image div.text h3 {
	margin: 0 4px;
	padding: 5px 20px;
	background: url(/graphics/image_header_bg.png) repeat;
	color: #fbdc44;
	font-size: 2em;
	}

#content #block_2 div.main_image div.text h3 {font-size: 1.5em;}
		
#content div.main_image div.text p {
	margin: 0 4px;
	color: #fefefc;
	font-size: 1.1em;
	}	
			
#content #block_2 div.main_image div.text p {font-size: 0.9em;}	
			
#content div.main_image div.text p a {
	display: block;
	padding: 15px 200px 15px 20px;
	background: url(/graphics/image_text_bg.png) repeat;
	color: #fefefc;
	font-weight: normal;
	}	
		
#content #block_2 div.main_image div.text p a {padding: 5px 120px 5px 20px;}	



/* ---------------------------------------------------------------------------------*//* Search results page */

/* Top results information bar */

div.results_info {
	padding: 4px 10px;
	background: #e8ecdb;
	text-align: right;
	}	

#content div.results_info p {
	float: left;
	margin: 0.3em 0 0 0;
	}	

/*div.results_info form {margin: 0;}*/

div.results_info select {
	padding: 0;
	width: 15em;
	font-size: 0.9em;
	}
	
/* Bottom results pagination bar - An unordered list wasn't used for the pagination due to limitations of .NET */

#content div.results_pagination {
	margin: 0;
	padding: 6px 10px;
	background: #e8ecdb;
	color: #666;
	}

#content div.results_pagination a {
	float: left;
	padding: 0 6px 0 10px;
	background: url(graphics/bullet_hack.gif) no-repeat 0 7px;
	color: #666;
	}

#content div.results_pagination a.first {
	padding-left: 0;
	background: none;
	}

#content div.results_pagination a:hover,
#content div.results_pagination a:focus {
	text-decoration: underline;
	color: #222;
	}
				
/* Search results */

#content ul.search_results {
	margin: 0;
	border-top: 3px solid #a1c9b1;
	list-style: none;
	}

#content ul.search_results li {
	margin: 0;
	border-bottom: 3px solid #a1c9b1;
	padding: 1px 0 1px 0;
	}

ul.search_results a.thumb {
	float: left;
	line-height: 0;
	}		
		
ul.search_results img {
	margin: 0 10px 0 0;
	border-left: 10px solid #fbdd41;
	padding: 0 0 0 1px;
	}	

ul.search_results a:hover img,
ul.search_results a:focus img {
	border-left-color: #f1d026;
	}	
		
ul.search_results div.container {overflow: hidden;}	
		
#content ul.search_results h3 {
	margin: 0.3em 0 1em 0;
	color: #438b73;
	}	

#content ul.search_results p.button {
	float: right;
	margin: 1.5em 5px 0 0;
	}	

#content ul.search_results table {
	float: left;
	margin: 0;
	width: auto;
	}	

#content ul.search_results th,
#content ul.search_results td {
	border: solid #ccc;
	border-width: 1px 0;
	padding: 2px 20px 2px 0;
	background: none;
	}	

#content ul.search_results th {
	font-size: 1em;
	font-weight: normal;
	}	
	
#content ul.search_results td {
	border-left: 10px solid #fff; /* Ugly/genius hack to provide a gap between the table headers and the table contents as per the design */
	font-weight: bold;
	color: #78b800;
	}	

/* Integrated 3 button list */

#content ul.search_results div.button_container {
	clear: both;
	border-top: 1px solid #fff; /* Hack again due to the tricky float clearing */
	padding: 2px 5px 1px 0;
	background: #f0f4e4;
	}

#content ul.search_results div.button_container ul.button_list {margin: 0;}
#content ul.search_results div.button_container ul.button_list li.first {border: 0;}
			
/* ---------------------------------------------------------------------------------*//* Featured articles */

#content ul.featured_articles {
	clear: both;
	margin: 1.5em 0 0 0;
	}
						
#content ul.featured_articles li {
	margin: 0.5em 0;
	}						
						

img.to_left {
	float: left;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 5px;
}

img.to_right {
	float: right;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 5px;
}

p.center {text-align: center}

ul.featured_articles img {
	float: left;
	margin: 0 10px 10px 0;
	border-bottom: 7px solid #DD9394;
	}						

ul.featured_articles a:hover img,
ul.featured_articles a:focus img {
	border-bottom-color: #0c8965;
	}
		
#content ul.featured_articles h4 {
	margin-top: 2px;
	border: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #006651;
	}

/* ---------------------------------------------------------------------------------*//* Featured funnels */

div.featured_funnels {margin: 1.5em 0 1em 0;}
	
#content #main_block div.featured_funnels h3 {
	margin: 0 0 0.3em 0;
	border-style: solid;
	border-width: 1px 0;
	border-color: #babeaf;
	padding: 3px 0;
	font-size: 1.3em;
	color: #006553;
	font-weight: bold;
	}

#content div.featured_funnels ul {
	margin: 0.5em 0 0 0;
	border-bottom: 1px solid #ccc;
	list-style: none;
	}

#content div.featured_funnels li {
	float: left;
	margin: 0 9px 0 0;
	/* widths are set in the template specific declarations below */
	}
	
#content div.featured_funnels ul.two_cols li {width: 47%;}
#content div.featured_funnels ul.three_cols li {width: 32%;}
#content div.featured_funnels ul.two_cols li {margin-right: 29px;}
#content div.full div.featured_funnels li {margin-right: 14px;}

#content div.featured_funnels ul li.last,
#content div.full div.featured_funnels li.last {margin-right: 0;}

div.featured_funnels img {border-bottom: 7px solid #007251;}

div.featured_funnels a:hover img,
div.featured_funnels a:focus img {border-bottom-color: #0c8965;}

#content #main_block div.featured_funnels h4 {
	margin: 0.5em 0 0.4em 0;
	border: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #006651;
	}
	
/* ---------------------------------------------------------------------------------*//* Product Listing */

#content ul.product_listing {
	margin: 0 0 1em 0;
	list-style: none;
	text-align: center;
	font-size: 0.9em;
	}

#content ul.types {font-size: 1em;}

#content ul.product_listing li {
	position: relative;
	float: left;
	margin: 0.5em 9px 0 0;
	/*background: #e6e6e6;*/
	background: #eddadc;
	}
	
ul.product_listing a {
	display: block;
	min-height: 270px;
	height: 26em;
	color: #333;
	font-weight: normal;
	}

ul.offers a,
#content ul.product_listing li.static {
	/*min-height: 270px;
	height: 26em;*/
	height: 220px;
	}

#content ul.types li {background: #a1c7b0;}
		
ul.types a {color: #111;}
	
/* Other column numbers */

#content ul.product_listing.four_cols li {width: 25%; margin-right: 3px;}
#content div.full ul.product_listing.four_cols li {margin-right: 3px;}
#content div.full ul.product_listing.four_cols li.last {margin-right: 1px;}

#content ul.product_listing.five_cols li {width: 19%;}
#content div.full ul.product_listing.four_cols li {margin-right: 3px;}
#content div.full ul.product_listing.five_cols li.last {margin-right: 0;}

#content ul.product_listing li.last {margin-right: 0;}

/* One column */



#content ul.product_listing.one_cols li {
	float: none;
	margin-right: 0;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: left;
	}
	
ul.one_cols.offers a.wineoffers
{
	height:15.8em;
	min-height:158px;
}
	
/* one column offers with Hyperlink*/

#content ul.product_listing.one_cols a span.image {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}

#content #main_block ul.product_listing.one_cols a h4 {
	margin: 0;
	padding: 10px 0;
	}

#content ul.product_listing.one_cols a span.offer {
	position: relative;
	width: auto;
	}

#content ul.product_listing.one_cols a span.offer span.info {
	float: left;
	margin: 30px 0 0 0;
	border: 0;
	padding: 0 0 10px 0;
	}
		
#content ul.product_listing.one_cols a span.offer em {
	position: absolute;
	top: -20px;
	right: 15px;
	margin: 0;
	width: 150px;
	text-align: center;
	}
		
#content ul.product_listing.one_cols a span.offer em strong {margin: 2px 0;}

/* End*/

 
#content ul.product_listing.one_cols span.image {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}

#content #main_block ul.product_listing.one_cols h4 {
	margin: 0;
	padding: 10px 0;
	}

#content ul.product_listing.one_cols span.offer {
	position: relative;
	width: auto;
	}

#content ul.product_listing.one_cols span.offer span.info {
	float: left;
	margin: 30px 0 0 0;
	border: 0;
	padding: 0 0 10px 0;
	}
		
#content ul.product_listing.one_cols span.offer em {
	position: absolute;
	top: -20px;
	right: 15px;
	margin: 0;
	width: 150px;
	text-align: center;
	}
		
#content ul.product_listing.one_cols span.offer em strong {margin: 2px 0;}
		
/* Two columns */

#content ul.product_listing.two_cols li {
	margin-right: 10px;
	width: 49%;
	overflow: hidden;
	text-align: left;
	}

#content div.full ul.product_listing.two_cols li {margin-right: 13px;}
#content ul.product_listing.two_cols li.last {margin-right: 0;}
#content div.full ul.product_listing.two_cols li.last {margin-right: 0;}

#content ul.product_listing.two_cols li.static {
	height: auto;
	min-height: 0;
	}

#content ul.product_listing.two_cols span.image {
	float: left;
	margin: 0 10px 0 0;
	padding: 30px 0;
	}

#content div.full ul.product_listing.two_cols span.image {padding: 30px 20px;}
#content ul.two_cols.product_listing h4 {padding: 10px 0;}

#content ul.product_listing.two_cols span.offer {
	position: absolute;
	left: auto;
	bottom: 0;
	right: 0;
	width: 120px;
	}

#content div.full ul.product_listing.two_cols span.offer {width: 190px;}

#content ul.product_listing.two_cols span.offer span.info {
	margin: 30px 0 0 5px;
	border: 0;
	padding: 0 0 10px 0;
	}
		
#content ul.product_listing.two_cols span.offer em {
	float: right;
	margin: 0;
	text-align: center;
	width: 100%;
	}
		
#content ul.product_listing.two_cols span.offer em strong {margin: 2px 0;}

/* Other column numbers content */

ul.product_listing span.image {
	display: block;
	margin: 0 0 7px 0;
	border: 1px solid #e6e6e6;
	padding: 0;
	background: #fff;
	text-align: center;
	}	

ul.types span.image {border-color: #a1c7b0;}
	
#content ul.product_listing h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #333;
	font-size: 1em;
	}
	
ul.product_listing strong {display: block;}
	
ul.product_listing span.type {
	display: block;
	margin: 0 0 40px 0;
	border-bottom: 1px solid #fff;
	padding: 0 0 5px 0;
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	}	
	
ul.product_listing span.price {
	display: block;
	position: absolute;
	left: 0;
	bottom: 20px;
	margin: 0;
	width: 100%;
	cursor: pointer;
	font-size: 1.4em;
	color: #111;
	}
		
ul.product_listing span.offer {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	}
		
ul.product_listing a span.offer {cursor: pointer;}

ul.product_listing span.offer em {
	display: block;
	border: 3px solid #f8e833;
	padding: 5px 0;
	/*background: #e02b01;*/
	background: #f8e831;
	color: #fff;
	font-style: normal;
	}
		
ul.product_listing span.offer strong {
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	font-style: normal;
	}
		
ul.product_listing span.offer span.info {
	display: block;
	border-bottom: 1px solid #fff;
	padding: 7px 3px;
	font-size: 0.9em;
	color: #555;
	}
		
ul.product_listing a:hover,
ul.product_listing a:focus {
	background: #d6d6d6;
	text-decoration: underline;
	}
	
ul.product_listing a:hover,
ul.product_listing a:focus {
	background: #d6d6d6;
	text-decoration: none;
	}
	
ul.types a:hover,
ul.types a:focus {
	background: #87af96;
	}	
	
ul.product_listing a:hover span.image,
ul.product_listing a:focus span.image {border-color: #d6d6d6;}	
ul.types a:hover span.image,
ul.types a:focus span.image {border-color: #87af96;}	
	
ul.product_listing a:hover strong,
ul.product_listing a:focus strong {text-decoration: underline;}
ul.product_listing a:hover span strong,
ul.product_listing a:focus span strong {text-decoration: none;}
				
ul.product_listing a:hover span.offer em,
ul.product_listing a:focus span.offer em {
	border-color: #f0df22;
	background: #ae2303;
	color: #fff;
	}
	
/* ---------------------------------------------------------------------------------*//* A to Z listing */

#content ul.a_to_z {
	margin-left: 0;
	border-top: 1px solid #D0D4C3;
	padding: 26px 0 0 0;
	background: url(graphics/a_to_z_bg.gif) repeat-x;
	list-style: none;
	font-size: 1.1em;
	}

#content ul.a_to_z li {
	position: relative;
	float: left;
	margin: 4px 3px 0 0;
	width: 16px;
	text-align: center;
	}

#content ul.a_to_z li.disabled {
	border: 1px solid;
	border-color: #e7edda #cfd5c4 #cfd5c4 #e7edda;
	padding: 2px 0;
	width: 14px;
	background: #e7edda;
	color: #c5cab9;
	}

#content ul.a_to_z li.last {margin-right: 0;}
#content ul.a_to_z li.hide {display: none;}

#content ul.a_to_z a {
	display: block;
	border: 1px solid;
	border-color: #a1c7b0 #91b39e #91b39e #a1c7b0;
	padding: 2px 0;
	background: #a1c7b0;
	color: #007050;
	}
	
#content ul.a_to_z a em,
#content ul.a_to_z a:hover span,
#content ul.a_to_z a:focus span {
	display: block;
	position: absolute;
	left: 0;
	bottom: 120%;
	background: url(graphics/a_to_z_arrow.gif) no-repeat;
	width: 16px;
	height: 26px;
	text-indent: -1000em;
	}

#content ul.a_to_z a:hover,
#content ul.a_to_z a:focus {
	border-color: #c6e2d1 #8ab599 #8ab599 #c6e2d1;
	background: #c6e2d1;
	color: #064835;
	}
	
#content ul.a_to_z a:hover span,
#content ul.a_to_z a:focus span {
	background-image: url(graphics/a_to_z_arrow_hover.gif);
	}
	
#content h3#recipe_list {
	border: solid #ccc;
	border-width: 1px 0;
	padding: 3px 0;
	font-size: 1.3em;
	}
								
/* ---------------------------------------------------------------------------------*//* Wine product page */

div.wine_product_info {
	border-bottom: 1px solid #ccc;
	padding: 1px 0 0 0; /* To fix collapsing margins */
	}
	
div.wine_product_info img {
	margin: 10px 0 0 0; /* Wine of the month */
	}
		
div.wine_product_info img.product_image {
	float: left;
	margin: 0 0 10px 0;
	border-right: 12px solid #fff; /* An ugly/genius hack */ 
	}
	
#content div.wine_product_info h3 {
	margin: 2em 0 0 0;
	color: #027151;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2;
	}	
	
#content div.wine_product_info h4 {
	margin: 1em 0;
	border: solid #ccc;
	border-width: 1px 0;
	padding: 2px;
	background: #e9eeda;
	text-indent: 2px;
	font-size: 1em;
	font-weight: bold;
	color: #006f4e;
	}	

#content div.wine_product_info h5.alternate {
	background: #7bb801;
	color: #fff;
	}	
			
#content div.wine_product_info p,
#content div.wine_product_info ul {
	font-size: 1em;
	}	
	
#content div.wine_product_info ul {
	margin-left: 0;
	list-style: none;
	}	

#content div.wine_product_info p.price {
	color: #7ab700;
	font-size: 1.3em;
	font-weight: bold;
	}

/* Info containers */
	
div.wine_product_info div.container {
	float: left;
	margin: 0 9px 0 0;
	width: 32%;
	}

div.wine_product_info div.container.last {margin-right: 0;}

/* Wine grading list */
	
#content div.wine_product_info ul.grading {
	margin: 1em 0 0.2em 0;
	font-size: 1.1em;
	}	
		
#content div.wine_product_info ul.grading li {
	float: left;
	margin: 0 1px 0 0;
	border: 1px solid #a1c7b0;
	padding: 2px 0;
	width: 18%;
	font-weight: bold;
	color: #77a087;
	text-align: center;
	}
	
#content div.wine_product_info ul.grading li.highlighted {
	border-color: #81a792;
	background: #a1c7b0;
	color: #fff;
	}	
		
div.wine_product_info ul.grading strong.hide {
	position: absolute;
	left: -1000em;
	}				
		
#content div.wine_product_info p.text_grade {color: #428c73;}		
	
/* ---------------------------------------------------------------------------------*//* Store search */

div.store_search {
	border: 1px solid #ebebeb;
	font-size: 0.9em;
	}	

#uk_map {
	float: right;
	font-size: 0;
	}	

#uk_map img {border-left: 1px solid #ebebeb;}	

div.store_search fieldset {
	padding: 10px 0 10px 10px;
	/*background: #FADC40;*/
	background: #EDDADC;
	}	
	
#content div.store_search fieldset h3 {
	margin-bottom: 0.3em;
	font-size: 1.5em;
	color: #444;
	}

#content div.container fieldset h3 {
	margin-bottom: 0.3em;
	font-size: 1.2em;
	color: #444;
	}	
	
#content div.store_search fieldset p {font-size: 1.4em; margin-bottom: 0.7em;}	
#content div.store_search fieldset input.text {width: 160px;}	
		
/* ---------------------------------------------------------------------------------*//* Store finder */

div.store_details {
	padding: 1px 0 0 15px;
	/*background: #eeefdf;*/
	/*background: #F5EFE3;*/
	background: #EDDADC;
	font-size: 0.9em;
	}	

#map_container {
	float: right;
	line-height: 1.0;
	}	

div.store_details address {
	display: block;
	margin: 1em 0 0.5em 0;
	font-weight: bold;
	font-style: normal;
	font-size: 1.5em ;
	}	
	
/* Store information table */

#content div.store_information table {margin: 0;}
	
#content div.store_information th {
	border: 0;
	padding: 0 0 5px 0;
	background: url(graphics/table_border_hack.gif) repeat-x 0 100%; /* Used for firefox due to the hidden rows below */
	vertical-align: top;
	color: #666;
	font-size: 1em;
	}
	
#content div.store_information tr.hide {display: none;}
		
#content div.store_information td {
	border: 0;
	border-top: 1px solid #e6e6e6;
	padding: 5px 0 0 0;
	background: none;
	vertical-align: top;
	}	
		
#content div.store_information tr.info td {
	border: 0;
	padding: 0;
	}	
		
#content div.store_information td.day,
#content div.store_information td.miles {
	font-weight: bold;
	}	

#content div.store_information address {
	display: block;
	font-style: normal;
	}	
			
/* Opening hours tables */

div.opening_hours {margin: 0.5em 0;}
#content div.opening_hours table {width: 48%;}
#content div.opening_hours table.left {float: left;}
#content div.opening_hours table.right {float: right;}
#content div.opening_hours thead tr {display: none;}

#content div.opening_hours td {
	border: 0;
	padding: 0px 0;
	background: none;
	}

#content div.opening_hours td.service {
	vertical-align: top;
	color: #666;
	font-weight: bold;
	}	
	
#content div.opening_hours td.day {font-weight: bold;}	
					
/* Service icon list */
		
#content ul.services, #content ul.services1 {
	margin: 1em 0;
	list-style: none;
	}
		
#content ul.services li {
	float: left;
	margin: 0 11px 7px 11px;
	/*padding: 45px 0 0 0;*/
	padding: 10px 0 35px 0;
	width: 20%;
	height: 3em;
	min-height: 40px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	color: #047151;
	font-size: 0.9em;
	}
	
#content ul.services1 li {
	float: left;
	margin: 0 5px 7px 5px;
	padding: 15px 0 45px 0;
	width: 20%;
	height: 3em;
	min-height: 40px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	color: #047151;
	font-size: 0.9em;
	}
			
#content ul.services li.aut_door {background-image: url(lokacii/graphics/aut_door.gif);}	
#content ul.services li.easy_access {background-image: url(lokacii/graphics/easy_access.gif);}	
#content ul.services li.pay_card {background-image: url(lokacii/graphics/pay_card.gif);}		
#content ul.services li.iso_sert {background-image: url(lokacii/graphics/iso_sert.gif);}
#content ul.services li.deaf_heard_of_hearing {background-image: url(lokacii/graphics/deaf_heard_of_hearing.gif);}
#content ul.services li.green_market {background-image: url(lokacii/graphics/green_market.gif);}
#content ul.services li.parking {background-image: url(lokacii/graphics/parking.gif);}	
#content ul.services li.bankomat {background-image: url(lokacii/graphics/bankomat.gif);}		
#content ul.services li.exchange {background-image: url(lokacii/graphics/exchange.gif);}	
#content ul.services li.petrol_station {background-image: url(lokacii/graphics/petrol_station.gif);}
#content ul.services li.pharmacy {background-image: url(lokacii/graphics/pharmacy.gif);}			
#content ul.services li.baked_chicken {background-image: url(lokacii/graphics/baked_chicken.gif);}
#content ul.services li.baked_baguette {background-image: url(lokacii/graphics/baked_baguette.gif);}
#content ul.services li.furl_articles {background-image: url(lokacii/graphics/furl_articles.gif);}		
#content ul.services li.slicing {background-image: url(lokacii/graphics/slicing.gif);}
#content ul.services li.larder {background-image: url(lokacii/graphics/larder.gif);}		
#content ul.services li.shopping_car {background-image: url(lokacii/graphics/shopping_car.gif);}
#content ul.services li.fresh_meat {background-image: url(lokacii/graphics/fresh_meat.gif);}
#content ul.services li.butcher {background-image: url(lokacii/graphics/butcher.gif);}
#content ul.services li.restaurant {background-image: url(lokacii/graphics/restaurant.gif);}
#content ul.services li.fresh_fruit_veg {background-image: url(lokacii/graphics/fresh_fruit_veg.gif);}														
			
/* ---------------------------------------------------------------------------------*//* My binder pages */	

div.binder_box {width: 48%;}
div.binder_box.left {float: left;}
div.binder_box.right {float: right;}

#content div.binder_box h3 {
	margin: 0 0 2px 0;
	border-bottom: 1px solid #E1C639;
	background: #fadc40 url(graphics/side_header_binder_left.gif) no-repeat;
	text-align: left;
	color: #016857;
	font-size: 1.1em;
	}
		
div.binder_box h3 span {
	display: block;
	padding: 4px 6px;
	background: url(graphics/side_header_binder_right.gif) no-repeat 100% 0;
	}

div.binder_box div.inner_container {
	margin: 0 0 2px 0;
	border: 1px solid #cfcfcf;
	padding: 1px 0 10px 0; /* Collapsing margins fix */
	background: #e6e6e6 url(graphics/side_container_binder_border.gif) repeat-y 100% 0;
	text-align: left;
	}

#content div.binder_box div.inner_container p {margin: 7px 10px;}

#content div.binder_box div.inner_container p.total {
	margin: 0;
	background: #999;
	text-align: right;
	color: #fff;
	}

div.binder_box div.inner_container p.total span {
	float: left;
	margin: 0;
	padding: 2px 5px 2px 16px;
	}

div.binder_box div.inner_container p.total em {
	float: right;
	border-left: 1px solid #fff;
	padding: 2px 10px;
	font-weight: bold;
	font-style: normal;
	}
	
#content div.binder_box p.link {
	margin: 2px 0 0 0;
	border-bottom: 1px solid #a6a6a6;
	padding: 2px 5px;
	background: #cfcfcf;
	text-align: right;
	}

#content div.binder_box p.link a {color: #333;}
				
#content div.binder_box div.inner_container ul {
	clear: both;
	margin: 0;
	border-top: 1px solid #bec9c1;
	list-style: none;
	}

#content div.binder_box div.inner_container ul li {
	margin: 0 0 1px 0;
	border-left: 10px solid #b4b4b4;
	padding: 2px 5px;
	background: #cfcfcf;
	}

div.binder_box div.inner_container ul a {
	font-weight: bold;
	color: #343434;
	}
	
div.binder_break {
	clear: both;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0;
	height: 20px;
	}
	
/* Binder box forms */

#content div.binder_box fieldset {
	margin: 15px 0 0 0;
	border-top: 1px solid #b8b8b8;
	padding: 0 8px;
	}

#content div.binder_box fieldset label {
	display: block;
	margin: 3px 0 5px 0;
	font-weight: bold;
	}

#content div.binder_box fieldset input.text,
#content div.binder_box fieldset select {
	width: 80%;
	font-size: 0.9em;
	}

#content div.binder_box fieldset select {padding: 0;}
			
/* ---------------------------------------------------------------------------------*//* DrinkAware panel */

div.drink_information {
	margin: 1em 0;
	padding: 20px 10px 5px 10px;
	background: #F1F1EF;
	}

#content div.drink_information h2 {
	margin: 0 0 1em 0;
	border: solid #babeaf;
	border-width: 3px 0 1px 0;
	padding: 3px 0;
	color: #8c8f88;
	font-size: 1.2em;
	font-weight: bold;
	}

#content div.drink_information div.left {
	float: left;
	width: 68%;
	}

#content div.drink_information div.right {
	float: right;
	width: 30%;
	}	

#content div.drink_information p {color: #888;}	
			
/* ---------------------------------------------------------------------------------*//* Register lure on sign in page */

/* Register styles from the sign in page */

#content div.images_features img {
	float: left;
	margin: 0 10px 10px 0;
	} 

#content div.images_features ul.no_points {
	float: right;
	margin: 0 0 1em 0;
	border-top: 1px solid #babeaf;
	width: 44%;
	background: #e8ecdb;
	} 

div.narrow #content div.images_features ul.no_points {
	float: left;
	width: 100%;
	background: #e8ecdb;
	} 

#content div.images_features ul.no_points li {
	margin: 0;
	border-bottom: 1px solid #babeaf;
	padding: 2px 10px;
	} 
	
#content div.register_buttons {
	margin: 0 0 6em 0;
	border: solid #babeaf;
	border-width: 1px 0;
	padding: 5px 10px;
	background: #e8ecdb;
	}
	
#content div.register_buttons h2 {
	margin: 0 0 1em 0;
	border: 0;
	padding: 0;
	color: #017050;
	font-size: 1.1em;
	font-weight: bold;
	}
	
#content div.register_buttons p.button_register {margin-top: 2em;}

#content p.button_register a {
	border: 1px solid #8a9a90;
	border-bottom-color: #65766b;
	padding: 6px 20px;
	background: #b3d4cb url(graphics/button_2_bg.gif) repeat-x 0 100%;
	color: #343434;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	}		

#content p.button_register a:hover,
#content p.button_register a:focus {
	border-color: #65766b;
	background: #83aa9d;
	color: #111;
	text-decoration: none;
	}
	
/* ---------------------------------------------------------------------------------*//* Recipe page */

#content h3.recipe {
	margin: 0 0 0.2em 0;
	padding: 0;
	font-size: 1.6em;
	font-weight: bold;
	color: #7bb803;
	}

#content h4.recipe {
	margin: 1em 0;
	border: solid #ccc;
	border-width: 1px 0;
	padding: 2px;
	background: #EBC7C9;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	}

#content h4.recipe.alternate {
	background: #017050;
	color: #fff;
	}
	
#content ul.recipe,
#content div.recipe ul {
	margin: 0;
	list-style: none;
	font-size: 1.2em;
	}
	
#content ul.recipe li,
#content div.recipe ul li {
	margin: 0;
	padding: 2px;
	}
			
div.recipe_intro {padding: 1px 0 0 0;} /* To fix collapsing margins */
		
div.recipe_intro div.container {
	float: left;
	border-right: 12px solid #fff; /* An ugly/genius hack. This gives the illusion of a whitespace gap/margin. Now it looks like the definition list lines and backgrounds are not disappearing behind the floated image */ 
	}
	
div.recipe_intro div.container img {
	float: left;
	background: #fff;
	}
	
#content div.recipe_intro div.container ul.button_list {
	float: left;
	margin: 2px 0 10px 0;
	}

#content div.recipe_intro div.container ul.button_list li {
	float: left;
	border: 0;
	border-right: 1px solid #fff;
	}	
			
#content div.recipe_intro dl {
	margin: 18px 0 0 0;
	font-size: 1em;
	}	
		
#content div.recipe_intro dt {
	margin: 10px 0 0 0;
	border: solid #ddd;
	border-width: 1px 0;
	padding: 0;
	background: #f2f2f2;
	}	
	
#content div.recipe_intro dd {
	border-bottom: 1px solid #ddd;
	padding: 0;
	color: #74ad58;
	font-size: 1.2em;
	font-weight: bold;
	}	
	
/* Nutrition table */

#content table.nutrition {
	border-top: 1px solid #ccc;
	font-size: 0.9em;
	}

table.nutrition th,
table.nutrition td {
	border-bottom: 1px solid #ccc;
	padding: 2px;
	}
	
/* ---------------------------------------------------------------------------------*//* Search recipes */

#content ul.ingredients	{
	margin: 0;
	list-style: none;
	}

#content ul.ingredients	li {
	float: left;
	width: 49%;
	}	

#secondary_block {
	float: right;
	margin: 47px 0 20px 0; /* Top margin is to position the dividing line at the top of the column. */
	border-top: 1px solid #ccc;
	padding: 6px 0 10px 0;
	/*width: 213px;*/
	width: 223px;
	font-size: 0.9em;
	}

div.narrow #secondary_block {
	clear: both;
	margin: 10px 0 0 0;
	border: 0;
	width: 496px;
	}

div.narrow #secondary_block.full {
	float: none;
	width: 100%;
	}
	
#secondary_block p {line-height: 1.2;}

#secondary_block h2,
#secondary_block h3,	
#secondary_block h4,
#secondary_block h5,
#secondary_block h6 {margin: 1em 0 0.5em 0;}	
								
/* ---------------------------------------------------------------------------------*//* Secondary Block Modules */

/* The declarations with the class .alternate are the ones with the yellow and grey backgrounds */
			
#secondary_block div.container {margin: 0 0 15px 0;}	
div.narrow #secondary_block div.container {width: 48.5%;}

div.narrow #secondary_block div.container.left {
	float: left;
	clear: left;
	}	

div.narrow #secondary_block div.container.right {
	float: right;
	clear: right;
	}	

/*#secondary_block form {margin: 0;}*/

#secondary_block h2 {
	margin: 0 0 2px 0;
	background: #DD9296 url(graphics/side_header_left.gif) no-repeat;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	}

#secondary_block div.alternate h2 {
	border-bottom: 1px solid #E1C639;
	background: #fadc40 url(graphics/side_header_binder_left.gif) no-repeat;
	color: #016857;
	}
		
#secondary_block h2 span {
	display: block;
	padding: 4px 6px;
	background: url(graphics/side_header_right.gif) no-repeat 100% 0;
	}
		
#secondary_block div.alternate h2 span {background: url(graphics/side_header_binder_right.gif) no-repeat 100% 0;}

#secondary_block div.inner_container {
	padding: 5px 8px;
	background: #E9EEDA;
	}

#secondary_block div.alternate div.inner_container {
	margin: 0 0 1px 0;
	border: 1px solid #cfcfcf;
	padding: 8px 0;
	background: #e6e6e6 url(graphics/side_container_binder_border.gif) repeat-y 100% 0;
	}

#secondary_block div.inner_container h3 {
	margin: 0.3em 8px 0.2em 8px;
	font-size: 1.1em;
	font-weight: bold;
	}
	
#secondary_block img {
	border: 1px solid #ccc;
	padding: 3px;
	background: #fff;
	color: #046755;
	}
	
#content #secondary_block div.shares p {color: #046755;}	
	
#content #secondary_block p.share_price {
	padding: 3px 0 3px 15px;
	background-repeat: no-repeat;
	background-position: 0 40%;
	font-size: 1.3em;
	font-weight: bold;
	}	
	
#content #secondary_block p.share_price.up {background-image: url(graphics/share_arrow_up.gif);}		
#content #secondary_block p.share_price.down {background-image: url(graphics/share_arrow_down.gif);}	
		
#content #secondary_block div.container div.inner_container p {margin: 0 0 0.7em 0;}
#content #secondary_block div.alternate div.inner_container p {margin: 0 8px 0.7em 8px;}

/* Button position - lies at the bottom of most modules and has a button in it */
	
#content #secondary_block div.alternate div.button_position {
	border-top: 1px solid #e1c639;
	background: #fadc40 url(graphics/binder_button_position_left.gif) no-repeat 0 100%;
	text-align: right;
	}
	  
#content #secondary_block div.button_position,
#content #secondary_block div.logged_in div.button_position {
	margin: 1px 0 0 0;
	border: 0;
	padding: 0;
	background: #e9eeda url(graphics/fieldset_left.gif) no-repeat 0 100%;
	text-align: right;
  } 

#content #secondary_block div.alternate.logged_in div.button_position {border-top: 1px solid #CFCFCF;} 
#content #secondary_block div.alternate div.button_position p {background: url(graphics/binder_button_position_right.gif) no-repeat 100% 100%;}
#content #secondary_block div.alternate.logged_in div.button_position {background: #E6E6E6 url(graphics/fieldset_left_2.gif) no-repeat 0 100%;} 
		  
#content #secondary_block div.button_position p,
#content #secondary_block div.alternate.logged_in div.button_position p {
	margin: 0;
	padding: 8px 10px 10px 10px;
	background: url(graphics/fieldset_right.gif) no-repeat 100% 100%;
  } 
		  
#content #secondary_block div.alternate.logged_in div.button_position p {background: url(graphics/fieldset_right_2.gif) no-repeat 100% 100%;} 
										
/* ---------------------------------------------------------------------------------*//* Binder table */

#content #secondary_block div.alternate table {
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #cfcfcf;
	width: 99.9%; /* To prevent the borders from escaping the container when the browser is moved. Classic rounding error */
	font-size: 1.1em;
	}

#content #secondary_block div.alternate th {
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #f3f3f3;
	padding: 1px 30px 1px 5px;
	background: #e6e6e6;
	color: #333532;
	font-size: 1em;
	font-weight: normal;
	}	

#secondary_block div.alternate td {
	border: 1px solid;
	border-color: #b7b7b7 #e6e6e6 #e6e6e6 #a3a3a3;
	padding: 1px 5px 1px 20px;
	background: #d4d4d2;
	text-align: right;
	font-weight: bold;
	}	

#secondary_block div.alternate td a {color: #222;}	
				
/* ---------------------------------------------------------------------------------*//* Search tabs */

#content #secondary_block ul.search_tabs {
	margin: -2px 0 10px 0;
	list-style: none;
	}

#content #secondary_block ul.search_tabs li {
	float: left;
	margin: 0 1px 0 0;
	width: 33%;
	text-align: center;
	}

#content #secondary_block ul.search_tabs li.last {margin: 0;}

#secondary_block ul.search_tabs a {
	display: block;
	background: #e9eeda url(graphics/search_tab_left.gif) no-repeat 0 100%;
	}

#secondary_block ul.search_tabs a span {
	display: block;
	padding: 3px 0;
	background: url(graphics/search_tab_right.gif) no-repeat 100% 100%;
	}
	
#secondary_block ul.search_tabs a.on {
	background: #a1c7b0;
	color: #111;
	}	
	
#secondary_block ul.search_tabs a.on {
	border-top-color: #60786a;
	background: #a1c7b0 url(graphics/search_tab_left_on.gif) no-repeat 0 100%;
	color: #111;
	}	
	
#secondary_block ul.search_tabs a.on span {background: url(graphics/search_tab_right_on.gif) no-repeat 100% 100%;}	
	
#secondary_block ul.search_tabs a:hover,
#secondary_block ul.search_tabs a:focus {
	background-color: #d2dbb7;
	color: #111;
	text-decoration: none;
	}	
	
#secondary_block ul.search_tabs a.on:hover,
#secondary_block ul.search_tabs a.on:focus {
	background-color: #8bb79c;
	color: #000;
	}	
														
/* ---------------------------------------------------------------------------------*//* Search thumbs */	

#content #secondary_block ul.search_thumbs {
	margin: 0.5em 0;
	list-style: none;
	}

#content #secondary_block ul.search_thumbs li {
	margin: 5px 0;
	border-bottom: 1px solid #E1E1E1;
	padding: 0 0 5px 0;
	line-height: 1.1;
	}
	
#secondary_block ul.search_thumbs a {
	display: block;
	border-right: 6px solid #fff;
	}
	
#secondary_block ul.search_thumbs a:hover,
#secondary_block ul.search_thumbs a:focus {
	border-right: 6px solid #fadc41;
	background: #E4F0EC;
	}
			
#secondary_block ul.search_thumbs span {
	float: left;
	margin: 0 7px 0 0;
	padding: 0 6px 0 0;
	background: #fadc41;
	}
	
#secondary_block ul.search_thumbs a:hover span,
#secondary_block ul.search_thumbs a:focus span {
	background: none;
	}
	
#secondary_block ul.search_thumbs img {
	float: left;
	border: 1px solid #97989c;
	background: #fff;
	}

#secondary_block ul.search_thumbs strong {
	display: block;
	padding: 5px;
	}
					
/* ---------------------------------------------------------------------------------*//* Footer */	

#footer {
	/*margin: 0 1px;*/
	background: #fff;
	text-align: left;
	}
	
#footer ul {list-style: none;}	
#footer a {text-decoration: underline;}
		
#footer ul a {
	color: #6f6f6f;
	font-weight: normal;
	}
	
#footer a:hover,
#footer a:focus {
	text-decoration: none;
	}

#footer	ul a:hover,
#footer	ul a:focus {
	color: #222;
	}

/* Corporate links */
	
#corporate_links {
	margin: 0 10px;
	border-top: 1px solid #ccc;
	padding: 0 10px 25px 10px;
	}
	
#corporate_links h2 {
	margin: 0.8em 0 0.3em 0;
	padding: 10px 0 0 0;
	font-size: 1.2em;
	}

#corporate_links li {
	display: inline;
	margin: 0 10px 0 0;
	}

/* Quicklinks */
		
#footer #quick_links {
	padding: 5px 20px 30px 20px;
	background: url(graphics/footer_header_border.gif) repeat-x;
	}	
		
#footer #quick_links h2 {
	margin: 1em 0 0 0;
	color: #007251;
	font-size: 1.5em;
	}		

#footer #quick_links div.container { 
	float: left;
	margin: 0 44px 0 0;
	width: 16%;
	}

div.narrow #footer #quick_links div.container {margin-right: 33px;}
#wrapper #footer #quick_links div.last {margin-right: 0;}

#footer #quick_links div.container h3 {
	margin: 1em 0 0.3em 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
	font-size: 1.2em;
	}
	
/* Bottom links */

#footer ul.bottom_links {
	clear: both;
	margin: 1.5em 0 0 0;
	border: solid #ccc;
	border-width: 1px 0;
	padding: 1em 0;
	}
			
#footer ul.bottom_links li {
	display: inline;
	margin: 0 10px 0 0;
	}

/* ---------------------------------------------------------------------------------*//* Forms */

fieldset {border: 0px solid #fff;}
  
#secondary_block fieldset {
	padding: 5px;
  background: #eddadc;
  } 
  
#content #secondary_block p.statement {
	margin: 0 0 1px 0;
	padding: 5px 5px 15px 5px;
	background: #e9eeda;
  } 
	  
#secondary_block fieldset.refine_search {
	border: solid #ccc;
	border-width: 1px 0;
	padding: 3px 0;
  background: #fff;
  } 

div.forms #block_2 fieldset {
	padding: 15px 0;
	background: #e6e6e6;
	}
		
fieldset.left,
fieldset div.left_container {
	float: left;
	width: 49%;
	}
	
fieldset.right,
fieldset div.right_container {
	float: right;
	width: 49%;
	}
		  
fieldset.sign_up {
	margin: 0 0 1em 0;
  padding: 10px 10px 10px 15px;
  background: #cce1dc;
  }
		  
fieldset.search_recipes {
	margin: 0 0 1em 0;
  padding: 10px 10px 10px 15px;
  background: #e9eeda;
  } 
		  
fieldset.profile {
	margin: 0 0 1em 0;
  padding: 10px 10px 10px 15px;
  background: #E8ECDB;
  } 
  
#content fieldset.profile h3 {
	color: #017050;
	font-size: 1.2em;
	font-weight: bold;
  } 
			  
#content fieldset.profile p {margin: 1em 0;} 


fieldset.sendtoafriend {
	margin: 0 0 1em 0;
  padding: 10px 10px 10px 15px;
  background: #E8ECDB;
  } 
  
#content fieldset.sendtoafriend h3 {
	color: #017050;
	font-size: 1.2em;
	font-weight: bold;
  } 
			  
#content fieldset.sendtoafriend p {margin: 1em 0;} 

legend {display: none;}

/*#content form h3 {margin: 0 0 1em 0;}*/

div.form_block {
  clear: both;
 	padding: 2px 0;
 	background: url(graphics/form_border.gif) repeat-x 0 100%;
	text-align: left;
  }

div.form_block.spaced {margin-top: 20px;}  
#main_block div.form_block.main {margin: 0 0 15px 0;} 
#main_block div.form_block.main div.form_left {width: 17.1%;} 
#main_block div.form_block.main input.text {width: 77.4%;} 
		
#secondary_block div.form_block.main {margin: 0 0 5px 0;}  
div.form_block.main label {font-weight: bold;} 
  
div.form_block.divide div.form_right {
  margin: 5px 0;
  border: solid #a1a597;
  border-width: 1px 0;
  padding: 8px 0;
  }  
	  	  
div.form_right {
	display: inline;
	float: right;
	margin: 2px 0;
	width: 60%;
  }

/* The 'form_right' block is only for checkboxes */  
#content div.form_right label {display: block;}
#content div.form_right input {vertical-align: middle;}
   
div.form_left {
	display: inline;
	float: left;
	padding: 4px 0 0 0;
	width: 40%;
	text-align: right;
  }
  
fieldset.search_recipes div.form_left {width: 35%;}
	
div.forms div.form_left {width: 40%;}
div.forms div.form_right {width: 60%;}

div.forms div.form_block input.text {width: 50%;}

div.forms #block_2 div.form_block div.form_left {width: 30%;}
div.forms #block_2 div.form_block div.form_right {width: 70%;}
div.forms #block_2 div.form_block input.text {width: 60%;}
	   
fieldset.refine_search div.form_left {text-align: left;}
  
label,
#content div.form_left p {
	margin: 0;
	padding: 0 10px 0 0;
  color: #222;
  }
 
label.hide {
	position: absolute;
	left: -1000em;
  }
		  
label a,
div.form_left p a {
  color: #222;
  }
    
div.form_fields_container {float: left;}
	
div.form_fields_container label {
	display: block;
	margin: 5px 0 0 0;
	font-weight: normal;
  }

div.form_fields_container label input {vertical-align: middle;}

div.form_left span {
	display: block;
  font-weight: normal;
  font-size: 0.8em;
  color: #333;
  }

input,
textarea,
select {
  font: normal 1em Arial, Verdana, sans-serif;
  }

input.text,
textarea,
select {
  padding: 1px;  
  width: 55%;
  background: #fff;
  color: #555;
  }

select {
  padding: 1px;                           
  width: 56.6%;
  }
  
#secondary_block input.text {
	margin: 0 0 0 0;
	width: 80%;
	vertical-align: top;
	}
   
#secondary_block fieldset.refine_search input.text {
	margin: 0;
	width: 54%;
	} 
	
input.small {width: 20%;}
input.vsmall {width: 10%;}
input.vvsmall {width: 5%;}
				
/* Form buttons */

input.button_1 {
	border: 1px solid;
	border-color: #737373 #737373 #494949 #737373;
	padding: 0 4px;
	background: #999 url(graphics/binder_button_bg.gif) repeat-x 0 100%;
	vertical-align: top;
	color: #f2f2f2;
	font-weight: bold;
	cursor: pointer;
	}		

input.button_1:hover,
input.button_1:focus {
	background: #444;
	color: #fff;
	}
	
input.button_2 {
	border: 1px solid #8a9a90;
	border-bottom-color: #65766b;
	padding: 6px 20px;
	background: #b3d4cb url(graphics/button_2_bg.gif) repeat-x 0 100%;
	color: #343434;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	}		

input.button_2:hover,
input.button_2:focus {
	border-color: #65766b;
	background: #83aa9d;
	color: #111;
	}
	
input.button_3 {
	border: 1px solid #b1b98a;
	border-bottom-color: #8c955f;
	padding: 6px 20px;
	background: #eaf3b2 url(graphics/button_3_bg.gif) repeat-x 0 100%;
	color: #343434;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	}		

input.button_3:hover,
input.button_3:focus {
	border-color: #8c955f;
	background: #bec68b;
	color: #111;
	}

/* Register and Sign in forms */
	
div.register_block {
	margin: 0.5em 0 2em 0;
	padding: 15px 0;
	background: #E8ECDB;
	}
	
#content div.forms h2.register {
	margin: 1em 0 2px 0;
	border: 0;
	padding: 0;
	color: #73766B;
	font-size: 1.2em;
	font-weight: bold;
	} 
			
#content div.forms #block_2 h2 {
	margin: 1em 0 2px 0;
	border: 0;
	padding: 0;
	background: #fadc40 url(graphics/header_binder_left.gif) no-repeat;
	color: #343635;
	font-size: 1.1em;
	font-weight: bold;
	} 

div.forms #block_2 h2 span {
	display: block;
	padding: 4px 6px;
	background: url(graphics/header_binder_right.gif) no-repeat 100% 0;
	}

#content div.forms #block_2 p.link_position {
	margin: 10px 0 0 0;
	padding: 10px 10px 0 0;
	background: url(graphics/signin_form_border.gif) repeat-x;
	}

div.forms #block_2 p.link_position a {
	float: right;
	width: 69%;
	text-decoration: underline;
	}

div.forms #block_2 p.link_position a:hover,
div.forms #block_2 p.link_position a:focus {
	text-decoration: none;
	}

#content h3.password {
	margin: 10px 0 0.5em 0;
	padding: 10px 10px 0 10px;
	background: url(graphics/signin_form_border.gif) repeat-x;
	color: #222;
	font-size: 1.2em;
	}
		
#content div.forms #block_1 div.buttons {
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px 10px 0 10px;
	background: url(graphics/signin_form_border.gif) repeat-x;
	text-align: left;
	}		
		
#content div.buttons.right {text-align: right;}	
	
#content div.forms #block_2 div.buttons {
	margin: 0 0 10px 0;
	padding: 10px 20px;
	text-align: right;
	}
	
/* Error list */

#content span.errors 
{
	color: #BD2600;
}

#content div.errors ul {
	margin-left: 0;
	list-style: none;
	background: #343434;
	color: #BDD600;
	}	

#content div.errors ul li {
	border-bottom: 1px solid #E6EED9;
	padding: 5px 10px 5px 15px;
	background: url(graphics/list_error.gif) no-repeat 0 6px;
	font-weight: bold;
	}	

/* Legal box */
			  
div.legal_box {
	margin: 0 0 1em 0;
	padding: 15px;
	height: 200px;
	background: #cce1dc;
	overflow: auto;
	}

#content div.legal_box h3 {
	margin: 0 0 0.2em 0;
	font-size: 1em;
	font-weight: bold;
	}
	
/* ---------------------------------------------------------------------------------*//* Link buttons */

/* Button */
	
#content p.button a {
	border: 1px solid;
	border-color: #737373 #737373 #494949 #737373;
	padding: 1px 7px;
	background: #999 url(graphics/binder_button_bg.gif) repeat-x 0 100%;
	color: #f2f2f2;
	}
	
#content p.button a:hover,
#content p.button a:focus {
	background: #555;
	color: #fff;
	text-decoration: none;
	}	
	
/* Button list - the inline buttons on article pages */

div.button_divider {
	margin: 0 0 10px 0;
	border-top: 1px solid #ccc;
	padding: 2px 0 0 0;
	}
		
#content ul.button_list {
	float: right;
	clear: both;
	margin: 0 0 10px 10px;
	list-style: none;
	font-size: 0.85em;
	}

#content ul.button_list li {
	float: left;
	border: 0;
	border-left: 1px solid #fff;
	}

#content ul.button_list li.inactive {
	background: #e6e6e6 url(graphics/user_button_bottom_left_inactive.gif) no-repeat 0 100%;
	color: #73766d;
	font-weight: bold;
	}	
	
ul.button_list a {
	display: block;
	float: left;
	background-color: #b2b2b2;
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
	}	

ul.button_list li.first a {
	background-image: url(graphics/user_button_bottom_left.gif);
	background-position: 0 100%;
	}

ul.button_list li.last a {
	background-image: url(graphics/user_button_bottom_right.gif);
	background-position: 100% 100%;
	}
		
ul.button_list span {
	display: block;
	padding: 2px 5px;
	background-repeat: no-repeat;
	}	

ul.button_list li.inactive span {background-image: url(graphics/user_button_top_left_inactive.gif);}
ul.button_list li.first a span {background-image: url(graphics/user_button_top_left.gif);}	
		
ul.button_list li.last a span {
	background-image: url(graphics/user_button_top_right.gif);
	background-position: 100% 0;
	}	
	
ul.button_list li a:hover,
ul.button_list li a:focus {
	background-color: #777;
	color: #fff;
	text-decoration: none;
	}	
	
ul.button_list li.first a:hover,
ul.button_list li.first a:focus {background-image: url(graphics/user_button_bottom_left_hover.gif);}	
ul.button_list li.last a:hover,
ul.button_list li.last a:focus {background-image: url(graphics/user_button_bottom_right_hover.gif);}	
ul.button_list li.first a:hover span,
ul.button_list li.first a:focus span {background-image: url(graphics/user_button_top_left_hover.gif);}	
ul.button_list li.last a:hover span,
ul.button_list li.last a:focus span {background-image: url(graphics/user_button_top_right_hover.gif);}	
		
/* ---------------------------------------------------------------------------------*//* General */

img {border: 0;}
hr {display: none;}
.clear {clear: both;}
.small {font-size: 0.9em;}

#content p.more_link {
	text-align: right;
	font-size: 0.9em;
	}
	
#content p.divide_link {
	border-top: 1px solid #E6E6E6;
	padding: 5px 0 0 0;
	font-size: 0.9em;
	}

/* Styles from the editorial page */

#main_block div.intro img {
	float: right;
	/*margin: 0 0 2px 10px;*/
	margin: 0 0 2px 1px;
	}
	
#main_block div.intro p,
#main_block p.intro {
	margin: 0.5em 0;
	font-weight: bold;
	font-style: italic;
	font-family: Georgia,Times,sans-serif;
	}

/* ---------------------------------------------------------------------------------*//* Clearfix */

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both;
  visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */