@charset "utf-8"; 
/* 
	Race Source CSS Document 
	October 14 2008
	Designed, Developed and programmed
	by Websitedirect.com.au
*/

/* Global Layout Elements 
===================*/

body {
	color: white;
	font-family: arial, verdana, sans-serif;
	padding: 0;
	margin:0;
	font-size:76%;
	/**background:#000000 url(bg.jpg) left bottom no-repeat;**/
	background: #000000 url(track_bg.png) right 70px no-repeat;
	height:100%; 
	max-height:100%;
}
* html .main_container {
	margin-left: -930px;
	position: relative;
}
/*\*/
* html .main_container, * html .content {
	height: 1px;
}
/**/
.content {
	padding: 0px;
	margin-top:70px;
}
.width {
	width: 99%;
	min-width: 930px;
	margin:0 auto;
	height:100%;
	border:0px solid #000;
}
* html .minwidth {
	padding-left: 930px;
}
/*\*/
* html .minwidth, * html .layout {
	height: 1px;
}
/**/
img { border:0px; }

/* Columns----------------------------------------------------------- */

.columnone {position:relative; width:27%; border:0px solid white; float:left; height:auto; margin-right:2%}
.columntwo {position:relative; width:36%; border:0px solid blue; float:left; height:auto; margin-right:2%; text-align: center ;}
.columnthree {position:relative; width:30%; border:0px solid red; float:left; height:auto;}
.columntwo_secondary {position:relative; width:69%; border:0px solid blue; float:left; height:auto; text-align:left; color:white; line-height:19px; font-size:12px;}

/* Header and Footer----------------------------------------------------------- */

#logo {margin-top:23px; }
#backToHome {position:absolute; left:33px; top:44px;}
#backToHome a:link, #backToHome a:visited {font-size:11px;}
#header { position:absolute; text-align:center; top:0; left:0; width:100%; height:70px; overflow:auto; background:#000000 url(head_footer_bg.gif); border-bottom:1px solid #761203; }
.headerTel {position:absolute; color:white; font-weight:bold; left: 35px; top:23px;}
#footer { position:absolute; bottom:0; left:0; width:100%; height:70px; overflow:auto; text-align:right; background:#000000 url(head_footer_bg.gif); border-top:1px solid #761203; text-align:center; overflow:hidden; z-index:5;}

#footer p { color:#fff; margin:5px 10px 0 10px; }
#footer img#sponsors {margin-top:0px; }
#footer .copyright {padding:0; margin:0px; font-size:9px; white-space:nowrap; color:#444444;}
#footer .copyright a:link,#footer .copyright a:visited {color:#444444;}

#join_btn {position:absolute; top:0px; left:117px; }
#contact_btn {position:absolute; top:0px; left:0px; }
#about_btn {position:absolute; top:0px; right:0px; }
#work_opp_btn {position:absolute; top:0px; right:100px; }

/* Text Formatting ----------------------------------------------------------- */

a, a:visited { text-decoration:none; color:#0096ff; }
a:hover { color:red; text-decoration:none; border-top:1px solid #2f587b;}
.columnthree a, .columnthree a:visited {color:#000; text-decoration:underline; }
.columnthree a:hover {color:#888; text-decoration:none; }
hr {clear:both; border:0; height:1px; color:#888; background-color:#888; }
.strike {text-decoration:line-through; }
.lft {float:left;}
.rgt {float:right;}
h3 {color:red;}
h3.pagetitle {margin-bottom:0px; padding:0px; color:#9f9346; display:block; font-size:18px; padding-top:15px;}

/* Homepage specific ----------------------------------------------------------- */

#wouldYouLike {margin-left: 30px; margin-top:30px;}
#wouldYouLike a:hover {border:0}
p.right_font {color:white; font-size:11px; min-width:220px; width:24%; float:left; padding-bottom:7px; }
.winningSteps {margin-top:25px;}
.home_copy {text-align:center; float:left; min-width:276px; line-height:11px; font-size:11px; z-index:1;}
.home_copy a:hover {border-top:0;}
.home_copy p {margin-bottom:0; padding-bottom:5px;}
.btn {margin:0; padding:0;}
.home_car {text-align:left; width:276px; float:left; width:28%; min-width:276px; }
.home_gallery {text-align:left; width:276px; float:left; width:28%; min-width:276px; z-index:1; }
.hideLogoSM {position:absolute; left:191px; bottom:28px; background-color:black; width:80px; height:21px; z-index:2;}
.hideLogoLG {position:absolute; left:270px; bottom:28px; background-color:black; width:80px; height:30px; z-index:2;}
.default {width:300px; height:100px; background-color:red;}
.hide {display:none;}
.show {display:block;}
.home_gallery {z-index:1;}
.home_gallery_large {visibility:hidden; display:none; z-index:1;}

#stages { position:relative; width:337px; height:465px; background:url(stages.png) top center no-repeat; margin-top:10px; border:0px solid red;}
#stages a:link, #stages a:visited {border:0;}
* html #stages { background:url(stages.gif) top center no-repeat; }
#stages a.box1_1 {position:absolute; left:23px; top:131px; margin:0; padding:0; width:290px; height:88px;}
#stages p.box1_2 {position:absolute; left:27px; top:118px; margin:0; padding:0;}
#stages p.box1_3 {position:absolute; left:27px; top:140px; margin:0; padding:0;}
#stages a.readmore_1 {position:absolute; right:21px; top:166px; margin:0; padding:0;}
#stages p.box2_1 {position:absolute; left:27px; top:222px; margin:0; padding:0;}
#stages a.readmore_2 {position:absolute; right:21px; top:256px; margin:0; padding:0;}
#stages a.box3_1 {position:absolute; left:23px; bottom:78px; margin:0; padding:0; width:290px; height:130px;}
#stages a.readmore_3 {position:absolute; right:21px; top:369px; margin:0; padding:0;}

	/* Pop Styles */

html>body .popup fieldset input.txt {padding:2px; }
.popup fieldset div.inline {margin:0 0 1em 0; }
.popup fieldset div.inline label {display:inline !important; font-weight:normal !important; }
.popup fieldset input.txt {border:1px solid #C4D8EF; line-height:127%; background-color:#ffffff; }
.pop-overlay fieldset { background-color:#000000; border:1px solid #E3E3E3; padding:10px; }

	/* Pop Overlays */

.pop-message {display:inline; padding:10px; background-color:#0078c1; font-weight:bold; color:#ffffff; position:absolute; top:150px; left:10px; z-index:999999; }
.pop-overlay {position:absolute; display:block; background-color:#000000; z-index:99990; top:0; left:0; height:1000px !important; width:100% !important; }
.pop {position:absolute; display:block; z-index:99991; top:150px; left:100px; width:80%; }
.pop fieldset {margin-top:2em; border:1px solid #e3e3e3; padding:1em; }
.pop-close {display:inline; float:right; }
.pop-close a:visited, .pop-close a:link {display:inline; width:119px; position:absolute; font-weight:bold; font-size:9px; z-index:99997; margin:0 0 0 -119px; text-decoration:none; padding:6px 0 6px 0; text-align:center; text-transform:uppercase; background:transparent url(b_close_bg.gif) no-repeat top left; }
.pop-close a:hover, .pop-close a:focus {text-decoration:underline; }
.container {display:block; }
#quickQuoteCriteria {position:absolute; top:200px; left:200px; z-index:99997; width:770px; /*display:none; */}
#quickQuoteCriteria fieldset {border:1px solid #e3e3e3; padding:10px; background-color:#000000; }
#quickQuoteCriteria fieldset label {display:block; color:#333333; margin-bottom:0.3em; font-weight:bold; }
#quickQuoteCriteria fieldset select {margin-bottom:1em; border:1px solid #C4D8EF; }
.pop-close {display:inline; }
#banner {margin-top:25px; }
.pop-close a:visited, .pop-close a:link {background:transparent url(b_close_bg.gif) no-repeat scroll left top; display:inline; font-size:9px; font-weight:bold; margin:0 0 0 -119px; padding:6px 0; position:absolute; text-align:center; text-decoration:none; text-transform:uppercase; width:119px; z-index:9999; right:0px; top:0px; }

/* Secondary Pages Specific ----------------------------------------------------------- */

#secondary_toprow  { width:auto; text-align:left; margin-top:35px; color:white; line-height:19px; font-size:12px; clear:right}
* html #secondary_toprow { }

.top_para {}
.profile_mark {width:auto; float:left; margin-bottom:15px;}
.click_up_to_0_0 {z-index:999;}
p.callToAction {display:inline; margin-left:20px;}
p.callToAction a:link,p.callToAction a:visited {color:white;}
#extra_controls p {display: inline;}

/* Menus ----------------------------------------------------------- */

ul#menu_left {margin-left:0px; padding-left:0px; margin-top:18px; }

ul#menu_left   li {list-style-type:none; color:white; margin-left:0px; height:23px;}

ul#menu_left   li  a:link,ul#menu_left   li  a:visited {margin:0; padding:0; cursor:pointer;}
* html ul#menu_left   li {height:10px;}

ul#menu_left   li  span {height:25px; width:240px; }

ul#menu_left   li span#item01 		  {background:url(menu_how_rallying_works.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#item01 {background:url(menu_how_rallying_works_ovr.gif) left 8px no-repeat; }

ul#menu_left   li  span#item02 		  {background:url(menu_how_rallying_feels.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#item02 {background:url(menu_how_rallying_feels_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

ul#menu_left   li  span#item03_1 		  {background:url(menu_how_rally_car_work.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#item03_1 {background:url(menu_how_rally_car_work_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

ul#menu_left   li  span#item03 		  {background:url(menu_how_start.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#item03 {background:url(menu_how_start_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

ul#menu_left   li  span#item04 		  {background:url(2009_Repco_Champ.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#item04 {background:url(2009_Repco_Champ_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

ul#menu_left   li  span#item05 		  {background:url(2009_Repco_Champ_exp.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#item05 {background:url(2009_Repco_Champ_exp_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

ul#menu_left   li  span#item06 		  {background:url(menu_aus_rally_champ.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#item06 {background:url(menu_aus_rally_champ_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

ul#menu_left   li  span#item07 		  {background:url(menu_world_rally_champ.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#item07 {background:url(menu_world_rally_champ_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

ul#menu_left   li  span#item08 		  {background:url(menu_targa_tas.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#item08 {background:url(menu_targa_tas_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

ul#menu_left   li  span#item09 		  {background:url(menu_driving_courses.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#item09 {background:url(menu_driving_courses_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

ul#menu_left   li  span#item10 {background:url(menu_how_rallying_feels.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  span#item11 {background:url(menu_how_rallying_feels.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

ul#menu_left   li  span#how-circuit-racing-works {background:url(menu_how_circuit_racing_works.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#how-circuit-racing-works {background:url(menu_how_circuit_racing_works_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

ul#menu_left   li  span#how-circuit-racing-feels {background:url(menu_how_circuit_racing_feels.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#how-circuit-racing-feels {background:url(menu_how_circuit_racing_feels_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

ul#menu_left   li  span#how-circuit-race-cars-work {background:url(menu_how_circuit_cars_work.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#how-circuit-race-cars-work {background:url(menu_how_circuit_cars_work_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }


ul#menu_left   li  span#menu-2010-repco-race-challenge-jobs {background:url(menu_2010_repco_race_challenge_jobs.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#menu-2010-repco-race-challenge-jobs {background:url(menu_2010_repco_race_challenge_jobs_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

ul#menu_left   li  span#menu-2010-repco-rally-challenge-jobs {background:url(menu_2010_repco_rally_challenge_jobs.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  a:hover span#menu-2010-repco-rally-challenge-jobs {background:url(menu_2010_repco_rally_challenge_jobs_ovr.gif) left 8px no-repeat; text-indent:-5000px; display:block; }


ul#menu_left   li  span#heading01 {background:url(menu_heading_rallying.gif) left 8px no-repeat; text-indent:-5000px; display:block;}
ul#menu_left   li  span#heading02 {background:url(menu_heading_your_career.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  span#heading03 {background:url(menu_heading_rally_champ.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  span#heading04 {background:url(menu_circuit_racing.gif) left 8px no-repeat; text-indent:-5000px; display:block; }
ul#menu_left   li  span#heading05 {background:url(menu_race_and_rally_driving_jobs.gif) left 8px no-repeat; text-indent:-5000px; display:block; }

/* Pop-up menu  --------------------------------------------------- */

ul#menu_about {position:absolute; display:inline; z-index:1002; width:200px; background:black; border:4px solid #0d2a33; bottom:70px; right:10px; display:none; list-style-type:none; margin:0; padding:0; }
ul#menu_about li {background:none; margin:0px; padding:0; font-size:11px; text-align:left; display:block; }
ul#menu_about li span {}
ul#menu_about li a:link, ul#menu_about li a:visited {display:block; width:100%; text-decoration:none; color:#9f9346; padding:5px; }
ul#menu_about li a:hover {color:#0096ff; background:#010714; border-top:1px solid #0096ff; border-bottom:1px solid #0096ff; width:185px; }

/* Contact Form
----------------------------------------------- */
#contact-blurb {font-size:12px; color:#cdcb9a; padding-bottom:0px; }
#form {width:650px; height:auto; clear:both; position:relative; float:none; margin-top:35px; margin-left:0px; margin-right:0px; }
form fieldset {border:0; border-top:#cdcb9a 1px solid; padding-top:10px; margin:0; }
form p {color:#fff; float:left; margin-top:2px; margin-bottom:2px; }
form input, form textarea { background-color:white; border:#535226 1px solid; color:#3F4C5E; width:120px; padding:2px; margin:2px; margin-left:15px; color:#9a0033; }
form input {margin-right:35px; margin-left:0px;}
form label {float:left; width:150px; text-align:left; padding-top:5px; padding-bottom:5px; margin-left:0px; border-bottom:dashed 1px black; font-size:12px; color:#cdcb9a}
form label.small {width:123px;}
form select {margin-left:0px; margin-right:10px;}
form textarea {overflow:auto; width:418px; height:110px;  margin-left:0px; }
form input#ok { margin-left:0px; margin-top:15px; color:white; background:#008aff; width:100px; border:2px solid red; margin:0; font-weight:bold;}
form input#ok:hover {background:red; border:2px solid #008aff; color:black;}

/* Secondary Pages --------------------------------------------------- */

/* Scrolling Content */

#extra_controls, #scrollbar { display:block; } /* initially display:none; to hide from incapable */
#scrollbar {}
#extra_controls {width:90%; padding-top:10px; font-size:9px; line-height:14px; }
div#wn { position:relative; float:left; width:90%; height:350px; overflow:hidden; z-index:1; margin-right:15px; margin-top:15px; }
#overlay {position:absolute; bottom:0px; left:0px; width:100%; height:63px; z-index:100; display:none; visibility:hidden;}
/*div.content {  position:absolute; visibility:hidden; left:0px; top:0px; }*/ /*hide content to be swapped in */
div#lyr1 { /* show first div */ visibility:visible; z-index:1; }
div#scrollbar { position:relative; margin-top:15px; width:11px; height:320px; font-size:1px;  /* so no gap or misplacement due to image vertical alignment */ float:left;  }
div#track { position:absolute; left:0; top:12px;  width:11px; height:306px; background:#336;  }
div#dragBar { position:absolute; left:1px; top:1px; width:9px; height:20px; background-color:#ceced6;  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }
/* so no gap or misplacement due to image vertical alignment font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img { display:block; } 
/* for safari, to prevent selection problem */
div#scrollbar, div#track, div#dragBar, div#up, div#down { -moz-user-select:none; -khtml-user-select:none; }