/* CtrlSpace CSS Document for Olympic Auto Group */

/* Core HTML Defs */

body {margin:0; padding:0; text-align:center;font-size:100.01%;font-family:Verdana, Arial, Helvetica, sans-serif;}
a img {border:0;}
div {margin:0;padding:0;}
h1 {font-size:1.8em;text-transform:uppercase;font-weight:normal;margin:0;}
h2 {font-size:1.5em;text-transform:uppercase;font-weight:normal;margin:0;}
h3 {font-size:1.3em;text-transform:uppercase;font-weight:normal;margin:0;}

/* Core Layout Defs */

#page {width:760px;margin:0 auto;font-size:66%;text-align:left;}
#topnav {text-align:right;padding:5px 10px;text-transform:uppercase;font-size:.9em;}
#header {}
#mainnav {padding:10px 20px;text-transform:uppercase;background: #c9c9c9 url(../images/bg-nav.jpg) repeat-x top;}
#content {position:relative;width:455px;float:left;padding:20px;background: url(../images/content-bg.gif) repeat-x top;}
* html #content {width:415px;wid\th:455px;}
#sidebar {position:relative;padding-bottom:100px;width:264px;float:left;border-left:1px solid #cecece;}
* html #sidebar {width:263px;border:0;}
#footer {padding:10px 20px;clear:both;font-size:.9em;}
* html #footer {height:1%;}
#topnav a, #mainnav a, #footer a {text-decoration:none;}
#mainnav a {padding:0 7px;}

/* Content Layout Defs */

.clear {clear:both;height:0;overflow:hidden;}

.newmodels {clear:both;width:455px;padding:10px 0 0 0;}
.newmodels a {float:left;display:block;width:100px;height:85px;padding:5px 10px 5px 0;text-decoration:none;}
* html .newmodels a {width:90px;wid\th:100px;height:100px;}
body#new .newmodels a {height:13em;}
body#home .newmodels a {text-align:center;}
.newmodels a.sitelink {display:inline;clear:left;}
.newmodels a img {display:block;margin-right:-10px;}
.newmodels a strong {font-weight:normal;color:#666;}
.newmodels a .shortdesc {display:block;padding:3px 5px 0 0;font-size:.9em;}
.newmodels a .warranty {display:block;font-size:.9em;padding:5px 0 0 0;width:120px;}
* html .newmodels a .warranty {width:110px;}

#newimages {clear:both;margin-top:10px;}

#newdetails {margin:10px 0;padding:10px;border-top:2px solid #a6a6a6;border-bottom:2px solid #a6a6a6;}
#newdetails img {float:left;margin:0 10px 10px 0;}
#newdetails ul {margin:5px;padding:0;}
#newdetails li {padding:0 0 0 5px;margin:0;}

#newprice {clear:both;font-size:1.4em;color:#d72f2c;}

#newinvite {}

#newmenu {margin:10px 0;border-top:2px solid #a6a6a6;}
#newmenu h3 {color:#fff;background: #c9c9c9 url(../images/bg-nav.jpg) repeat-x;margin:0;padding:5px 15px;}
#newmenu ul {margin:0;padding:10px 20px;background:#fff;}

#pre-owned {padding-top:35px;background: url(../images/pre-owned.jpg) no-repeat top;}
#pre-owned form {margin:0;padding:10px 10px 30px 10px;background: url(../images/keys.jpg) no-repeat 20px bottom ;font-size:.9em;}
#pre-owned label {display:block;float:left;width:90px;text-align:right;padding:0 15px 0 5px;line-height:25px;}
* html #pre-owned label {width:60px;wid\th:90px;}
#pre-owned .row {height:25px;}
#pre-owned .search {padding-left:150px;}
#pre-owned select {width:120px;}
#pre-owned input {width:50px;}

#address {width:100%;position:absolute;bottom:0;}
#address address {padding:5px 15px;font-style:normal;font-size:1.2em;}
* html #address address {padding:10px 5px;}
#address a {text-decoration:none;}
#address a:hover {color:#6f6f6f;}

#content p {margin:.15em 0 .45em 0;}

body#new #sidebar {background: url(../images/new-sidebar-bg.gif) repeat-x top;padding-top:6px;border-left:1px solid #a6a6a6;}
body#new .sideaction {background: #d7e1e8 url(../images/side-action-bg.gif) repeat-x bottom;padding:10px 15px;border-bottom:1px solid #a6a6a6;}
body#new .sideaction a {text-decoration:none;color:#6f6f6f;padding:5px 0 0 0;display:block;}
body#new .sideaction a:hover {color:#333;}

#sidebar {}
.sideaction {background: #f5e7e7;color:#616161;padding:10px 15px;border-bottom:1px solid #a6a6a6;}
.sideaction a {text-decoration:none;color:#616161;}
.sideaction a:hover {color:#333;}
.sideaction h3 {margin:0 0 5px 0;font-weight:bold;}
.sideaction p {margin:0;}

body#pre #sidebar {background: url(../images/pre-sidebar-bg.gif) repeat-x top;padding-top:6px;border-left:1px solid #a6a6a6;}
body#pre .sideaction {background: #dee4db url(../images/pre-sideaction-bg.gif) repeat-x bottom; padding:10px 15px;border-bottom:1px solid #a6a6a6;}
body#pre .sideaction a {text-decoration:none;color:#485641;padding:5px 0 0 0;display:block;}
body#pre .sideaction a:hover {color:#333;}

body#pages h1 {margin-bottom:1em;}

p.morelink {margin:0;padding:8px;background-color:#ebd1d2;width:60%;}
p.morelink a {color:#000;}
p.morelink a:hover {color:#666;}

.accordion {clear:both;}
h2.toggler a {cursor:pointer;}
fieldset.vcard {border:none;margin:10px 0;padding:20px;clear:both;}
fieldset.vcard .photo {float:left;margin:0 20px 0 -10px;}
fieldset.vcard legend.fn {font-size:1.3em;}

form.pre-search {border-top:2px solid #a6a6a6;border-bottom:2px solid #a6a6a6;margin:5px 0 10px 0;padding:40px 0 10px 0;background: url(../images/model-icons.gif) no-repeat top right;}
form.pre-search label.column {display:block;float:left;width:120px;line-height:2em;}
form.pre-search input {width:50px;}
form.pre-search select {width:130px;}

table#pre-results {width:100%;border-collapse:collapse;border:2px solid #a6a6a6;border-right:0;text-align:left;color:#4e4e4e;margin:5px 0;}
table#pre-results th {background: #a6a6a6 url(../images/pre-list-table-head.jpg) repeat-x;padding:2px 6px;font-size:.9em;}
table#pre-results td {background:#dee4db;padding:2px 10px;}
table#pre-results tr.odd td {background:#bac8b3;}
table#pre-results .select {padding:2px 5px;}
table#pre-results td, table#pre-results th {border-right:2px solid #a6a6a6;}
table#pre-results tr.hover td {background:#a6a6a6;}
table#pre-results a {text-decoration:none;color:#4e4e4e;}
table#pre-results a:hover {color:#000;}
.description {}

body#pre #content .description img {float:left;margin:5px 10px 5px 0;}

.description p.price {font-size:2.5em;padding:.5em;border:1px solid #a6a6a6;text-align:center;}
body#pre .thumbnails {margin:10px 0 10px -5px;}
body#pre .thumbnails a {padding:5px;}

/* Staff Accordion */
h2.toggler {background:#d72f2c;color:#fff;padding:4px 8px;margin:5px 0 0 0;}
.accordion {border:2px solid #d72f2c;background:#fff;}

/* Forms */
.row label {display:block;float:left;width:160px;text-align:right;padding-right:10px;}
input.input {width:200px;}
select.input {width:auto;}
.row textarea {width:300px;height:100px;}

/* Financing */
#newmodels img {margin:10px 20px;}
#links p a {background: #a6a6a6 url(../images/pre-list-table-head.jpg) repeat-x;padding:2px 6px;font-size:1em;font-weight:bold;color:#000;text-decoration:none;display:block;}
#links p a:hover {background:#666;}

/* Suzuki Colour and Branding */
h1, h2, h3 {color:#d72f2c;}
body {background:#cecece;}
#page {background:#fff;color:#333;}
#content {}
#topnav, #topnav a {background:#00267f;color:#fff;}
#footer, #footer a {background:#5972ab; color:#fff;}
#topnav a:hover, #footer a:hover {color:#ccc;}
#mainnav a {color:#0027ff;}
#mainnav a:hover {color:#d72f2c;}
#mainnav a.active {color:#d72f2c;font-weight:bold;}
#address {background: url(../images/address.jpg) repeat-x;}
#address, #address a {color:#00267f;}
.newmodels a {color:#a09f9f;}
.newmodels a:hover {color:#333;}
