html,body {
	background:#01234C url(../images/frontend/body_bg.gif) top repeat-y;
	margin:0;
	padding:0;
	font:0.9em arial, sans-serif;
}

a {
	color:#0274b2;
}

a, .form-buttons input {
	outline:none;
}

label {
	cursor:pointer;
}

#column {
	width:760px;
	margin:0 auto;
	padding:0;
	background:#fff;
}

#header {
	padding:100px 0 0 0;
	position:relative;
}

#header h1 {
	margin:0;
	padding:0;
	height:74px;
	width:193px;
	background:url(../images/frontend/logo.gif) top left no-repeat;
	position:absolute;
	top:10px;
	right:15px;
}

#header h1 a {
	display:block;
	height:74px;
	width:193px;
}

#header h1 a span {
	display:none;
}

#header p {
	position:absolute;
	top:10px;
	left:0;
	margin:0;
	padding:15px;
	color:#585858;
}


#menu {
  background:;
  padding:0 0 2.5em 0;
}

#homepage #menu {
  padding-bottom:0;
}

/*body.photography #menu,
body.events #menu,
body.account #menu,
body.contact-us #menu*/
#menu {
  padding-bottom:5px;
  background:#001732;
}

#menu ul {
  margin:0;
  padding:0 5px;
  list-style:none;
  height:40px;
  position:relative;
  background:#f1f1f1 url(../images/frontend/menu/bg.gif) bottom repeat-x;
}

#menu ul li,
#menu ul li a {
  display:block;
  height:40px;
  color:#464646;
  z-index:100;
  float:left;
  margin:0;
  padding:0;
}

#menu ul li a {
  line-height:40px;
  padding:0 9px;
  text-decoration:none;
  font-weight:bold; 
}

#menu ul li a:hover {
  color:#000;
  text-decoration:none !important;
}

body#index #menu ul li.index,
body#site #menu ul li.index,
body#order #menu ul li.order,
body#order_list #menu ul li.order_list,
body#order_summary #menu ul li.order_summary,
body#cancellations #menu ul li.cancellations,
body#login #menu ul li.login,
body#password #menu ul li.password,
body#user #menu ul li.my_account,
#menu ul li.active {
  z-index:1;
  margin:0 -12px;
  background:url(../images/frontend/menu/active_left.gif) left no-repeat;
}

body#index #menu ul li.index,
body#site #menu ul li.index {
  margin-left:0;
}

body#index #menu ul li.index a,
body#site #menu ul li.index a,
body#order #menu ul li.order a,
body#order_list #menu ul li.order_list a,
body#order_summary #menu ul li.order_summary a,
body#cancellations #menu ul li.cancellations a,
body#login #menu ul li.login a,
body#password #menu ul li.password a,
body#user #menu ul li.my_account a,
#menu ul li.active a {
  z-index:1;
  padding:0 35px;
  color:#fff;
  background:url(../images/frontend/menu/active_right.gif) top right no-repeat;
}

body.homepage #menu ul li.homepage ul,
body.news #menu ul li.news ul,
body.features #menu ul li.features ul,
body.races #menu ul li.races ul,
body.team #menu ul li.team ul,
body.corporate #menu ul li.corporate ul,
body.car #menu ul li.car ul,
body.infohub #menu ul li.infohub ul,
body.multimedia #menu ul li.multimedia ul,
body.downloads #menu ul li.downloads ul,
body.photography #menu ul li.photography ul,
body.events #menu ul li.events ul,
body.contacts #menu ul li.contacts ul,
body.account #menu ul li.account ul,
body.contact-us #menu ul li.contact-us ul,
body#user #menu ul li.my_account ul,
#menu ul li.active ul {
  display:block;
}

#menu ul li ul {
	position:absolute;
	display:none;
	width:830px;
	padding:0 10px !important;
	margin:0;
	list-style:none;
	background:#001936 url(../images/frontend/menu/sub_menu_bg.gif) bottom repeat-x;
	z-index:200;
	left:0;
	top:40px;
	height:auto;
}

#menu ul li ul li {
  background:none !important;
  padding:0 !important;
  margin:0 15px 0 0 !important;
  line-height:auto;
  height:2.5em;
}

#menu ul li ul li a {
  background:none !important;
  padding:0;
  margin:0;
  height:2.5em;
  line-height:2.5em;
  color:#c4c4c4 !important;
}


#menu ul li ul li a.active {
  color:#fff !important;
  background:url(../images/frontend/menu/sub_menu_active.gif) bottom no-repeat !important;
}

#menu ul li ul li {
  margin:0;
  background:none;
}

#menu ul li ul li a {
  padding:0 !important;
  color:#fff;
  background:none;
}

#footer {
	border-top:1px solid #e8e8e8;
	margin-top:20px;
	padding:15px;
}

#footer p {
	font-size:85%;
	color:#989898;
	text-align:right;
}

#footer p a {
	color:#878787;
}

#content {
  padding:0 15px;
}

/************************/
/**** Flash Messages ****/
/************************/

.flash_error {
	border-top:1px solid #f6bfbf;
	background:url(../images/frontend/messages/error_bg.gif) top repeat-x;
}

.flash_error p {
	margin:0 0 0 5px;
	padding:8px 5px 8px 20px;
	background:url(../images/frontend/messages/error_icon.gif) left no-repeat;
	color:#df6969;
}

.flash_success {
	border-top:1px solid #5db64a;
	background:url(../images/frontend/messages/success_bg.gif) top repeat-x;
}

.flash_success p {
	margin:0 0 0 5px;
	padding:8px 5px 8px 20px;
	background:url(../images/frontend/messages/success_icon.gif) left no-repeat;
	color:#5db64a;
}

.flash_warning {
	border-top:1px solid #f3ef7a;
	background:url(../images/frontend/messages/warning_bg.gif) top repeat-x;
}

.flash_warning p {
	margin:0 0 0 5px;
	padding:8px 5px 8px 20px;
	background:url(../images/frontend/messages/warning_icon.gif) left no-repeat;
	color:#41413a;
}


/*************************/
/***** Boxes Styling *****/
/*************************/
.box .content {
	background:#b0d2e7 url(../images/frontend/boxes/order_summary_bg.gif) top repeat-x;
	border-top:1px solid #84afc9;
	padding:10px;
}

.box .content h3 {
	font-size:130%;
	color:#4e4f4f;
	font-weight:bold;
	margin:0;
	padding:0;
}

form .box .content h3 {
	font-size:100%;
	color:#fff;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:10px;
	background:#27648b;
}

form .box .content h3 a {
  color:#fff;
  text-decoration:none;
}

/************************/
/***** Form Styling *****/
/************************/
fieldset {
  padding:0;
  border:1px solid #92bad3;
  margin-bottom:20px;
  background:#e1f0f9;
}

fieldset h3 {
	font-size:100%;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:5px;
	background:#a3c7de;
}

fieldset .form-even {
  background:#f0f9ff;
}

.form-wrapper {
	background:#e7f6ff;
	border-top:1px solid #add0e6;
}

.form-item {
	padding:10px;
  border-bottom:1px solid #9bc2da;
}

.form-label {
  width:180px;
  float:left;
  margin-right:10px;
}

.form-label label,
.form-label span {
	display:block;
  color:#6e6e6e;
  cursor:pointer;
  font-size:100%;
  font-weight:bold;
  text-align:right;
  width:180px;
  line-height:40px;
  margin:0;
}

.form-label span.required {
  display:inline;
  width:auto;
  text-align:left;
  line-height:auto;
}

.form-item .form-field,
.form-item .form-text {
	float:left;
}

.form-item .form-text {
	border-left:1px solid #bbdcf2;
	padding-left:10px;
}

.form-item input {
	background:#fff;
	border:1px solid #bbdcf2;
	padding:5px;
	font-size:180%;
	color:#6e9cba;
}

.form-item .form-desc p {
	font-size:85%;
	color:#6e6e6e;
	margin:5px 0 0 0;
}

.form-item textarea {
	background:#fff;
	border:1px solid #bbdcf2;
	padding:5px;
	color:#6e9cba;
}

.form-checkbox {
	padding:10px 10px 10px 200px;
}

.form-checkbox .form-field {
	float:left;
	margin-right:5px;
}

.form-checkbox .form-text {
	border-left:1px solid #bbdcf2;
}

.form-checkbox .form-label,
.form-checkbox .form-label label {
	width:auto;
	display:inline;
	margin:0;
	line-height:1.2em;
}

.form-buttons {
	margin-top:10px;
	padding-left:200px;
}

.formError {
	color:#d33c3c;
	font-weight:bold;
}

#modal_container {  
	padding:0;  
	background-color:#fff;  
	border:1px solid #666;  
	overflow:none;  
	font-family:"Lucida Grande",Verdana;  
	font-size:12px;  
	color:#333;  
	text-align:left;  
	width:750px;
	height:520px;
}

#modal_overlay {  
  background-color:#000;  
}

.modal_top {
	background:#fff;
	height:50px;
	position:relative;
}

.modal_top a {
	display:block;
	height:10px;
	width:10px;
	background:url(../images/frontend/modal/close.gif);
	position:absolute;
	top:10px;
	right:10px;
}

.modal_top a span {
	display:none;
}

.modal_top h2 {
	font-size:180%;
	color:#4e4f4f;
	margin:0;
	padding:0 20px;
	line-height:50px;
	font-weight:normal;
	letter-spacing:-0.05em;
}

.modal_content {
	overflow:auto;
	padding:20px;
	height:425px;
	background:url(../images/frontend/modal/content_bg.jpg) top repeat-x;
}

.modal_content .downloads {
  float:right;
  background:#fff;
  padding:0;
  margin:0 0 20px 20px;
  border: 1px solid #DCDCDC;
  border-bottom:0;
  width:250px;
}

.modal_content h3 {
  padding:10px;
  margin:0;
  border-bottom: 1px solid #DCDCDC;
}

.modal_content .downloads ul {
  list-style:none;
  margin:0;
  padding:0;
}

.modal_content .downloads ul li {
  padding:10px;
  border-bottom: 1px solid #DCDCDC;
}

.page_wrapper {
	background:#e7f6ff;
	border-top:1px solid #add0e6;
	padding:10px;
}

.page_wrapper p {
	margin:0 0 10px 0;
	color:#535353;
}

/************************/
/**** Tables Styling ****/
/************************/
table {
	background:#fff;
}

table th {
  background:#2d536b;
  color:#fff;
  border-bottom:1px solid #192f3d;
}

table tr td {
	background:#f5f5f5;
  border-style:solid;
  border-width:0 0 1px 0;
  border-color:#b2b2b2;
  color:#6b6b6b;
}

form table tr td {
  background:#fff;
  border-color:#ededed;
  color:#313131;
}

form table tr.highlight td {
  background:#f5fbff;
}

form table tr td.title {
  background:#6898b6;
  color:#fff;
}

form table tr td.details {
  background:#fadc50;
  color:#49473b;
  font-size:90%;
  border:none;
}

form table  .number_field .minus, form table .number_field .plus, form table .number_field input {
  float:left;
  display:block;
}

table tr.even td {
	background:#efefef;
}

table tr.complete td {
	background:#caf1c7;
	color:#005826;
	border-color:#a3d69f;
}

table tr.complete td table {
  border:0 !important;
}

table tr.complete td.event,
table tr.complete td.date,
table tr.complete td.breakdown,
table tr.complete td.actions  {
	background:#daf7d8;
}

table tr.cancelled td {
  color:#923030;
  background:#ffdbdb;
  border-color:#edaeae;
}

table tr.cancelled td.event,
table tr.cancelled td.date,
table tr.cancelled td.breakdown,
table tr.cancelled td.actions  {
	background:#fee5e5;
}

table tr.pending_cancel td {
	color:#575022;
  background:#f5e680;
  border-color:#e8d553;
}


table tr.pending_cancel td.event,
table tr.pending_cancel td.date,
table tr.pending_cancel td.breakdown,
table tr.pending_cancel td.actions {
	background:#fcf0a1;
}

table thead tr th {

}

.ticket_last_row td, .event_cell {
  border-bottom:1px solid #545454;
}

#order_summary_table .event_cell {
  border-right:1px solid #b2b2b2;
}

#order_summary_table .ticket_row td {
  border-right:1px solid #e3e3e3;
  color:\696969;
}

#order_summary_table .ticket_row.odd td {
  background:#f6f6f6;
}

#order_summary_table .ticket_row.highlight td {
  color:#000;
  background:#fff;
  font-weight:bold;
}


#recent_orders table th,
#recent_orders table td.event_name {
  padding:5px;
}

#recent_orders table td.event_name,
#recent_orders table td.event_ticket_day {
  border-right-width:1px;
}

#recent_orders table td table tr:last td {
  border-bottom:0 !important;
}

#filter_box {
  background:#215677 url(../images/frontend/boxes/filter_box_bg.gif) bottom repeat-x;
}

#filter_box h3 {
  display:none;
}


#filter_box form {
  padding:5px 0;
}

#filter_box .filter {
  padding:5px 10px;
  color:#bddbee;

}

#filter_box .filter label {
  display:block;
  font-weight:bold;
  color:#fff;
  width:100px;
  float:left;
  line-height:1.8em;
}


#filter_tabs {
  list-style:none;
  margin:0;
  padding:0;
}

#filter_tabs li {
  float:right;
  margin:0 0 0 2px 0;
}

#filter_tabs li a {
  float:left;
  display:block;
  background:#93bfd9;
  color:#215677;
  font-weight:bold;
  padding:5px 10px;
  outline:none;
  text-decoration:none;
}

#filter_tabs li.active a {
  background:#215677;
  color:#fff;
}

#filter_button_box {
  padding:0 10px;
	text-align:right;
}

#filter_loading_box {
  padding:0 10px;
	text-align:right;
	color:#fff;
	font-size:80%;
}

#filter_loading_box img {
	vertical-align:middle;
}

/************************/
/***** Misc Styling *****/
/************************/
#order_key {
  padding:10px;
  background:#f1faff;
  margin-bottom:10px;
}

#order_key h3 {
  font-size:100%;
  float:left;
  margin-right:20px;
}

#order_key ul {
  list-style:none;
  float:left;
  padding:0;
  margin:0;
}

#order_key ul li {
  float:left;
  margin:0 15px 0 0;
  list-style:none;
  color:#356d90;
  font-size:80%;
}

.buttons_bottom {
  margin-top:10px;
}

.buttons_top {
  margin-bottom:10px;
}

.buttons a {
  margin:0 5px 0 0;
  display:block;
  float:left;
  background:#fff;
  border-width:0 1px 1px 0;
  border-style:solid;
  border-color:#79a7c4;
  color:#587d95;
  padding:4px 8px;
  font-size:90%;
  text-decoration:none;
}

.pagination-wrapper {
  margin:10px 0;
}

.pagination, .ajax_pagination {
  padding:0;
  float:right;
}

.pagination a, .ajax_pagination a {
  padding:2px 5px;
  border-width:0 1px 1px 0;
  border-style:solid;
  border-color:#79a7c4;
  text-decoration: none;
  color: #3D3D3D;
  outline:none;
  background:#fff;
}

.pagination a:hover, .pagination a:active, 
.ajax_pagination :ahover, .ajax_pagination :active {
  border:1px solid #f4b8b8;
  color:#000;
}

.pagination span.current,
.ajax_pagination span.current {
  padding:2px 5px;
  border:1px solid #aa2323;
  font-weight:bold;
  background-color:#d54444;
  color:#fff;
}

.pagination span.disabled,
.ajax_pagination span.disabled {
  padding:2px 5px;
  border:1px solid #8cb2ca;
  border-width:0 1px 1px 0;
  color:#6593af;
  background:#98bdd3;
}

/************************/
/********* Hacks ********/
/************************/
.cf:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.cf {display: inline-block;}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */