/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 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: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

/* The *:focus rule is reset and suppresses link outlining. You _must_ remember to redefine your own outline, as it’s an important accessibility aid. E.g. *:focus   outline = #ccc dotted medium */
.relative { position: relative; z-index: 50; }

.wrapper { position: relative; margin-left: auto; margin-right: auto; width: 880px; }

.clear { float: none; clear: both; height: 1px; overflow: hidden; }

.right { float: right; }

.red { color: red; }

body { background: white; font-family: helvetica; color: #1a1a1a; font-size: 13px; letter-spacing: -0.08em; }

a { text-decoration: none; color: #1a1a1a; }

h2 { color: #666666; font-weight: bold; font-size: 1.05em; margin-bottom: 5px; }
h2 a { color: #666666; }

h3 { color: #666666; font-weight: bold; font-size: 1.05em; margin-bottom: 5px; }
h3 a { color: #666666; }

h4 { color: #666666; margin-bottom: 5px; }

h5 { color: #666666; margin-bottom: 5px; }

p { color: #666666; }

.black_bg { background: black; color: white; padding: 10px; }

.grey { color: #b3b3b3; }

#header { padding-top: 20px; padding-bottom: 80px; background: url(../img/header_bg.png) no-repeat center bottom; }

#logo { display: block; float: left; margin-top: 30px; width: 200px; height: 45px; overflow: hidden; text-indent: -999px; background: url(../img/logo.jpg) no-repeat; }

#navbar { padding-top: 10px; font-family: arial; }
#navbar ul { list-style: none; }
#navbar ul li { display: inline; }
#navbar ul li a { display: block; float: left; margin-right: 24px; font-weight: bold; color: #b3b3b3; }
#navbar ul li a:hover { color: #1a1a1a; }
#navbar ul li.active a { color: #1a1a1a; }

#currency { position: relative; padding-left: 10px; font-weight: bold; }
#currency * { display: inline; color: black; }
#currency span { color: #b2b2b2; margin-right: 15px; }

#currency li { padding: 3px 0; }
#currency a.flag { padding-left: 23px; background-color: #FFF; background-repeat: no-repeat; background-position: center left; }
#currency a.flag.gbp { background-image: url('/assets/img/flags/gbp.png'); }
#currency a.flag.eur { background-image: url('/assets/img/flags/eur.png'); }
#currency a.flag.usd { background-image: url('/assets/img/flags/usd.png'); }

#currency_selector { display: none; margin-top: 2px; position: absolute; background: white; right: 0px; width: 270px; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); }
#currency_selector li { display: block; margin-left: 103px; }

#search { padding-top: 10px; }
#search input { color: #b2b2b2; font-weight: bold; }
#search input.search { width: 231px; height: 24px; background: url(../img/search.jpg); padding: 0px; padding-left: 10px; margin: 0px; border: none; }
#search input.submit { display: none; }

#phone_number { padding-left: 10px; padding-top: 15px; font-size: 2em; font-family: arial; }

#main { height: 300px; padding-bottom: 130px; background: url(../img/scene.png) no-repeat bottom center; }
body.homepage #main { height: 350px; }
#main #text { overflow: hidden; color: white; width: 378px; height: 252px; text-indent: -999px; background: url(../img/home_text.png) no-repeat left 30px; padding-bottom: 20px; }
#main #callout { position: absolute; top: -40px; right: 0px; width: 449px; height: 222px; text-indent: -999px; overflow: hidden; background: url(../img/callout.png) no-repeat; }
#main #boxes .box { display: block; float: left; width: 32.66%; margin-right: 1%; padding-top: 4px; background: url(../img/dots.png) top left repeat-x; }
#main #boxes .box a.read_more { float: right; display: block; background: black; border-bottom: 4px solid #333333; color: white; padding: 13px 13px 9px 13px; }
#main #boxes .box a.read_more:hover { background: white; color: black; }
#main #boxes .box a.boxTitle { display: block; padding: 12px 15px; font-weight: bold; font-size: 1.3em; background-repeat: no-repeat; background-color: white; }
#main #boxes .tickets a.boxTitle { background-image: url(../img/icons/tickets.png); background-position: 98% center; }
#main #boxes .packages a.boxTitle { background-image: url(../img/icons/packages.png); background-position: 98% center; }
#main #boxes .hotels a.boxTitle { background-image: url(../img/icons/hotels.png); background-position: 98% center; }
#main #boxes .last { margin-right: 0px; }

#footer { background: white url(../img/gradient.jpg) repeat-x bottom; padding-bottom: 30px; letter-spacing: -0.04em; }
.homepage #footer {background-image: none;}

#left_column {background:white;}
#bottom .wrapper {background:whites;padding:0px 20px 20px 20px}
#footer .box * { line-height: 1em; }
#footer .box { float: left; width: 30%; padding-right: 20px; margin-right: 20px; min-height: 83px; background: url(../img/vert_divider.jpg) no-repeat top right; }
#footer .box h2 { font-size: 1.2em; font-weight: bold; }
#footer .box h2 a { color: black; }
#footer .box h3 { line-height: 1.5em; }
#footer .box p a { font-weight: bold; }

#footer #next_event.box { position: absolute; top: 0px; left: 610px; width: 350px; background: none; }
#footer #next_event.box h2,
#footer #next_event.box h3 { font-weight: normal; text-transform: uppercase; }
#footer #next_event.box h2 { font-size: 2em; }
#footer #next_event.box h3 { font-size: 1.25em; }

#banner { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
#banner img { width: 100%; min-width: 1030px; min-height: 690px; position: relative; margin-left: auto; margin-right: auto; }
#banner .overlay { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: black; opacity: 0.38; -moz-opacity: 0.38; filter:alpha(opacity=38); z-index: 2; }
#banner .cycle { z-index: 1; }

.column { float: left; width: 19%; padding-right: 1%; font-weight: bold; line-height: 1.5em; }
.column h5 { color: black; font-size: 1.2em; }
.column a { color: #4c4c4c; }

#discover { margin-bottom: 20px; }

#discover_button { cursor: pointer; font-size: 0.9em; font-weight: bold; padding-bottom: 10px; color: #666666; }

body.homepage #footer .wrapper { margin: -55px auto 55px; }
body.homepage #footer h2 { margin: 0; }

#footer p,
#footer ul,
#footer ol { margin-bottom: 1.5em; }

#footer p { color: black; font-weight: normal; }

#footer strong { font-weight: bold; }

#content { position: relative; top: -440px; letter-spacing: -0.04em; }

#content h1 { font-size: 1.7em; }
#content h2 { font-size: 1.5em;  color: black; }
#content h3 { font-size: 1.35em; color: black; }
#content h4 { font-size: 1.2em; }

#content p,
#content li { line-height: 1.8em; }

#content .callout .side { float:left; width: 20%; margin-right: 10px; }
#content .callout > * { float:left; width: 75%; }

#left_column ul, #left_column ol { font-weight: normal; margin-left: 15px; list-style: disc outside; }

.tab { clear: both; float: none; }

#left_column { float: left; width: 552px; font-weight: bold; padding: 2%; background: white; }
#left_column .tabs a { width: 115px; padding: 10px; font-size: 1.1em; }
#left_column .tabs .ui-tabs-selected a { padding-bottom: 12px; }
#left_column .tab .tabs .ui-tabs-selected a { border-top: none; margin-bottom: 2px; }
#left_column .black_bg { font-size: 1.6em; }
#left_column .black_bg .grey { font-size: 0.8em; }
#left_column table { width: 100%; margin: 20px 0px; clear: right; }
#left_column table td { padding: 10px; }
#left_column table td.center { text-align: center; }
#left_column table td .button { font-size: 1em; width: auto; padding: 5px 10px; }
#left_column table td .button:hover { padding: 3px 8px; }
#left_column table th { padding: 10px; font-weight: bold; background: black; color: white; text-align: left; }
#left_column table th.center { text-align: center; }
#left_column table th.small { padding: 5px; font-size: 0.8em; }

#right_column { float: right; width: 270px; }

#right_column > div { margin-bottom: 20px; }

#bottom { position: relative; top: -440px; }

.divider { height: 2px; clear: both; float: none; margin: 5px 0px 10px; overflow: hidden; background: url('../img/dark_dots.png'); }

#listings { background: #1a1a1a url('../img/listings_bg.png') no-repeat 10px 10px; padding: 10px; color: white; }
#listings li a { display: block; font-weight: bold; background: url(../img/arrow.png) no-repeat 220px center; color: white; padding: 2px 0px; }
#listings li a span.title { display: block; float: left; width: 170px; }
#listings li a span.date { color: #666666;}
#listings li a:hover span { color: red; }
#listings #next { height: 75px; padding-left: 130px; padding-top: 55px; font-weight: bold; }
#listings #next a { color: red; }

#basket { color: black; position: relative; padding: 10px; background: #e6e6e6 url('../img/icons/basket.png') no-repeat 210px 10px; border: 4px solid black; }
#basket h2, #basket p { color: black; }
#basket h2 { font-size: 1.5em; margin-bottom: 20px; }
#basket .item { padding: 5px; padding-left: 50px; }
#basket .price { text-align: right; font-weight: bold; }
#basket .ticket { background: url('../img/icons/tickets.png') no-repeat; }
#basket .package { background: url('../img/icons/packages.png') no-repeat; }
#basket .bespoke { background: url('../img/icons/bespoke.png') no-repeat; }
#basket .hotel { background: url('../img/icons/hotels.png') no-repeat; }
#basket #unlock_basket { position: absolute; top: -4px; cursor: pointer; right: -20px; width: 20px; height: 60px; background: url('../img/unlock_basket.png'); }

.button { display: block; float: left; width: 150px; padding: 5px; background: black url('../img/arrow.png') no-repeat 130px center; color: white; font-size: 1.3em; font-weight: bold; }
.button:hover { color: white; background: #3F3F3F url('../img/arrow.png') no-repeat 128px center; border: 2px solid black; padding: 3px; }

#left_column ul.tabs { margin: 0; }
ul.tabs { clear: both; float: none; }
ul.tabs li { display: block; float: left; }
ul.tabs li a { display: block; color: white; background: #b3b3b3; border: 2px solid white; }
ul.tabs li a:hover { background: black; }
ul.tabs li.ui-tabs-selected a { background: black; border-bottom: none; border-left: none; border-right: none; }
ul.tabs li a.tickets { background-image: url('../img/icons/tickets.png'); background-repeat: no-repeat; background-position: 95% center; }
ul.tabs li a.packages { background-image: url('../img/icons/packages.png'); background-repeat: no-repeat; background-position: 95% center; }
ul.tabs li a.hotels { background-image: url('../img/icons/hotels.png'); background-repeat: no-repeat; background-position: 95% center; }
ul.tabs li a.bespoke { background-image: url('../img/icons/bespoke.png'); background-repeat: no-repeat; background-position: 95% center; }

#results { font-weight: bold; border: 4px solid #e6e6e6; background: white; }
#results ul.tabs li { width: 33%; }
#results ul.tabs li a { padding: 15px 15px 5px 5px; }
#results ul.tabs li.ui-tabs-selected { width: 34%; }
#results ul.tabs li.ui-tabs-selected a { padding: 17px 25px 7px 7px; }
#results .tab { padding: 10px; }
#results #last_race_title { background: black; padding: 10px; padding-top: 10px; color: white; }
#results table { font-weight: bold; width: 100%; }
#results table th { background: #ededed; padding: 5px 3px; font-weight: bold; }
#results table td { padding: 3px; font-weight: bold; background: url('../img/dark_dots.png') repeat-x bottom left; }

* { line-height: 1.5em; }

.tick { height: 23px; width: 23px; background: url('../img/icons/tick.png') no-repeat; }

.info { cursor: help; height: 16px; float: left; margin-right: 10px; width: 16px; background: url('../img/icons/info.png') no-repeat; }

#main_banner { margin-bottom: 20px; }

#subnav { float: right; width: 200px; margin-left: 20px; margin-bottom: 20px; }
#subnav ul { list-style: none; margin-left: 0; }
#subnav li a { display: block; padding: 5px 10px 5px 20px; border-bottom: 1px dotted #b3b3b3; background: url('../img/small_arrow.png') no-repeat 10px center; }
#subnav li a:hover { background-color: #333333; color: white; border-bottom: 1px solid #333333; }
#subnav li.active a { border-bottom: 1px solid #333333; background-color: #333333; color: white; }

#s1 div.overlay { position: relative; }
#s1 div.overlay span { position: absolute; left: 0; top: 0; }
#s1 div.overlay span.paddock_club { background: url('../img/overlays/paddock_club.png'); }

img.square_thumb { width:50px; height:50px; padding:2px; border: 2px solid #ddd; margin-right:5px; margin-bottom:5px; }

#left_column p a, #left_column h5 a {
  color:#ff0000;
  border-bottom:1px dashed #ff0000;
}

#left_column p a:hover {
  border-color:#000000;
  border-style: solid;
}

#left_column p a.button {
  color:#ffffff;
  border-bottom:none;
}



#left_column table.tickets tbody tr.splitter td {
height:2px;
overflow: hidden;
padding:0px;
margin:0px;
background: url('../img/dark_dots.png') repeat-x bottom left !important;
}

.hentry {margin-bottom:50px;}

#bottom .wrapper {background:#fff;margin-top:20px;padding:0px 20px;width:840px;}

#theshoppingcart{
	float: left;
}

a#topshoppingcheckout{
	width: 88px;
	height: 21px;
	display: block;
	background-color: #c4c4c4;
	color: white !important;
	text-align: center;
	padding-top: 2px;
	margin-top: 4px;
	font-weight: bold;


}

a#topshoppingitems{
  width: 73px;
	height: 21px;
	padding-top: 2px;
	display: block;
	background-color: #efefef;
	color: #808080 !important;
	text-align: center;
	background-image: url('../img/shoppingbasket.png');
	background-position: 10px 4px;
	background-repeat: no-repeat;
	padding-left: 15px;
	font-weight: bold;
}

ul#footer-nav li {
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  color: black;
  width: 210px;
  line-height: 3.4em;
}

.homepage ul#footer-nav li {
  width: 220px;
}

ul#footer-nav li ul li {
  float: none;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 0.8em;
  
}

ul#footer-nav li ul li a {
  color: #999999;
}

ul#footer-nav li ul li.more {
  margin-top: 10px;
  color: black;
}

#footer-logos-container {
  text-align: center;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  width: 100%;
  height: 105px;
}

#footer-logos img {
  margin-top: 27px;
}

.homepage #footer-logos {
  margin-left: 20px;
}

#footer-links {
  margin-top: 19px;
  float: right;
}

#footer-links li {
  float: left;
}

#footer-links li #facebook {
  margin-top: 15px;
  margin-right: 20px;
}

#footer-links li #twitter {
  margin-top: 15px;
}

#footer h6 {
  font-size: 11px;
  color: black;
  font-weight: bold;
  margin-top: 32px;
}