/*------------------------------------------------
Main Style Sheet

Version:	1.0
Author:		Andrew Wilson
Website:	www.classicrakeback.com
Created:	16/06/08
------------------------------------------------*/

/* ---------------------------------------------------------------------------- IE5.5+ PNG FIX */

img, div, a, h3, li {behavior:url(/css/iepngfix.htc);}

/* ---------------------------------------------------------------------------- HTML TAGS*/

body {
  margin:0;
  padding:30px 0;
  color:#000;
  font:70% Arial, Helvetica, sans-serif;
  text-align:left;
  background:#013353 url(../images/interface/page-body-bg.gif) repeat-x top;
}

p, h3, h4 {
	border:0;
	margin:0; 
	padding-top:1em;
}

table {
	margin:1em 0;
}

h1 {
	padding:3px 8px;
	margin:0;
	font-size:1.2em;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/interface/heading-bg-dark-blue.gif) no-repeat;
	font-weight:bold;
	text-transform:uppercase;
}

h1 a {
	color:#FFF !important;
}

h2 {
	padding:3px 8px;
	font-size:1.2em;
	color:#000;
	font-family:"Trebuchet MS", Arial;
	background:url(../images/interface/heading-bg-blue.gif) no-repeat;
	margin:1em 0 0 0;
	font-weight:bold;
}

#home h2 {
	padding:3px 8px;
	font-size:1.2em;
	color:#000;
	font-family:"Trebuchet MS", Arial;
	background:url(../images/interface/heading-bg-blue.gif) no-repeat;
	font-weight:bold;
	margin:1em 0 0 0;
	clear:both;
}

#races h2 {
	font-size:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	margin-top:1em;
	color:#D71920;
	background:none;
}

h2 a {
	color:#000 !important;
}

h3 {
	padding:3px 8px;
	margin-top:8px;;
	font-size:1.2em;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#mBody h3 {
	font-weight:bold;
}

h4 {
	color:#00375D;
	font-weight:bold;
	font-size:1em;
}

abbr, acronym {
  border-bottom: 1px dotted #3F71DC;
  cursor: help;
}

blockquote {
	padding:10px 18px 10px 18px;
	margin:1em 0;
	font-style:italic;
	overflow:visible;
	height:1%;
	border:1px solid #FFF;
	background:#C6C6C6 url(../images/interface/blockquote-bg.gif) repeat-x top left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	color:#2272b0;
	line-height:1.8em;

}

blockquote p {
	padding-top:0;
}

hr {
	display:none;
	clear:both;
}

img {
	border-style:none;
	border:0;
	display:block;
}

table table {
	margin:0;
}

ul ul {
	margin-top:0 !important;
}

/* ---------------------------------------------------------------------------- FORMS */

form {
	margin:0;
	padding:0;
	border:0;
}

label {
	text-align:left;
} 

fieldset {
	padding:0;
	margin:0;
	border:1px solid #72b8ea;
	background: #b6d8f0 url(../images/interface/fieldset-bg.gif) top repeat-x;
	margin-top:2em;
}

.fieldset {
	background:none !important;
	margin-top:0 !important;
}

.lastrow {
	background-image:none !important;
}

legend {
	border:1px solid #72b8ea;
	border-bottom:0;
	color:#000;
	background-color:#FFFFFF;
	font-weight:bold;
	margin-left:1em;
	padding:4px 8px;
	font-size:1.1em;
}

/* ------------------------------------------------------------------------- Members Login Form*/

#frmMemberLogin {
	padding:0;
}

#frmMemberLogin p {
	float:left;
}

#frmMemberLogin input {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #5bb9f5;
	width:90px;
	padding:1px 3px;
	background:#FFF url(../images/interface/input-bg.gif) top left no-repeat;
	color:#000;
	voice-family: "\"}\""; voice-family:inherit;
	width:90px; /*box model hack for IE5*/
	float:left;
	margin:0;
	margin-right:6px;
}

#frmMemberLogin label {
	float:left;
	width:35px;
	vertical-align:middle;
	padding:0;
	margin:0;
}

#frmMemberLogin #links {
	float:left;
	margin:0;
	padding:0;
	width:45px !important;
}

#frmMemberLogin #links a {
	text-decoration:none;
	color:#000;
	font-size:0.9em;
	color:#FFF !important;
}

#frmMemberLogin #links a:hover {
	text-decoration:underline;
}

#frmMemberLogin #loginButton {
	float:left;
	width:62px;
	margin:6px 6px 0 0;
}

#frmRakebackCalculator {
	padding-right:8px;
}

#frmRakebackCalculator p {
	padding:0;
	padding-bottom:0.4em;
	clear:both;
}

#frmRakebackCalculator label, #searchform label, #frmOfferEmail label {
	float:left;
	width:70px;
	vertical-align:middle;
	padding:0;
	margin:0;
}

#frmEmailNewsletter input, #searchform input, #frmRakebackCalculator select, #frmSignUp input.text, #frmSignUp input.clearonfocus, #frmSignUpDetail input.text, #frmSignUpDetail input.clearonfocus, #frmSignUp select, #frmSignUpDetail select, #frmSignUpParbet input.text, #frmSignUpParbet input.clearonfocus, #frmOfferEmail input.clearonfocus {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #5bb9f5;
	padding:1px 3px;
	background:#FFF url(../images/interface/input-bg.gif) top left no-repeat;
	color:#000;
	voice-family: "\"}\""; voice-family:inherit;
	width:94px;
}

#frmRakebackCalculator select {
	padding:1px;
	voice-family: "\"}\""; voice-family:inherit;
	width:104px;
}

* html #frmRakebackCalculator select {
	width:102px;
}


#frmSignUp label {
	float:none;
	vertical-align:middle;
	font-weight:bold;
}

#frmMemberLogin input:focus, #frmRakebackCalculator input:focus, #searchform input.text, select:focus {
	border:1px solid #013353;
	color:#000;
}

#frmSignUp input.text, #frmSignUp input.clearonfocus, #commentform input.text, #commentform textarea.text, #frmSignUp select, #frmSignUpDetail select {
	border:1px solid #013353;
	width:151px;
	margin-top:0.5em;
}

#frmOfferEmail input.clearonfocus {
	border:1px solid #013353;
	width:151px;
	margin-top:0.5em;
}

#frmSignUp select {
	width:158px;
	padding:1px;
	voice-family: "\"}\""; voice-family:inherit;
	width:160px; /*box model hack for IE5*/
}

#frmSignUp .button, #frmSignUp .buttonhover {
	margin-top:0 !important;
}

#frmSignUp input.text:focus, #frmSignUp input.clearonfocus:focus, #commentform input.text:focus, #commentform textarea.text:focus {
	border:1px solid #ff6b00;
}

#frmSignUpDetail input.text, #frmSignUpDetail input.clearonfocus, #frmSignUpParbet input.text, #frmSignUpParbet input.clearonfocus {
	width:520px;
	border:1px solid #ff6b00;
}

* html #frmSignUpDetail input.text, * html #frmSignUpDetail input.clearonfocus, * html #frmSignUpParbet input.text, * html #frmSignUpParbet input.clearonfocus {
	width:518px;
}

#frmSignUpDetail label, #frmSignUpParbet label {
	width:141px;
	float:left;
}

#frmSignUpDetail select {
	width:525px;
	padding:1px;
	voice-family: "\"}\""; voice-family:inherit;
	width:527px; /*box model hack for IE5*/
}

* html #frmSignUpDetail select {
	width:525px;
}

.button {
	float:right;
	width:65px !important;
	border:0 !important;
	color:#000 !important;
	font-size:1em;
	background:url(../images/buttons/form-button-bg.gif) repeat-x !important;
	/*height:18px;*/
	padding:1px 0 3px 0;
}

.buttonhover {
	float:right;
	width:65px !important;
	border:0 !important;
	color:#FFF !important;
	font-size:1em;
	background:url(../images/buttons/form-button-bg.gif) 0 -50px !important;
	/*height:18px;*/
	padding:1px 0 3px 0;
}

#loginButton .button, #loginButton .buttonhover {
	float:none;
}

#frmSignUp .button, #commentform .button, #frmSignUpDetail .button, #frmSignUpParbet .button {
	background:url(../images/buttons/form-button-bg.gif) repeat-x !important;
}

#frmSignUp .buttonhover, #commentform .buttonhover, #frmSignUpDetail .buttonhover, #frmSignUpParbet .buttonhover {
	background:url(../images/buttons/form-button-bg.gif) 0 -50px repeat-x !important;
}

#ancillaryBar .button {
	background:url(../images/buttons/form-button-bg.gif) repeat-x !important;
}

#ancillaryBar .buttonhover {
	background:url(../images/buttons/form-button-bg.gif) 0 -50px repeat-x !important;
}

#frmEmailNewsletter .button, #frmEmailNewsletter .buttonhover, #frmRakebackCalculator .button, #frmRakebackCalculator .buttonhover, #searchform .button, #searchform .buttonhover {
	margin-top:0.4em;
}

#frmRakebackCalculator {
	height:1%;
}

/* ---------------------------------------------------------------------------- GENERIC FORM STYLES */

label {
	line-height:normal;
}	

.form, .formpanel {
	margin-top:2em;
	background:transparent url(../images/interface/dotted-black-h.png) repeat-x left top;
}

.form p, #commentform p, .formpanel p {
	background:transparent url(../images/interface/dotted-black-h.png) repeat-x left bottom;
	padding:1em 0;
	clear:both;
}

.form label {
	width:141px;
	float:left;
	padding-left:10px;
}

.formpanel label {
	width:151px;
	float:left;
}

.form input.text, .form input.clearonfocus, .form textarea.text, .form textarea.clearonfocus, .form select.text, .formpanel input.text, .formpanel input.clearonfocus, .formpanel textarea.text, .formpanel select.text {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #013353;
	padding:3px 3px;
	background:#FFF url(../images/interface/input-bg.gif) top left no-repeat;
	color:#000;
	width:518px;
	margin:0;
}

.formpanel input.text, .formpanel textarea.text, .formpanel input.clearonfocus {
	width:518px;
}

.form select.text {
	width:525px;
}

.formpanel select.text {
	width:525px;
}

.form .descriptionText {
	padding-left:10px;
}

.form .buttonrow, #commentform .buttonrow, .formpanel .buttonrow {
	background-image:none;
}

.form .buttonrow input, .formpanel .buttonrow input {
	margin-left:150px;
}

fieldset .buttonrow input {
	margin-left:148px !important;
}

.checkboxrow {
	background-image:none !important;
}

.form .checkboxrow input {
	margin-left:142px;
}

fieldset .checkboxrow input {
	margin-left:142px !important;
}

fieldset .optout input {
	float:left;
}

fieldset .optout span {
	float:right;
	display:block;
	width:500px;
}

.radiobuttons label {
	width:auto;
	float:none;
	padding:0 20px 0 0;
}

.checkboxrow label {
	width:auto !important;
}

.form input.text:focus, .form textarea.text:focus, .form select.text:focus .formpanel input.text:focus, .formpanel textarea.text:focus, .formpanel select.text:focus, input.mini:focus {
	border:1px solid #ff6a00;
}

.nomargin {
	margin:0 !important;
}

input.mini {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #C9252B;
	padding:3px 3px;
	background:#FFF url(../images/interface/input-bg.gif) top left no-repeat;
	color:#000;
	width:30px;
	margin:0;
}

input.textsmall {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #C9252B;
	padding:3px 3px;
	background:#FFF url(../images/interface/input-bg.gif) top left no-repeat;
	color:#000;
	width:475px;
	margin:0;
}

/* ---------------------------------------------------------------------------- ACCESSIBILITY*/

.skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}

.hide {
	display: none;
	clear:both;
}

/* ---------------------------------------------------------------------------- CLASSES */

.image {
	float:right;
	margin-left:14px;
	margin-bottom:3px;
	margin-top:0.4em;
	border:#FFF solid 1px;
}

.imagenoborder {
	float:right;
	margin-left:14px;
	margin-bottom:8px;
	margin-top:0.2em;
	display:block;
}


.exampleimage {
	float:left;
	margin-right:14px;
	margin-bottom:3px;
	margin-top:0.4em;
	border:#FFF solid 1px;
}

.hide {
	display:none;
}

.center {
	text-align: center;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.datatable, .offerstable {
	line-height:normal;
	font-size:1em;
	padding:0;
	margin:0;
	background:#FFF;
	border:#5bb9f5 solid 1px;
}

.datatable {
	margin-top:1em;
}

.datatable, .offerstable {
	width:100%;
	background:#FFF;
}

.datatable th, .offerstable th {
	background:#4EA0DF url(../images/interface/table-th-bg.gif) top left repeat-x;
	font-size:1em;
	padding:0.5em 0.6em;
	vertical-align:top;
	font-weight:bold;
	color:#000;
	text-align:left;
}

.offerstable th {
	background:#013353;
	color:#FFF;
}

.datatable td, .offerstable td {
	background-color:#c5e2f6;
	padding:0.3em 0.6em;
	vertical-align:top;
	text-align:left;
	color:#000;
}

#home .datatable {
	font-size:0.9em;
	margin-top:1.4em;
}

#home .datatable th {
	font-weight:bold;
	color:#000;
}

.datatable th a, .offerstable th a {
	color:#FFF !important;
	text-decoration:none;
}

.datatable th a:hover, .offerstable th a:hover {
	color:#FFF !important;
}

.datatable tr:hover td, .offerstable tr:hover td {
	background-color:#FFF !important;
}

.datatable .exclusive {
	padding-left:28px;
	background:#FFEBB1 url(../images/interface/rtr-exclusive.gif) left no-repeat;
}

.datatable tr:nth-child(2n+1) td, .datatable tr:nth-child(odd) td, .offerstable tr:nth-child(2n+1) td, .offerstable tr:nth-child(odd) td {
	background-color:#d5eaf8;
}

.datatable tr.odd td, .offerstable tr.odd td {
	background-color: #d5eaf8;
}

.datatable .highlight {
	color:#C9252B !important;
	font-weight:bold;
}

.datatable .promotion {
	font-weight:bold;
	color:#000 !important;
}

.datatable .promotion a {
	color:#000 !important;
}

.datatable .link {
	cursor:pointer;
}

/* ---------------------------------------------------------------------------- RAKEBACK OFFERS TABLE */

#rakebackoffers .datatable {
	margin-top:16px;
	margin-bottom:3px;
}

#rakebackoffers .datatable strong {
	color:#000 !important;
	font-weight:bold;
}

#rakebackoffers .datatable th {
	padding:0.8em 0.6em;
}

#rakebackoffers .datatable td, #rakebackoffers .datatable th {
	vertical-align:middle;
	text-align:center;
}

#rakebackoffers .datatable .contentleft {
	text-align:left;
}

#rakebackoffers .datatable img {
	display:block;
	margin:3px 0;
}

.cellaligncentre {
	text-align:center !important;
	vertical-align:middle !important;
}

.panelcontent {
	background:url(../images/interface/content-panel-bg.gif) top left no-repeat;
	padding:8px 10px;
	padding-bottom:0;
	margin-top:14px;
}

.panelcontentcap {
	background:url(../images/interface/content-panel-cap.gif) bottom left no-repeat;
	height:14px;
	padding:0;
	margin:0;
	clear:both;
}

#examplesites .panelcontent {
	background:url(../images/interface/content-panel-bg.gif) top left no-repeat;
	padding:8px 14px;
	padding-bottom:0;
	margin-top:14px;
}

#examplesites .panelcontent p {
	text-align:left;
}

.panelcontent ul {
	margin-top:0 !important;
	padding-top:1em !important;
}

.loggedin {
	text-align:center;
	padding:10px;
}

.loggedin a {
	color:#C9252B;
	text-decoration:none;
	font-weight:bold;
}

.loggedin a:hover {
	text-decoration:underline;
}

.stepsyellow {
	margin:0;
	margin-right:8px;
	padding:4px 0 0 0;
	float:left;
}

/* STANDARD BUTTON */

.standardbutton a {
	display:block;
	height:23px;
	width:233px;
	background:url(../images/buttons/standard-button.gif) no-repeat;
	color:#FFF !important;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	padding-top:2px;
	border:0 !important;
	margin:0 !important;
	text-transform:uppercase;
}

.standardbutton a:hover {
	background-position: 0 -100px !important;
	text-decoration:none !important;
	color:#000 !important;
}


/* ---------------------------------------------------------------------------- BREADCRUMBS */

#breadcrumb {
	height:22px;
	padding:0 16px;
	color:#656565;
	background-image:none;
	padding-top:6px;
	text-transform:lowercase;
}

#breadcrumb a {
	color:#656565;
	text-decoration:none;
}

#breadcrumb a:hover {
	color:#656565;
	text-decoration:underline;
}

/* ---------------------------------------------------------------------------- IDs */
	
#wrapper {
 	width: 950px;
 	margin: 0 auto;
 	position:relative;
}

#centreContent {
 	width: 720px;
 	margin-left:21px;
	position:absolute;
	left:0;
	z-index:1;
}

#bodyWrapper {
	float:left;
	width:692px;
	padding:16px 14px 18px;
	background: #FFF;
}

#mBody {
	float:left;
	height:1%;
	font-size:1em;
	line-height:1.6;
	text-align:justify;
	min-height:550px;
	voice-family: "\"}\""; voice-family:inherit;
	width:692px; /*box model hack for IE5*/
}

* html #mBody {height:550px;} 

#mBody ul {
	list-style-type:none;
	text-align:left;
	margin-top:1em;
	margin-bottom:1em;
}

#mBody ul li {
	padding-left:15px;
	background:url(../images/interface/bullet.gif) no-repeat 0 0.35em !important;
	margin-left:-15px;
}

#mBody a {
	color:#C9252B;
	text-decoration:none;
	font-weight:bold;
}

#mBody a:hover {
	text-decoration:underline;
}

#promoBanner {
	float:right;
	margin-left:14px;
	margin-top:1.2em;
}

/* ---------------------------------------------------------------------------- HEADER */

#header {
	width: 720px;
	height: 107px;
	background: url(../images/interface/header-bg.png) no-repeat;
	/*behavior:url(/css/iepngfix.htc);*/
	float: left;
	padding:0;
}

#logo {
	width:290px;
	height:83px;	
	position:absolute;
	top:12px;
	left:14px;
}

* html #logo {float:left;}

#strapline {
	float:right;
	font:"Trebuchet MS", Arial;
	font-size:1.5em;
	font-weight:bold;
	color:#000;
	width:380px;
	padding:39px 25px 0 0;
	text-align:center;
}

* html #strapline {padding:32px 25px 0 0;}

/* ---------------------------------------------------------------------------- Members Login */

#membersLogin {
	width:375px;
	float:right;
	height:20px;
	color:#FFF;
}

#membersLogin p {
	padding:0;
	padding-top:0.5em;
}

#membersLogin .welcome {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#FFF;
	font-weight:bold;
	padding-top:6px;
}

#membersLogin .link {
	float:right;
	padding-right:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFF;
	text-decoration:none;
	padding-top:8px;
}

#membersLogin .link {
	text-decoration:none;
}


/* ---------------------------------------------------------------------------- Primary Navigation */

#primaryNav {
	width: 706px;
	height:31px;
	margin:0;
	padding:0;
	padding-left:14px;
	clear:both;
	background:url(../images/interface/primary-navigation-bar.gif) no-repeat;
	background-color:#FFF;
}

#primaryNav ul {
	margin:0;
	padding:0;
	padding-left:16px;
	background:url(../images/interface/primary-navigation-bar.gif) no-repeat;
	position:relative;
}

#primaryNav li {
	float: left;
	padding: 0;
	margin: 0;	
	list-style: none;
}

#primaryNav ul a {
	display: block;
	padding: 8px 15px;
	padding-bottom:8px;
	padding-right:16px;
	color:#000;
	text-decoration: none;
	font-weight:bold;
	font-size:1.1em;
	margin:0;
	background:url(../images/buttons/primary-navigation-button.gif) right 0 no-repeat;
}

#primaryNav ul a:hover {
	/*color:#E12F35;*/
	background-position:right -100px;
	color:#FFF;
}

#primaryNav ul .current a {
	background-position:right -199px;
	color:#FFF;
}

/* ---------------------------------------------------------------------------- SUCKERFISH PRIMARY NAV DROPDOWN STYLES */

#primaryNav li ul {
	position: absolute;
	left: -999em;
	width: 13.7em;
	background:none !important;
	border-left:0;
	padding-left:0;
	border-top:#013353 1px solid;
	
}

#primaryNav li ul li a {
	background-image:none !important;
	background-color:#013353;
	border:#024774 1px solid;
	border-top:0;
	width:11em;
	font-weight:normal;
	padding:3px 8px;
	color:#FFF;
}

#primaryNav ul .current ul li a {
	color:#FFF;	
}

#primaryNav ul .current ul li a:hover {
	color:#FFF;
}

#primaryNav li ul li a:hover {
	background-color:#015387;
	color:#FFF !important;
}

#primaryNav li ul .current a, #primaryNav li ul .current a:hover {
	/*background-color:#d9d9d9;*/
	font-weight:bold;
	color:#FFF !important;
}

#primaryNav li:hover ul {
	left: auto;
}

#primaryNav li:hover ul, #primaryNav li.sfhover ul {
	left: auto;
}


/* ---------------------------------------------------------------------------- ANCILLARY BAR */

#ancillaryContainer {
	width: 936px;
	position:absolute;
	left:5px;
	top:75px;
	z-index:0;
}

#ancillaryContent {
	background: url(../images/interface/ancillary-bg.png) no-repeat top left;
	min-height:500px;
	padding-top:30px;
	text-align:left;
}

img, #ancillaryContent {/*behavior:url(css/iepngfix.htc)*/;} /*PNG background fix for IE 6 */

* html #ancillaryContent {height:500px;} /*For IE 6 and below*/

#ancillaryContent h3 {
 	width:184px;
	display:block;
 	background-image: url(../images/interface/ancillary-heading-bg.png);
	padding:5px 8px 6px 8px;
	margin-top:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*behavior:url(css/iepngfix.htc)*/;
}

#ancillaryCap {
	width:936px;
	height:18px;
	background: url(../images/interface/ancillary-bg-cap.png) no-repeat bottom left;
	position:relative;
	/*behavior:url(css/iepngfix.htc)*/;
}

#ancillaryContent #calculator {
	background:url(../images/interface/right-side-bar-yellow-bg.gif) bottom no-repeat;
	padding:0;
	margin:0;
	position:relative;
	width:200px;
	float:right;
	color:#013353;
}

#ancillaryContent #calculator p {
	padding:8px 8px 0 8px;
}

/* Rakeback Calculator Result */

#results {
	display:none;
	margin-top:5px;
}

#results table {
	line-height:normal;
	border:1px solid #013353;
	font-size:1em;
	margin:6px 0 0 10px;
	border-collapse:collapse;
	width:175px;
}

#results table th, #results table th {
	background:#FFF;
	font-size:1em;
	padding:0.3em 0.6em;
	vertical-align:top;
	font-weight:bold;
	color:#000;
	text-align:left;
}

#results table td {
	background-color:#013353;
	color:#FFF;
	font-weight:bold;
	padding:0.3em 0.6em;
	vertical-align:top;
	text-align:left;
}

/* ---------------------------------------------------------------------------- SECONDARY NAVIGATION */


#navigation {
	float:right;
	position:relative;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:195px;
	position:relative;
}

#navigation li {
	padding: 0;
	margin: 0;
	border-bottom:1px solid #5bb9f5;
	position:relative;
}

#navigation ul span {
	position:absolute;
	right:8px;
	top:4px;
}

/*#navigation li:last-child {
	border-bottom:0;
}*/

#navigation a {
	display: block;
	padding: 4px 20px 5px 8px;
	color:#013353;
	text-decoration: none;
	height:1%;
	background: url(../images/buttons/secondary-nav-button-bg.gif) no-repeat left top;
}

#navigation ul .current a, #navigation ul .current a:hover, #navigation ul .current-cat a, #navigation ul .current-cat a:hover {
	font-weight:bold;
}

#navigation ul .current a span, #navigation ul .current a:hover span, #navigation ul .current-cat a span, #navigation ul .current-cat a:hover span {
	font-weight:normal !important;
}

#navigation ul a:hover {
	background-position:0 -50px;
}

#navigation ul li.us a {
	background-position:0 -100px;
}

#navigation ul li.us a:hover {
	background-position:0 -150px;
}

/* ---------------------------------------------------------------------------- FOOTER */

#footer {
	width: 692px;
	height: 50px;
 	background: url(../images/interface/footer-bg.png) no-repeat 0 0;
	padding:0 14px;
	clear:both;
}
.content-nav {
	margin-top:8px;
	text-align:right;
}

img, #footer {/*behavior:url(css/iepngfix.htc)*/;} /* PNG background fix for IE 6 */

#backToTop {
	float:right;
}

#backToTop a {
	background:url(../images/interface/btt.gif) top right no-repeat;
	padding-right:20px;
	color:#ff6a00;
	text-decoration:none;
}

#backToTop a:hover {
	background:url(../images/interface/btt.gif) no-repeat right -100px;
	color:#013353;
}

#footer ul {
	position:relative;
	margin:0;
	padding:8px 0 0;
	border:0;
	list-style: none;
}

#footer li {
	float:left;	
	position:relative;
}

#footer ul a {
	float: left;
	display: block;
	padding-right: 10px;
	color:#ff6a00;
	text-decoration:none;
}

#footer ul a:hover {
	color:#ff6a00;
	text-decoration:underline;
}

#copyright {
	clear:both;
	text-align:center;
	padding:8px 0;
	color:#3d6a86;
	height:1%;
}

#copyright a {
	color:#3d6a86;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}

/* ---------------------------------------------------------------------------- HOMEPAGE */



#offers {
	background:url(../images/interface/homepage-offers-bg.gif) bottom no-repeat;
	padding:9px;
	padding-top:0;
}

#offers table {
	margin:0;
}

#offers p {
	padding:0.6em 0;
	margin:0;
}

#newsContainer h3, #forumContainer h3 {
	color:#FFF;
	background:#1E70AF url(../images/interface/heading-bg-news.gif) top left no-repeat;
	margin-top:16px;
	padding:10px 0 8px 10px;
	font-size:1.4em;
}

#news, #forum {
	padding:2px 12px 12px 12px;
	background:#1E70AF url(../images/interface/panel-content-bg.gif) bottom left no-repeat;
}

#news ul, #forum ul {
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
}

#news ul li, #forum ul li {
	margin:0 !important;
	padding:0 !important;
	background-image:none !important;
}

#news ul li a, #forum ul li a {
	height:18px;
	padding:3px 8px;
	margin-top:2px;
	background:#b3def7 url(../images/interface/news-arrow.png) top left no-repeat;
	border:#FFF 1px solid;
	color:#000;
	font-weight:normal;
	display:block;
}

#news ul li a:hover, #forum ul li a:hover {
	text-decoration:none;
	background:#ff6a00 url(../images/interface/news-arrow.png) top left no-repeat;
	border:#ffab6f 1px solid;
	height:18px;
	padding:3px 8px;
	margin-top:2px;
}

/* --------------------------------- HOMEPAGE BULLETS */

.homeul {
	margin:16px 0 24px 0 !important;
	padding:0 0 0 8px !important;
}

.homeul li {
	margin:0 0 5px 0!important;
}

/* ---------------------------------------------------------------------------- SIGN UP */

#roomBanners {
	float:left;
	width:175px;
	margin:16px 0;
}

#flashroompromo img {
	margin-bottom:0;
	width:175px;
	height:173px;
}

#roomSummary {
	float:right;
	width:509px;
	margin:16px 0;
}

#roomBanners img {
	margin-bottom:8px;
	display:block;
}

/* ---------------------------------------------------------------------------- EXISTING USER PANEL ON SIGN UP PAGES */

#existinguser {
	float:left;
	width:157px;
	height:47px;
	padding:4px 8px 8px 8px;
	background:#D5EAF6;
	border:#72B8EA solid 1px;
	margin:8px 0 0 0;
}

#existinguser p {
	margin:0 !important;
	padding:0 !important;
	text-align:center;
	font:"Trebuchet MS", Arial;
	font-weight:bold;
	line-height:1.4em;
	font-size:1.1em;
	color:#000;
}

#existinguser a {
	display:block;
	height:25px;
	width:159px;
	background:url(../images/buttons/exisiting-user-button.gif)top left no-repeat;
	color:#FFF !important;
	font-size:1.3em;
	text-align:center;
	padding:2px 0 0 0;
	margin-top:5px;
	text-decoration:none;
}

#existinguser a:hover {
	background-position: 0 -68px;
	text-decoration:none;
	color:#FFF;
}

/* ---------------------------------------------------------------------------- INSTRUCTION PANELS */

.instructionpanel, .detailedpanel {
	padding:10px;
	background:#d5eaf6;
	border:#99daff solid 1px;
	margin-top:14px;
	width:670px;
}

.stepone {
	margin-top:0;
}

.instructionpanel h3, .detailedpanel h3{
	padding-top:4px;
	margin:0px;
	color:#000;
}

.instructionpanel ol, .detailedpanel ol {
	list-style-type:upper-alpha;
	text-align:left;
	margin-bottom:0;
	margin-top:1.5em;
}

.instructionpanel li, .detailedpanel li {
	margin-top:1em;
}

.stepimage {
	float:left;
	margin-right:5px;
}

.screenshot {
	float:right;
	margin-left:10px;
	border:solid 1px #999;
	clear:all;
}

/* ---------------------------------------------------------------------------- PLAYERS AREA */

/* Banner Page Styling */
.partnerscode, .partnerscodewide {
	border-bottom: 1px dotted #B0DAFA; 
	padding: 1em 0; 
	margin-bottom: 1em;
}

.refermessage {
	border:1px solid #013353;
	padding:20px;
	padding-top:0;
	margin-top:2em;
	margin-bottom:1em;
}

/* TABLE CSS ADDITIONS */

.datatable th.playerstableth  {
	background:#013353;
	color:#FFF;
}

.datatable th.cellHighlight {
	background:#154d79;
}

/* UL CLASS ON FREEROLLS PAGE */

.freeroll {
	margin-top:0 !important;
	padding-top:10px !important;
}

/* UL CLASS FOR NESTED UL ON SITEMAP PAGE */

.sitemapul {
	margin-top:0 !important;
}

/* Sign Scroller Classes */

a.up {
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: left;
}
a.down {
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: left;
}

/* --------------------------------------------------------------------  LEADERBOARD */

.leaderboard {
	float:left;
	width:330px;
	margin:14px 8px 0px 8px;
	background:url(../images/interface/leaderboard-title.gif) no-repeat top;
}

#leaderboardpage .leaderboard {
	margin:4px 0 10px 12px;
	float:right;
}

.leaderboard .datatable{margin:0; padding:0; width:330px;} /* FF*/
* html .leaderboard .datatable, *+html .leaderboard .datatable{margin:0; width:330px;} /* IE 6 and 7 */

.leaderboard .datatable th {background:#013353; color:#FFF !important;}

.lblink a {
	display:block;
	height:23px;
	width:330px;
	background:url(../images/buttons/leaderboard-button.gif) no-repeat;
	color:#000 !important;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	padding-top:2px;
	border:0 !important;
	margin:0 !important;
}

.lblink a:hover {
	background-position: 0 -100px !important;
	text-decoration:none !important;
	color:#FFF !important;
}

.leaderboard h3 {
	margin:2px 0 0px 0px !important;
	padding:2px 0 !important;
	color:#FFF;
	text-align:center;
}

.leaderboardend {
	margin:12px 0px 0px 0 !important;
}

.leaderhighlight {
	font-weight:bold;
	color:#D71920;
}

.leaderboard img {
	display:block;
}

.leaderboardtable {
	width:60% !important;
}

.leaderboardth {
	width:10em;
}

.pageraceimg {
	margin:5px 0 0 0;
}

/* ---------------------------------------------------------------------------- LEADERBOARD POSITION ARROWS */

.datatable td.greenArrow, .datatable td.orangeArrow, .datatable td.redArrow  {
	padding-right:18px;
	background: #C5E2F6 url(../images/interface/leaderboard-arrows.png) right 3px no-repeat;
}

.datatable td.orangeArrow {background: #C5E2F6 url(../images/interface/leaderboard-arrows.png) right -47px no-repeat;}
.datatable td.redArrow {background: #C5E2F6 url(../images/interface/leaderboard-arrows.png) right -97px no-repeat;}


/* ---------------------------------------------------------------------------- AFFILIATES AREA CSS */

.selectall {
width:400px;
}

.affiliatebutton a {
	margin: 0; 
	padding: 0 0 0 14px;
	background:url(../images/buttons/affiliate-button.gif) no-repeat left top;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	color: #FFF !important;
	text-decoration:none !important;
	float:left;
}

.affiliatebutton a span {
	padding: 2px 14px 1px 0;  
	background:url(../images/buttons/affiliate-button.gif) no-repeat right top;
	display: block;
	cursor:pointer;
	float:left;
}

.affiliatebutton a:hover {
	background:url(../images/buttons/affiliate-button.gif) no-repeat 0 -100px;
	text-decoration:none !important;
	color:#000 !important;
}

.affiliatebutton a:hover span {
	background:url(../images/buttons/affiliate-button.gif) no-repeat 100% -100px;
}

/* --------------------------------------------------------------------------- TOOLTIP */

.tooltip {
	position: absolute;
	width: 240px;
	padding:10px;
	background-color:#FFF;
	margin-top:16px;
	border:1px solid #3b87bd;
	left:0;
	top:0;
}

.tooltip p {
	color:#000 !important;
	font-weight:normal !important;
}

.tooltip h2 {
	margin:0;
	border:0;
	border:1px solid #72b8ea;
	background-color:#b6d8f0;
	background-image:none;
	padding:3px 6px;
	color:#000;
	font-size:1em;
}

.tooltip a {
	display:block;
	margin:0;
	border:0;
	border:1px solid #72b8ea;
	background-color:#b6d8f0;
	padding:3px 6px;
	color:#000 !important;
	font-size:1em;
	text-align:center;
}

.tooltiptextlinks a {
	display:inline;
	border:none;
	padding:0px;
	margin:0px;
	text-align:left !important;
	background-color:#FFF !important;
	text-decoration:underline !important;
	color:#C9252B !important;
}

/* ---------------------------------------------------------------------------- BLOG STYLES */

.asset-meta {
	padding-top:8px;
	color:#89BEE3;
}

.content-nav {
	display:block;
	border-top:#89BEE3 dotted 1px;
	padding-top:10px;
	margin-top:18px;
}

.largetext
{
	width: 500px;
}
textarea
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

/* ---------------------------------------------------------------------------- ADDITIONAL CLASSES */

#logo img {
	border:0px;
}

.racelogo {
	height:69px;
	background: #C2E4FF url(../images/interface/race-logo-bg.gif) top left repeat-x;
	margin:0;
}

.racelogo img {
	margin:0 auto;
	height:69px;
	width:187px;
}

.roomHighlight {
	color:#000!important;
}

/* ---------------------------------------------------------------------------- BLOG ADMIN TAB ADDITIONS */

#blogWrapper .tab-wrapper ul {
	margin:0; 
	padding:0;
	padding-top:14px !important;
}

/* ---------------------------------------------------------------------------- COMMON STYLES OVERIDE */

.supportFAQ a span {
    background:transparent url(../images/interface/faq-contact-icon.png) no-repeat top left!important;
}

.supportMAIL a span {
    background:transparent url(../images/interface/email-contact-icon.png) no-repeat top left!important;
}

/* ---------------------------------------------------------------------------- RTRBOX OVERIDE STYLES */

#rtrbox h2 {
	color : #FFF !important;
	background:#144B76 !important;
	width:97% !important;
	padding:4px 6px !important;
	margin:0 !important;
}

/* ---------------------------------------------------------------------------- HACKS */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */