@import url('core.css');

.left { 
	float: left;
	display: inline; 
}

#quick-quote-checkbox {
	float: right;
	width: 335px;
	height: 50px;
}

	#quick-quote-checkbox input {
		width: 15px !important;
		height: 12px !important;
	}
	
#filler {
	width: 15px!important;
}	

/********************************************
        CONTAINER STYLES
********************************************/

body {font-family: Arial; font-size: 12px; color: #cccccc; background:#0c0c0d;}
#banner {position:absolute; height:369px; z-index:1; overflow:hidden;}
div#wrapper {background: url(../images/core/wrapper-bg.jpg) center 369px no-repeat;}
	div.container {width: 960px; margin: auto; position:relative; z-index:10;}
		div#header {width: 960px; height: 369px;}
		div#content {width: 960px; margin: 45px 0 45px 0;}
			div#primary {width: 490px; float: left; padding: 0 40px 0 40px;}
			div#secondary {width: 180px; float: left;}
	div#footer-wrapper {background: url(../images/core/footer-wrapper-bg.jpg) 0 0 repeat-x;}
		div#footer {width: 960px; margin: auto; background: url(../images/core/footer-bg.jpg) 0 0 no-repeat; padding: 60px 0 0 0;}



/********************************************
        NAVIGATION STYLES
********************************************/
#nav {width:960px; height: 68px;}
#nav li {float:left;} 
  
  #nav li a {display:block; text-indent:-9999em; background:url(../images/core/nav-home.jpg) no-repeat 0 0; text-decoration:none; width:62px; height:68px;}
    #nav li#nav-profile a {background-image:url(../images/core/nav-profile.jpg); width:62px;}
    #nav li#nav-taxi_trucks_perth_metro a {background-image:url(../images/core/nav-taxi_trucks_perth_metro.jpg); width:149px;}
    #nav li#nav-interstate_freight a {background-image:url(../images/core/nav-interstate_freight.jpg); width:117px;}
    #nav li#nav-intrastate_freight a {background-image:url(../images/core/nav-intrastate_freight.jpg); width:116px;}
    #nav li#nav-customer_service a {background-image:url(../images/core/nav-customer_service.jpg); width:122px;}
		#nav li#nav-quote_pickup a {background-image:url(../images/core/nav-quote_pickup.jpg); width:95px;}
    #nav li#nav-international a {background-image:url(../images/core/nav-international.jpg); width:92px;}
    #nav li#nav-warehouse a {background-image:url(../images/core/nav-warehouse.jpg); width:163px;}
    #nav li#nav-contact a {background-image:url(../images/core/nav-contact.jpg); width:77px;}
    
    body#p-index #nav li#nav-home a,
    body#p-profile #nav li#nav-profile a,
    body#p-taxi_trucks_perth_metro #nav li#nav-taxi_trucks_perth_metro a,
    body#p-interstate_freight #nav li#nav-interstate_freight a,
    body#p-intrastate_freight #nav li#nav-intrastate_freight a,
    body#p-customer_service #nav li#nav-customer_service a,
    body#p-international #nav li#nav-international a,
    body#p-warehouse #nav li#nav-warehouse a,
    body#p-contact #nav li#nav-contact a,
    /* Add additional page active states here ------------------------ */
    #nav li a:hover {background-position:0 -68px;}
	


/********************************************
        HEADER STYLES
********************************************/

a#logo {width: 437px; height: 90px; display: inline-block; margin: 120px 0 0 0;}


/********************************************
        CTA STYLES
********************************************/

ul#cta {width: 210px; float: left; margin: 0px!important;}
ul#cta li {padding: 0 0 10px 0;}
ul#cta li a {text-indent: -9999px; display: block;}

ul#cta li#cta-quick_freight_quote a {width: 210px; height: 80px; background: url(../images/core/cta-quick_freight_quote.jpg) 0 0 no-repeat;}
ul#cta li#cta-quick_freight_quote a:hover {background-position: 0 -80px;}

ul#cta li#cta-domestic a {width: 210px; height: 69px; background: url(../images/core/cta-domestic.jpg) 0 0 no-repeat;}
ul#cta li#cta-domestic a:hover {background-position: 0 -69px;}

ul#cta li#cta-international a {width: 210px; height: 69px; background: url(../images/core/cta-international.jpg) 0 0 no-repeat;}
ul#cta li#cta-international a:hover {background-position: 0 -69px;}

ul#cta li#cta-warehouse a {width: 210px; height: 70px; background: url(../images/core/cta-warehouse.jpg) 0 0 no-repeat;}
ul#cta li#cta-warehouse a:hover {background-position: 0 -70px;}


/********************************************
        GENERAL STYLES
********************************************/

li#phone {background: url(../images/core/element-phone.jpg) 0 2px no-repeat; padding: 0 0 0 20px; margin: 6px 0 6px 0;}
li#fax {background: url(../images/core/element-fax.jpg) 0 2px no-repeat; padding: 0 0 0 20px; margin: 6px 0 6px 0;}
li#email {background: url(../images/core/element-email.jpg) 0 2px no-repeat; padding: 0 0 0 20px; margin: 6px 0 6px 0;}

.img_border {border: 1px solid #2a2d39; margin: 0 0 10px 0;}

/********************************************
        TEXT FORMATING
********************************************/

/** Colour Classes **/
.red {color: #d90016;}
.white {color: #fff;}
.grey {color: #999;}
.green {color: #5caf18;}

/** Size Classes **/
.size10 {font-size: 10px!important;}

h1 {font-size: 21px; color: #d90016; margin: 0 0 20px 0;}
h2 {font-size: 19px; color: #5caf18; margin: 0 0 22px 0;}
	div#primary h2 {font-size: 14px; color: #a10011;}
h3 {font-size: 16px; color: #fff; margin: 0 0 10px 0;}
	ul#cta h3 {font-size: 14px!important;}

div#content ul {margin: 10px 0 20px 0;}
div#content ul li {line-height: 18px;}
	ul.list {margin: 0 0 0 20px}
	ul.list li {line-height: 18px; margin: 5px 0 5px 10px; background: url(../images/core/arrow.gif) 0 4px no-repeat; padding: 0 0 0 20px;}



p {font-size: 12px; line-height: 18px; margin: 0 0 18px 0;}
	div#footer p {font-size: 11px; margin: 0 0 0 0!important;}

a {color: #5caf18; text-decoration: none;}
a:hover {color: #387406;}
	div#footer a {color: #6c7686; padding: 0 4px 0 4px;}
	div#footer a:hover {color:#5caf18;}


/**Primary**/

div#primary table {width: 400px; line-height: 18px; margin: 10px 0 20px 0;}
div#primary table td {width: 180px; padding: 10px; border-left: 1px solid #323436; }
div#primary table tr {border: 1px solid #323436;}
	#table-header {background: #343c4a; color: #fff;}
	
	.multiple-lists div {
		float: left;
		width: 210px;
		margin-right: 30px;
	}


/**Secondary**/
#title-247 {width: 50px; height: 17px; text-indent: -9999px; background: url(../images/core/title-247.jpg) 0 0 no-repeat; margin: 0 0 6px 0!important;}


/********************************************
        CUSTOMER SERVICE FORM FORMATING
********************************************/
#customer_service_form {padding: 20px 0 20px 0 ;}
#customer_service_form ul li label {width: 130px; text-align: right; padding: 0 20px 0 0;}
#customer_service_form ul li input {width: 300px; height: 20px; background: #fff; border: 1px solid #ccc;}
#customer_service_form ul li textarea {width: 300px; height: 100px; background: #fff; border: 1px solid #ccc; overflow: auto	;}
	#customer_service_form ul li textarea#Services_Require {height: 120px!important;}


#customer_service_form ul li.button input {width: 95px!important; height: 40px; background: url(../images/core/btn-submit.jpg) 0 0 no-repeat; border: none; cursor: pointer;}
#customer_service_form ul li.button input:hover {background-position: 0 -40px;}
	
.baseform label.error {margin: 0 0 0 120px!important; padding: 5px 0 5px 0!important;}


/********************************************
        ENQUIRY FORM FORMATING
********************************************/
#enquiry_form {padding: 20px 0 20px 0 ;}
#enquiry_form ul li label {width: 130px; text-align: right; padding: 0 20px 0 0;}
#enquiry_form ul li input {width: 300px; height: 20px; background: #fff; border: 1px solid #ccc;}
#enquiry_form ul li textarea {width: 300px; height: 100px; background: #fff; border: 1px solid #ccc; overflow: auto;}
	#enquiry_form ul li textarea#Services_Require {height: 120px!important;}


#enquiry_form ul li.button input {width: 95px!important; height: 40px; background: url(../images/core/btn-submit.jpg) 0 0 no-repeat; border: none; cursor: pointer;}
#enquiry_form ul li.button input:hover {background-position: 0 -40px;}
	
.baseform label.error {margin: 0 0 0 120px!important; padding: 5px 0 5px 0!important;}







/********************************************
        LISTING STYLES
********************************************/

.item_listing li div.img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
}



/********************************************
        PRODUCT DETAIL STYLES
********************************************/

#p-product #content .img{
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 250px;
  margin-right: 20px;
  width: 250px;
}
#p-product #content .item{
  display: inline;
  float: left;
  width: 360px;
}


/********************************************
        DYANMIC PAGE DETAIL STYLES
********************************************/


#p-dynamic_page #content .img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 150px;
  margin-right: 20px;
  width: 150px;
}
#p-dynamic_page #content .item {
  display: inline;
}


/********************************************
        GOOGLE MAP STYLES
********************************************/



.googlemap{
  height:400px;
  width:640px;
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}

/********************************************
        BREADCRUMB STYLES
********************************************/



ul#breadcrumbs li {
  margin-right: 10px;
  font-size: 0.8em;
  
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}