/* global styles */


body {overflow-y:scroll;margin:0;padding:0 0 10px 0;background:#666666 top left repeat-x url(../images/bgnd.png);font-family:Arial, Helvetica, sans-serif;color:#000000;}
div {text-align:left;}
div.divider {clear:left;height:1px;overflow:hidden;border-bottom:dotted 1px #999999;margin:16px 0 16px 0;}
p {clear:left;margin-top:0;}
a {color:#CC0033;text-decoration:none;}
a:hover {text-decoration:underline;}

#container {width:940px;}

/* Header */

#header {margin:0 0 30px;height:140px;text-align:right;position:relative;}
#header a {color:#666666;text-decoration:none;font-size:11px;}
#header a:hover {color:#999999;text-decoration:none;}
#header #logo {margin:0 auto;padding:50px 0 0 60px;width:300px;display:block;}
#header #logo img {width:300px;height:auto;}
#header .people-driven {position:absolute;right:0;top:60px;width:141px;}
#header .grand-master {position:absolute;left:0;top:50px;width:121px;}
/* footer */
#footer {padding:10px 0 0 0; text-align:center;}
#footer,
#footer a {color:#999999; text-decoration:none; font-size:11px;}


h2 {margin-top:0; font-weight:normal; font-size:16px;clear:left;}


/* navigation */


#nav,
#nav li {list-style:none; margin:0; padding:0; font-size:12px; font-weight:bold;height:28px;}

#nav li {float:left;}
#nav li a{float:left; padding:0; background:top left no-repeat url('/images/button-left-new.png');height:28px;color:white;text-decoration:none;text-align:center;}
#nav a span{display:block; width:89px; background:top right no-repeat url('/images/button-right-new.png'); text-align:center; line-height:26px;height:26px; padding:0 5px; overflow:hidden; padding-top:2px;cursor:pointer;}
#nav a.medium span {width:113px;}
#nav a.large span {width:141px;}
#nav li a:hover        {background-position:left  -72px;}
#nav li a:hover span   {background-position:right -72px;}
#nav li.selected a     {background-position:left  -36px !important;}
#nav li.selected span  {background-position:right -36px !important;color:black;}


/* homepage */


#banner, #banner2 {border:solid 1px #FFFFFF; color:#999999;}
#banner embed, #banner2 embed {position: relative; z-index: 1;}
#banner img, #banner2 img {display:block;}
#banner-promo {border:1px solid white; border-top:0;}

#promo,
#promo li {list-style:none; margin:0; padding:0; background-color:#FFFFFF;}
#promo {padding:0 0 0 1px;}
#promo li {float:left;width:155px;border-right:1px solid white;}
#promo li.odd {width:156px;}
#promo li a {display:block; font-size:11px; color:#FFFFFF; text-decoration:none;width:155px;}
#promo li a strong {display:block; padding:6px 0 6px 8px; background-color:#CC0033; font-weight:bold; font-size:10px;}

#promo li a .caption {display:block; margin-top:1px; padding:104px 8px 8px; background:-156px top no-repeat; color:#7F7F7F;}
#promo li a.many-links .caption{height:0;padding-top:96px;}
#promo li.clear {clear:both; float:none; display:block; height:1px; overflow:hidden;}
#promo li.special a strong {padding-left:5px;display:block;}
#promo li a:hover .caption {color:#CC0033;background-position:left top;}
#promo li a:hover {zoom:1}
#promo li a.new       .caption{background-image:url(../images/promo-new.new.jpg);}
#promo li a.used      .caption{background-image:url(../images/promo-robertson.new.jpg);}
#promo li a.service   .caption{background-image:url(../images/promo-parts-service.jpg);}
#promo li a.holden    .caption{background-image:url(../images/promo-news-offers.jpg);}
#promo li a.robertson .caption{background-image:url(../images/promo-vehicle-special.jpg);}
#promo li a.speedway  .caption{background-image:url(../images/promo-speedway.new.jpg);}

#promo li .caption-special a {color:#7f7f7f;padding-left:8px;border:0;float:left;clear:left;margin-top:0;padding-top:0;}
#promo .caption-special a:hover {color:#cc0033;}
#promo .caption-special a.border {border-top:1px dotted #beb162;margin-top:5px;padding-top:5px;}
#promo .caption-special {padding:5px 0; height:144px;}
#promo .caption-special img {float:left; clear:left; margin:0 5px; border:1px solid #FFFFFF;}
#promo .caption-special span {float:left;}
#promo .caption-special .no-image span{width:auto;margin:0;}
#promo .caption-special small {font-size:11px;line-height:15px;display:block;margin:0 5px;}
/* normal page */

h1 {float:left; width:906px;background:#CC0033 top right no-repeat url(../images/holden-logo-partial.gif); font-size:18px; font-weight:normal; color:#FFFFFF; padding:7px 16px 7px 16px; margin:0; border-left:solid 1px #FFFFFF; border-right:solid 1px #FFFFFF;height:16px;line-height:16px;}
#content {clear:left; border:solid 1px #FFFFFF; background:url(../images/faux-col.png) repeat-y top center white; font-size:16px; line-height:1.6;}
#content.single-col {background:white;}
.col {float:left; padding:16px;}
.left {clear:left; width:436px; border-right:solid 1px #FFFFFF; background-image:none;}
.right {float:left; width:437px; border-left:none;}
.grey {background-color:#E6E6E6;}


#banner-link {background:#CC0033;text-align:center;clear:left;padding:10px;border:1px solid white;border-bottom-width:10px;}
#banner-link a {color:white;text-decoration:underline;}

/* Merchandise */

#merchThumbs img {border: solid 1px #c8c9cb;}
#merchThumbs img + img {margin-left: 15px;}
#merchThumbs img:hover {border: solid 1px #CC0033;}

/* new holdens */

ul.newholden {clear:left; margin:0 0 1px 0; padding:10px 0 8px 40px; list-style:none; background:top left no-repeat; height:75px;}
ul.newholden.tall {height:150px;}
ul.newholden li {float:left; margin:0; padding:0;}
ul.newholden li a {display:block; float:left; width:95px; padding:55px 0 0 0; margin:0 2px 2px 0; font-size:10px; color:#000000; text-decoration:none; background:top center no-repeat; text-align:center;}
ul.newholden li a:hover {color:#CC0033;}


/* forms */

.form_left {clear:left; float:left; display:block; width:100px; text-align:right; font-weight:bold; margin:1px 5px 0 0; font-size:11px;}
.form_right {float:left; display:block; margin:1px 0 0 0; width:220px; overflow:hidden;}
.form_right.text {overflow:visible;}

a.revealer {padding-left:18px; background:left center no-repeat url(../images/icon-plus-grey.gif); font-weight:bold;}
a.revealer:hover {background:left center no-repeat url(../images/icon-plus-red.gif);}

.h3 {display:block; padding:0 0 0 5px; margin:0 auto 14px; height:25px; background:top left no-repeat url(../images/button-left.gif);width:150px;}
.h3 a {float:left;display:block;background:none; padding:3px 10px 1px 5px; height:21px; color:#FFFFFF; text-decoration:none; text-align:center; width:auto; background:top right no-repeat url(../images/button-right.gif); font-weight:bold;font-size:12px;width:150px;}
.h3:hover {background-image:url(../images/button-left-over.gif);}
.h3:hover a {background-image:url(../images/button-right-over.gif);}

.stafflist p {padding-bottom:10px;}
.stafflist img {margin-right:10px;}


/* Terms */

#terms {margin:0; padding:20px; font-size:11px;}
#terms div {background-color:#FFFFFF;}
#terms h1 {width:100%;}
#terms ul,
#terms ol,
#terms p {padding:10px; clear:left;}

#current-specials {background-color:#FEEC83; margin-bottom:10px;}
#current-specials .heading {background:top left #FEEC83 no-repeat url(../images/current-special-top.new.png); padding:5px 0 5px 110px; height:30px;}
#current-specials h2 {color:#FFFFFF; font-size:14px;line-height:20px;}
#current-specials .special-detail {padding:0 12px;}
#current-specials .special-detail img {margin-right:10px; border:1px solid #FFFFFF;}
#current-specials .special-detail a.link-head {text-decoration:none; border-bottom:1px dotted #cc0033;}
#current-specials .clear {clear:both;}
#current-specials .bottom {background:top left #FEEC83 no-repeat url(../images/current-special-bottom.new.png); height:8px;}

.stock-list-item {clear:left;}
.stock-list-item img {float:left; margin:0 1em 1em 0; border:1px solid;}
.stock-list-item .content {float:left; width:500px;}
.stock-list-item h2 {color:#CC0033;}
.stock-list-item ul,
.stock-list-item li {list-style:none; padding:0; margin:0;}
.stock-list-item li strong {display:block; float:left; clear:left; width:85px;}
.stock-list-item strike {color:#999999;}


/* finance-application */

#finance-application { clear:left; padding:16px 0; background-color:#FFFFFF; }
#finance-application .form_left { clear:none; float:left; padding-left:16px; width:165px; text-align:left; }
#finance-application .form_left span { font-weight:normal; }
#finance-application .form_right { float:left; padding-right:16px; width:265px; }
#finance-application .form_right input { width:260px; }
#finance-application .form_right textarea { width:260px; }
#finance-application .form_left_small { clear:none; float:left; width:70px; padding-left:16px; margin:1px 5px 0 0; display:block; font-size:11px; font-weight:bold; text-align:left; }
#finance-application .form_right_small {  float:left; width:120px; margin:1px 0 0; display:block; overflow:hidden; }
#finance-application .form_right_small input { width:103px; }
#finance-application .form_right_medium {  float:left; width:150px; margin:1px 0 0; display:block; overflow:hidden; }
#finance-application .form_right_medium input { width:144px; }
#finance-application .form_left_large {  float:left; width:650px; padding-left:16px; margin:1px 5px 0 0; display:block; font-size:11px; font-weight:bold; text-align:left; }
#finance-application .form_left_large span { font-weight:normal; }
#finance-application .left { clear:none; float:left; width:436px; padding:16px; }
#finance-application .right { float:left; width:437px; padding:16px; }
#finance-application .left h2, #finance-application .right h2 { font-size:14px; font-weight:bold; text-transform:uppercase; }
#finance-application .left h2 span, #finance-application .right h2 span { font-size:12px; font-weight:normal; text-transform:none; }
#finance-application .left .form_left, #finance-application .right .form_left  { clear:left; float:left; padding-left:0; width:165px; text-align:left; }
#finance-application .left .form_right, #finance-application .right .form_right { float:left; padding-right:0; }
#finance-application .left .form_right span, #finance-application .right .form_right span, #finance-application .form_right_small span { font-size:12px; }
#finance-application .left .form_right input, #finance-application .right .form_right input { width:248px; }
#finance-application .left textarea { height:150px; font-size:11px; }
#finance-application .left input.checkbox { width:auto; }
#finance-application label { font-size:12px; }