.raceformats
{float:left;
width:400px;
height:80px;
position:relative;
margin: 10px 0 10px 0;}

.raceformats h2
{font:italic 21px/20px Impact;
color:#FFFFFF;
padding:4px 0 0 5px;
text-shadow: 2px 2px 2px #000;
letter-spacing:normal;}

.raceformats p
{color:#FFFFFF;
padding:8px 30px 0 5px;
text-shadow: 2px 2px 2px #000;}

.endurance
{background: url(../img/endurancebg.png) no-repeat 0 0;}

.sprint
{background: url(../img/sprintbg.png) no-repeat 0 0;}

.kidsparties
{background: url(../img/kidspartiesbg.png) no-repeat 0 0;}

.raceacademy
{background: url(../img/raceacademybg.png) no-repeat 0 0;}

.stagandhen
{background: url(../img/staghenbg.png) no-repeat 0 0;}

.juniorclub
{background: url(../img/juniorclubbg.png) no-repeat 0 0;}

.arriveanddrive
{background: url(../img/arriveanddrivebg.png) no-repeat 0 0;}

.vouchers
{background: url(../img/voucherbg.png) no-repeat 0 0;}

.openracesevents
{background: url(../img/openracesbg.png) no-repeat 0 0;}

.youthgroups
{background: url(../img/youthgroups.png) no-repeat 0 0;}


.raceformats a
{display:block;
width:400px;
height:80px;
position:absolute;
top:0;
left:0;}

p.filetype, p.drivers
{font-size:10px;
padding:0 0 6px 0;
color:#252323;}

a.filedownload::after
{content:  url('../img/download.png');}

a.fileview::after
{content:  url('../img/viewfile.png');}

.grandprix, .superprix, .megaprix
{float:left;
width:165px;}

.sidebar div fieldset
{width:200px;}

.sidebar div label
{color:#d5d8d9;}

.sidebar div input
{width:150px;}

.sidebar div input.submit
{width:100px;
height:20px;
cursor:pointer;
padding:0;
margin:10px 0 0 0;}

address
{margin:10px 0 0 0;
padding-top:10px;
color:#252323;
font: bold 14px/18px Arial, sans-serif;}

address img
{float:left;
margin-top:-5px;}

/*.faqs h2	{ cursor:pointer; display:inline; float:left; clear:both;}
.faqs div { height:0; overflow:hidden; position:relative; clear:both; }
.faqs div p	{ padding:0; margin-bottom:15px; }*/

p.question
{font-weight:bold;
padding:0;
margin:0;}

p.answer
{padding:0;
margin:0 0 15px 0;}

p.answer:first-letter, p.question:first-letter
{font-weight:bold;
color:#FF0000;}

div p:last-child
{padding:0;
margin:0;}

div.headerimage p:last-child
{margin:5px 0 5px 10px;}

div.headerimage a
{text-decoration:none;
color:#66b5d9;}

div.headerimage a:hover
{text-decoration:underline;}

.faqs ul li
{padding:1px 0 1px 19px;
background: url(../img/arrows.png) no-repeat 0 6px;}

.faqs a[href="#"]
{padding:1px 0 1px 19px;
background: url(../img/arrows.png) no-repeat 0 4px;}

.sitemap ul li
{padding:1px 0 1px 19px;
background: url(../img/arrows.png) no-repeat 0 6px;}

.sitemap ul li ul li
{background:none;
padding:1px 0 1px 0;
margin-left:-10px;}

#coldmenu
{float:left;
width:230px;
margin:0 30px 0 0;}

#rightmenu
{float:right;
width:230px;}

#coldmenu span.cold, #hotmenu span.hot, span.kidsmenu
{font-weight:bold;
}

.racewear p
{margin-top:0;
margin-bottom:0;}

.racewearBox
{float:left;
width:150px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip p, #tooltip div { margin: 0; }


#tooltip.info {
font-family: Arial;
border: none;
width: 255px;
padding:15px;
opacity: 0.85;
border:3px solid #000000;
-moz-border-radius:1em;
border-radius:1em;
-webkit-border-radius:1em;
background:#FFFFFF;}

#tooltip.info p {
margin-bottom: 0.75em;
font-size: 12px;
width:255px;
}
#tooltip.info div { width: 255px; text-align: left; }

span.price
{font-style:italic;}

.raceweargallery p
{padding:0;
margin:0;}

.info img
{cursor:help;}

.karts p img
{float:left;}

.pullquote
{padding:0;
clear:both;
margin:40px 0 0 0;}

.pullquote p {
    margin:0 20px 0 0;
    padding:0 40px 0 0;
    font: italic 12px/15px  Georgia, "Times New Roman", Times, serif;
}

.feedback p {
    font: italic 12px/15px  Georgia, "Times New Roman", Times, serif;
}

.feedback a
{font: normal 12px/18px Arial, sans-serif;
padding:1px 0 1px 19px;
margin-top:3px;
background: url(../img/arrows.png) no-repeat 0 4px;}
 
.pullquote p:after {
    content: "” ";
    font-weight: bold;
    font-size:40px;
    float:right;
    margin:16px 5px 0 20px;
    padding:0;
}
.pullquote p:before {
content: "“ ";
font-weight: bold;
font-size:40px;
float:left;
margin:6px 5px 0 0;
}

.feedbackname
{border-bottom:1px solid #4b585f;
clear:both;
float:right;
margin:0 0 40px 0;
width:200px;}

.feedbackname p
{color:#0f4d8c;
font-size:12px;
font-weight:bold;}

.flags p img
{float:left;
margin-right:5px;}

.flags p
{clear:both;
padding-bottom:2px;}

.flags p span
{font-weight:bold;}

ul#links li
{background:none;
padding-left:5px;}

ul#voucher
{list-style-type:disc;}

img[src="img/newsborder.jpg"]
{margin:0;
padding:0;}

.expressinn img, .premierinn img
{float:left;
margin:5px 20px 0 0;}

.premierinn
{clear:both;}

.staghenoption
{float:left;
width:250px;}

a.dp-choose-date {
	float: left;
	height: 16px;
	padding: 0;
	margin:4px 0 0 3px;
	display:inline;
	text-indent:10px;
	background: url(../img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 160px;
	float: left;
}
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
	margin:auto;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	margin-left:-50px;
	background:#292927;
	font-size: 11px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 211px;
	height:195px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
.dp-close-div
{margin:auto;
width:211px;
text-align:center;}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color:#00CCFF;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup a:hover {
	color:#FFFFFF;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 180px;
	left: 4px;
	width: 150px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 180px;
	right: 4px;
	width: 150px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}