/* 

base styles
Kevin McGill - EHP
8/12/2009

*/
body { font-size:12px; font-family: Verdana, Arial, Helvetica; font-weight: normal; font-style: normal; line-height:1.5em; color:#000; text-align: center; background-color: #ffffff; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica; font-weight: normal; line-height:1.5em; }
h1 { color: #000000; font-size:26px; min-height: 47px; height: auto !important; height: 47px; width: 494px; border-right: 346px solid #EBEBEB; background-color: #B8B8B8; padding: 5px 0 0 20px; line-height: 47px; vertical-align: middle; margin: 0px 0px 0px 0px; clear:both;}
h1.listings { font-size:26px; min-height: 47px; height: auto !important; height: 47px; width: 640px; border-right: 200px solid #8c8c8c; background-color: #b8b8b8; padding: 0 0 0 20px; line-height: 47px; vertical-align: middle; }
h2 { font-size:25px; }
h3 { font-size:14px; font-weight: bold; margin-bottom: 12px; text-transform:uppercase; }
h4 { font-size:12px; font-weight: bold; margin-bottom: 6px; text-transform:uppercase; margin-top: 6px; }
h5 { color:#CC6600; font-size:12px; font-weight: bold; margin-bottom: 6px; }
h6 { font-size:14px; font-weight: bold; margin-bottom: 0px; text-transform:uppercase; margin-top: 6px;}
a:link{ text-decoration: underline; color: #000; }
a:visited{ text-decoration: underline; color: #000; }
a:hover{ text-decoration: none; color: #000;  }
a:active{ text-decoration: underline; color: #000; }

form abbr { cursor: help; font-style: normal; }
form legend { font-size:25px; line-height:1.5em; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; }
form select, form select optgroup, form select option, form input, form textarea { font-family: Helvetica, Verdana, sans-serif; color:#6F6D68; }
form select.large { width: 500px; font-size: 20px; height: 30px; border: 1px solid #6F6D68; background-color: transparent; }
form select.large optgroup, form select.large option { font-size: 20px; line-height: 1.3em; }
form input.large { width: 500px; font-size: 20px; height: 30px; border: 1px solid #6F6D68; background-color: transparent; }
form input.medium { width: 220px; }
form input.short { width: 100px; }
form textarea.large { font-family: Helvetica, Verdana, sans-serif; }
form select.required, form input.required, form textarea.required { background-color: #EFFFAF; color: #333; }
form select.important, form input.important, form textarea.important { background-color: #FFC371; color: #333; }
form select.error, form input.error, form textarea.error { background-color: #FF9E94; color: #333; }


/* container */
div#container { width: 860px; margin: 0 auto; text-align: left; padding: 0; }

/* header */
div#header { width: 860px; height: 148px; clear:both; }
div#header img{ border: none; }
div#header h1 { text-indent: -999em; display: none; }
div#header p { text-indent: -999em; display: none; }
div#header p#mainnav { text-indent: 0; display: block; font-size: 12px; margin-top: 5px; padding-left: 20px;}
div#header p#mainnav a { text-decoration: none; padding: 0; margin: 0 -10px 0 -10px;}
div#header p#mainnav a:hover { text-decoration: none; color: #333; }

/* main navigation */
div#header ol { float:left; list-style-type: none; margin: 10px 0px 10px 0px; clear:both; width:860px; height: 14px; padding: 0px 0px; /* text-align: justify; */}
div#header ol li { display: inline; float: left; clear: none; font-size: 12px; line-height: 13px; font-family: Geneva, Arial, Helvetica; text-transform: uppercase; padding-right: 20px; border-right: 1px solid #333; margin-right: 20px; }
div#header ol li.first { padding-left: 20px; border-left: 1px solid #333;  }
div#header ol li.last { padding-right: 0; border-right: none; margin-right: 0; }
div#header ol li a { text-decoration: none; color: #333333; }
div#header ol li a:hover { text-decoration: underline; color: #333333; }

table#navigation {font-family: Geneva, Arial, Helvetica; text-transform: uppercase; font-size: 12px; float:left; width:860px; border-left: 1px solid #333333; margin: 10px 0 10px 0; padding:0px; line-height: 12px;}
table#navigation td{ padding: 0px 5px 0px 5px; border-right: 1px solid #333333; text-align: center;}
table#navigation a { text-decoration: none; color: #333333; }
table#navigation a:hover { text-decoration: underline; color: #333333; }

/* main content block */
div#content { width: 462px; background: #fff; padding: 20px 30px 20px 20px; min-height: 430px; height: auto !important; height: 430px; border-left: 1px #B8B8B8 solid; }
#sitemap div#content { border:none; height: auto !important; height: 300px; min-height: 300px; width: 412px; }
#usedCar_page div#content {  padding: 20px 0 0 0; width: 659px;}
#usedCar_page div#content.wide {  padding: 20px 0 0 0; width: 859px;}
#rewards_page div#content { width: 808px; background-image: url(../images_dev/smg_rewards_bg.jpg); background-repeat: no-repeat; background-position: bottom; border-right: 1px #b8b8b8 solid; }


/* images content block */
div#images { width: 346px; background: #EBEBEB; float: right; clear: none; min-height: 430px; height: auto !important; height: 430px; padding-bottom: 40px;}
#usedCar_page div#images { padding: 20px 0 0 0; width: 199px; background-color: #EBEBEB; border-right: 1px #B8B8B8 solid;}
#usedCar_page h1 { color: #000000; font-size:26px; min-height: 47px; height: auto !important; height: 47px; width: 640px; border-right: 200px solid #EBEBEB; background-color: #B8B8B8; padding: 5px 0 0 20px; line-height: 47px; vertical-align: middle; margin: 0px 0px 0px 0px; clear:both;}
#usedCar_page h1.wide { color: #000000; font-size:26px; min-height: 47px; height: auto !important; height: 47px; width: 840px; border: 0; background-color: #B8B8B8; padding: 5px 0 0 20px; line-height: 47px; vertical-align: middle; margin: 0px 0px 0px 0px; clear:both;}
div#images img { margin-bottom: 20px; border: none; }



/* for flash plugin - the alt class is auto applied to non-flash content */
div.alt { display: none; }

/* after content before the end of the container. Forces any divs above to continue down the page, should not be an issue but just in case */
div.spacer { clear: both; line-height: 0; font-size: 1px; height:0;  }

div#pre-footer { height: 20px; width: 514px; border-right: 346px solid #EBEBEB; background-color: #B8B8B8; padding: 0; clear:both; }
div#pre-footer-listings { height: 20px; width: 660px; border-right: 200px solid #626262; background-color: #b8b8b8; padding: 0; clear:both; }
#sitemap div#pre-footer { height: 20px; width: 300px; border-right: 162px solid #EBEBEB; background-color: #B8B8B8; padding: 0; clear:both; }
#usedCar_page div#pre-footer { width: 660px; border-right: 200px solid #EBEBEB; background-color: #B8B8B8; padding: 0; clear:both; }
#usedCar_page div#pre-footer.wide { width: 860px; border-right: 0; background-color: #B8B8B8; padding: 0; clear:both; }
/* footer */

div#footer { font-size: 10px; color: #333333; width: 860px; clear:both; margin: 10px 0 10px 0; }
div#footer a.popup { color: #333333; }
a.popup:link{ text-decoration: none; color: #333333; }
a.popup:visited{ text-decoration: none; color: #333333; }
a.popup:hover{ text-decoration: underline; color: #333333;  }
a.popup:active{ text-decoration: none; color: #333333; }

div#popupContent  { width: 400px; margin: 0 auto; background-color: #fff; text-align: left; padding: 20px 0px 0px 0px; min-height: 400px; height: auto !important; height: 400px; }

div#content a.popup { color: #333333; }

h1.flash-replaced { padding-top: 10px; min-height: 37px; height: auto !important; height: 37px; }
h1.flash-replaced span.alt { display:none; height:0; overflow:hidden; width:0; }

div#header ol li.flash-replaced { height: 20px;}
div#header ol li.flash-replaced span.alt { display:none; height:0; overflow:hidden; width:0; }

table#mainnav { margin-top: 10px; }
table#mainnav tr td.flash-replaced { height: 20px; }
table#mainnav tr td.flash-replaced span.alt { display:none; height:0; overflow:hidden; width:0; }

div#header p.flash-replaced { height: 20px; }
div#header p.flash-replaced span.alt { display:none; height:0; overflow:hidden; width:0; }

/* custom headers*/
#enquiry h1 { width: 350px; border-right: 50px solid #EBEBEB; }
#rewards_page h1 { width: 341px; border-right: 495px solid #EBEBEB; }

div.flash { margin-top: 10px; clear: both; }