/* Mark Diggelmann Car Sales CSS v1
   on6162.co.nz - Erwin Raaphorst */

html, body { border:0; margin:0; padding:0; }

body {
 background:#bed37f url(../images/bg/bg.png) repeat;
 font:100%/1.25 arial, helvetica, sans-serif;
 color:#333;
 text-align:center;
 min-width:800px;
 }

p {
 margin:0;
 padding:0 0 15px 0;
 }

img { border:0; }
a { outline:none; }
a:link { color:#333; }
a:visited { color:#6e6e6e; }
a:hover { color:#060; }

/* STRUCTURE */

#topwrap {
 background: url(../images/bg/bgtop.png) repeat-x;
 height:145px;
 }

#wrap {
 background:#f0f0f0 url(../images/bg/bgshadow.png) repeat-y;
 width:804px;
 margin:0 auto;
 text-align:left;
 font-size:13px;
 }

#header {
 height:145px;
 width:804px;
 margin:0 auto;
 background:#e4f2a1 url(../images/bg/top.png) no-repeat;
 }

#nav {
 background: url(../images/bg/navbg.png) repeat-x scroll center center;
 width:780px;
 margin:0 auto;
 height:25px;
 border-left:1px #333 solid;
 border-right:1px #333 solid;
 border-bottom:1px #999 solid;
 }

#container {
 background: #f0f0f0 url(../images/bg/bgduo.png) repeat-x 0 50%;
 width:778px;
 margin:0 auto;
 word-spacing:0.05em;
 letter-spacing:0;
 line-height:18px;
 }

#topcontent, #bottomcontent { padding:30px; }

#topcontent p, #bottomcontent p { width:400px; }
 
#intro {
 margin:0 0 60px 360px;
 width:340px;
 }

#intro p { width:auto; }

#block {
 background:#e4e8d8 url(../images/bg/bgblock.png) no-repeat top right;
 float:right;
 margin:40px 20px 20px 0;
 padding:0px;
 width:290px;
 text-align:center;
 border:1px solid #999;
 }

#block img {
 margin:20px 0;
 padding:5px;
 border:1px #666 solid;
 background-color: #fff;
 }

#blockcontact {
 margin:30px 0px 10px; 
 padding:0;
 text-align:left;
 }

#blockcontact span { float:right; }

/* NAVIGATION */

#nav ul{
 margin:0 0 0 1px;
 padding:0;
 list-style:none;
 }

#nav li{
 display:inline;
 margin:0;
 padding:0;
 }

#nav li a {
 font-size:13px; 
 font-weight:bold;
 color:#f0f0f0;
 text-decoration:none;
 float:left;
 border-right:1px #f0f0f0 solid;
 padding:2px 28px 6px;
 margin:0;
 }

#nav a:hover {
 background: #9f3 url(../images/bg/navbgroll.png) repeat-x top left;
 color:#333;
 border-bottom:0;
 }

body.home #nav li a.home { background: #9f3 url(../images/bg/navbgroll.png) repeat-x top left; color:#333; }
body.about #nav li a.about { background: #9f3 url(../images/bg/navbgroll.png) repeat-x top left; color:#333; }
body.stock #nav li a.stock { background: #9f3 url(../images/bg/navbgroll.png) repeat-x top left; color:#333; }
body.request #nav li a.request { background: #9f3 url(../images/bg/navbgroll.png) repeat-x top left; color:#333; }
body.finance #nav li a.finance { background: #9f3 url(../images/bg/navbgroll.png) repeat-x top left; color:#333; }
body.contact #nav li a.contact { background: #9f3 url(../images/bg/navbgroll.png) repeat-x top left; color:#333; }

/* MAP */

#map {
 background: #e4e8d8;
 width:695px;
 height:500px;
 padding:10px;
 margin:15px 0;
 border:1px solid #999;
 }

a.blbut {
 background: transparent url(/images/buttons/blbutend) no-repeat scroll top right;
 color: #fff;
 display: block;
 float: left;
 height: 18px;
 margin:10px 6px 5px 26px;
 padding-right: 5px; /* sliding doors padding */
 text-decoration: none;
 }

a.blbut span {
 background: transparent url(/images/buttons/blbutstart) no-repeat;
 display: block;
 line-height: 8px;
 padding: 5px 2px 5px 7px;
 color:#fff;
 }

#stockframe { background:#e4e8d8; }

/* FOOTER */

#footwrap {
 background:transparent url(../images/bg/bgfoot2.png) no-repeat bottom;
 width:804px;
 height:70px;
 }

#footer {
 background:transparent url(../images/bg/footline.png) repeat-x left top;
 width:780px; 
 margin:0 auto;
 font-size:11px;
 padding-top:20px; 
 }
 
#copy { margin-left:15px; }

#footer ul{
 margin:0 7px 0 0;
 padding:0;
 list-style:none;  
 float:right;
 }

#footer li{
 display:inline;
 margin:0;
 padding:0;
 }

#footer a:link, #footer a:visited { color:#333; margin: 20px 5px 0px; }
#footer a:hover { color:#333; }


/*
#webcredit {
 width:780px;
 text-align:center; 
 }

#webcredit a:link, #webcredit a:visited { text-decoration:none; }
#webcredit a:hover { text-decoration:underline; }
*/

/* WEB CREDIT */
.credit { margin:0.3em 0 0 10px; }
.credit a:link, .credit a:visited { background:url(../images/check.png) left 0 no-repeat; padding-left:17px; text-decoration:none; }
.credit a:hover { text-decoration:underline; }

/* HEADINGS */

h1, h2, h3, h4, h5 {
 margin:0;
 padding:0;
 font-weight:normal;
 }

#logo {
 background: url(../images/logo.png) no-repeat 15px 20px;
 display:block;
 height:120px;
 text-indent: -9000px;
 }

h1 { font-size:22px; margin-bottom:10px; }

/*  IMAGES  */

#flashbar {
 position:absolute;
 margin:-96px 0 0 -695px;
 }

#truck {
 position:absolute;
 float:left;
 margin-left:-5px;
 margin-top:16px;
 padding:0;
 z-index:100;
 }

/*  LISTS  */

ul {
 margin:0;
 padding:0;
 list-style-position:inside;
 }

#header ul {
 margin:40px 40px 0 0;
 padding:0;
 list-style:none;
 float:right;
 text-align:right;
 }

#header li {
 margin:0;
 padding:0;
 font-size:11px;
 color:#666;
 }

#finance li { list-style-image:url(../images/bullet.gif); }

.contactdetails {
 width:190px;
 text-align:left; 
 list-style:none outside;
 padding:0;
 margin:0 0 15px 25px;
 }

.first { width:auto; }
 
/* CONTACT FORM */

#contactform {
 width:390px;
 padding-bottom:15px;
 }

#fieldsetcontact {
 background:#e4e8d8;
 border:1px #999 solid;
 margin:1.5em 0 0 0;
 }

#contactform fieldset {
 float:left;
 clear:left;
 width:100%;
 margin:.8em 0 0 0;
 padding:0;
 border-style:none;
 }

#contactform fieldset ol {
 float:left;
 clear:left;
 padding:1em 1em 0 1em;
 list-style:none;
 margin:0;
 }

#contactform fieldset li {
 float:left;
 clear:left;
 width:100%;
 padding-bottom:1em;
 }

#contactform label {
 float:left;
 width:5.5em;
 font-weight:bold;
 position:relative;
 margin-right:1em;
 }

#contactform #contactsubmit {
 float:none;
 width:auto;
 padding:.5em 0 1.5em 8em;
 margin:0;
 }

#contactdetails input { width:18em; }

#contactsubmit input {
 width:auto;
 margin-right:10px;
 }

#contactdetails img {
 left:5em;
 position:absolute;
 top:0.5em;
 }

/* REQUEST FORM */

.fieldset {
 background:#e4e8d8;
 border:1px #999 solid;
 position:relative;
 padding-top:1em;
 margin:2em 0 0 0;
 width:90%;
 }

.fieldset fieldset {
 padding:0;
 border-style:none;
 margin:1em 0 1em 0;
 }

.fieldset img {
 left:7em;
 position:absolute;
 top:0.5em;
 }

legend span {
 position:absolute;
 top:-0.75em; 
 left:0.1em;
 background:#666 ;
 color:#f0f0f0;
 border:1px solid #333;
 padding:0.15em 0.6em;
 margin-left:1em;
 font-weight:bold;
 }

.fieldset fieldset ol {
 float:left;
 clear:left;
 padding:1em 1em 0 1em;
 list-style:none;
 margin:0;
 }

.fieldset fieldset li {
 float:left;
 clear:left;
 width:100%;
 padding-bottom:1em;
 }

#submit {
 float:none;
 width:auto;
 padding-left:10em;
 border-style:none;
 margin-top:0.5em;
 }

.fieldset label {
 float:left;
 font-weight:bold;
 width:7em;
 margin-right:1em;
 position:relative;
 }

#body_type { width:11em; }

#year_min, #year_max { width:4.8em; }

#price_min, #price_max {width:4.8em; }

.fieldset input { width:19em; }

#submit input {
 width:auto;
 margin-right:10px;
 }

.thanks #topcontent { height:25em; }

/* ATTENTION BLOCKS */

body.home strong {
 font-size:16px;
 margin:17px 0 0 40px;
 display:block;
 } /* for attention blocks */

body.home em {
 font-size:12px;
 font-weight:bold;
 font-style:normal;
 margin:7px 0 0 89px;
 display:block;
 }

#attblock {
 margin:30px 0 0 0;
 padding:0;
 list-style:none;
 word-spacing:0.05em;
 letter-spacing:0;
 line-height:18px;
 overflow:auto;
 }

#attblock li {
 margin:0 40px 0 0;
 padding:0;
 float:left;
 height:140px;
 width:210px;
 background:url(../images/buttons/attblock.png) no-repeat 0 0;
 }

#clear { clear:left; }
 
#attblock li#attfinance { margin-right:0; }

#attblock li:hover {
 background-position:-210px 0;
 color:#333;
 }

#attblock span {
 width:180px;
 margin-top:14px;
 padding:0px 15px 5px; 
 display:block;
 }

#attblock a {
 display:block;
 text-decoration:none;
 color:#fff;
 }

#attblock a span {
 color:#333;
 cursor:pointer;
 }

#attblock a:hover {
 text-decoration:none;
 color:#333;
 }