/*########################################

	Project:	
	Version:	
	Last change:	
	Designed by:	Big Click Studios - www.bigclick.com.au

#########################################*/

/*------------------------------------------------------------------ 

	[Table of contents] 

	1. RESET
	2. HEADER STYLES
	3. HOME PAGE HERO ROTATOR STYLES
	4. SUB PAGE HERO STYLES
	5. CONTENT STYLES
	6. FORM BLOCK STYLES
	7. ANKLE STYLES
	8. FOOTER STYLES
	9. MISCELLANEOUS

# ------------------------------------------------------------------*/ 


/*---------------------------------------

	1. RESET

-----------------------------------------*/

* { margin: 0; padding: 0; }
body { background: #FFF; font-size: 62.5%; font-family: helvetica, arial, verdana, sans-serif; padding-bottom: 40px; }


/*---------------------------------------

	2. HEADER STYLES

-----------------------------------------*/

#hd-wp { position: relative; background: url(../img/hd-wp-bg.png) top left repeat-x; }
#hd { position: relative; margin: 0 auto; width: 966px; height: 77px; }
#logo { display: block; width: 341px; height: 36px; position: absolute; left: 17px; top: 25px; background: url(../img/logo.png) no-repeat; text-indent: -9999px; }
#hd ul { position: absolute; right: 3px; top: 0px; list-style: none; width: 450px; overflow: hidden; }
#hd ul li { float: left; height: 39px; }
#hd ul li a { display: block; height: 39px; text-indent: -9999px; }

#hd ul li a#home-tb { width: 90px; }
#hd ul li a#home-tb:link, #hd ul li a#home-tb:visited { background: url(../img/home-tb.png) 0px 0px no-repeat; }
#hd ul li a#home-tb:hover, #hd ul li a#home-tb:active, #hd ul li#current a#home-tb { background: url(../img/home-tb.png) -90px 0px no-repeat; }

#hd ul li a#global-tb { width: 89px; }
#hd ul li a#global-tb:link, #hd ul li a#global-tb:visited { background: url(../img/global-tb.png) 0px 0px no-repeat; }
#hd ul li a#global-tb:hover, #hd ul li a#global-tb:active, #hd ul li#current a#global-tb { background: url(../img/global-tb.png) -89px 0px no-repeat; }

#hd ul li a#fleet-tb { width: 90px; }
#hd ul li a#fleet-tb:link, #hd ul li a#fleet-tb:visited { background: url(../img/fleet-tb.png) 0px 0px no-repeat; }
#hd ul li a#fleet-tb:hover, #hd ul li a#fleet-tb:active, #hd ul li#current a#fleet-tb { background: url(../img/fleet-tb.png) -90px 0px no-repeat; }

#hd ul li a#schools-tb { width: 89px; }
#hd ul li a#schools-tb:link, #hd ul li a#schools-tb:visited { background: url(../img/schools-tb.png) 0px 0px no-repeat; }
#hd ul li a#schools-tb:hover, #hd ul li a#schools-tb:active, #hd ul li#current a#schools-tb { background: url(../img/schools-tb.png) -89px 0px no-repeat; }

#hd ul li a#contact-tb { width: 90px; }
#hd ul li a#contact-tb:link, #hd ul li a#contact-tb:visited { background: url(../img/contact-tb.png) 0px 0px no-repeat; }
#hd ul li a#contact-tb:hover, #hd ul li a#contact-tb:active, #hd ul li#current a#contact-tb { background: url(../img/contact-tb.png) -90px 0px no-repeat; }


/*---------------------------------------

	3. HOME PAGE HERO ROTATOR STYLES

-----------------------------------------*/

#home #hro-wp { background: url(../img/hro-wp-bg.jpg) bottom left repeat-x; padding: 26px 0 0 0; }
#home #hro { position: relative; margin: 0 auto; width: 976px; height: 382px; background: url(../img/hro-hm-bg.jpg) no-repeat; overflow: hidden; }

/* Home Tabs Navigation */

.ui-tabs-nav { list-style: none; position: absolute; top: 8px; right: 0px; width: 328px; }
.ui-tabs-nav li { width: 328px; height: 122px; display: inline; }

.ui-tabs-nav li a { position: relative; display: block; width: 328px; height: 122px; text-decoration: none; }
.ui-tabs-nav li a span { position: absolute; left: 211px; bottom: 54px; width: 94px; text-decoration: none; color: #333; font-size: 1.2em; }

/* Active Tabs */

.ui-tabs-nav li a#global-drivers:link, .ui-tabs-nav li a#global-drivers:visited { background: url(/img/global-home.jpg) 0px 0px no-repeat; }
.ui-tabs-nav li.ui-tabs-selected a#global-drivers:link, .ui-tabs-nav li.ui-tabs-selected a#global-drivers:visited { background: -328px 0px url(/img/global-home.jpg) no-repeat; }
.ui-tabs-nav li.ui-tabs-selected a#global-drivers:hover, .ui-tabs-nav li.ui-tabs-selected a#global-drivers:active { background: -328px 0px url(/img/global-home.jpg) no-repeat; }

.ui-tabs-nav li a#corporate-fleet:link, .ui-tabs-nav li a#corporate-fleet:visited { background: url(/img/fleet-home.jpg) 0px 0px no-repeat; }
.ui-tabs-nav li.ui-tabs-selected a#corporate-fleet:link, .ui-tabs-nav li.ui-tabs-selected a#corporate-fleet:visited { background: -328px 0px url(/img/fleet-home.jpg) no-repeat; }
.ui-tabs-nav li.ui-tabs-selected a#corporate-fleet:hover, .ui-tabs-nav li.ui-tabs-selected a#corporate-fleet:active { background: -328px 0px url(/img/fleet-home.jpg) no-repeat; }

.ui-tabs-nav li a#schools-program:link, .ui-tabs-nav li a#schools-program:visited { background: url(/img/schools-home.jpg) 0px 0px no-repeat; }
.ui-tabs-nav li.ui-tabs-selected a#schools-program:link, .ui-tabs-nav li.ui-tabs-selected a#schools-program:visited { background: -328px 0px url(/img/schools-home.jpg) no-repeat; }
.ui-tabs-nav li.ui-tabs-selected a#schools-program:hover, .ui-tabs-nav li.ui-tabs-selected a#schools-program:active { background: -328px 0px url(/img/schools-home.jpg) no-repeat; }

/* Feature Images */

.ui-tabs-hide { display: none; }


/*---------------------------------------

	4. SUB PAGE HERO STYLES

-----------------------------------------*/

#sub #hro { position: relative; margin: 0 auto; width: 972px; padding: 26px 0; }


/*---------------------------------------

	5. CONTENT STYLES

-----------------------------------------*/

#home #ct-wp { background: url(../img/ct-wp-hm-bg.gif) top left repeat-x; padding: 15px 0 40px 0; }
#sub #ct-wp { background: url(../img/ct-wp-bg.png) top left repeat-x; padding: 20px 0 0 0; }
.ct { position: relative; margin: 0 auto; width: 960px; overflow: hidden; padding-top: 30px; }
.ct-2 { border-top: 1px solid #80A5B8; }
.ct p { color: #666; font-size: 1.3em; line-height: 140%; margin-bottom: 28px; }
.ct-lt { float: left; margin-left: 20px; display: inline; width: 425px; margin-bottom: 30px; }
.ct-rt { float: right; width: 477px; margin-bottom: 30px; overflow: hidden; }
.ct-rt-lt { float: left; width: 220px; }
.ct-rt-rt { float: right; width: 220px; }

.ct-lt h1,.ct h1 { color: #043A5A; text-transform: uppercase; font-size: 3.6em; margin-bottom: 22px; font-weight: bold; }
.ct-lt h1 span { text-transform: none; }
.ct-lt h1 em { color: #D76C17; text-transform: none; font-weight: normal; font-style: normal; }

.ct-lt h2,.ct h2 { color: #333; font-size: 1.4em; margin-bottom: 18px; font-weight: bold; }

.ct-lt p { color: #666; font-size: 1.3em; line-height: 140%; margin-bottom: 28px; }
.ct-lt p.intro { color: #000; font-size: 1.6em; line-height: 130%; margin-bottom: 28px; }
.ct-lt p em { color: #043A5A; font-style: normal; font-weight: bold; }
.ct-lt p.telephone { color: #000; font-size: 1.6em; line-height: 130%; margin-bottom: 40px; padding-left: 50px; background: url(../img/telephone.png) center left no-repeat; line-height: 58px; }
.ct-lt p.email { color: #000; font-size: 1.6em; line-height: 130%; margin-bottom: 40px; padding-left: 50px; background: url(../img/email.png) center left no-repeat; line-height: 58px; }

.ct-lt ul { color: #333; font-size: 1.3em; line-height: 130%; margin: 0 0 28px 10px; }
.ct-lt ul li { color: #333; margin: 0 0 10px 0; }

/* Wide Steps List */

.ct ol.steps-wide { list-style: none; width: 960px; overflow: hidden; }
.ct ol.steps-wide li { float: left; width: 460px; padding: 0 10px 30px 10px; margin-bottom: 30px; border-bottom: 1px solid #80A5B8; overflow: hidden; height: 280px; }
.ct ol.steps-wide li div { float: left; width: 210px; }
.ct ol.steps-wide li img { float: right; width: 240px; display: block; margin-top: 20px; }
.ct ol.steps-wide li div h3 { font-size: 6em; font-weight: normal; color: #043A5A; background: url(../img/step-lrg.png) 0px 18px no-repeat; padding-left: 78px; margin-bottom: 10px; }
.ct ol.steps-wide li div h3 span { display: inline-block; width: 72px; height: 23px; background: url(../img/step-lrg.png) no-repeat; text-indent: -9999px; }
.ct ol.steps-wide li div p { color: #666; font-size: 1.3em; line-height: 140%; margin-bottom: 12px; }
.ct ol.steps-wide li div p em { color: #043A5A; font-style: normal; font-weight: bold; }

/* Left Col Steps List */

ol.steps li p { float: right; color: #666; font-size: 1.3em; line-height: 130%; width: 350px; padding-top: 1px; margin: 0; }
ol.steps li p em { color: #043A5A; font-style: normal; font-weight: bold; }
ol.steps { list-style: none; margin: 0 0 28px 0; }
ol.steps li { color: #333; margin: 0 0 30px 0; width: 425px; overflow: hidden; }
ol.steps li h3 { float: left; background: url(../img/step.png) 0px 14px no-repeat; margin-right: 5px; width: 80px; text-align: right; color: #043A5A; font-size: 4.4em; font-weight: normal; }
ol.steps li p { float: right; color: #666; font-size: 1.3em; line-height: 130%; width: 340px; padding-top: 8px; margin: 0; }
ol.steps li p em { color: #043A5A; font-style: normal; font-weight: bold; }

ol.steps-span li {
	margin: 25px;
	display: inline-block;
}

/* What you think */

.portal-panel { height: 221px; padding-top: 60px }
.portal-panel p { font-size: 1.3em; color: #FFF; line-height: 130%; margin: 0px 20px 16px 20px; }
.portal-panel form p.poll-response { font-size: 1.5em; color: #FFF; line-height: 130%; margin: 0 50px 8px 50px; }
.portal-panel form p.poll-btn { text-align: center; padding-top: 20px;  }
.portal-panel h3{
	font-size: 1.8em;
	color: #FFF;
	text-align: center;
	padding: 10px;
}

.fleet-portal { background: url(/img/company-portal.jpg) no-repeat !important; }
.schools-portal { background: url(/img/student-portal.jpg) no-repeat; }
.fading-portal { background: none; padding: 0; margin: 0; }
.fading-portal p { padding: 0; margin: 0; }

table { color: #666; font-size: 12px}
table tr { margin-bottom: 3px; }
table strong { color: #333; font-size: 14px; font-weight: bold; margin-bottom: 10px; display: block; }

/*---------------------------------------

	6. FORM BLOCK STYLES

-----------------------------------------*/

#fm-wp-outer { background: url(../img/fm-wp-outer-bg.png) repeat-y; }
#fm-wp-inner { background: url(../img/fm-wp-inner-bg.png) bottom left no-repeat; }
#fm-wp { background: url(../img/fm-wp-bg.png) top left no-repeat; width: 471px; padding: 50px 5px 42px 1px; }
h3#contact-form { margin: 0 auto 20px auto; width: 203px; height: 14px; background: url(../img/contact-form.png) no-repeat; text-indent: -9999px; }
h3#sign-up-now { margin: 0 auto 20px auto; width: 219px; height: 17px; background: url(../img/sign-up-now.png) no-repeat; text-indent: -9999px; }
#form-intro { background: #043B5B; color: #FFF; text-align: center; font-size: 1.3em; padding: 12px 0; margin-bottom: 30px; }
#form-intro a { color: #FFF; }

#fm-wp form div { margin: 0 auto 20px auto; width: 400px; overflow: hidden; font-size: 1.3em; }
#fm-wp form div label { float: left; width: 100px; padding: 4px 0; color: #043B5B; margin-right: 18px; }
#fm-wp form div label span { color: #FF3300; }
#fm-wp form div.btn { text-align: center; margin-bottom: 34px; }
#fm-wp form div.input input { float: left; padding: 4px; width: 240px; background: #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; outline: none; border: 1px solid #CCC; }
#fm-wp form div.input .error { border: 1px solid #FF3300; }
#fm-wp form div.input textarea { float: left; padding: 4px; width: 240px; height: 80px; background: #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; outline: none; border: 1px solid #CCC; }
#fm-wp form div.select select{
	width: 250px;
}

#fm-wp form ol { list-style-position: inside; color: #043B5B; font-weight: bold; margin: 0 auto; width: 400px; overflow: hidden; font-size: 1.3em; }
#fm-wp form ol li { margin-bottom: 2px; }
#fm-wp form ol li span { color: #333; font-weight: normal; display:inline !important;}


/*---------------------------------------

	7. ANKLE STYLES

-----------------------------------------*/

#ankle-wp { background: #015884 url(../img/ankle-wp-bg.png) bottom left repeat-x; padding: 45px 0; }
#home #ankle-wp { background: #015884 url(../img/ankle-wp-bg.jpg) bottom left repeat-x; padding: 26px 0 45px 0; }
#ankle { margin: 0 auto; width: 982px; }
#ankle ul { list-style: none; width: 977px; margin-left: 5px; overflow: hidden; }
#ankle ul li { position: relative; float: left; width: 323px; height: 128px; background: url(../img/ankle-li-bg.png) no-repeat; margin-right: 4px; }
#ankle ul li.last { margin-right: 0px; }


#ankle ul li div { position: absolute; left: 0px; top: 0px; width: 110px; height: 123px; overflow: hidden; background: #1C678E; }
#ankle ul li div img { display: block; }
#ankle ul li.did-you-know { background: url(../img/did-you-know.png) bottom left no-repeat; padding: 60px 10px 0px 10px; width: 300px; height: 63px; font-size: 14px; color: #fff; text-align: center; }


#ankle ul li a#in-your-country { position: absolute; top: 0px; left: 0px; display: block; width: 318px; height: 123px; text-indent: -9999px; }
#ankle ul li a#in-your-country:link, #ankle ul li a#in-your-country:visited { background: url(../img/in-your-country.png) no-repeat; }
#ankle ul li a#in-your-country:hover, #ankle ul li a#in-your-country:active { background: url(../img/in-your-country.png) -318px 0px no-repeat; }

#ankle ul li a#take-the-challenge { display: block; width: 318px; height: 123px; text-indent: -9999px; }
#ankle ul li a#take-the-challenge:link, #ankle ul li a#take-the-challenge:visited { background: url(../img/take-the-challenge.png) no-repeat; }
#ankle ul li a#take-the-challenge:hover, #ankle ul li a#take-the-challenge:active { background: url(../img/take-the-challenge.png) -318px 0px no-repeat; }


/*---------------------------------------

	8. FOOTER STYLES

-----------------------------------------*/

#ft-wp { border-bottom: 2px solid #1C678E;  }
#ft { margin: 0 auto; width: 972px; padding: 18px 0 17px 0; overflow: hidden; }
#ft a#ft-tag { float: right; display: block; width: 322px; height: 14px; background: url(../img/ft-tag.png) no-repeat; text-indent: -9999px; }

#ft ul { float: left; width: 600px; padding-left: 10px; list-style: none; }
#ft ul li { display: inline; margin-right: 45px; font-size: 1.3em; }
#ft ul li a:link, #ft ul li a:visited { color: #333; text-decoration: none; }
#ft ul li a:hover, #ft ul li a:active { color: #333; text-decoration: underline; }

/* Big Click Credit */

#cred-wrap {  margin: 0 auto; width: 972px; padding: 18px 0 17px 0; overflow: hidden; position: relative; }

#cred-wrap  #bc-logo { position: absolute; right: 0px; bottom: 0px; display: block; width: 200px; padding-right: 82px; background: url(/img/bc-logo.gif) center right no-repeat; text-align: right; font-family: lucida grande, lucida sans, helvetica, arial sans-serif; color: #999; font-size: 1em; text-decoration: none; line-height: 19px; height: 19px; }


/*---------------------------------------

	9. MISC

-----------------------------------------*/

img { border: none; }
a { outline: none; }


.double-list li{
	display: inline-block;
	width: 205px;
}
.double-list span{
	display: list-item;
}
.ui-tabs-nav-item { position absolute; }

.overlay{
	background-color:none;
	cursor:pointer;
	position:relative;
	height:25px;
	left:211px;
	top:75px;
	width:109px;
	opacity: 0;
}

.reg-steps { font-size: 12px }
.reg-steps li { margin-bottom: 5px; }

ul#factsa {height: 100px; overflow: hidden; }
ul#factsa li { display: block;float: none; position: absolute }