/* Layout and styling for basic three column (menu, content, additional) page with branding and footer */
/* Coded by Jamie Freeman */
/* www.message.uk.com */

/* General styling */

body { 
	padding: 0;
	margin: 0;
	background: #666666;
	font: 80%/1.8 Georgia, "Times New Roman", Times, serif;
	color: #000;
	text-align: center;
}

td {
	font-size: 0.8em;
}

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

img {
	border: none;
}

#content img {
	padding:5px;
}

p {
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
}

h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4;
	color: #000;
	margin-bottom: 0;
}

#content h1 {
	border-bottom: 1px solid #c7c7c7;
}

#additional h2 {
	padding-bottom: 3px;
	border-bottom: 1px solid #c7c7c7;
}

a {
	color: #DC6E01;
	text-decoration: none;
}

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

#additional .date {
	font-style: italic;
	color: #666666;
}

#content .date {
	font-style: italic;
	color: #666666;
	padding: 0;
	margin: 0;
}

.datenav {
	font-weight: bold;
}

/* These style the cookie trail current page and the 'you are here' bit. */
.youAreHere {
	color: #7F7F7F;
}

.yourPage {
	font-weight: bold;
}

.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: #FFFFFF;
}

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

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

td {
	margin: 0px;
	padding: 2px;
	background-color: #E2E3FF;
}

#sender_message {
	width: 300px;
	height: 8em;
}
#sender_name, #sender_email {
	width: 200px;
}

/* Layout areas */

#container {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
	/* width: 765px; */
	/* padding: 0 38px 0 37px; */
	width: 800px;
	padding: 0 20px 0 20px;
	background-image: url(../images/container_bg.png);
	background-repeat: repeat-y;
}

* html #container {
	width: 940px;
	w\idth: 900px;
}

#branding {
	height: 158px; 
	padding: 30px 0 0 0;
	background-color: #000000;
}

#branding #intro {
	float:right;
}

#branding img {
	float: left;
}

#menu {
	background-image: url(../images_website/banner_nav/menu_bg.png);
	background-position: center center;
	background-repeat: repeat-x;
	font: 0.8em Georgia, "Times New Roman", Times, serif;
	width: 800px;
	padding: 4px 0 ;
	text-align: center;
}

* html #menu {
	width: 800px;
	w\idth: 800px;
}

#menu p{
	overflow: visible;
	margin: 0 auto;
	padding: 0;
}

#menu a {
	text-decoration: none;
	margin: 0 4px;
	font-weight: 800;
 	color: #000000;
}	
		
#menu a:hover {
	color: #FFFFFF;
}

#search {
	width: 190px;
	margin: 0 0 0 30px;
	padding-top: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: solid 1px #FFFFFF;
}

/* Sets style for sub-menu items which link to a section rather than a page. */

.sub_section {
	padding-left: 20px;
	background: url(../images/folder.gif) no-repeat left center;
}

/*Sets style for protected sub-menu items */

.protected_sub_section {
	padding-left: 20px;
	background: url(../images/folder_locked.gif) no-repeat left center;
}

/*Sets style for protected sub-menu entries */

.protected {
	margin-left:30px;
	padding-left: 20px;
	background: url(../images/locked.gif) no-repeat left center;
}

#cookie {
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-top:-10px;
}

#content {
	/*position: relative;
	top: -20px;*/
	padding-left: 17px;
	width: inherit;
	display: inline; /* fix ie double margin float bug */
	padding-bottom: 0;
	margin-bottom: 0;
	margin-left : -4px;
}

#contentWrap { /* This is only needed in Rapha Continental, as it wraps both the menu and content in a div, allowing the dashed line at the side to come to the respective place */
	width: 485px;
	border-right: #7F7F7F dashed 1px;
	padding-right: 25px;
	margin-top: 20px;
	margin-left: 20px;
}

* xhtml #contentWrap {
	padding-right: 0;
	width: 465px;
	w\idth: 465px;
}

#content li {
	margin-left: 30px;
	list-style-image:url(../images/arrow.gif);
}

#additional {
	padding: 0;
	width: 220px;
	float: right;
	font-size: 0.9em;
	line-height: 1.5em;
	display: inline; /* fix ie double margin float bug */
	margin-top: 16px;
	margin-right: 25px;
}

* xxhtml #additional {
	margin-right: 0;
	width: 220px;
	w\idth: 220px;
}

#additional h2 {
	color: #7F7F7F;
	font-size: 1.5em;
}

#additional img {
	padding:10px 5px 10px 00px;
}

#additional p {
	padding: 0px 00px 0 0;
	margin-top: 12px;
}	

#additional h3 {
	padding: 0 20px 0 0;
}	

#additional ul {
	font-size:1.1em;
	padding: 0;
	margin-left: 0;
	list-style: none;
}

#additional ul li {
	/* padding-left: 0; */
	margin-left: 0;
}

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

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

#footer {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width: inherit;
	margin-top: 20px;
	clear: both;
	text-align: center;
	font-size: 0.8em;
	position:relative;
	top: 20px;
	height: 60px;
}

#footer p.copyright {
	font: 0.8em Verdana, Helvetica, Arial, sans-serif;
}

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

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

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

#content .siteMapSubSection li {
	list-style: none;
	margin-left: 0;
	font-weight: bold;
}

#content .siteMapSubSubSection li {
	list-style: none;
	margin-left: 0;
	font-weight: normal;
}	

#content .siteMapSubSection .sub_section {
	margin-left:30px;
	padding-left: 20px;
	background: url(../images/folder.gif) no-repeat left top;
}

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

#search input#submit {
	vertical-align: top;
}

/* ------------------------------ */
/*                                */
/*         Image styling          */
/*                                */
/* ------------------------------ */

.imageFrameLeft {
	border-top: 1px solid #e4e4e4;
	border-right: 2px solid #b3b3b3;
	border-bottom: 2px solid #b3b3b3;
	border-left: 1px solid #e4e4e4;
	margin: 10px 10px 0 0;
	padding: 5px 5px 8px 5px;
	background-image: url(../images/imageframe_bg.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
	float: left;
}

.imageFrameRight {
	border-top: 1px solid #e4e4e4;
	border-right: 2px solid #b3b3b3;
	border-bottom: 2px solid #b3b3b3;
	border-left: 1px solid #e4e4e4;
	margin: 10px 0 0 10px;
	padding: 5px 5px 8px 5px;
	background-image: url(../images/imageframe_bg.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
	float: right;
}

.imageCaption {
	display: block;
	margin: 0 8px;
	font-size: 0.8em;
	text-align: right;
}

/*--------------------------------*/
/*                                */
/*      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;
}

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

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

.comment_credit {
	margin-left: 10px;
}

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

#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;
}
#menu a:active {
	color: #FFFFFF;
}