/*
*******************************************************************************
*	Edited by NEOCO
* 
*	filename: style.css
*	purpose:  default styles for www.countryfair.co.uk
*
*******************************************************************************

$Revision: 1 $
$Date: 5 April 2011 $
$LastChangedBy: bensutcliffe $
*/

/* ------------------------------------------------------- */
/* CONTENTS
--------------------
	1. RESET
	2. MAIN STYLES
	3. LAYOUT
*/

/* ---------------------------------------------------------- 
	1. RESET STYLES 
-----------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 14px;;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
html {overflow-y: scroll;}

/* ---------------------------------------------------------- 
	2. MAIN STYLES 
-----------------------------------------------------------*/

body {
	background:white url(../images/layout/bg.gif) 0 0;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

#wrap {
	width:950px;
	position:relative;
	margin:0 auto;
	padding:0 10px;
	background:white;
}

#content {
	width:968px;
	overflow-x:hidden;
	margin-top:10px;
	position: relative;
	max-height:545px;
	overflow-y:scroll;
}

#homepage #content {
	overflow-y:hidden;
	height:545px;
}

.clearfix, .clear {height:0;clear:both;}
.em, em {font-style:italic;}
.small, small {font-size:10px;}
.spacer { height:10px;width:100%; }
.spacer.tall { height:20px; }

/* ---------------------------------------------------------- 
	3. LAYOUT 
-----------------------------------------------------------*/

.column {width:470px;float:left;margin-right:10px;}
.column_last {margin-right:0 !important;}
.column_image_text {padding:20px 20px 10px 20px;}
.column_image_text_butted {padding:10px 20px 0 20px;}
.column_block {margin-bottom:10px;}
.column_block_small_space {margin-bottom:0;}
.column_block_pad_top {padding-left:20px;}
.half_column {width:230px;float:left;margin-right:10px;}
.half_column_last {margin-right:0;}
.half_column img {width:230px;background-color:#999;display:block;}
.half_column_text {padding:0px 10px 0 10px;width:210px;}
.half_column_text_pad {padding-left:20px;width:200px;}
p {font-size:12px;line-height:16px;margin-bottom:16px;}
p.large {font-size:16px;font-weight:bold;line-height:20px;margin-bottom:18px;}
a {text-decoration:none;color:#E10219;}
a:hover {text-decoration:underline;}
h2 {text-transform:uppercase;font-size:23px;}
h3 {font-size:24px;font-weight:bold;line-height:26px;margin-bottom:6px;}
h4 {font-size:11px;color:#E10219;margin-bottom:6px;}
h5 {font-size:18px;font-weight:bold;line-height:20px;margin-bottom:6px;}
.red {color:#E10219;}
.white {color:white;}

/* header styles */

#header {
	position:relative;
	height:210px;
	background-color:#FFF01A;
}

#logo a, #logo {position:absolute;left:7px;top:10px;display:block;width:328px;height:175px;text-indent:-4500px;background:url(../images/layout/logo.gif) 0 0;}
#nav {position:absolute;left:345px;top:49px;}
#nav li {float:left;}
#nav li a{display:block;background:url(../images/layout/nav.gif) 0 0 no-repeat;text-indent:-4500px;height:98px;}
#nav li#main_ring_events a {width:155px;background-position:0 50px;}
#nav li#main_ring_events a:hover, #nav li#main_ring_events a.selected {background-position:0 -52px;}
#nav li#food_hall_and_shopping a {width:96px;background-position:-155px 50px;}
#nav li#food_hall_and_shopping a:hover, #nav li#food_hall_and_shopping a.selected {background-position:-155px -52px;}
#nav li#contact_and_tickets a {width:134px;background-position:-251px 50px;}
#nav li#contact_and_tickets a:hover, #nav li#contact_and_tickets a.selected {background-position:-251px -52px;}
#nav li#the_country_fair_trust a {width:104px;background-position:-385px 50px;}
#nav li#the_country_fair_trust a:hover, #nav li#the_country_fair_trust a.selected {background-position:-385px -52px;}

#badge {
	position:absolute;
	right:-20px;
	top:75px;
	width:112px;
	height:112px;
	background:url(../images/layout/badge.png) no-repeat;
	text-indent:-9999px;
	z-index:1000;
}

#homepage #badge {
	top:40px;
	height:117px;
	width:115px;
	right:-10px;
	background:url(../images/layout/homepage_badge.png) top center no-repeat;
}

#dog_badge {
	position:absolute;
	right:-10px;
	top:125px;
	width:115px;
	height:120px;
	background:url(../images/layout/dogs_badge.png) bottom center no-repeat;
	text-indent:-9999px;
	z-index:999;
}

#run_badge a {
	position:absolute;
	left:-63px;
	top:-21px;
	width:115px;
	height:120px;
	background:url(../images/layout/badge10k.png) bottom center no-repeat;
	text-indent:-9999px;
	z-index:999;
	display: block;
}

#countdown {display:inline;position:absolute;right:110px;top:10px;text-transform:uppercase;}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 0px;
	text-align: center;
	line-height:20px;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 12px;
	text-align: center;
	padding: 0px 4px;
}
.countdown_amount {
	font-size: 40px;
	padding: 0px 4px;
}
.countdown_descr {
	display: block;
	width: 100%;
}
#accomodation_prompt {
	float:right;
	margin:10px 10px 0 0 !important;
}
#accomodation_prompt a {
	color:#000000;
	text-decoration:underline;
	font:12px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#accomodation_prompt a:hover {
	color:#E10219;
}
/*HOME***********************************************/
img.home_image {width:470px;height:375px;display:block;background:#999;}
.home_intro {background:#E10219;color:white;}
.home_intro {padding-top:13px;}
.home_intro p {font-size:13px;line-height:17px;}
p.home_black_link {margin-bottom:0;font-size:12px;}
p.home_black_link a {color:black;}
p.home_black_link a:hover {color:white;text-decoration:none !important;}
.home_welcome_right h2 {margin-top:6px;}
.home_welcome_right p.home_black_link a:hover {color:#E10219;}
.home_welcome_right {padding:10px;position:relative;width:470px;}
.contact_details_banner {position:absolute;right:20px;top:0;background:black;height:160px;overflow:hidden;}
.contact_details_banner img  {margin-top:8px;}
.home_welcome_right p.home_black_link {margin-top:-4px;}
a.welcome_link {font-size:12px;padding-bottom:12px;display:block;color:#666;text-transform:uppercase;}
a.welcome_link:hover {color:#E10219;text-decoration:none !important;}
.welcome_column  {width:170px; float:left;margin-right:20px;}
#buytickets {
	width:100%;
	background:#FFF01A;
	margin:10px 0 0 0;
}
#buytickets p {
	width:200px;
	height:40px;
	margin:0 auto;
}
#buytickets p a {
	padding:5px 0;
	text-indent:-9999px;
	width:200px;
	height:30px;
	background:url(../images/layout/buynowaction.png) 0px 0px no-repeat;
	display:block;
}
#buytickets p a:hover {
	background-position:0px -40px;
}

/*MAIN RING***********************************************/
#raft_race_rules {
	clear:both;
	border-top:solid 2px #E10219;
	margin:10px 10px;
	padding-top:10px;
}
#raft_race_rules h3, #raft_race_rules {
	padding-left: 10px;
	padding-right:10px;
}
.main_ring_link, .main_ring_link:visited, .main_ring_link:active {font-style:italic;color:red;}
#main_ring h3 {
	margin:0;
	padding:0 0 5px 0;
}
#main_ring p {
	margin:0px;
	padding:0px;
}
.main_ring_link:hover {color:black;}
#timetable_box {width:910px;background-color:#E10219;color:white;padding:20px;margin:0;}
#timetable_box table {margin:20px 0 0 0;font-size:14px;}
#timetable_box td.time {width:40px;font-weight:bold;height:20px;text-align:right;padding-right:20px;}
#timetable_box td.length {width:120px;height:20px;text-align:left;padding-right:20px;}
#timetable_box td.item {width:400px;padding-right:20px;height:20px;}
#timetable_box td.music {font-weight:bold;width:180px;height:20px;padding-right:20px;}
#timetable_box td.rest {padding-right:20px;}
#timetable_box em {font-size:10px;}
/*FOODHALL***********************************************/
.foodhall_top {height:150px;}
/*CONTACT***********************************************/
.price_table  {font-size:12px;margin-bottom:20px; padding:7px; border:solid 1px #000000; }
.price_table tr td { padding:3px; }
.price_table tr#head td { font-weight:bold; text-align:center; width:120px; text-transform:uppercase; padding-bottom:5px; vertical-align:middle; }
.price_table tr#head td#advance a { color:#E10219; font-style:normal; }
.price_table td.label {width:350px;height:20px;}
.price_table td.price {font-weight:bold;text-align:center;}
.price_table td.free {font-weight:bold;text-align:center;color:#E10219;}
#book_online {padding:8px;display:block;text-align:center;background:#C00;color:white;font-weight:bold;margin-top:3px;}
#book_online:hover {background-color:#FFF01A;color:#C00;text-decoration:none;}
ul#otheropts {
	font-size:12px;
	list-style:disc outside;
	padding-left:12px;
}
/* footer styles */

#footer {
	position:relative;
	background-color:#FFF01A;
	margin-top:10px;
}
#footer a {
	text-transform:uppercase;
	color:black;text-decoration:none;
	font-size:10px;
	padding:15px;
	padding-left:20px;
	display:inline-block;
}
#footer a:hover {
	color:#E10219;
}
#footer a.fb_link {
	margin-left:10px;
	background:url(../images/layout/facebook_f.png) no-repeat center left;
}
#footer p {
	position:absolute;
	right:0px;
	top:0px;
	margin:15px;
	font-size:10px;
}

.future td {padding:4px;line-height:17px;}
.future th {padding:4px;line-height:17px;font-weight:bold;}