/* Layout and styling for basic three column (menu, content, additional) page with branding and footer */
/* Coded by Jamie Freeman */
/* Modified for Bemerton Heath by Mark Hurrell - Feb 2008 */
/* www.message.uk.com */

/* General styling */


body { 
	padding: 0px;
	margin: 0px;
	background: #FFFFFF url(images/_interface/body_bg.jpg) repeat-x top left;;
	font: 80%/1.8 Helvetica, Arial, sans-serif;
	color: #444444;
	text-align: center;
}

td {
	font-size: 0.8em;
}

html>body td {
	font-size: 1em;
}

img {
	border: none;
}

p {
	color: #444444;
	font-family: Helvetica, Arial, sans-serif;
}



h1 {
	position: absolute;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 2em;
	display: block;
	font-weight: 100;
	margin: -112px 0 0 0;
	width: 570px;
	line-height: 1.3;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 800;
	line-height: 1.4;
	margin-bottom: 0;
	padding-bottom: 0;
	margin: 1.6em 0 -1.2em 0;
	font-size: 1.4em;
	color: #444444;
	clear: left;
	float: left;
}

h2.site_map {
	margin: 1.6em 0 0 0;
}

#container #latest_news h2 {
	font-weight: 800;
	background-color: #beda5d;
	float: left;
	display: inline;
	line-height: 1;
	font-size: 1.3em;
	/* padding: 4px 4px 0 4px; */
	padding: 0;
	border-width: 2px 4px 1px 4px;
	border-color: #beda5d;
	border-style: solid;
}

#container #left_column h2, #container #center_column h2, #container #right_column h2 {
	margin: 0 20px 0 30px;
	width: 230px;
	font-size: 1.6em;
	font-weight: 400;
}

#additional h2 {
	font-weight: 400;
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 800;
	line-height: 1.4;
	color: #444444;
	clear: left;
	float: left;
	font-size: 1.4em;
	margin: 1.6em 0 -1.2em 0;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 800;
	line-height: 1.4;
	color: #444444;
	clear: left;
	float: left;
	font-size: 1.4em;
	margin: 1.6em 0 0 0;
}

a {
	color: #385094;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	color: #4542bc;
	text-decoration: underline;
}

#additional a .date {
	color: #666666;
	text-decoration: none;
}

#content .date {
	color: #666666;
	font-size: 1em;
}

.datenav {
	font-weight: bold;
}


/* These style the cookie trail current page and the 'you are here' bit. */

.youAreHere {
	color: #666666;
}

.yourPage, .yourPage a {
	font-weight: normal;
	color: #666666;
}

.yourPage {
	color: #385094;
}



.search_descrip {
	font-style: italic;
	color: #666666;
	font-size: 0.9em;
}

.login {
	font-size: 0.7em;
}

/* This styling denotes the currently selected section */

#menu .current {
	color: #000;
}

#branding h1 {
	margin: 0px;
	padding: 5px;
	color: #FFFFFF;
}

#branding p {
	margin: 0px;
	padding: 5px;
	color: #FFFFFF;
}

#content table {
	width: 520px;
	float: left;
	margin-top: 24px;
}

td {
	margin: 0px;
	padding: 4px;
	background-color: #eeeeee;
}

#sender_message {
	width: 300px;
	height: 8em;
}

#sender_name, #sender_email {
	width: 200px;
}

/* Layout areas */

#container {
	position: relative;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: transparent url(images/_interface/container_bg.png) no-repeat center 200px; 
	width: 850px;
}

#branding {
	position: relative;
	left: -10px;
	top: 0;
	width: 140px;
	height: 90px; 
	background: url(images/_interface/branding.jpg) no-repeat top left;
}

#menu {
	height: 160px;
	width: inherit;
	margin:0;
	padding: 0;
	position: relative;
	top: -50px;
	right: 0;
}

#menu ul{
	overflow: visible;
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

#menu a {
	float: left;
	text-decoration: none;
	margin-left: 2px;
	height: 70px;
 	background: transparent url(images/_interface/menu_left.png) no-repeat top left;
 	color: #000000;		
    }
    
    #menu a:hover {
 		background: transparent url(images/_interface/menu_left.png) no-repeat center left;
    }
    
    #menu a span {
    	height: 30px;
    	background: transparent url(images/_interface/menu_right.png) no-repeat top right;
    	padding: 30px 15px 10px 15px;
    	display: block;
    	cursor: pointer;
    	float: left;
    }
    
    #menu a:hover.current {
 		background: transparent url(images/_interface/menu_left.png) no-repeat top left;
    }
    
    #menu a.current span, #menu a:hover.current span {
    	background: transparent url(images/_interface/menu_right.png) no-repeat bottom right;
    }
    
    #menu a:hover span {
    	background: transparent url(images/_interface/menu_right.png) no-repeat center right;
    }
    		
#menu li {
	float: left;
	margin: 0;
	padding: 0;
	}

#search {
	position: absolute;
	background: transparent url(images/_interface/search_bg_left.png) no-repeat top left;
	padding: 0;
	bottom: 0;
	right: 0;
	font-family: Helvetica, Arial, sans-serif;
}

	#search form {
		background: transparent url(images/_interface/search_bg_right.png) no-repeat top right;
		min-width: 263px;
		padding: 12px 10px 10px 10px;
		text-align: center;
		margin-bottom: 0;
	}
	
	#search #term {
		width: 120px;
		margin: 0 10px;
	}

/* Sets style for sub-menu items which link to a section rather than a page. */
#additional .sub_section {
	margin-left: 20px;
	padding-left: 20px;
	background: url(images/_interface/folder.gif) no-repeat left center;
}

/*Sets style for protected sub-menu items */
#additional .protected_sub_section {
	margin-left: 20px;
	padding-left: 20px;
	background: url(images/_interface/folder_locked.gif) no-repeat left center;
}

/*Sets style for protected sub-menu entries */
#additional .protected {
	margin-left: 20px;
	padding-left: 20px;
	background: url(images/_interface/locked.gif) no-repeat left center;
}

#content #cookie {
	position: absolute;
	right: -281px;
	top: -8px;
	font-size: 0.8em;
	font-family: Helvetica, Arial, sans-serif;
}

	#content.index #cookie {
		right: 29px;
	}

#content {
	position: relative;
	padding: 0;
	width: 540px;
	line-height: 1.4;
	float: left;
	clear: left;
	display: inline; /* fix ie double margin float bug */
	min-height: 500px;
	margin-top: -24px;
}

* html #content {
	height: 500px;
}

	#content.index {
		width: 850px;
		min-height: 250px;
	}
	
	* html #content.index {
		height: 300px;
	}

	#content p {
		float: left;
		position: relative;
		width: 520px;
		font-size: 1.2em;
		margin: 1.4em 0 0 0;
	}
	
		#content p img {
			float: right;
			margin-right: 40px;
		}

#content ul {
	float: left;
	padding: 0;
	clear: left;
	margin: 1.8em 0 0 0;
}

#content li {
	margin-left: 30px;
	font-size: 1.2em;
	line-height: 1.5;
}

#latest_news {
	width: 790px;
	margin-left: 30px;
	display: none;
}

#latest_news p {
	width: 790px;
	font-size: 1.3em;
	margin: -2em 0 0 0;
	text-indent: 7em;
}

#highlighted_sections {
	width: 850px;
	margin:28px 0 0 0;
	float: left;
	position: relative;
	background: transparent url(images/_interface/highlighted_stories_bg.png) repeat-y 277px top;
	padding: 0;
}

#left_column {
	width: 283px;
	float: left;
	padding: 0;
}

#center_column {
	width: 284px;
	float: left;
	padding: 0;
}

#right_column {
	width: 283px;
	float: right;
	padding: 0;
}

#container #left_column p, #container #center_column p, #container #right_column p {
	width: 230px;
	margin: 0.5em 20px 0 30px;
	font-size: 1em;
	clear: left;
}

#container #left_column img, #container #center_column img, #container #right_column img {
	margin-top: -9px;
	margin-left: 20px;
}

#additional {
	margin-top: 0;
	padding: 0;
	background: #e8f2c5;
	width: 283px;
	float: right;
	font-size: 0.9em;
	line-height: 1.2em;
	display: inline; /* fix ie double margin float bug */
}

	#additional.index {
		width: 850px;
		margin: 20px 0 0 0;
	}

#additional img {
	padding: 10px 17px 10px 0;
	position: relative;
}

#additional.index img {
	padding: 10px 17px 10px 0;
	position: relative;
	margin-left: -20px;
}

#additional p, #additional li {
	padding: 0px 20px 0 20px;
	margin: 12px 0 0 0;
}

#additional h2 {
	padding: 0 20px 0 20px;
	margin: 0;
	font-size: 1.6em;
	float: left;
	width: 233px;
}	

#additional h3 {
	padding: 0 20px 0 20px;
	margin: 0;
	float: left;
	width: 233px;
}	

#additional ul {
	font-size: 1.1em;
	padding: 0;
	list-style: none;
	width: 233px;
	float: left;
	clear: left;
	margin-top: 0;
}

#additional .gallery-ul li {
	padding: 0;
	margin-top: 12px;
	display: inline;
}

#additional .gallery-ul {
	padding: 0px 0px 0 30px;
	list-style: none;
	width: 251px;
}

#additional .gallery-ul img {
	padding: 10px 21px 0 0;
	margin-left: -10px;
	position: relative;
}

#additional_panel_top {
	background: url(images/_interface/additional_top.gif) no-repeat right top;
	height: 15px;
}	

#additional_panel_bottom {
	background: url(images/_interface/additional_bottom.gif) no-repeat left bottom;
	height: 15px;
	clear: both;
}

#additional.index #additional_panel_top {
	background: url(images/_interface/additional_top_wide.gif) no-repeat left top;
	height: 15px;
}

#additional.index #additional_panel_bottom {
	background: url(images/_interface/additional_bottom_wide.gif) no-repeat left bottom;
	height: 15px;
	clear: both;
}

#additional.index ul {
	margin-top: 0;
	list-style: outside;
}

#additional.index li {
	margin-top: 4px;
	line-height: 1.2;
	margin-left: 20px;
	padding-left: 0;
}

#additional.index .date {
	text-decoration: none;
	color: #222222;
}

#additional.index p a img {
	margin-left: 10px;
	margin-top: -20px;
	margin-bottom: -8px;
	position: relative;
}

#opening_times {
	width: 253px;
	margin-right: 20px;
	float: right;
	padding: 0;
}

#container #opening_times p {
	padding: 0 0 0 20px;
	margin-top: 1em;
}

#latest {
	width: 253px;
	margin-right: 30px;
	float: right;
	padding: 0;
}

#upcoming {
	width: 253px;
	margin-right: 30px;
	float: right;
	clear: none;
	padding: 0;
	top: 0;
}

#additional.index p {
	clear: left;
	float: left;
	padding-left: 10px;
}

#footer {
	width: 850px;
	padding-bottom: 5px;
	clear: both;
	text-align: right;
	font-size: 0.8em;
	position:relative;
	top: 20px;
	line-height: 1;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
}

#footer li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

p.copyright {
	clear: left;
	margin: -1em 0 0 0;
	padding: 0;
}

p.copyright, #footer p {
	float: none;
}

.join p{
width: 300px;
text-align: right;
}

.required{
color: #FF0000;
font-weight: bold;
}

.submit {
border:0;
position:relative;
top:6px;
}

#container ul.siteMapSubSection {
	margin-top: 0;
	margin-bottom: 10px;
}

ul.siteMapSubSection li {
	clear: left;
}

#content ul.siteMapSubSubSection {
	margin-top: 0;
	font-size: 0.7em;
}

#login-form {
	margin: 0;
	background-color: #CCC;
	width: 31em;
	padding: 0.5em 1em;
}

#login-form label {
	display: block;
	width: 7.5em;
	text-align: right;
}

#login-form #un {
	display: block;
	width: 20em;
	margin-left: 9em;
	margin-top: -1.8em
}

#login-form #pw {
	display: block;
	width: 15em;
	margin-left: 9em;
	margin-top: -1.8em
}

#login-form #login {
	margin-left: 9em;
}

.alert {
	color: #FF0000;
	font-weight: bold;
	padding-left: 15px;
	background: url(cms/images/warning.gif) no-repeat left center;
}

#content table {

}


/*--------------------------------*/
/*                                */
/*      SweetCart styling         */
/*                                */
/*--------------------------------*/


#productSelector {
	margin: 0 29px 5px 29px;
	background-color: #E8E8E8;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#productSelector h2 {
	padding-left: 10px;
}

#productSelector p {
	padding-left: 10px;
}

#productSelector form {
	padding-left: 8px;
	padding-bottom: 5px;
}

#cart {
	margin: 0 29px 5px 29px;
	background-color: #E8E8E8;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding-bottom: 5px;
}

#cart h2 {
	padding-left: 10px;
}

#cart p {
	padding-left: 10px;
}

#cart li {
	padding-left: 10px;
}

#edit-cart {
	margin: 1.8em 0 10px 0;
}

#edit-cart label {
	display: block;
	width: 8.5em;
	text-align: right;
	margin-right: 10px;
}

#edit-cart #email, #edit-cart #delivery_name, #edit-cart #delivery_address {
	display: block;
	width: 250px;
	margin-left: 10.5em;
	margin-top: -1.8em
}

#content #delivery_postcode {
	display: block;
	width: 80px;
	margin-left: 10.5em;
	margin-top: -1.8em
}

#edit-cart .cart-submit {
	display: block;
	width: auto;
	margin-left: 10.5em;
	margin-top: 0em
}


/*--------------------------------*/
/*                                */
/*      Comments styling        */
/*                                */
/*--------------------------------*/

.comment {
	border: solid 1px #ebebeb;
	padding: 0 5px 0 5px;
	font-size: 89%;
	margin-bottom: 5px;
}	

.comment .comment_credit {
	padding: 5px 10px;
	margin: 0 -5px;
	display: block;
	background-color: #ebebeb;
}

.comment p {
	margin: 5px;
}

#commentForm{
	padding: 5px;
	background-color: #fff;
	border: solid 1px #CCC;
	margin-bottom: 5px;
}

#commentForm submit {
	padding-left: 70px;
}

#commentForm label {
	clear:both;
	display: block;
	float: left;
	width: 70px;
	padding: 0px 5px;
	margin: 0px 0 5px 0;
	text-align: right;
}

#commentForm fieldset {
	background-color: #CCC;
	border: none;
}

#commentForm legend {
	background-color: #fff;
	border: none;
	border: solid 1px #CCC;
	padding: 0 8px 0 8px;
}