a {
    color: #3384b8; 
}
body 
{
    background: url(images/bgGradient.png) repeat-x top left #ffffff;
    color: #333;
}
body .container 
{
    margin: 28px auto 20px auto;
    width: 810px;
    position: relative;
}
.hide 
{
    display: none;
}
p 
{
    font-size: 1.5em;
}
/* header */
#logo 
{
    padding: 0 0 0 10px;
    display: inline;
}
#header 
{
 height: 130px;   
}

#header .banner 
{
    float: right;
    font-size: 2.2em;
    color: White;
    color: #3384B8;
    padding-right: 10px;
}
#header .banner a 
{
    color: White;
    color: #3384B8;
    text-decoration: none;
    padding-bottom: 5px;
    background: url(images/dash.png) repeat-x bottom left;
}
#header .banner a:hover 
{
    background-image: none;
}
#header .car
{
    width: 201px;
    height: 104px;
    display: block;
    position: absolute;
    right: 26px;
    top: 51px;
    background: url(images/bmw.jpg) no-repeat top left;
}
#header ul#primaryNav 
{   
    margin: 3px 0 0 0;
    padding: 9px 0 0 0;        
    background: url(images/navBg.png) no-repeat top left;
    height: 34px;
   
}
#header ul#primaryNav li 
{
    list-style: none;
    display: inline;
    font-size: 1.5em;
    padding: 0 14px;
    background: url(images/navSeparator.png) no-repeat 100% 50%;
}
#header ul#primaryNav li.last {
    padding-right: 0px;
}
#header ul#primaryNav li a 
{
    text-decoration: none;
    color: White;
}
#header ul#primaryNav li a:hover 
{
    text-decoration: underline;
}
#header ul#primaryNav li.selected span
{
    background: url(images/navSelected.png) 50% 100%  no-repeat;
    padding-bottom: 18px;
}
#header ul#primaryNav li.last
{
 background: none;
}
/* end header */
/* content */
#content .innerContainer
{
    padding: 0 10px 0 10px;
    position: relative;
}
#content h2 
{
    padding-top: 0;
    color: #D11F26;
    font-size: 3em;
    padding-bottom: 5px;
    margin-bottom: 10px;
    background: url(images/dash.png) repeat-x bottom left;
}

#content h3 
{
    padding-top: 0;
    color: #3384b8;
    font-size: 2.3em;
    padding-bottom: 5px;
    margin-bottom: 10px;
    background: url(images/dash.png) repeat-x bottom left;
}
#primaryContentArea 
{
    width: 480px;
    float: left;
}
#secondaryContentArea 
{
    padding-top: 28px;
    width: 280px;   
    float: right;
}
ol.steps 
{
    list-style: none;
    padding: 15px 0 0 5px;
    position: relative;
    font-size: 1.8em;
}

ol.steps li
{
    padding-left: 61px;
    background: url(images/steps.png) no-repeat 0 0;
    line-height: 48px;
    margin-bottom: 10px;
    color: #666;
    font-weight: bold;
}
ol.steps li.two 
{
    background-position: 0 -48px;
}
ol.steps li.three 
{
    background-position: 0 -96px;
}
ol.steps li a  
{
    color: #666;
    text-decoration: underline;
}

ol.steps li a:hover 
{
    text-decoration: none;
}

.panel 
{
    position: relative;
}
.panel .content
{
    padding: 10px;
}
.easySteps 
{
    width: 480px;
    background: url(images/easyStepsTop.png) no-repeat top left;
    margin-bottom: 175px;
    margin-left: 10px;
}
.easySteps .content 
{
    padding-bottom: 65px;
}
.easySteps .foot
{
    height: 5px;
    background: url(images/easyStepsBottom.png) no-repeat top left;
    display: block;
}
a.apply 
{
    position: relative;
    float: right;
    z-index: 200;
    display: block;
    width: 184px;
    height: 66px;
    background: url(images/applyButton.png) no-repeat top left;
    text-indent: -9999em;
    overflow: hidden;
}
a.apply:hover, a.apply:active 
{
    border: none;
    background-position: bottom left;
    overflow: hidden;
}
#content .cars
{
    z-index: 10;
    width: 339px;
    height: 165px;
    display: block;
    position: absolute;
    left: -10px;
    bottom: -125px;
    background: url(images/cars.jpg) no-repeat top left;
}
.finance li, .ticks .li
{
    font-size: 1.4em;
    list-style-image: url(images/tick.png);
    margin-left: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}
#secondaryContentArea .panel
{
    background: url(images/sidePanelTop.png) no-repeat top left;
    margin-bottom: 20px;
    position: relative;
}
#secondaryContentArea .finance 
{
    margin-bottom: 33px;
}
#secondaryContentArea .panel .foot 
{
    height: 6px;
    background: url(images/sidePanelBottom.png) no-repeat bottom left;
    display: block;
}
.finance .keys 
{
    position: absolute;
    right: 14px;
    bottom: -33px;
    display: block;
    height: 46px;
    width: 120px;
    background: url(images/keys.png) no-repeat bottom left;
}

a.button 
{
    height: 30px;
    line-height: 30px;
    font-size: 1.6em;
    padding: 6px 0 6px 8px;
    background: url(images/btnLeft.png) no-repeat top left;
    color: White;
    text-decoration: none;
}

a.button span 
{
    background: url(images/btnRight.png) no-repeat top right;
    padding: 6px 10px 6px 2px;
    text-decoration: none;
}

a.button:hover span 
{
    text-decoration: underline;
}

.breadcrumbs 
{
    background: url(images/dash.png) repeat-x bottom left;
    margin-left: 10px;
    width: auto;
}

.breadcrumbs ul
{
    list-style: none;
    padding: 15px 0 5px 0px;
    font-size: 1.1em;
}
.breadcrumbs ul li 
{
    display: inline;
    padding: 0 10px 0 5px;
    background: url(images/slash.png) no-repeat 100% 50%;
}

.breadcrumbs ul li.first 
{
    background-image: none;
    padding: 0;
} 
.breadcrumbs ul li.last
{
    background-image: none;
    padding-right: 0;
} 

.breadcrumbs ul li a 
{
    color: #666;
    text-decoration: none;
}
.breadcrumbs ul li a:hover 
{
    text-decoration: underline;
}

.terms 
{
    position: absolute;
    right: 10px;
    top: 0px;
    display: block;
    height: 157px;
    width: 157px;
    background: url(images/termsBg.png) no-repeat top left;
    text-align: center;
    color: White;
    padding-top: 20px;
    z-index: 200;
}

.terms dl 
{
    margin: 0;
    padding-right: 5px;
}

.terms dd.initial, .terms dd.monthly
{
    margin: 0;
    font-size: 2.5em;
    font-weight: bold;
}

.terms dd.monthly 
{
    font-size: 3.5em;
}

.carPage h2
{
    margin-right: 175px;
}

.panel .colOne 
{
    width: 367px;
    float: left;
    margin-bottom: 20px;
} 
.panel .colTwo .panel
{
    position: relative;
    z-index: 100;
    width: 390px;
    float: right;
    background: url(images/detailsTop.png) top left no-repeat;
}
.panel .colTwo .panel .foot 
{
    background: url(images/detailsBottom.png) top left no-repeat;
    height: 48px;
    display: block;
}
.colTwo p.initial 
{
    margin-right: 130px;
    font-size: 1.2em;
    color: #797979;
}
.colTwo p.secondary 
{
    background: url(images/dash.png) repeat-x top left;
    padding-top: 10px;
    font-size: 1.1em;
    color: #797979;
}
.colTwo dl 
{
    background: url(images/dash.png) repeat-x top left;
    margin-top: 0;
    padding-top: 10px;
    font-size: 1.2em;
    color: #797979;
    
   
}
.colTwo dl dt 
{
    font-weight: bold;
    width: 150px;
    float: left;
    clear: left;
}
.colTwo h3 
{
    margin-top: 10px;
    margin-right: 150px;
}

.colOne .frame
{
    border: 1px solid #a5aab4;
    position: relative;
}
.colOne .frame img 
{
    display: block;
}

.frame .corner 
{
    position: absolute;
    height: 5px;
    width: 5px;
    display: block;
    background: url(images/frameCorner.png) no-repeat top left;
}
.frame .lt 
{
    top : -1px;
    left: -1px;
}
.frame .rt 
{
    top : -1px;
    right: -1px;
    background-position: top right;
}
.frame .rb 
{
    bottom : -1px;
    right: -1px;
    background-position: bottom right;
} 
.frame .lb 
{
    bottom : -1px;
    left: -1px;
    background-position: bottom left;   
}


.colOne .thumb .frame 
{
    float: left;
    margin: 3px 1px 3px 1px;
}

p.date 
{
    font-size: 1em;
    padd?ng-bottom: 5px;
}
p.title
{
    padding-bottom: 5px;
}

.news .title a, .news .summary a
{
    color: #666;
    text-decoration: none;
}

.news a:hover 
{
    text-decoration: underline;
}

#content .news h3 
{
    background: none;
}

#content .carOffers .carOffer h3
{
    font-size: 1.6em;
    height: 60px;
}
#content .carOffers .carOffer h3 a {
    color: #3384B8;
    text-decoration: none;
}
#content .carOffers .carOffer h3 a:hover 
{
    text-decoration: underline;
}

.carOffer .frame {
    border:1px solid #A5AAB4;
    width: 118px;
    position: relative;
}
.carOffer .frame img 
{
    height: 89px;
    width: 118px;
    display: block;
}
.carOffers .carOffer 
{
    width: 243px;
    float: left;
    margin: 5px;
    background: url(images/carPanelTop.png) no-repeat top left;
    position: relative;
}
.carOffers .carOffer .foot 
{
    background: url(images/carPanelBottom.png) no-repeat bottom left;
    display: block;
    height: 5px; 
}
.carOffer .terms 
{
    background: url(images/termsBgSmall.png) no-repeat top left;
    top: 65px;
    right: 20px;
    width: 81px;
    height: 81px;
    padding-top: 15px;
}

.carOffer .terms dd 
{
    margin: 0;
}
.carOffer .terms dt 
{
    font-size: 2em;
} 

#SiteNavigation1 
{
    font-size: 1.5em;
    padding: 10px 0;
}

#content ul.list 
{
    font-size: 1.5em;
    list-style-image: url(images/tick.png);
    margin-left: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#content ul.list li 
{
    margin-bottom: 10px;
}

dt.apr, dd.apr 
{
    font-size: 1.3em;
	font-weight: bold;
}

/* end content */

/* paging */

.pager 
{
    text-align: center;
}
.pager ol
{
    list-style: none;
    font-size: 1.2em;
}
.pager ol li
{
    display: inline;
}
/* end paging */


/* footer */
#footer 
{
    clear: both;
    padding: 12px 0 0 0;
    position: relative;
    font-size: 1.1em;
    border-top: 1px solid #b4b4b4;
}
#footerNav 
{
    list-style: none;
    padding: 0;
}
#footerNav li 
{
    display: inline;
    padding: 0 8px 0 4px;
    border-right: 1px solid #cecece;
}
#footerNav li.last
{
    padding-right: 0;
    border-right: 0;
}
#footerNav li.first
{
    padding-left: 0;
}
#footerNav li a 
{
    color: #666;
}
#footerNav li a:hover 
{
    text-decoration: none;
}

p.copyright 
{
    padding: 5px 0;
    color: #666;
    font-size: 1em;
}
p.shout 
{
    position: absolute;
    display: inline;
    right: 0px;
    top: 12px;
    padding: 0;
    margin: 0;
    font-size: 1em;
}
/* footer */


/* forms */
form .formArea 
{
    padding-top: 14px;
    padding-top: 10px;
    margin-left: 0;
    margin-bottom: 20px;
    font-size: 1.4em;
}
fieldset 
{
    margin: 10px;
    border: 1px solid #ddd;
}
fieldset.first 
{
    margin-top: 0;
    padding-top: 0px;
}
legend 
{
    padding-bottom: 10px;
    padding-top: 5px;
}
form div.multiple div.row 
{
    float: left;
    padding-right: 15px;
    padding-bottom: 20px;
}
form div.row label 
{
    font-size: 0.9em;
	font-weight: bold;
	display: block;
	clear: left;
	padding: 0 0 5px 0;
}
form div.inline label {
    display: inline;
}
form div.row input, form div.row select, form div.row textarea {
	padding: 3px;
	background: white no-repeat url(images/formField.png) top left;
	border-color:#bbbbbb #eaeaea #eaeaea #bbbbbb;
    border-style:solid;
    border-width:1px;
}
form div.row label span.optional{
	font-weight: normal;
	color: #999;
}
form div.row {
	display: block;
	padding: 10px;
	margin: 0px 10px 0px 10px;
}
form div.row input.small {
	width: 150px;
}
form div.row input.med {
	width: 250px;
}
form div.row input.large {
	width: 430px;
}
form div.row div.submit input:active {
	outline: 0;
	padding: 11px 13px 14px 0;
}
form span.help,form span.terms
{
    display: block;
    font-size: 0.8em;
    padding-top: 5px;
}
form span.terms 
{
    padding-bottom: 15px;
}
f?rm div.row select.large {
	width: 388px;
}
form div.row textarea {
	width: 430px;
	height: 80px;
}
form div.error {
	/*border: 1px solid #efa5b9; */
	padding: 5px;
	margin: 5px 10px;
	background: #f7d2dc;
}

 form div.loginError 
{
    padding: 0 10px;
}
form div.loginError h2 
{
    padding-bottom: 5px;
}
form div.error input, form div.error select, form div.error textarea {
	border: 1px solid #d11f26;
}
form div.current {
	border: 1px solid #f4d79f;
	padding: 9px;
	background: #f9f7d0;
}
.login div.cont
{
    float: left;
}
form span.submitButton input
{
    position: relative;
    z-index: 200;
    display: block;
    width: 184px;
    height: 66px;
    background: url(images/applyButton.png) no-repeat top left;
    text-indent: -9999em;
    overflow: hidden;
    border: none;
    padding: 0;
}

form span.contact input 
{
    background: url(images/sendButton.png) no-repeat top left;
}

form span.submitButton input:hover, form span.submitButton input:active
{
    border: none;
    background-position: bottom left;
    overflow: hidden;
    cursor: pointer;
}
ul.errors a
{
    font-size: 1.3em;
    color: #d11f26;
    text-decoration: none;
}
ul.errors a:hover 
{
    text-decoration: underline;
}

/* forms */