/* Generic Styles */

html, body {
	font: normal .84em/1.4em georgia, Georgia, "Times New Roman", Times, serif;
	color: #614a38;
	background: #FFF;
	margin: 0;
	padding: 0;
}

a { color: #614a38; text-decoration: underline; }
a:hover { color: #614a38; text-decoration: none; }

h2 { font: bold 1em georgia, Georgia, "Times New Roman", Times, serif; margin: 0 0 1em 0; color: #614a38; }
h3 { font: bold 1.1em georgia, Georgia, "Times New Roman", Times, serif; margin: 0 0 1em 0; color: #614a38; }
h3 a { color: #FFF; text-decoration: none; }
h3 a:hover { color: #FFF; text-decoration: underline; }

h1 span, h2 span, h3 span {
	display: none;
}

p {
	margin: 0 0 1em 0;
}

hr {
	height: 1px;
	border: none;
	background: #e2d9d0;
	color: #e2d9d0;
	margin: 1em 0;
}

*html hr {
	margin: .7em 0 1.2em 0;
}

img { border: 0; }
a img { border: 0; }
.img-l, .left_aligned_image_margin, .left_aligned_image_margin_and_border { margin: 0 10px 10px 0; float: left; }
.img-r, .right_aligned_image_margin, .right_aligned_image_margin_and_border { margin: 0 0 10px 10px; float: right; }
.img-c { margin-left: 0px; margin-bottom: 10px}
.img-bdr, .image_border, .right_aligned_image_margin_and_border, .left_aligned_image_margin_and_border { padding: 1px; border: 1px solid #eee; }

.clear {
	height: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}

span, .nodisplay {
	display: none;
}

#header h1 {
	margin: 0;
	padding: 0;
}

#content h1 {
	display: none;
}

#content ul {
	margin-left: 20px;
	padding: 0;
}

#content ul li {
	margin-bottom: 4px;
}

#content table td {
	vertical-align: top;
}


/* Structural Styles */


#container {
	width: 990px;
	margin: 12px auto 0 auto;
}


#header {
	width: 990px;
	height: 275px;
	border-bottom: 1px solid #FFF;
}

#index #header {
	width: 990px;
	height: 275px;
	border-bottom: 1px solid #FFF;
}

#main-l {
	width: 383px;
	height: 272px;
	float: left;
	padding: 13px 0 0 0;
	background: url(../images/bgrounds/nav_bground.jpg) no-repeat 0 0;
}

#index #main-l {
	width: 183px;
	height:340px;
	float: left;
	padding: 13px 0 0 0;
	background:#f0ebe6 url(../images/bgrounds/nav_bground.jpg) no-repeat scroll left bottom
}

#main-r {
	width: 537px;
	height: 275px;
	float: right;
	padding: 10px 40px 0 30px;
	background: url(../images/bgrounds/content_bground.jpg) no-repeat 0 0;
}

/* commented out for footer
#index #main-r {
	width: 737px;
	height: 233px;
	background: url(../images/bgrounds/index_content_bground.jpg) no-repeat 0 0;
}*/
#index #main-r {
	width: 737px;
	height:340px;
	background: url(../images/bgrounds/index_content_bground.jpg) bottom right no-repeat;
}
#footer {
	clear: both;
	width: 952px;
	height: 24px;
	padding: 10px 38px 0 0;
	text-align: right;
	color: #9c8e82;
	font-size: 0.9em;
	background: url(../images/bgrounds/index_footer_bground.jpg) no-repeat 0 0;
}

#footer a {
color: #9c8e82;
}


/* Main Left Styles */

#main-l #nav ul {
	margin: 0;
	padding: 0;
	height: 272px;
	list-style-type: none;
	float: left;
	background: url(../images/bgrounds/nav_bground_rpt.jpg) repeat-y 0 0;
}

#index #main-l #nav ul {
	height: 241px;
}

#main-l #nav ul li {
	display: inline;
}

#main-l #nav ul li a {
	width: 183px;
	height: 36px;
	display: block;
	background-position: 0 0;
	background-repeat: none;
}
#main-l #nav ul li a:hover, #main-l #nav ul li a.current {
	background-position: 0 -36px;
} 

#index #main-l #nav ul li.home a {
	display: none;
}
#main-l #nav ul li.home a {
	background-image: url(../images/nav/nav_home.jpg);
}

#main-l #nav ul li.chocolate_products a {
	background-image: url(../images/nav/nav_chocolate_products.jpg);
}
#main-l #nav ul li.chocolate_cafes a {
	background-image: url(../images/nav/nav_chocolate_cafes.jpg);
}
#main-l #nav ul li.chocolate_club a {
	background-image: url(../images/nav/nav_chocolate_club.jpg);
}
#main-l #nav ul li.about_chocolate a {
	background-image: url(../images/nav/nav_about_chocolate.jpg);
}
#main-l #nav ul li.maps_contact_details a {
	background-image: url(../images/nav/nav_maps_contact_details.jpg);
}


/* Main Middle Styles (sec nav - internal only) */

/* #main-l #nav ul ul {
	position: absolute;
	top: 6px;
	left: 183px;
	width: 200px;
	background: none;
}

#main-l #nav ul li.chocolate_products ul li a {
	background-image: none;
	height: auto;
	padding: 4px 0 3px 23px;
	color: #8a786a;
	text-decoration: none;
	width: 177px;
	font-size: 0.94em;
}

#main-l #nav ul li.chocolate_products ul li a:hover {
	background: #f2eeea;
} */

#main-l #sidenav {
	float: left;
	width: 200px;
	height: 285px;
}

#main-l #sidenav h2 {
	display: none;
}

#main-l #sidenav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main-l #sidenav ul li a {
	display: block;
	padding: 4px 0 4px 23px;
	color: #8a786a;
	text-decoration: none;
	font-size: 0.94em;
}

#main-l #sidenav ul li a:hover, #main-l #sidenav ul li a.current {
	background: #f2eeea;
}

#main-r #content {
	/* height: 243px;
	overflow: auto;
	padding-right: 10px; */
}

#video {
	margin: 0 auto;
	margin-top: 5px;
	width:448px; height:256px;
}


p.date, p.back, p.small, p.mandatory {
	font-size: 0.9em;
}

body.index .links img{
	margin:0 10px;
	border:1px solid transparent;
}
body.index .links img:hover{
	border:1px solid #e2d9d0;
}
body.join_now form {
	margin: 0;
	padding: 0;
}

body.join_now form table {
	width: 381px;
}

body.join_now form table th {
	text-align: left;
	width: 180px;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #f0ebe6;
}

body.join_now form table td {
	border-bottom: 1px solid #f0ebe6;
	padding: 5px 0;
}


body.join_now form table label {
	float: left;
}

body.join_now form table label.block {
	font-size: 1.1em;
}

body.join_now form table input.radio {
	float: left;
}

body.join_now form table input.text-input {
	width: 200px;
	color: #614a38;
	font: normal 1.1em georgia, Georgia, "Times New Roman", Times, serif;
}

body.join_now form table select {
	font: normal 1.1em georgia, Georgia, "Times New Roman", Times, serif;
	color: #614a38;
}

body.join_now form table th.submit, body.join_now form table td.submit {
	border: none;
}

body.join_now form table input.button {
	cursor: pointer;
	font: bold 1.1em georgia, Georgia, "Times New Roman", Times, serif;
	color: #614a38;
	background: #e2d9d0;
	border: none;
	padding: 2px 8px;
	margin: 10px 0 0 0;
}

#maphere {
	width: 575px;
	height: 280px;	
	margin-top: -24px;	
	margin-left: -40px;
}

div > #maphere {
	margin-left: -20px;
}

#scroll {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	height: 190px;
	max-height: 190px;
	overflow: auto;
	border-bottom: 1px solid;
}