*{ margin:0; padding:0;}
body {font-family:Arial,Helvetica,sans-serif;
font-size:12px;background-image: url(/images/pic_background.jpg);
}

#bodywrapper {width:960px; text-align:center; margin: 0px auto; background-image:none; background-color: #FFF; clear:both; }
/*#wrapper {margin:0px 10px;} */
#header {width:960px; text-align:center; margin-left:auto; margin-right:auto;}
a {text-decoration:none; border:0;}
#topnav{width:960px; background-color: #CC0000; height:26px;}
#topnav ul {padding-top:6px;}
#topnav li {display:inline; margin: 0px 40px;}
#topnav a {color:#FFF; font-weight: bold;}
#topnav a:hover, #footer a:hover {color:#DDD;}
#content {margin:0px 10px;}
#content .columnwrapper { margin-left:5px; float:left;}
.leftcolumn {width:260px;float:left;}
.leftcolumnmain {width:200px;float:left;}
.leftcolumnmain img {margin-bottom:3px;}
.maincolumn {float:left; width:480px; text-align:justify;}
.maincolumn p {margin-bottom:10px; }
.maincolumnmain {float:left; width:540px; text-align:justify;}
.maindoublecolumn {float:left; width:675px; text-align:justify;margin:0; }
#mainimage {margin:  auto;  text-align:center; clear:both;}
.rightcolumn {float:left; width:190px;}
#content .rightcolumn img {margin:0px 3px 5px 3px;}
#content .leftcolumn img {margin:0px 0 5px 0;}
/* left column */
.leftcolumnheading, .maincolumnheading {font-weight:bold;background-color: #CC0000;color:#FFF; padding:8px 0px; margin-bottom:5px; text-align:center;font-size:16px;}

/*racelists */
#leftcolumnracelist {background-color: #333;color:#FFF; padding-left:2px;}
#leftcolumnracelist a{color:#FFF; background-color: #333;}
#leftcolumnracelist span{color:#FFF;}
#leftcolumnracelist li {padding-top:2px; clear:both;font-size:12px; 
  /*  line-height:20px; */
    font-weight:bold; text-align:left;overflow:hidden;}
#leftcolumnracelist li:hover, #leftcolumnracelist li:hover a {background-color:#4f494f}
#content #leftcolumnracelist li img {float:left;margin-right:3px; padding:0; height:20px;margin-top: 0px;}

 
/*rightcolumns */
#raceflag { float:left; margin:0 5px;}
.racepackageitem { clear:both;}
#bodywrapper #wrapper #content .maindoublecolumn .packagename {font: italic bold 16px Arial, sans-serif; color:#081f2e; margin-left:15px; margin-top:5px; clear:both;}
.maindoublecolumn .packageblock {clear:both; padding-top:5px;}
/* general admission */
.racepackagegeneral {background: url(/images/grandstand-block-bg.jpg) ; background-repeat: repeat-y; color:#FFF;}
.racepackagedesc { padding: 20px 20px 0 20px;}
.racepackagegeneraltop {background: url(/images/grandstand-block-top.jpg) ; background-repeat: no-repeat; width:675px;}
.racepackagegeneralbottom {background: url(/images/grandstand-block-bottom.jpg) ; background-repeat: no-repeat; height:26px;}
/* corporate */
.racepackagecorporate {background: url(/images/corporate-block-bg.jpg) ; background-repeat: repeat-y; color:#FFF;}

.racepackagecorporatetop {background: url(/images/corporate-block-top.jpg) ; background-repeat: no-repeat; width:675px;}
.racepackagecorporatebottom {background: url(/images/corporate-block-bottom.jpg) ; background-repeat: no-repeat; height:23px;}
.racepackagetitle p {padding-top:0px; margin-left:5px;}
 .packagepricing {font: italic bold 14px Arial, sans-serif; color:#fff; margin-right:35px; margin-top:3px; clear:both; float:right;}
 .packagepricing:hover, #bodywrapper #wrapper #content .maindoublecolumn .packagename:hover {color:#CC0000;}
 .clear{clear:both;}
 #content{margin-top:8px;}
 .maincolumncontent {margin:0 8px;}
.pagecontent {padding:5px 15px 15px 10px}
.pagecontent h1 {margin-bottom:3px}
.daysleft {font-size:52px; width:90px; float:left; color:#F00}

.daystogo {color:#CECECE; font-size:20px; float:left; width:80px;}
.packagedaystogowrapper .daystogo {font-size:14px; margin-top:4px;}
.racepagedaystogo { margin:5px 0 15px 15px; text-align:center;}
.racepagedesc {float:left; width:540px; text-align:center;}
.racepagedescwrapper {float:left; text-align:left;}
/* race package page */
.packagepageheaderwrapper{clear:both; margin-bottom:3px;}
.packagepagedesc {width:260px;float:left;}
.packagepagedesc li { list-style-type: disc;}
.packagepagedesc ul {margin-left:15px;}
.packageflag {width:190px;float:right;}
.packageflag dl {width:190px;}
.packagedaystogowrapper {float:left;width:190px; }
.racepagedaystogowrapper {float:left;width:100px; }
/* Race Ticket Listings */
#wrapper #content #racetickets td {
border-bottom:2px solid #F1F0EA;
clear:both;
}
#wrapper #content #racetickets tr {
border-bottom:4px solid #F1F0EA;
clear:both;
}
/* table styles */
#wrapper #content #racetickets tr{font-size:12px; text-align:left; }
#wrapper #content #racetickets td{padding-top:5px; padding-bottom:5px;}
#wrapper #content #racetickets h3 {color:#FFF; }
#racetickets tr{border:1px solid #B7C3CC;}
#wrapper #content #racetickets .ticket-book a{color:#ff0000; font-weight:bold;text-decoration:none;}
#racetickets th {background-image: url(/images/tableheader.gif) ; background-repeat: repeat-x; font-size:16px; padding-top:3px; padding-bottom:3px;}
#corporatemaindoublecolumn #racetickets .ticketheaders {background-image: url(/images/corporatetableheader.gif); color:#FFF;}
#racetickets {border:1px solid #B7C3CC; width:675px;}
#racetickets tr{border:1px solid #B7C3CC;}
.alt  {background-color: #f5f2ed;}


/* list styles */
#wrapper #content #racetickets li{font-size:12px; text-align:left; }
#wrapper #content #racetickets li{padding-top:5px; padding-bottom:5px;}
#wrapper #content #racetickets h3 {color:#FFF; }
#wrapper #content #racetickets .ticket-book a{color:#ff0000; font-weight:bold;text-decoration:none;}
#racetickets th {background-image: url(/images/tableheader.gif) ; background-repeat: repeat-x; font-size:16px; padding-top:3px; padding-bottom:3px;}
#corporatemaindoublecolumn #racetickets .ticketheaders {background-image: url(/images/corporatetableheader.gif); color:#FFF;}
#racetickets {border:1px solid #B7C3CC; width:675px;}
#racetickets li{border:1px solid #efefef; clear:both;}
.over  {background-color: #EBE9DC;}

/* Accommodation Lists */
.accommodationlist {clear:both; padding-left:5px;padding-top:10px;}
#content .accommodationlist h2 {font-size:16px; color: #081f2e; margin-top:2px;margin-bottom:10px;}
#content .accommodationlist p {font-size:12px; color: #b2b1a8; }
.accommodationlist li {clear:both; border: 2px solid #f1f0Ea; height:80px;padding-top:3px;padding-bottom:3px;} /**height:65px;**/
.accommodationlist li:hover {background-color: #EBE9DC;}
.accommimg { margin-right:2px; text-align:center;}
/* Accommodation Ratings */
.leftaccommlisting {float:left;width:250px;}
.rightaccommlisting {float:left;width:330px;}
.accommimage {width:80px; float:left; text-align:center; margin-left:auto; margin-right:auto;}
.rightaccommlisting table {margin-left:25px; font-size:12px; width:300px;}
.rightaccommlisting th, .rightaccommlisting td{border:1px solid #B7C3CC;}
.rightaccommlisting td, .rightaccommlisting th {border: 1px solid #c2c7c5; padding: 3px 5px;}
.rightaccommlisting th {background-image: url(/images/tableheader.gif) ; background-repeat: repeat-x;}
/* forms */
input, select, textarea {width:350px;background:#FFFFFF url(/images/tralt-bg.jpg) repeat-x scroll left top;border:1px solid #DCD9C6;color:#5B5E56;display:block;font-family:"Lucida Grande","Lucida Sans",sans-serif;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;line-height:18px;}
textarea {height:150px;}
/* corporate specific */
#corporatemaindoublecolumn #racetickets .ticketheaders, #corporatemaindoublecolumn .rightaccommlisting th, #corporatemaindoublecolumn #accommodationbookingtableheader,#corporatemaindoublecolumn #ticketbookingheader{background-image: url(/images/corporatetableheader.gif); color:#FFF;background-repeat:repeat-x;

font-size:12px;
padding-bottom:3px;
padding-top:3px;}
#racetickets td { padding-top:3px; border:1px;}
/* general specific */
#generalmaindoublecolumn #racetickets .ticketheaders,#generalmaindoublecolumn .rightaccommlisting th, #generalmaindoublecolumn #accommodationbookingtableheader,#generalmaindoublecolumn #ticketbookingheader {background-image: url(/images/generaltableheader.gif); color:#FFF;background-repeat:repeat-x;font-weight:bold;
font-size:12px;
padding-bottom:3px;
padding-top:3px;}
#generalmaindoublecolumn #ticketbookingheader {background-image: url(/images/generaltableheader.gif); 

font-size:14px;
margin:2px;
padding:5px;
	font-weight:bold;
	
	color:#FFF;
}
.ticketheaders {font-weight:bold;padding:4px 0;}
/* footer */
#footer, #licence {background-color: #CC0000; margin-left:10px; margin-right:10px; clear:both; padding-top:5px;padding-left:5px;padding-bottom:5px;color:#FFF;}
#leftfooter {float:left; width:350px; text-align:left;}
#licence {background-color: #111;font-weight:bold}
#licence .horspacer {padding: 0 10px}
#rightfooter {float:right; width:560px; text-align:right;}
#footer li {display:inline; margin-right:10px; color:#FFF;font-size:12px;font-weight:normal;}
#footer a { color:#FFF; font-weight:bold;}
.webdesignlink {margin:5px 15px; font-size:12px; float:right;  clear:both;}
/* booking page */
#accommodationbookingtable .hiddenfield, #bookingsection .hiddenfield, .cartticketitem .hiddenfield {display:none; border:none;}
#accommodationbookingtable select.bookingselectvalue, #accommodationbookingtable select.bookingnightsbefore, #accommodationbookingtable select.bookingnightsafter, #ticketbookingtable select.bookingselectvalue, #ticketbookingtable select.ticketqtyselect { width:45px;}
#accommodationbookingtable select.bookingroomtype { width:200px;}
.width100{width:100px; float:left;}
.width50{width:50px; float:left;}
.width70{width:70px; float:left;}
.width80{width:80px; float:left;}
.width150{width:150px; float:left;}
.width200{width:200px; float:left;}
.width270{width:270px; float:left;margin-right:10px;}
.width300{width:300px; float:left;}
.width400{width:400px; float:left;}
.width450{width:450px; float:left;}
.steptitle {font-size:14px; margin: 6px 10px;font-weight:bold;}
#shoppingcart .steptitle {font-size:16px; margin: 10px 10px;}
#ticketbookingtable, #accommodationbookingtable {border:1px solid #B7C3CC; width:669px;margin-left:2px; padding-left:5px;}
.accommname, .ticketname, .ticketprice, .tickettype, .subtotal {padding-top:6px;}
 .ticketqty {padding-top:3px;}
.ticketbookingdata {border-bottom:1px solid #B7C3CC; }
/*shopping cart */
#shoppingcart {background: url(/images/shoppingcart-bg.jpg) ; background-repeat: repeat-y; color:#000;}
#shoppingcart .shoppingcarttop {padding-left:15px;}
.shoppingcarttop {background: url(/images/shoppingcart-top.jpg) ; background-repeat: no-repeat; width:675px; }
.shoppingcartbottom {background: url(/images/shoppingcart-bottom.jpg) ; background-repeat: no-repeat; height:23px;}
#wrapper #content #shoppingcart .shoppingcarttop h1 {font-size:18px; text-align:center; padding-top:5px; padding-bottom:5px;}
.ui-tabs-hide { display: none; }
#shoppingcartaccomm, #shoppingcarttickets, #shoppingcartgrandtotal {margin-left:10px;}

.corporatelist {background-image: url(/images/corporatetableheader.gif); color:#FFF;background-repeat:repeat-x;
font-size:14px;
padding-bottom:3px;
padding-top:3px;margin-top:4px;margin-bottom:2px;font-weight:bold}
.corporatelist a {color:#FFF;}
.cartticketitems {clear:both;}
.newline {clear:both; padding-top:2px;}
.generallist {background-image: url(/images/generaltableheader.gif); background-repeat:repeat-x;
font-size:14px;
padding-bottom:3px;
padding-top:3px;margin-top:4px;margin-bottom:2px;font-weight:bold}
.generallist a {color:#FFF;}
.enquirebtn { margin-left:5px;}
.bookbtn {margin-left:5px;}
.cartticketitem .ticketsummaryqty {width:20px; display:inline; padding:0;}
/* new booking page */
#accommroomtable td, #accommroomtable th{width:200px;padding:3px;}
#accommroomtable th {font-size:16px;font-weight:bold;}
.ticketadd-div{width:40px;float:left;}
.ticketpricebook {width:60px;float:left;}
.ticketbookingdata .ticketdesc-book {margin: 3px 0;}
.ticketbookingdata .ticketpricebook {margin: 5px 0;}
.ticketbookingdata .ticketadd-div {margin: 3px 0;}
.ticketdesc-book {width:290px; float:left;padding-right:6px;}
dl { width: 680px; }
dl,dd { margin: 0; }
	.accordianheader, .shoppingcartheading { background: #333; font-size:14px; font-weight:bold; padding: 5px; margin: 2px; color:#888;}
        .accommodationbookingtabledata {padding: 5px; margin: 2px;}
	.shoppingcartheading {color:#FFF;}
	.accordianheader a { color: #FFF; }
	dd a { color: #000; }
	#shoppingcarttickets .cartticketitem div, #shoppingcartaccomm div {margin-bottom:2px;}
	#leftordersummary {float:left;width:470px;padding:4px 0 8px 0;}
	#rightordersummary {float:left;width:200px;}
	#rightordersummary input, #rightordersummary select, #currencyconvert select, #currencyconvert input {width:140px; margin-bottom:2px;}
	#currencyconvert select, #currencyconvert input {width:160px; margin-bottom:2px;}
	#rightordersummary dt, #currencyconvert dt {display:none;}
	#currencyconvert dl {width:200px; display:inline;}
	.packageflag form, .packageflag p {text-align:center;margin: 10px 30px; }
	.packageflag p {font-size:12px;}
.bookingselectvalue{width:100px}
.bookingnightsbefore, .bookingnightsafter {width:250px;}
.packageflag select, .packageflag input {width:140px; margin-bottom:2px;}
#currencyconvert {clear:both; padding-left:15px;}
.packageblock {cursor: pointer;
}
.packageblock ul li, .packagenotes ul li {list-style: disc inside;}
.packagenotes {margin-top:8px;}
#leftcolumnracelist ul {margin-bottom:0;padding-bottom:1px;}
#Orderdetails {clear:both; margin-top:15px;}
#currencyselect input{ border:0;}
/* =========== star ratings ===============  */
.stars {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    width:78px;
    height:17px;
    margin:0;
    padding:0;
}
.stars li { 
    display:inline;
    width:12px; 
    height:17px;
    background-image: url('/images/icons/rating-star.gif');
    background-position: 0 -24px;
    float:left;
    padding-left:0;
    margin:0;
}
.stars li.nostar {
    background-position: 0 0;
}
.accommodationlist .stars li {clear:none;}
#loading {

width:80px;
height: 40px;
position: fixed;
top: 50%;
left: 50%;
background:url(/images/loading.gif) no-repeat 40px 32px #fff;
text-align:center;
padding:10px 10px 10px 10px;
font:normal 14px Verdana,Tahoma, Geneva, sans-serif;
border:1px solid #666;
margin-left: -50px;
margin-top: -50px;
z-index:100;
overflow: auto;
display:none;
}
#contactform, #checkoutform{margin-top:10px;clear:both;}
#contactform li, #checkoutform li {clear:both;margin:3px;}
#contactform li label, #checkoutform li label{float:left;width:150px;text-align:right;margin-right:15px;}
/*#contactform li input, #contactform li select ,#contactform li textarea, #checkoutform li input,  #checkoutform li select, #checkoutform li textarea{ float:left;width:300px;margin-top:12px;}*/
#contactform .submit, #checkoutform .submit {text-align:center;margin-left:168px;}
#checkoutform #race_id {display:none;}
#checkoutform button, #paymentform button {float:left;margin-left:165px;text-transform:uppercase;font-size:10px;padding:3px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;-moz-border-radius:3px;margin-top:5px;}
#selectaccommodation {clear:both;}
.blockpic {float:right; margin-top:5px;}
#shoppingcartaccomm .accommtotal {margin-bottom:6px;}

.errors {clear:both;
	background: #e6ebc2 url(/images/icon-wrong.gif) 10px center no-repeat;
	display: block;
	border: 1px solid #8da330;
	padding: 5px 5px 5px 45px;
	width: 300px;
        margin: 6px 0px 6px 165px;
	}
        #contactform li {margin-top:12px;}
        #contactform .errors li {margin:0;}
        .removebutton {font-size:10px; height:18px;padding:0;}
.center {
    text-align:center;
}

#contactform ul li input, #contactform ul li select, #contactform ul li textarea,
#checkoutform ul li input, #checkoutform ul li select, #checkoutform ul li textarea{float:left;}
.bookingcomplete {padding:15px; text-align:left;}
.bookingcomplete h2 {font-size:14px; font-weight:bold; margin-bottom:4px;}

/* ================= Terms Pages ===================== */

.terms {text-align:left;padding:10px;}
.terms h2 {font-size:18px;}
.terms h3 {font-size:14px; font-weight:bold; margin-top:4px;margin-bottom:4px;}
.terms p {font-size:100%;margin:8px 0;}

/* ====================== Payment Page ========================= */
#paymentblock {width:45%; float:left;padding:15px;}
.bookingcomplete {float:left; width:48%;}
.paymentheading {font-size:14px;font-weight:bold;}
.completeblock {margin:10px 0;clear:both;}
#paymentblock dl{width:100%;}
#paymentblock label{width:150px;float:left;}
#paymentblock input, #paymentblock select {width:250px;float:left;}
#paymentblock li {clear:both; padding:8px;}
#paymentblock .checkbox label {float:left;
text-align:left;
width:200px;margin-left:90px;}
#paymentblock .checkbox input {width:0px;}
#paymentblock p{margin:0;}