/* general settings */

* {
  padding: 0;
  margin: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 76%;
}

p {
  margin-top: 15px;
  font-size: 1em;
}

table, tr, td {
  font-size: 1em;
}

h1 {
  font-size: 1.6em;
  color: #0033CC;
  margin-bottom: 15px;
}

h2 {
  font-size: 1.2em;
  color: #0033CC;
  margin-top: 15px;
}

h2#homeheader { font-size:1.6em; }

h1#homesubheader { font-size:1.1em;   }

ul {
  padding-left: 30px;
  margin-top: 8px;
}

dl {
  margin-bottom: 0px;
}

dd {
  margin-left: 20px;
}

dt {
  font-weight: bold;
}

a:link, a:visited {
  color: #CC6666;
  text-decoration: underline;
}

a:hover {
  color: #FFCC99;
  text-decoration: underline;
}

.clear {
  clear: both;
}

.warning {
  color: #CC3333;
}

.tinytext {
  font-size: 1px;
}

/* wrapper for the whole page */

#wrapper {
  width: 750px;
  position: relative;
  left: 50%;
  margin-left: -375px;
}

/* page header formatting - banner & main navigation */

#header {
  margin-top: 20px;
}

#header img {
  display: block;
}

#header_nav {
  float: left;
  margin: 10px 0 20px 0;
  width: 750px;
  background: #99CCFF url(images/nav_background_top.gif) top left no-repeat;
}

#header_nav ul {
  float: left;
  width: 750px;
  background: url(images/nav_background_bottom.gif) bottom left no-repeat;
  list-style: none;
  padding: 0;
  margin: 0;
}

#header_nav li {
  float: left;
}

#header_nav a {
  display: block;
  margin: 5px 0 5px 16px;
  line-height: 1.7em;
  text-decoration: none;
  background: url(images/triangle.gif) no-repeat left center;
  text-indent: 10px;
}

#header_nav a:link, #header_nav a:visited {
  color: #FFFFFF;
}

#header_nav a:hover {
  background: url(images/triangle_highlighted.gif) no-repeat left center;
  color: #0033CC;
}

#home #header_nav .home,
#aboutus #header_nav .aboutus,
#contactus #header_nav .contactus,
#usedcars #header_nav .usedcars,
#aftersales #header_nav .aftersales,
#specialoffers #header_nav .specialoffers,
#financing #header_nav .financing {
  background: url(images/triangle_highlighted.gif) no-repeat left center;
  color: #0033CC;
  cursor: default;
}

/* page footer formatting */

#footer {
  margin-top: 10px;
  border-top: 2px solid #0033CC;
  padding: 3px 0 3px 0;
  clear: both;
}

#footer div {
  width: 24.9%;
  padding: 0;
  border: 0;
  margin: 0;
  float: left;
  text-align: center;
}

/* define a format for a column of rounded headed boxes */

.box {
  background: url(images/box_bottom.gif) left bottom no-repeat;
  width: 300px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.box h2 {
  background: #FF9966 url(images/box_top.gif) left top no-repeat;
  color: #FFFFFF;
  text-align: center;
  padding: 10px;
  margin: 0;
}

.box p {
  background: url(images/box_section.gif) left bottom repeat-y;
  padding: 10px 10px 0 10px;
  margin: 0;
  color: #0033CC;
}

.box ul {
  background: url(images/box_section.gif) left bottom repeat-y;
  padding: 10px 10px 0 30px;
  margin: 0;
  color: #0033CC;
}

.box a:link, .box a:visited {
  text-decoration: underline;
  color: #00CC66;
}

.box a:hover {
  text-decoration: underline;
  color: #00FF66;
}

/* formatting for specific pages */

/* home page */
#home #content {
  width: 420px;
  float: left;
}

#home #decoration {
  width: 300px;
  float: right;
  margin-bottom: 10px;
}

/* about us page */
#aboutus #content {
  width: 400px;
  float: left;
}

#aboutus #boxcolumn {
  width: 300px;
  float: right;
}

/* financing page */
#financing #content {
  width: 400px;
  float: left;
}

#financing #boxcolumn {
  width: 300px;
  float: right;
}

/* usedcars page */
#usedcars #intro {
  width: 200px;
  float: left;
}

#usedcars #list {
  width: 530px;
  float: right;
}

.usedcarlistdesc {
  background-color: #CCCCCC;
  padding-right: 5px;
  padding-left: 5px;
}

.usedcarlistprice {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #000000;
  padding-right: 5px;
  padding-left: 5px;
}

.newcarslistlink {
  font-weight: bold;
  padding-right: 5px;
  padding-left: 5px;
}

.usedcarsheading {
  font-weight: bold;
}

/* usedcars details page */
#details_spec {
  width: 280px;
  float: left;
}

#details_pic {
  width: 450px;
  float: right;
}

/* contactus page */
#details {
  width: 400px;
  float: left;
}

#staff {
  width: 340px;
  float: right;
  margin-bottom: 10px;
}

.staffrow {
  width: 100%;
  clear: both;
  background: url(images/staffboxtops.png) top left no-repeat;
  float: left;
  margin-bottom: 20px;
}

.staffrowinner {
  background: url(images/staffboxbottoms.png) bottom left no-repeat;
  float: left;
}

.staffphoto {
  width: 108px;
  margin-right: 8px;
  float: left;
  text-align: center;
}

.righthandbox {
  margin-right: 0;
}

.emptybox {
  background: #FFFFFF;
  width: 108px;
  height: 189px;
}

.staffphoto p {
  padding: 0 7px 10px 7px;
}

.staffphoto img {
  border: 2px solid black;
}

#address {
  width: 45%;
  float: left;
}

#telfaxemail {
  width: 45%;
  float: right;
}

/* aftersales page */
#aftersales #content1 {
  width: 320px;
  float: left;
  margin-bottom: 10px;
}

#aftersales #content2 {
  width: 410px;
  float: right;
  margin-bottom: 10px;
}

#aftersales #content1 img, #aftersales #content2 img {
  padding: 0 10px 10px 10px;
  float: left;
}

/* confirmation page */
#confirmation p {
  font-weight: bold;
  margin-top: 60px;
  padding-bottom: 80px;
}

#copyrightfooter { text-align:center; }