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

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

#top-links a#contact-us:hover, #top-links a#contact-us.active {
	background-position: -365px -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: 65%;
	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;
	width: 167px;
	height: 132px;
	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#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;
	background: url(../art/instant-quote.gif) no-repeat;
	width: 157px;
	background-position: 0 0px;
}
a#instant-quote:hover {
	background-position: 0 -83px;
}
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;
}
/*-- 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[type=text], form textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	width: 220px;
	border: 1px solid #ccc;
	padding: 3px;
	display: block;
	background-color: #fff;
	margin: 0 0 15px 0;
	float: left;
}

form input.submit {
	width: auto;
}
form input.text-field {
	width: 250px;
}
.textbox {
	width: 250px;
	height: 100px;
}
form input.hidden {
	display: none;
	border: none;
	padding: 0px;	
}
form select {
	min-width: 220px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;

	border: 1px solid #ccc;
	padding: 3px;
	display: block;
	background-color: #fff;
	margin: 0 0 15px 0;
	float: left;
}

input[type=hidden] {
	display: none;
}
/* 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;
}
/*----------------------------------------------------- CALCULATOR STYLES */

#info {
	width: 488px;
	float: left;
}

#questions {
	background: #f7f7f7;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;	
	margin-top: 20px;
	padding: 5px 10px 5px 5px;
	float: left;
}

.question_block {
	border-top: 1px solid #E6E6E6;
	width: 490px;
	float: left;
}

.nb {
	border-top: none;	
}

p.question {
	color: #333;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.4em;
	padding: 5px 0;
}

p.grey {
	color: #666;
	font-size: 13px;

	margin: 0 0 3px 0;
}

#family {
	width: 280px;
	height: inherit;
	float: left;
}

#variant {
	width: 280px;
	height: inherit;
	float: left;
}

#family_select {
	margin-top: 5px;	
}

#variant_select {
	margin: 5px 0 5px 0;	}

#total {
	color: #060;
	font-size: 20px;
	width: 100px;
	float: right;
	text-align: left;
	padding: 5px 0 5px 0;
}

#registration {
	color: #060;
	font-size: 20px;
	width: 100px;
	float: right;
	text-align: left;
	padding: 5px 0 5px 0;
}

ul.error {
	font-size: 16px;	
	color: #AC2D30;
}

/*----------------------------------------------------- CALC NAV STYLES */

div.calc_controls {
	width: 100%;
	margin: 10px 0 0 0;
	float: left;	
}

div.duel {
	margin-left: 17px;	
}

a.arrow {
	width: 211px;
	height: 23px;
	padding: 8px 6px 0 6px;
	margin: 0 10px 0 0;
	background: url(../art/bg_buttongreen.png) top right;
	display: block;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	float: left;
}
a.arrow:hover {
	background: url(../art/bg_buttongreen.png) center right;
	color: #fff;
}

a.arrow:active {
	background: url(../art/bg_buttongreen.png) bottom right;
	color: #fff;
	text-shadow: rgba(246,235,113,1.0) 0 -1px 0;
}
a.arrow_back {
	background: url(../art/bg_buttongreen_left.png) top left;
	color: #fff;
	text-align: right;
}
a.arrow_back:hover {
	background: url(../art/bg_buttongreen_left.png) center left;
}

a.arrow_back:active {
	background: url(../art/bg_buttongreen_left.png) bottom left;
	text-shadow: rgba(246,235,113,1.0) 0 -1px 0;
}
input.arrow {
	width: 223px;
	height: 31px;
	padding: 0 0 4px 6px;
	text-align: left;
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana;
	background: url(../art/bg_buttongreen.png) top right;
	display: block;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	border: none;
	float: left;
}

input.arrow:hover {
	background: url(../art/bg_buttongreen.png) center right;	
}

input.arrow:active {
	background: url(../art/bg_buttongreen.png) bottom right;
	color: #fff;
	text-shadow: rgba(246,235,113,1.0) 0 -1px 0;
}

input.editable {
	width: 90px;	
	border: 1px solid #060;
	float: right;
}

/*----------------------------------------------------- SLIDER STYLES */

#details {
	width: 500px;
	margin: 0 auto;
	margin-top: 10px;
	position: relative;
}
#details  input.hidden {
	display: none;
	border: none;
	padding: 0px;	
}
#total input[type=text],#registration [type=text] {
	width: 70px !important;	
}
.scroll {
	height: inherit;
	width: 500px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
}
.switch_details div.section {
	padding: 0px;
	height: inherit;
	width: 975px;
}
ul.navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
ul.navigation li {
	display: inline;
}
.hide {
	display: none;
}

/*----------------------------------------------------- TIP TOOL STYLES */

.tip {
	list-style: none;
	position: relative;
	float: left;
}

div.tip div {
	background: #f7f7f7;
	border: 4px solid #3351c1;
	width: 126px;
	min-height: inherit;
	padding: 0 5px 5px 5px;
	position: absolute;
	bottom: 20px;
	left: -50px;
	color: #000;
	text-align: center;
	z-index: 2;
	display: none;
	font-size: 9px;
	font-family: Arial, Verdana, Geneva, sans-serif;
}

div.tip p.tipheader {
	background: url(../art/tipheader.jpg) repeat-x bottom;
	height: 24px;
	color: #3351c1;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin: 0 0 4px 0;
	width: 100%;
	float: left;
}

#details input {
	float: left;
}

#details input[type=radio] {
	float: none;	
}

#details select {
	float: left;
}

a.tip {
	width: 16px;
	height: 16px;
	padding: 0px 10px 4px 5px;
	background: url(../art/tip.png) no-repeat center bottom;
	text-indent: -9999px;
	display: block;
	float: left;
}


#info table div.tbltip div {
	background: #f7f7f7;
	border: 4px solid #3351c1;
	width: 126px;
	min-height: inherit;
	padding: 0 5px 5px 5px;
	position: absolute;
	bottom: 20px;
	left: -68px;
	color: #000;
	text-align: center;
	z-index: 20;
	display: none;
	font-size: 9px;
	font-family: Arial, Verdana, Geneva, sans-serif;
	float: left
}

#info table div.tbltip p.tipheader {
	background: url(../art/tipheader.jpg) repeat-x bottom;
	height: 24px;
	color: #3351c1;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin: 0 0 4px 0;
	width: 100%;
	float: left;
}

#info table div.tbltip a.tbltip {
	width: 26px;
	height: 16px;
	margin-top: -1px;
	background: url(../art/tip.png) no-repeat center bottom;
	text-indent: -9999px;
	display: block;
	float: right;
}

#info table div.tbltip {
	width: 16px;
	height: 16px;
	padding: 0px;
	background: none;
	position: relative;
	float: right;
}

/*----------------------------------------------------- REPORT STYLES */

#panel {
	width: 500px;
	display: none;
	padding: none;
	float: left;
}

.slide {
	width: 100%;
	padding: 0 0 0 0;
	float: left;
}

.btn-slide {
	color: #999;
}

#info table {
	width: 100%;
	clear: both;
}

#info table td {
	padding: 5px 4px 5px 5px;
	font-size: 12px;
	color: #333;
	font-family: Arial, Verdana, Geneva, sans-serif;
}

#info table td.line {
	width: 45%;	
	font-weight: bold;
	border-top: 1px solid #AC2D30;
}

#info table td.ntb {
	border-top: none;
}

#info table td.empty {
	width: 40%;	
}

#info .subtbl {
	background: #fbf8f8;
}

#info table td.indent {
	padding-left: 24px;	
	font-weight: normal;
	border-top: none;
}

#info table td.header {
	padding: 5px;
	background: #bcbaba;
	color: #333;
	text-align: center;
	font-weight: bold;
}

.border_lb {
	font-weight: bold;
	border-left: 1px solid #AC2D30;
	border-top: 1px solid #AC2D30;
	text-align: right;	
}

.border_bot {
	border-bottom: 1px solid #AC2D30;
}

.border_left {
	border-left: 1px solid #AC2D30;
	text-align: right;
}

/*----------------------------------------------------- ACCORDION STYLES */

.accordion {
	list-style-type: none;
	padding: 0;
	margin: 20px 0 30px 0;
	border-top: none;
	border-left: none;
}

.accordion ul {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
}

.accordion li {
	background: #a9240b;
	color: #fff;
	cursor: pointer;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
}

.accordion li.active>a {
	background: url('../art/openx.png') no-repeat center right;
}

.accordion div.macc li.active>a {
	background: url('../art/close.png') no-repeat center right;
}

.accordion li div {
	background: #E6E6E6;
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.accordion a {
	text-decoration: none;
	border-bottom: 1px solid #999;
	font: bold 1.1em/2em Arial, sans-serif;
	color: #fff;
	padding: 0 10px;
	display: block;
	cursor: pointer;
	background: url('../art/closex.png') no-repeat center right;
}

.accordion div.macc a {
	background: url('../art/open.png') no-repeat center right;	
	padding: 0px 5px;
	height: 26px;
	width: 200px;
}

/* Level 2 */

.accordion li ul li {
	background: #E6E6E6;
	color: #333;
	font-size: 0.9em;
}

div.macc li a {
	color: #333;
	padding: 0 0 0 5px;
	float: left;
	width: 185px;
	border-top: none;
	border-bottom: none;
}

#info table.subno {
	float: right;	
	clear: none;
	width: 268px;
}

#info table td.left_margin {
	width: 130px;
}

#info table td.border_left select {
	background: #e6e6e6; 
	border: none; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #333333;  
	font-size: 12px;
	float: right;	
	min-width: 15px;	
	padding: 0px;
	display: block;
	margin: 0;
}

/* Web Banner / Promo */

#compform {
	background: #dfddde;
	width: 230px;
	height: 579px;
	display: none;
	position:absolute;
	top: 320px;
	left: 0px;
	z-index: 1;
	padding: 10px 10px 10px 130px;
	border-right: 1px solid #393b38;
	border-top: 1px solid #393b38;
	border-bottom: 1px solid #393b38;	
}

#compthanks {
	background: #00cd15;
	width: 240px;
	height: 65px;
	border-right: 1px solid #393b38;
	border-top: 1px solid #393b38;
	border-bottom: 1px solid #393b38;
	position:absolute;
	top: 320px;
	left: 0px;
	z-index: 1;
	padding: 10px 10px 10px 130px;	
	color: #FFF;
}

#compform p, #compnotice p {
	width: 220px;	
}

a.competition {
	display: block;
	width: 120px;
	height: 600px;
	position: absolute;
	top: 320px;
	left: 0px;
	z-index: 2;
}