/*
©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-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 242px;
	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#easi-glossary {
    margin: 10px 0 0 0;
	float: left;
	height: 13px;
	background: url(../art/toplinks-new.jpg) no-repeat;
	width: 97px;
	background-position: -350px -5px;
}

#top-links a#easi-glossary:hover, #top-links a#easi-glossary.active {
	background-position: -350px -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: -445px -5px;
}

#top-links a#contact-us:hover, #top-links a#contact-us.active {
	background-position: -445px -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;
}

#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;
}


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

.clear {
	clear: both;
}