/*

©2009 Bam Creative



Title : style.css

Author : Renee Levesque | Bam Creative

URL : www.easifleet.com.au



Description : Stylesheet



notes:

danielb@bam.com.au: refer to /templates/reset.css

*/



/*---------------------------------------------- GLOBAL SETTINGS */

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100% !important; /* dont control the font-size here - leave it for the 

	element you want to control. This sets the base text size to 16px */

	background: url(../art/background-body.jpg) repeat-x;

	padding-bottom: 10px;

}







/*-------------------------------------------------------- LINK */





a {

	color: #b12d10;

}



a:hover {

	text-decoration: underline ;

}



a.active {

	color: #b12d10;

}



#footer-content a, #footer-2 a {

	color: #999;

	text-decoration: none;

}



#footer-content a:hover, #footer-2 a:hover, #footer-content a.active {

	color: #b12d10;

}

/*---------------------------------------------------- HEADINGS */



h1, h2, h3, h4, h5, h6 {

	font-weight:normal;

	margin:0pt;

	padding:0pt;

}



h1 {

	font-size: 1.25em;

	padding: 5px 0 5px 0;

	color: #fff;

}



h2 {

	font-size: 1em;

	font-weight: 600;

	line-height: 1.8em;

	padding: 5px 0 5px 0;

	color: #fff;

}



h3 {

	font-size: 1.2em;

	line-height: 1.4em;

	color: #b12d10;

	text-transform: lowercase;

	font-weight: bold;

}



h4 {

	font-size: 0.95em;

	line-height: 1em;

	color: #333333;

	font-weight: bold;

	text-transform: lowercase;

}



h5 {

	font-size: 0.85em;

	line-height: 1em;

	font-weight: 600;

	color: #a41f09;

	text-transform: lowercase;

}





/*-------------------------------------------------- PARAGRAPHS */



p {

	font-size: 11px;

	line-height: 1.4em;

}



#footer-content p, #footer-2 p {

	color: #999;

}





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



#page-content ul li, .mceContentBody ul li { /* make sure you reference ul via the container it's in - i.e. #content */

	font-size: 11px; /* try and match the <p> font-size for consistency */

	line-height: 1.4em;

	list-style:disc;

}

/* For sitemap bullet styles edit /templates/cms/cms_styles.css lin 250 */





/*-- Page backgrounds --*/

#page-image-1 {

    background: url(../art/page-image-1.jpg) 50% 0 no-repeat;

    margin: 0 auto 0 auto; 

    padding: 0;

}



#page-image-2 {

    background: url(../art/page-image-2.jpg) 50% 0 no-repeat;

    margin: 0 auto 0 auto; 

    padding: 0;

}



#page-image-3 {

    background: url(../art/page-image-3.jpg) 50% 0 no-repeat;

    margin: 0 auto 0 auto; 

    padding: 0;

}



#page-image-4 {

    background: url(../art/page-image-4.jpg) 50% 0 no-repeat;

    margin: 0 auto 0 auto; 

    padding: 0;

}



#page-image-5 {

    background: url(../art/page-image-5.jpg) 50% 0 no-repeat;

    margin: 0 auto 0 auto; 

    padding: 0;

}



#page-image-6 {

    background: url(../art/page-image-6.jpg) 50% 0 no-repeat;

    margin: 0 auto 0 auto; 

    padding: 0;

}



#page-image-7 {

    background: url(../art/page-image-7.jpg) 50% 0 no-repeat;

    margin: 0 auto 0 auto; 

    padding: 0;

}



#page-image-8 {

    background: url(../art/page-image-8.jpg) 50% 0 no-repeat;

    margin: 0 auto 0 auto; 

    padding: 0;

}



#page-image-9 {

    background: url(../art/page-image-9.jpg) 50% 0 no-repeat;

    margin: 0 auto 0 auto; 

    padding: 0;

}



#page-image-10 {

    background: url(../art/page-image-10.jpg) 50% 0 no-repeat;

    margin: 0 auto 0 auto; 

    padding: 0;

}



#page-image-11 {

    background: url(../art/page-image-11.jpg) 50% 0 no-repeat;

    margin: 0 auto 0 auto; 

    padding: 0;

}



#page-image-12 {

    background: url(../art/page-image-12.jpg) 50% 0 no-repeat;

    margin: 0 auto 0 auto; 

    padding: 0;

}



#page-image-13 {

    background: url(../art/page-image-13.jpg) 50% 0 no-repeat;

    margin: 0 auto 0 auto; 

    padding: 0;

}

/*------------------------------------------------------ LAYOUT */



#container {

	width: 785px;

	margin: 0 auto 0 auto; 

	position: relative;

	overflow: hidden;

}



#header {

	width: 785px;

	margin:0 auto 0 auto;

	padding:0;

	height:244px;

	float: left;

	display: inline;

}



#header img{

	margin: 0 0 0 13px;

}



#top-links {

    background: url(../art/toplinks-bg.jpg) 14px 0 no-repeat;

    width: 759px;

	margin:0;

	padding:0;

	height: 34px;

	float: left;

}



#top-links a span {

	display: none;

}



#top-links a#home {

    margin: 10px 0 0 180px;

	float: left;

	height: 14px;

	background: url(../art/toplinks-new.jpg) no-repeat;

	width: 40px;

	background-position: -5px -5px;

}



#top-links a#home:hover, #top-links a#home.active {

	background-position: -5px -26px;

}



#top-links a#company-information {

    margin: 10px 0 0 0;

	float: left;

	height: 13px;

	background: url(../art/toplinks-new.jpg) no-repeat;

	width: 140px;

	background-position: -45px -5px;

}



#top-links a#company-information:hover, #top-links a#company-information.active {

	background-position: -45px -26px;

}



#top-links a#client-forms {

    margin: 10px 0 0 0;

	float: left;

	height: 13px;

	background: url(../art/toplinks-new.jpg) no-repeat;

	width: 85px;

	background-position: -185px -5px;

}



#top-links a#client-forms:hover, #top-links a#client-forms.active {

	background-position: -185px -26px;

}





#top-links a#newsletters {

    margin: 10px 0 0 0;

	float: left;

	height: 13px;

	background: url(../art/toplinks-new.jpg) no-repeat;

	width: 80px;

	background-position: -270px -5px;

}



#top-links a#newsletters:hover, #top-links a#newsletters.active {

	background-position: -270px -26px;

}

#top-links a#novated-video {

    margin: 10px 0 0 0;

	float: left;

	height: 13px;

	background: url(../art/toplinks-new.jpg) no-repeat;

	width: 94px;

	background-position: -271px -5px;

}



#top-links a#novated-video:hover, #top-links a#novated-video.active {

	background-position: -270px -26px;

}



#top-links a#easi-glossary {

    margin: 10px 0 0 0;

	float: left;

	height: 13px;

	background: url(../art/toplinks-new.jpg) no-repeat;

	width: 97px;

	background-position: -365px -5px;

}



#top-links a#easi-glossary:hover, #top-links a#easi-glossary.active {

	background-position: -365px -26px;

}





#top-links a#contact-us {

    margin: 10px 0 0 0;

	float: left;

	height: 13px;

	background: url(../art/toplinks-new.jpg) no-repeat;

	width: 75px;

	background-position: -460px -5px;

}



#top-links a#contact-us:hover, #top-links a#contact-us.active {

	background-position: -460px -26px;

}









































#content {

    width: 785px;

    margin: 0 auto;

    background: url(../art/background.jpg) 4px 0px repeat-y;

    height: auto;

    clear: both;

    position: relative;

}



#left-gradient {

	float: left;

	width: 113px;

	height: 590px;

	display: inline;

	background: url(../art/left-gradient.jpg) 0 0 no-repeat;

	margin-left: 36px;

} 



#page-content {

	width: 357px;

	float: left;

	display: inline;

	margin: 20px auto 0 66px;

	padding-bottom: 15px;

}

/*-- right content boxes--*/



#right-col {

	width: 158px;

	height: auto;

	float: right;

	display:inline;

	margin-right: 12px;

	padding-top: 20px;

}



#green-box{

	float: right;

    background: url(../art/green-options.jpg) no-repeat;

    width: 157px;

    height: 119px;

    margin: 10px 0 0 0;

}



#green-box p{

    color: #fff;

    margin: 35px 20px 5px 10px;

}



#green-box a{

    color: #fff;

    text-decoration: underline;

}





#green-box a:hover{

    color: #3b3d3a;

}



#safety-box{

	float: right;

    background: url(../art/safety-always.gif) no-repeat;

    width: 158px;

    height: 79px;

    margin: 10px 0 0 0;

}



#safety-box p{

    color: #fff;

    margin: 35px 20px 5px 10px;

}



#safety-box a{

    color: #fff;

    text-decoration: underline;

}





#safety-box a:hover{

    color: #3b3d3a;

}



a#contact span {

	display: none;

}



a#contact {

    margin: 10px 0 0 0;

	float: right;

	height: 97px;

	background: url(../art/contact.gif) no-repeat;

	width: 157px;

	background-position: 0 0px;

}



a#contact:hover {

	background-position: 0 -97px;

}


a#novatedvideo {

    margin: 10px 0 0 0;

	float: right;

	height: 116px;

	background: url(../art/novatedlease.gif) no-repeat;

	width: 157px;

	background-position: 0 0px;

}




#instant-quote-flash {

	width: 157px;

	height: 157px;

	display: block;

	margin: 10px 0 0 0;

	float: right;

	}



a#instant-quote span, a#online-quote span, a#book-a-presentation span {

	display: none;

}



a#instant-quote {

     margin: 10px 0 0 0;

	float: right;

	/*height: 83px;*/

	height: 108px;

	background: url(../art/instant-quote.gif) no-repeat;

	width: 157px;

	background-position: 0 0px;

}



a#instant-quote:hover {

	background-position: 0 -108px;

}



a#online-quote {

    margin: 10px 0 0 0;

	float: right;

	height: 93px;

	background: url(../art/online-quote.gif) no-repeat;

	width: 157px;

	background-position: 0 0px;

}



a#online-quote:hover {

	background-position: 0 -93px;

}



a#book-a-presentation {

    margin: 10px 0 0 0;

	float: right;

	height: 93px;

	background: url(../art/book-a-presentation.gif) no-repeat;

	width: 157px;

	background-position: 0 0px;

}



a#book-a-presentation:hover {

	background-position: 0 -93px;

}



#login-box{

   	float: right;

    background: url(../art/client-login.jpg) no-repeat;

    width: 157px;

    height: 88px;

    margin: 10px 0 0 0;

    padding: 30px 0 0 0;

}



#ourstaff div {

	float: left;

	margin: 0px 25px 25px 0px;

	width: inherit;

}



#winfuel {

	background: #bbb9ba;

	padding: 10px;

	}

	#winfuel p {

		color: #fff;

}



.winh2 {

	margin: 0px 0px 15px -10px;

}





/*-- bottom links --*/

#bottom-links {

    color: #999999;

    border-top: 1px solid #cecdcd;

    margin: 0px 0px 0px 200px;

    padding: 10px 0px 0 0;

    width: 572px;

    font-size: 0.75em; 

    float:left;

    height: 50px;

}



#bottom-links a{

    color: #999999;

    text-decoration: none;

}



#bottom-links a:hover, #bottom-links a.active{

    color: #a41f09;

    text-decoration: none;

}



/*--  footer --*/

#footer {

	width: 759px;

	height: 50px;

	/*background-color: #000;*/

	float: right;

	display: inline;

	margin: 5px 13px 0 auto;

	border-bottom: 1px solid #cdcdcd;

	background: url(../art/footer-top-bg.gif) top right no-repeat;

}



#footer-content {

	float: right;

	width: 552px;

	text-align: left;

	margin: 7px;

	height: 33px;

	display: inline;

}



/*-- footer 2 --*/

#footer-2 {

	width: 762px;

	clear: both;

	height: 20px;

	margin: 10px auto 0 auto;

}



.footer-right {

	float: right;

}



.footer-left {

	float: left;

}



/*------------------------------------------------------ TABLES */



table tr td {

	font-size: 11px;

	line-height: 1.4em;

	padding: 0 5px 0 5px;

}

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





form label {

	font-size: 0.75em;

}



form input, form select, form textarea {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.75em;

	width: 220px;

	border: 1px solid #ccc;

	padding: 3px;

	display: block;

	background-color: #fff;

	margin: 0 0 15px 0;

}



form input.submit {

	width: auto;

}



form input.text-field {

	width: 250px;

}



.textbox {

	width: 250px;

	height: 100px;

}



form input.hidden {

	display: none;

}



form select {



}



/* contact form */

form#contactform {

	width: 400px;

}



form#contactform ol {

	display: block;

	margin: 0;

	padding: 0;

	width: 100%;

}



form#contactform ol li{

	display: block;

	}



form#contactform label {

	color: #4b4b4b;

	margin: 2px 0;

}



form#contactform input {

	margin: 4px 0;

	color: #4b4b4b;

	

}



form#contactform textarea {

	width: 220px;

	margin: 4px 0;



}



form#contactform a#submit {

	background: url(/art/submitbtn.gif) 0 0;

	width: 68px;

	height: 20px;

	display: block;

	margin: 10px 0 0 0;

	float: right;

}

form#contactform a#submit:hover {

	background: url(/art/submitbtn.gif) 0 -20px;

}



form#loginform label{

    color: #fff;

    display: block;

    margin-left: 10px;

    margin-top: 3px;

}



form#loginform {

}



form#loginform input{

    background: #cecdcd;

    border:none;

    color: #3b3d3a;

    display: inline;

    margin-bottom: 5px;

    margin-left: 10px;

width: 10em;

}



form#loginform input#userpass{

	float: left;

    width: 93px;

}



form#loginform input#go{

    background:none;

    border:none;

	float: left;

    margin: 0px;

    padding: 0px;

    width: 26px;

}

#videos {
	z-index:-1;
}



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



.clear {

	clear: both;

}