/*-----------------------------------------------------------------------------
Primary Layout Metro Traders Style Sheet

version:   1.0
author:    Nick Heskes
email:     nick.heskes@datamotive.com.au
website:   http://www.metrotraders.com.au
-----------------------------------------------------------------------------*/
/* Imports Global CSS */
@import url("global.css") all, print;
/* Body */
/* ------------------------------------------------------------------------------------ */
	/*
div, class, span, img, label, input, h1, h2, h3, ul, li {
	border: dashed 1px #FF0000 !important;
}
	*/
/* 100% Height */
html ,body {
	margin: 0 auto; 
}
body {
	background: #979583; 
}
/* remove halo effect in firefox   */
*:focus, button:focus, a:active, input:active { 
	outline: none; 
}
.auto { 
    margin: 0 auto;
}
span {
	text-indent: -9999px;
}
img {
	border: 0;
}
/* Body */
/* ------------------------------------------------------------------------------------ */
#wrapper{ 
	width: 958px; text-align:center; margin: 0 auto; background: url(../img/wrapper.jpg) no-repeat;  margin-top: 90px; padding: 15px; overflow: hidden;
}
/* Flash */
/* ------------------------------------------------------------------------------------ */
#flash {
	clear: both; width: 952px; height: 325px; background: #3C372D; margin: 0 auto;
}
/* Header */
/* ------------------------------------------------------------------------------------ */
#header {
	width: 943px; height: 65px; float:left; padding: 20px 15px;
}
#header a.logo {
	width: 351px; height: 63px; float: left; display:block; background:url(../img/logo.gif) no-repeat; text-indent: -9999px;
}
/* Nav */
/* ------------------------------------------------------------------------------------ */
ul#nav {
	margin: 1.7em 0.5em 0em 0.6em; padding: 30px 1em 0 0; float: right; margin:0; clear: right; height: 12px; /*was 28px height */

}
ul#nav li {
	padding: 0 0em 0.5em 0.5em; font: normal 0.833em/1.5em "Times New Roman", Times, serif;  float: left; list-style: none; /*turns off display of bullet*/ margin:0 0px; padding: 0;

}
#nav a {
	margin: 0 3px 0 13px; /* Width of the graphic */ white-space:nowrap; text-decoration: none; font-size:0em; line-height: 0; display: block; height: 12px; float:left;
}  
#nav a:hover {
	color: #FFF;
}
a.home {
	width: 38px; height:12px; background:url(../img/nav-home.gif) no-repeat;
}
a:hover.home {
	background:url(../img/nav-home.gif) no-repeat 0 -13px; 
}
a.about {
	width: 60px; height:12px; background:url(../img/nav-about.gif) no-repeat;
}
a:hover.about {
	background:url(../img/nav-about.gif) no-repeat 0 -13px; 
}
a.our {
	width: 69px; height:12px; background: url(../img/nav-our.gif) no-repeat; 
}
a:hover.our {
	background:url(../img/nav-our.gif) no-repeat 0 -13px; 
}
a.sell {
	width: 54px; height:13px; background:url(../img/nav-sell.gif) no-repeat;
}
a:hover.sell {
	background:url(../img/nav-sell.gif) no-repeat 0 -14px; 
}
a.finance {
	width: 51px; height:12px; background:url(../img/nav-finance.gif) no-repeat;
}
a:hover.finance {
	background:url(../img/nav-finance.gif) no-repeat 0 -13px; 
}
a.contact {
	width: 72px; height:12px; background: url(../img/nav-contact.gif) no-repeat;
}
a:hover.contact {
	background:url(../img/nav-contact.gif) no-repeat 0 -13px; 
}
#nav .first {
	padding-left: 0; background: none;
}
#nav .first a {
	margin-left: 0;
}
/* Footer */
/* ------------------------------------------------------------------------------------ */
#foter {
	clear: both; margin: 0 auto; width: 600px; display:block; 
}
#foter ul {
	margin: 0.25em 0 3em 0.6em; padding: 0 1em 0 0; list-style: none; font: normal 0.563em/1.7em Arial, Helvetica, sans-serif; text-align:center;
}
#foter li {
	display: inline; margin: 0; padding: 0 0em 0.5em 0.5em; background: url(../img/line.gif) left center no-repeat; line-height: 1.7em;  letter-spacing: 1px;
}
#foter a {
	margin: 0 6px 0 6px; /* Width of the graphic */ color: #272219; white-space:nowrap;
} 
#foter a.nolink {
	margin: 0 0px 0 6px; /* Width of the graphic */ color: #272219; text-decoration: none; cursor:default;
} 
#foter a:hover.nolink {
	color: #272219;
} 
#foter a:hover {
	color: #FFF;
}
#foter .first {
	clear: left; padding-left: 0; background: none;
}
#foter .first a {
	margin-left: 0;
}
.address {
	clear: both; text-align: center; font: bold 0.75em/1.5em "Times New Roman", Times, serif; color: #272219; padding: 20px 10px 0px 10px; letter-spacing: 1px;
}
.address i {
	padding: 0px 0 0 20px; font-style:normal;
}
/* Heading Images */
/* ------------------------------------------------------------------------------------ */
.about-us {
	clear: both; width: 952px; height:160px; background:url(../img/about-image.jpg) no-repeat; margin: 0 auto;
}
.our-stock {
	clear: both; width: 952px; height:70px; background: #FFF url(../img/our-image.jpg) no-repeat 0 -30px; margin: 0 auto;
}
.sell-your-car {
	clear: both; width: 952px; height:160px; background: #FFF url(../img/buy-image.jpg) no-repeat; margin: 0 auto;
}
.finance {
	clear: both; width: 952px; height:160px; background: #FFF url(../img/finance-image.jpg) no-repeat; margin: 0 auto;
}
.contact-us {
	clear: both; width: 952px; height:160px; background: #FFF url(../img/contact-image.jpg) no-repeat; margin: 0 auto;
}
.sitemap {
	clear: both; width: 952px; height:160px; background: #FFF url(../img/sitemap-image.jpg) no-repeat; margin: 0 auto;
}
/* h1 */
/* ------------------------------------------------------------------------------------ */
h1 {
	font: normal 1.875em/1.5em "Times New Roman", Times, serif; text-align: left; color: #656242; margin: -12px 0 -20px 0;
}
h1 em {
	display: none;
}
h2 {
	font: bold 0.875em/1.5em "Times New Roman", Times, serif; color: #272219; text-align: left; margin-top: 1.5em;
}
/* content */
/* ------------------------------------------------------------------------------------ */
.left {
	width: 240px; margin: 20px 35px; float: left;
}
.content {
	width: 572px; padding: 0px 35px; float: left; border-left: dashed 1px #7E7B62; margin: 20px 0 25px 0;
}
.contentlarge {
	width: 885px; padding: 0px 35px; float: left; margin: 20px 0 25px 0;
}
p {
	font: 0.875em/1.5em "Times New Roman", Times, serif; color: #272219; text-align: left; margin-top: 1.5em;
}
strong {
	font-weight: bold;
}
#iframeHeader {
	width: 885px; float: left; height:500px; margin: 10px 0 0 1px;
}
/* Sitemap */
/* ------------------------------------------------------------------------------------ */
ul.sitemap {
margin: 20px 0 0 0px; padding: 0; text-align: left; font: normal 0.875em/1.5em "Times New Roman", Times, serif; background: none; width:auto;
}
ul.sitemap li{
margin: 5px 0 5px 0;  list-style-type: none; /*turns off display of bullet*/ padding: 0;
}
ul.sitemap li a {
color: #272219;  padding: 0;
}
ul.sitemap li a:hover {
color: #FFF; 
}
a {
 color: #272219;
}
a:hover {
 color: #FFF;
}
.top {
	margin-top: 0 !important;
}
/* Form */
/* ------------------------------------------------------------------------------------ */
.theform {
width: 390px; clear: left; float:left; margin: 10px 0 0 0; background:#C5C4B9; padding: 0; overflow: auto;
}
dt, dl, dd {
margin: 0 0 0.2em 0; padding: 0;
}
#theform {
position: relative; 
}
#theform dd span {
text-indent: 0; font: normal 0.625em/1em Arial, Helvetica, sans-serif;  float: left; padding: 0px 0 10px 0; color: #343223; clear:left; width: 100px; text-align:left;
}
h3 { width: 360px; height: 20px; padding: 5px 15px 15px 15px; margin-bottom: 2px; background:#B1B0A2; text-align: left; font: normal 1.2em/1.5em "Times New Roman", Times, serif; color:#656242;}
#theform { width: 390px; padding: 0; margin: 0;}
#theform form { padding: 22px 0 0 0;  margin: 0; }
#theform dl { padding: 3px 0 0 17px; }
#theform dt { width: 150px; clear: left; float: left; padding-top: 0.2em; }
#theform label a {  color: #424242;
}
#theform label {
font: 0.75em/1em Arial, Helvetica, sans-serif; color: #343223; display: block; text-indent: 0; padding: 0 0 2px 0; text-align: left; width: 150px;
}
#theform dd input, #theform dd textarea { width: 200px; border: solid 1px #CBDDE7; font: 0.75em/1em Arial, Helvetica, sans-serif;  color: #343223; float: left; margin: 0 0 0.2em 0 !important; padding: 0.3em 0 0.3em 0.3em !important;}
#theform dd select { border: solid 1px #CCC; color: #333; width: 205px; font: 0.75em/1em Arial, Helvetica, sans-serif; float: left; margin: 0 0 0.2em 0 !important; padding: 0.3em 0 0.3em 0.1em !important;}
#theform dd { width: 205px; float: left;}
#theform dd input.empty, #theform dd textarea.empty { color: #666; }
#theform dd input.stillempty, #theform dd textarea.stillempty { background-color: #CC0000; border: solid 1px #FFF; }
#theform dd input.filled, #theform dd textarea.filled { color: #000; 
}
#theform dd.short{
width: 105px; float: left; 
}
#theform dd textarea{
height: 50px; width: 200px !important;
}
#theform dd #state, #theform dd #postcode {
width: 95px; float: left;  
}
#theform dd #state select {
line-height: 1.8em !important;
}
#theform dd #postcode {
width: 95px; float: left; 
}
#theform dd #comments2 {
height:120px !important;
}
#theform input:focus, #theform textarea:focus { border: solid 1px #8C8971;
}
#send {
float: left; width: 150px; height: 22px; border: 0; cursor: pointer; background:url(../img/send-enquiry-R1.gif) no-repeat; text-indent: -9999px; margin-bottom: 7px;
}
#send:hover {
background:url(../img/send-enquiry-R2.gif) no-repeat;
}
#loadBar {
display:block; float:left !important; width: 290px; width: 360px; height: 70px; padding: 5px 0px 15px 17px; margin-bottom: 2px; background:#C5C4B9; text-align: left; font: 0.875em/1.5em Arial, Helvetica, sans-serif; color:#333; 
}
/* need for ie6 */
#loadBar span, #emailSuccess span {
 text-indent:0 !important; 
}
#loadBar img {
float: right; margin: -10px 50px 0 0px; 
}
#emailSuccess {
display:block; float:left !important; width: 298px; height: 70px; padding: 5px 15px 15px 17px; margin-bottom: 2px; background:#C5C4B9; text-align: left; font: 0.875em/1.5em Arial, Helvetica, sans-serif; color:#343223; text-indent:0;
}
#map {
 float: right; width: 300px; height:300px; clear:right; margin-top: 2px;
}
.content .details {
	width: 270px; float: left;
}