/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/* END: YAHOO reset.css */

.hidden{display:none;}

body {
	border: 0px none; 
	margin: 0px; 
	padding: 0px; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#000; 
	text-align:center;
}

div#bodyContainer {
	width:990px;
	margin:0 auto; 
	text-align:left; 
	background:#fff url(http://gm.ca/images/common/gmcl_navigation/bg_nav.gif) repeat-x; 
	float:none
}

body.configDelta {
	background-color:#f0f0f0;
}

#pnlHeader div{float:left;}

div{border:0px none; margin:0px; padding:0px;}
h1 {border:0px none; margin:0px; font-size:100%; font-weight:700;}
h2 {border:0px none; margin:0px; font-size:90%; font-weight:700;}
h3 {border:0px none; margin:0px; font-size:85%; font-weight:700;}
h4 {border:0px none; margin:0px; font-size:80%; font-weight:700;}
h5 {border:0px none; margin:0px; font-size:75%; font-weight:700;}
p {border:0px none; margin:0px; font-size:70%; font-weight:500;}
select {font:arial; font-size:11px;}
strong {font-weight:700;}

img, li, span, form {border:0px none; margin:0px}

a.nextBtnLink {text-decoration:none;padding:3px;font-size:11px;}
a.nextBtnLink:hover {text-decoration:underline}

/* LEFT HAND "4-STEP" NAVIGATION (e.g. models & packages, colours & wheels) : hover colour different for each brand  */
a.stepsNav {color:#000; text-decoration:none; font-size: 11px;}
a.stepsNav:hover {text-decoration:underline;}

a.stepsNavSelected {font-weight:700; text-decoration:none; color:#666666; font-size: 11px;} /* 4 the page you are currently on : alternative to using this class is to wrap text in <strong> tag */
a.stepsNavSelected:hover {text-decoration:underline;}

.stepsNav {color:#000; text-decoration:none; font-size: 11px;}
.stepsNavSelected {font-weight:700; text-decoration:none; color:#666666; font-size: 11px;}
.stepsNavOff {color:gray; text-decoration:none; font-size: 11px;}

TABLE.ContentTitleBar {
	background-color: #D1D1D1;
	font: arial;
	font-size:11px;
}
TD.Odd {
	background-color: #D1D1D1;
	font-size: 11px;
	padding:5px;
	color:#666666;
}
TD.Even {
	background-color: #FFFFFF;
	font-size: 11px;
	padding:5px;
	color:#666666;
}
.SE-Header {
	background-color: #D1D1D1;
	padding-left:5px;
	padding-right:5px;
	width:807px;
	height:40px;
}
#leftNav {
	float: left;
	width: 180px;
	color: #666666;
}
#centerContent {
	float: left;
	width: 807px;
	font: Arial;
	font-size: 11px;
}

DIV#divisionBar
{
    WIDTH: 990px;
    POSITION: static
}

.arialBold11px {
	font: arial;
	font-weight: bold;
	font-size: 11px;
}

.arial11px {
	font: arial;
	font-size: 11px;
}

.configSteps {
	font: arial;
	font-weight: bold;
	font-size: 11px;
	color: #d1d1d1;
}

.stepArrow {
	background-image: url(navigation/arrows/arrow.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.paddingLeft10px {
	padding-left:10px;
}
.paddingTop3px {
	padding-top:3px;
}
.paddingBottom3px {
	padding-bottom:3px;
}
.standard-font {
	font-size: 11px;
}
a.toggleBold {color:#666666; font-weight:bold;} 
a.toggleNoBold {color:#666666;} 

.optionSelect{
	padding-left:10px;
	color: #666666;
	font-size: 11px;
}
.optionDisclaimer {
	padding-top:5px;
	padding-bottom:5px;
}
.optionTitle {
	padding-top:5px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	font-size:11px;
}
.option {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	font-size:11px;
}
.hr {
	padding:0px;
}
.optionName {
	padding-top:5px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:5px;
	font-size:11px;
}
.stdEquipList{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	color: #666666;
}
.boldDate {
	font-weight:bold;
	color:#666666;
}

DIV#onStarDiv{
	font-size: 11px;
}

DIV#legalDiv{
	font-size: 11px;
}

DIV#headerContent{
	font-size: 11px;
}

input.InputReadOnlyCss {
	font: 8pt arial;
	border-style: none;
	background-color: transparent;
	text-align: right;
	width:80;
	font-size: 11px;
}

input.InputEstimatorReadOnly {
	background-color:#C0C0C0;
	border: 1px solid #C0C0C0;
	font-size: 11px;
	font: 8pt arial;
}

input.InputEstimator {
	font: 8pt arial;
	border: 1px solid #303030;
	font-size: 11px;
}

input.InputEstimatorSmall {
	background-color:transparent;
	border-top: 1px solid #303030; 
	border-left: 1px solid #303030; 
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	font-size: 11px;
	font: 8pt arial;
	width: 50px;
	size:46px;
}

input.InputEstimatorAprSmall {
	background-color:transparent;
	border-top: 1px solid #303030;
	border-left: 1px solid #303030;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	font-size: 11px;
	font: 8pt arial;
	width: 120px;
	size:86px;
}

.tdEstimatorHeader {
	font: 8pt arial;
	font-weight: bold;
	height: 30px !important;
}

.tdEstimator {
	font: 11px arial;
	height: 30px !important;
}

.tdEstimatorBlackBook {
	font: 11px arial;
	height: 39px !important;
}

.popupBody {
	border: 0px none; 
	margin: 10px; 
	padding: 0px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color:#000; 
	background-color:#f0f0f0;
}
span#finePrint{
	font-size:9px;
}
.finePrint{
	font-size:9px;
}

.glossaryPopupTop {
	font: 8pt arial;
	font-weight: bold;
	color: #999;
	padding: 5px;
	background: #ffffff;
	border-top: solid 1px #ddd;
	border-left: solid 2px #ddd;
	border-right: solid 4px #999;
}

.glossaryPopupBottom {
	font: 8pt arial;
	color: #999;
	padding: 5px;
	background: #ffffff;
	border-bottom: solid 4px #999;
	border-left: solid 2px #ddd;
	border-right: solid 4px #999;
}

.pipeSeparatorFirst {padding:0 15px 0 0;background:url(vert_divi_13.gif) right center no-repeat;}
.pipeSeparator {padding:0 15px;background:url(vert_divi_13.gif) right center no-repeat;}
.pipeSeparatorLast {padding:0 4px 0 15px;}

.EstimatorLinkActive {
	width:200px;
	border: 1px solid #ccc; 
	background-color:#ccc;
	font-weight:bold;
	font-size:100%;
	font-family:arial;
	font-size:11px;
	padding-top:2px;
	padding-bottom: 2px;
}

.EstimatorLinkInactive {
	width:200px;
	border: 1px solid #ccc;
	font-size:100%;
	font-family:arial;
	font-size:11px;	
	padding-top:2px;
	padding-bottom: 2px;
}

.EstimatorLinkFiller {
	border-bottom: solid 1px #ccc;
}

.topBorder {border-top: solid 1px #000000;}

.dotted {height:20px;background:url(dotted_line_divider.gif) center center repeat-x;}

a.definitionLink {color:#000; text-decoration:none; font-size: 11px;}
a.definitionLink:hover {text-decoration:none;}
.dashedBottom {border-bottom: 1px dashed #000;}
a.highlightRetailEvent {color: #AB222A; text-decoration:none; font-size: 11px; font-weight:bold;}
a.highlightRetailEvent:hover {text-decoration:none;}

div#mostRecentSelectionDiv {
	width:807px;
	padding-bottom:15px;
	padding-left: 10px;
	margin-bottom:10px;
}

#divLeaseTable {display:none;}
#divFinanceTable {display:none;}
#divOtherFinTable {display:none;}
#divDPLeaseTable {display:none;}
#divDPFinanceTable {display:none;}
#divDPOtherFinTable {display:none;}


/* required elements for all buttons - global dealer site CSS */
.rtop,.rbottom {display:block;}
.rtop *,.rbottom * {display:block;height: 1px;overflow: hidden;}
.r1 {margin: 0 5px;}
.r2 {margin: 0 3px;}
.r3 {margin: 0 2px;}
.r4 {margin: 0 1px; height: 2px;}
.rs1 {margin: 0 2px;}
.rs2 {margin: 0 1px;}
/* setting my global elements for button class (change as required) */
div.button {width:173px;}
div.button a {display:block;text-indent:15px;text-decoration:none}
div.button a:hover {text-decoration:underline}
/* 
example for creating buttons of different width - see exmple in index.html
reset size by element id - inherits and overrides width set by default button class above
div#buttonSmall {width:45px;}*/
.numberTab{
	width:12px;
	color:#fff;
	background-color:#999;
	text-align:center;
	font-size:10px;
	text-decoration: none;
}
.numberTabSelect{
	width:12px;
	color:#fff;
	background-color:#999;
	text-align:center;
	font-size:10px;
	text-decoration: none;
}
.numberTabOver{
	width:12px;
	color:#fff;
	background-color:#000;
	text-align:center;
	font-size:10px;
	text-decoration: none;
}
b.roundtop, b.roundbottom{display:block;background: #FFF;text-align:left;}
b.roundtop b, b.roundbottom b{display:block;height: 1px;overflow: hidden; background: #404040;}
b.roundtop b.round1,b.roundbottom b.round1{width:10px;}
b.roundtop b.round2,b.roundbottom b.round2{width:11px;}
b.roundtop b.round3,b.roundbottom b.round3{width:10px;}
b.roundtop b.round4,b.roundbottom b.round4{width:11px;}
b.roundbottom{margin-top:2px;}
.numberTab,.numberTab .roundtop b,.numberTab .roundbottom b{
	background-color:#cccccc;
}
.numberTabSelect,.numberTabSelect .roundtop b,.numberTabSelect .roundbottom b{
	background-color:#000;
}
.namePlate {
	background-color:#000000; 
	width:980px; 
	height:27px; 
	color:#ffffff; 
	padding-left:10px; 
}
a.programDetailsLink {color: #AB222A; text-decoration:underline; font-size: 80%;; font-weight:bold;}
a.programDetailsLink {text-decoration:underline;}
.tdprogramDetails {
	font: 11px arial;
	height: 15px !important;
	color: #AB222A;
}