@charset "UTF-8";
/* CSS RESET */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus_dealersupport
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* DEFAULT TYPOGRAPHY */
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px}

.clear{clear: both;}
.spacer{clear: both; height: 5px;}
.spacer-20{clear: both; height: 20px;}
.big-spacer{clear: both; height: 400px;}
.line{height: 1px; width: 650px; margin: 20px auto; border-bottom: 1px solid #CCC;}
.hide{display: none;}



body{background: url(../../images/_dealer/site-bg.jpg) repeat-x 0 0 #f7f7f7; color: #666;}

#body-wrapper{width:978px; margin: 0 auto; padding: 20px 0 0px 0;}
#content-wrapper{width:978px; background: url(../../images/content-bg.png) no-repeat 0 0;margin: 0 auto;}
#inner-content-wrapper{background:#FFFFFF url(../../images/inner-content-bg.jpg) no-repeat scroll 0 0; margin:0px auto; width:960px; position:relative; top:20px;}
#content{width: 926px; margin: 0 auto; padding: 30px 0 0 0;}


#left-col{width:680px; display: block; float: left;}
#left-col a{text-decoration: none; color: #1a9ad0;}
#left-col a:hover{text-decoration: underline;}
#left-col li{list-style: url(../../images/_dealer/list-dot.jpg); font-size: 14px;}

#right-col{width: 230px;position:absolute; left:715px;top:30px;}

#language{float:right; height:20px; width:70px; margin:-20px 30px 0 0; padding:0; background: #1a9ad0; color:#FFFFFF; text-align:center;}
#language a{color:#FFFFFF; text-decoration: none;}
#language a:hover{text-decoration: underline;}


h1#logo{width: 209px; height: 66px; text-indent: -99999px; margin: 0 0 0 25px; display: block; outline: none}
h1#logo a{width: 209px; height: 66px; background: url(../../images/logo.png) no-repeat 0 0; text-indent: -99999px; display: block; outline: none;}

#navigation{width: 710px; height: 40px; position: relative;float:right;margin:-15px 43px 0 0px;}
#navigation li{list-style: none; position: absolute; }
#navigation a{height:35px; color: #fff; text-transform: uppercase; text-decoration: none; display: block; text-indent: -99999px;}

#nav-how {background:transparent url(../../images/_dealersupport/nav-bg.png) no-repeat scroll 0 -50px;height:35px;left:0;width:180px;cursor: pointer;}
#nav-faq {background:transparent url(../../images/_dealersupport/nav-bg.png) no-repeat scroll -177px -50px;height:35px;left:180px;width:179px;cursor: pointer;}
#nav-info {background:transparent url(../../images/_dealersupport/nav-bg.png) no-repeat scroll -351px -50px;height:35px;left:359px;width:178px;cursor: pointer;}
#nav-fuel {background:transparent url(../../images/_dealersupport/nav-bg.png) no-repeat scroll -526px -50px;height:35px;left:539px;width:180px;cursor: pointer;}
#nav-how.active {background:transparent url(../../images/_dealersupport/nav-bg.png) no-repeat scroll 0 -6px;}
#nav-faq.active{background:transparent url(../../images/_dealersupport/nav-bg.png) no-repeat scroll -176px -6px;}
#nav-info.active{background:transparent url(../../images/_dealersupport/nav-bg.png) no-repeat scroll -351px -6px;}
#nav-fuel.active{background:transparent url(../../images/_dealersupport/nav-bg.png) no-repeat scroll -526px -6px;}

#feature{height: 420px; background: #FFFFFF; border: 1px solid #CCC; padding: 0 0 20px 0;}
#feature h1{background: url(../../images/_dealer/car-icon.jpg) no-repeat 0px 20px; text-indent: 40px; font-size: 24px; font-weight: normal; color: #1a9ad0;padding:20px 0 0 10px; margin: 0;}
#feature p{padding: 5px 10px 5px 0px; font-size: 14px;}
#feature hr{margin: 5px 0 0 0; padding: 0; height: 10px; width: 100%;}
#feature a{color: #1a9ad0; text-decoration: none;}
#feature a:hover{text-decoration: underline;}

#feature-scroll{height: 390px; width: 670px; overflow: hidden; position: relative;}
#feature-items{width: 640px; height: 388px; margin:0 0px 0 18px; border-bottom:1px solid #CCC; float: left; list-style: none; position:absolute; width:20000em; clear:both;}
#feature-items div{float:left; width: 640px; height: 390px;}

#feature-counter-wrapper{height: 25px; display: block;}
#feature-counter{float: right; height: 35px; display: block; position: relative; margin: 10px 15px 0 0;}
.feature-num{width: 25px; height: 25px; float: left;  color: #1a9ad0; background: url(../../images/_dealer/feature-num-bg.jpg) no-repeat 0 -35px; margin:3px 4px 0; text-indent:9px; padding:3px 0 0 0;cursor: pointer;}
.feature-num.active{background: url(../../images/_dealer/feature-num-bg.jpg) no-repeat 0 0px; color: #FFFFFF;}


#updates{width: 230px; height: 138px; background: url(../../images/_dealer/updates-bg.jpg) no-repeat 0 0; padding: 0 0 6px 0;}
#updates-header{width: 210px; height: 20px; border-bottom: 1px solid #b0cf9b;padding:0 0 10px 0;margin:0 auto;}
#updates-header h1{width: 100px; text-transform: uppercase; font-size: 16px; color: #FFFFFF; float: left; text-indent: 0px; margin: 5px 0 0 0;}
#updates-nav{width: 84px; height: 16px; float: right; margin: 8px 0 0 0;}
#updates-prev{width: 21px; height: 16px; background: url(../../images/_dealer/update-arrows-bg.jpg) no-repeat 0 0; float: left;cursor: pointer;}
#updates-next{width: 21px; height: 16px; background: url(../../images/_dealer/update-arrows-bg.jpg) no-repeat 0 -16px; float: right;cursor: pointer;}
.updates-dot{width: 4px; height: 4px; background: url(../../images/_dealer/update-dots.jpg) no-repeat 0 -4px; float: left; margin: 5px 2px 0 2px;}
.updates-dot.active{background: url(../../images/_dealer/update-dots.jpg) no-repeat 0 0px;}
.updates-dot.first{margin:5px 2px 0 10px;}
.updates-dot.last{margin:5px 10px 0 2px;}
#updates-content{width: 210px; height: 100px; overflow: hidden; float: left; padding: 10px 0 0 10px;}
.updates-copy p{text-align: left; color: #fff; font-size: 12px; line-height: 14px; float: left;}

.content-block-wrapper{background: #FFFFFF; border: 1px solid #CCC; margin: 5px 0 35px 0;color: #666;}
.content-block{width: 640px; margin: 0 auto; }
.content-block h1{background: url(../../images/_dealer/car-icon.jpg) no-repeat 0px 20px; text-indent: 35px; font-size: 24px; font-weight: normal; color: #1a9ad0;padding:20px 0 0 10px; margin: 0;}
.content-block p{padding: 5px 10px 5px 0; font-size: 14px;}
.content-block hr{margin: 10px 0 0 0; padding: 0; height: 10px; width: 100%;}
.content-block a{color: #1a9ad0; text-decoration: none;}
.content-block a:hover{text-decoration: underline;}
.content-block ul{padding: 0;}
.content-block li{list-style: url(../../images/_dealer/list-dot.jpg); font-size: 14px; margin: 0 0 0 15px; }
.content-block h5{background: #1a9ad0; color: #FFFFFF; padding: 10px; margin: 10px 0 10px 0; font-size: 24px;}
.content-block table{border: solid 1px #000;}
.content-block td{padding:5px;}
.content-block ol li {list-style:decimal;}
.content-block ul li {list-style: url(../../images/_dealer/list-dot.jpg); font-size: 14px; margin: 0 0 0 15px;}


#footer{background: url(../../images/footer.gif) no-repeat 0 0; width: 960px; height: 101px; margin: 20px auto 0px auto;}
#footer-wrapper {margin:0 auto;padding:20px 0 0;vertical-align:top;width:955px;}
#footer-links {color:#FFFFFF;float:left;font-size:10px;padding:10px 30px 0 20px;width:670px;}

#footer-links a{color: #FFFFFF; font-size: 10px; text-decoration: none;}
#footer-links a:hover{color: #FFFFFF; font-size: 10px; text-decoration: underline;}
#footer-logo{width: 240px; float: right;}

.callout-item{padding: 6px 0;}


#flow-chart-header{background: #FFFFFF; height: 78px;border: 1px solid #CCC; text-transform: uppercase;}
#flow-chart-header h1{background: url(../../images/_dealer/car-icon.jpg) no-repeat 20px 20px; text-indent: 50px; font-size: 24px; font-weight: normal; color: #1a9ad0;padding:20px 0 0 10px;}
#flow-chart-content{height: 600px; padding: 10px 0 0 0;}

.flow-chart-item{width:221px; height: 296px; background: url(../../images/_dealer/step-bg.gif) no-repeat 0 0;float:left;display:block;padding:5px 14px 10px 0; overflow: hidden;}
.flow-chart-item-last-item{width:210px; height: 296px; background: url(../../images/_dealer/step-last-bg.gif) no-repeat 0 0; float: right; padding:5px 0px 10px 0; overflow: hidden;}

.step-title{color: #FFFFFF;font-size: 18px; text-transform: uppercase; height: 20px; text-indent: 10px; line-height:20px; padding: 10px 0 0 0;  }
.step-image{width: 171px; height: 169px; margin: 0 auto;padding:20px 0 0 0;}
.step-copy{width: 171px; height:70px; color: #666; margin: 0 auto; font-size: 11px; overflow: hidden;}
.step-copy a{color: #1a9ad0; text-decoration: none;}
.step-copy a:hover{text-decoration: underline;}
.step-3{font-size: 10px;}
.green-txt{color: #1a9ad0;}


#questions-header{background: #FFFFFF; border: 1px solid #CCC; padding: 0 0 10px 0;}
#questions-header h1{background: url(../../images/_dealer/car-icon.jpg) no-repeat 20px 20px; text-indent: 50px; font-size: 24px; font-weight: normal; color: #1a9ad0;padding:20px 0 0 10px; margin: 0;}
#questions-header .sub-header{margin:0 0 0 60px; width: 500px;}

.item{border: 1px solid #CCC; background: #FFFFFF; margin: 0px auto 20px auto;}
.item-inner{width: 610px; margin: 0 auto; padding: 30px 0 0 0;}
.header{font-size: 30px; line-height: 40px;color: #1a9ad0;}
.header h1{background: url(../../images/_dealer/car-icon.jpg) no-repeat 0 0; text-indent: 50px; font-size: 24px; font-weight: normal; color: #1a9ad0; border-bottom: 1px solid #CCC; padding: 0 0 10px 0}

.rollout-item{border: 1px solid #CCC; background: #FFFFFF; margin: 0px auto 20px auto;}
.rollout-item-inner{width: 610px; margin: 0 auto; padding: 30px 0 0 0;}
.rollout-header{font-size: 30px; line-height: 40px;color: #1a9ad0;}
.rollout-header h1{background: url(../../images/_dealer/car-icon.jpg) no-repeat 0 0; text-indent: 50px; font-size: 24px; font-weight: normal; color: #1a9ad0; border-bottom: 1px solid #CCC; padding: 0 0 10px 0}
.rollout-body-content{padding: 20px 0 5px 0;}

#submit{background: url(../../images/_dealer/submit-btn.jpg) no-repeat 0 0; width: 175px; height: 48px; border: 0; text-indent: -99999px;}
#question-wrapper{width: 438px; height: 28px; background: url(../../images/_dealer/input-txt-bg.jpg) no-repeat 0 0; float: left; margin: 10px 0 0 0;}
#question{width: 438px; margin: 6px 0 0 0; background: none; border: none; text-indent: 15px; text-transform: uppercase; color: #999; font-size: 14px; font-weight: normal;}

.tip{padding: 10px; background: #1a9ad0; color: #FFF;}
.tip h2{padding: 0; margin: 0; font-size: 30px; text-transform: uppercase;}
.tip a{color: #fff; text-decoration: underline;}
.tip p{font-size: 14px; color: #000;}