/*
**************************************
d2c3
************************************** */

.rtop,.rbottom {background:#054C7A}
.rtop *,.rbottom * {background:#054C7A}
.r1 {background:#054C7A}
.r2 {background:#054C7A}
.r3 {background:#054C7A}
.r4 {background:#054C7A}
.rs1 {background:#054C7A}
.rs2 {background:#054C7A}
div.button a {background:#054C7A;color:#fff;} 

/* buttons */
img.buttonHead		{
	height: 21px;
	width: 17px;
	padding: 0;
	float: left;
	vertical-align: middle;
}

.buttonBody		{
	height: 15px;
	width: 150px;
	margin: 0;
	background-image: url(buttons/text_button/button_middle.gif);
	float: left;
	vertical-align: middle;
}
.smallbuttonBody		{
	height: 30px;
	width: 78px;
	margin: 0;
	background-image: url(buttons/text_button/large_button_middle.gif);
	background-repeat: repeat;
	float: left;
	vertical-align: middle;
	align:center;
	font-weight:bold;
}
img.buttonTail		{
	height: 21px;
	width: 4px;
	padding: 0;
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}

/* BRANDING BAR LINK STYLES : text-decoration and hover styles in gmGlobal.css */
a.brandingBar {color:#984101}

/* ACTION LINK STYLES (e.g. left navigation "choose a vehicle", body content calls to action) */
a.action {color:#984101}

a.brandLink {color:#34566D}

/* NEXT BUTTON STYLES : default text-decoration and color in gmGlobal.css */
.nextBtnContent {background-color:#984101;}
a.nextBtnLink {color:#fff;}
a.postalLink {color:#fff;text-decoration:none;padding:3px;font-size:11px;}
a.postalLink:hover {text-decoration:underline}

body#mainContent {
	margin: 0px;
	text-align:center;
	background:#ffffff;
}
.namePlate {
	width:990px;
	height:27px;
	background-color:#054C7A;
	color:#FFFFFF;
	padding-left:10px;
}

/* VEHICLE FINANCIAL TOOLS LINKS */
.leftNavLink {font-family: Arial, Helvetica, sans-serif;/*font-size:70%;*/}
div#finToolsContainer {font-family: Arial, Helvetica, sans-serif;/*font-size:70%;*/}

.finToolsHeaderClosed {
	color:#F1A423;
	background-color:#000;
}
.finToolsHeaderOpen {
	color:#F1A423;
	background-color:#404040;
}
.finToolsHeaderOn {
	color:#F1A423;
	background-color:#404040;
}

span#finToolsList {display:none;visibility:hidden;float:left;width:160px;margin:3px 0px 0px 0px;}
span#finToolsListNS {display:block;width:160px;margin:3px 0px 0px 0px;}
.finToolsItem,.finToolsItem .roundtop b,.finToolsItem .roundbottom b{
	color:#F1A423;
	background-color:#000;
}
.finToolsItemOn,.finToolsItemOn .roundtop b,.finToolsItemOn .roundbottom b{
	color:#F1A423;
	background-color:#404040;
}
span.finToolsItem a.toolIcon, span.finToolsItemOn a.toolIcon {float:right;font-weight:normal;display:block;background:none;margin:-13px 0px 0px 0px;padding:0px;border-left:#666 1px solid;width:27px;color:#000;text-decoration:none;}
span.finToolsDblItem {display:block;width:160px;margin:0px 0px 3px 0px;background:url(navigation/fin_tools_arrows_plus_minus/finTool_dbl_item_off.gif) 0px 0px no-repeat;}
span.finToolsDblItemOn {display:block;width:160px;margin:0px 0px 3px 0px;background:url(navigation/fin_tools_arrows_plus_minus/finTool_dbl_item_on.gif) 0px 0px no-repeat;}
span.finToolsDblItem a.toolIcon, span.finToolsDblItemOn a.toolIcon {float:right;font-weight:normal;display:block;background:none;margin:-25px 0px 0px 0px;padding:0px;border-left:#666 1px solid;width:27px;color:#000;text-decoration:none;}


.postalCodeText{
	border-color:#fec200;
}

.largeButtonLeft {
	height: 46px;
	width: 185px;
	margin: 0;
	background-image: url(buttons/text_button/Large_btn_left.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	align:center;
    font-size:14px;
    font-weight:bold;
    font-family: Arial;
    color:#FFFFFF;
}

.largeButtonRight{
	height: 46px;
	width: 5px;
	margin: 0;
	background-image: url(buttons/text_button/Large_btn_right.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	align:center;
	font-weight:bold;
}

.mediumButtonLeft {
	height: 25px;
	width: 153px;
	margin: 0;
	background-image: url(buttons/text_button/Medium_btn_left.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	align:center;
    font-size:12px;
    font-weight:bold;
    font-family: Arial;
    color:#FFFFFF;
}

.mediumButtonRight{
	height: 25px;
	width: 5px;
	margin: 0;
	background-image: url(buttons/text_button/Medium_btn_right.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	align:center;
	font-weight:bold;
}

.smallButtonLeft {
	height: 19px;
	width: 5px;
	margin: 0;
	background-image: url(buttons/text_button/Small_btn_left.png);
	background-repeat: no-repeat;
}

.smallButtonMiddle {
	height: 19px;
	margin: 0;
	background-image: url(buttons/text_button/Small_btn_left.png);
	background-repeat: no-repeat;
	background-position:-5px top;
	vertical-align: middle;
	align:center;
    font-size:12px;
    font-weight:bold;
    font-family: Arial;
    color:#FFFFFF;
}


.smallButtonRight{
	height: 19px;
	width: 5px;
	margin: 0;
	background-image: url(buttons/text_button/Small_btn_right.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	align:center;
	font-weight:bold;
}

.numberTabSelect {
        background-image: url(active_step.gif);
        width:176px;
    background-color:#FFFFFF;

}

.numberTab {
    background-image: url(default_step.gif);
    width:169px;
    background-color:#FFFFFF;
}

a.stepsNavSelected {font-weight:700; text-decoration:none; color:#ffffff; 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;}

.stepsNavNumberSelected {
        vertical-align: middle;
        color:#FFFFFF;
        text-decoration:none;
        font-size: 11px;
        width:24px;
        height: 25px;
        line-height:25px;
        font-weight:bold;
        display:inline;
        text-align:center;
        }