/* SETTING THE BASICS */
.container {width:966px;}
.containter, .col-one, .col-two {font-family:Arial, Helvetica, sans-serif;padding:5px 0 0 0;}
.col-one {float:left;}
.col-two {float:right;width:290px;margin-right:0px;}
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif;}

span.indent {float:left;display:block;width:1px;text-indent:-9999px;}



/* MAIN GREENDRIVE TEXT AREA */
.greendrive {width:658px;background:#102000 url(../images/greendrive-bg.jpg) top left no-repeat;}
.greendrive .intro {width:658px;min-height:132px;}
.greendrive .intro h1 {width:355px;height:114px;display:block;float:left;font-size:2em;overflow:hidden;text-indent:-9999px;}
.greendrive .intro p {color:#fff;font-size:1.05em;width:240px;padding:30px 0 0 0;margin:0 0 0 356px;line-height:1.4em;background:#939393 url(../images/greendrive-p-bg.gif) top left repeat-x;}
.greendrive p.greenlink {margin:0 0 0 425px;}
.greendrive .pix-left {float:left;width:328px;height:2px;overflow:hidden;background:#2d4813 url(../images/greendrive-left.gif) bottom left no-repeat;margin:0;padding:0;display:block;}
.greendrive .pix-right {float:right;width:330px;height:2px;overflow:hidden;background:#2d4813 url(../images/greendrive-right.gif) bottom right no-repeat;margin:0;padding:0;display:block;}

/* OFFER PROMOS */
#features-main {padding:100px 0 0 0;}
#offer-1, #offer-2, #offer-3, #offer-4 {padding:87px 0 0 0;}

.offers {padding:0;}
.offers .promo, .offers .promo-right {width:295px;float:left;margin:0 0 0 25px;padding:0;background:transparent url(../images/promo-bottom.png) bottom left no-repeat;min-height:145px;}
.offers .promo-right {margin:0 0 0 17px;}
.offers h3 {font-family:Arial, Helvetica, sans-serif;font-weight:normal;color:#282828;font-size:1.8em;margin:0;padding:10px 0 0 18px;background:transparent url(../images/promo-top.png) top left no-repeat;}
.offers h3 strong{font-weight:bold;color:#0a6500;}
.offers .panel {display:block;background:transparent url(../images/promo-panel.gif) top left no-repeat;width:279px;min-height:70px;margin:10px 0 8px 8px;}
.offers .panel p {margin:0;padding:10px 0 10px 85px;font-size:1.1em;width:160px;line-height:14px;}
.offers .panel p.greenlink {float:right;margin:-35px 0 0 0;font-size:11px;width:auto;min-height:27px;padding:0;}
.offers .panel p.greenlink:active, .offers .panel p.greenlink:focus{color:#ffe97a;text-decoration:underline;}
.offers .panel p.greenlink .main {padding-top:6px;} 
p.flexibility {background:transparent url(../images/promo-flexibility.gif) 8px 0 no-repeat;height:59px;}
p.money {background:transparent url(../images/promo-money.gif) 6px 0 no-repeat;height:59px;}
p.maintenance {background:transparent url(../images/promo-maintenance.gif) 13px 0 no-repeat;height:59px;}
p.environment {background:transparent url(../images/promo-environment.gif) 18px 0 no-repeat;height:59px;}

/* FEATURED AREAS FROM HIDE/SHOW */
.offers .top {width:608px;background:transparent url(../images/greendrive-top.png) top left no-repeat;height:26px;margin:0 0 0 25px;}
.offers .top a.closemain {cursor:pointer;display:block;width:38px;height:31px;overflow:hidden;text-indent:-9999px;background:transparent url(../images/greendrive-close.png) top right no-repeat;float:right;}
.offers .features {width:608px;background:transparent url(../images/greendrive-whitebg.gif) top left repeat-y;margin:0 0 0 25px;padding:0 0 5px 0}
.offers .bottom {width:608px;background:transparent url(../images/greendrive-bottom.png) top left no-repeat;height:30px;margin:0 0 0 25px;}
.offers h2 {font-weight:normal;color:#282828;margin:0 0 0 18px;}
.offers h2 span {font-weight:bold;color:#0a6500;}
.offers .features p{padding:0 0 0 20px;font-size:1.1em;max-width:504px;}

/* TABLE AND CAR SELECTOR STUFF */
.cars {width:578px;background:transparent url(../images/table-bg.jpg) top left no-repeat;display:block;margin:10px 0 20px 20px;}
.cars .top {background:transparent url(../images/table-top.jpg) top left no-repeat;height:8px;width:578px;margin:0;padding:0;}
.cars .bottom {background:transparent url(../images/table-bottom.jpg) top left no-repeat;height:8px;width:578px;margin:0;padding:0;}
.cars caption{display:none;padding:0;margin:0;}
.cars table{border:0px;border-top:0px solid #000;border-left:0px solid #000;width:550px;background-color:transparent;padding:0;margin:0;border-collapse:collapse;}
.features th{border:0px;border-bottom:0px solid #000;border-right:0px solid #000;padding:0px;background-color:transparent;color:#545454;height:32px;text-align:center; vertical-align:top;border-collapse:collapse;border-top:0px solid #fff;margin:0;}
.features th.row1{width:123px;text-align:left;height:22px;}
.features th.row2{width:105px;background:transparent url(../images/table-header-line.gif) bottom left no-repeat;}
.features th.row3{width:130px;}
.features th.row4{width:110px;}
.features th.subhead{text-align:left;height:24px;background:transparent url(../images/table-header-line.gif) bottom left no-repeat;}
.features td{border:0px;border-bottom:0px solid #000;border-right:0px solid #000;padding:2px 5px 2px 5px;height:80px;text-align:center;color:#545454;background:transparent url(../images/table-cell-bg.gif) bottom right no-repeat;}
.features td span.save {display:block;font-size:11px;padding:0 40px 0 0;margin:0;line-height:10px;}
.features td span.price, .features td span.price-big{display:block;font-size:24px;font-weight:bold;padding:0;margin:0;}
.features td span.year {display:block;font-size:11px;margin:0;padding:0 0 0 40px;line-height:10px;}
.features td span.price-big {color:#0a6500;}
.features td.small {background:transparent url(../images/table-smallcar.jpg) 15px bottom no-repeat;padding:50px 0 0 0;font-weight:bold;}
.features td.family {background:transparent url(../images/table-familycar.jpg) 15px bottom no-repeat;padding:50px 0 0 0;font-weight:bold;}
.features td.luxury {background:transparent url(../images/table-luxurycar.jpg) 15px bottom no-repeat;padding:50px 0 0 0;font-weight:bold;}
.features td.cell-bottom {background:transparent none;}
.features td.cell-1 {background:transparent url(../images/table-cell-bg.gif) bottom left;}
.features td.cell-1-bottom {background:transparent url(../images/table-cell-bg.gif) top left;}
.features table h3 {margin:0;padding:0 0 0 10px;background:transparent none;color:#0a6500;font-size:1.3em;}
.features table h4 {margin:0;padding:0 0 0 5px;background:transparent none;color:#0a6500;font-size:1.4em;font-weight:normal;}
.features a:hover {text-decoration:underline;}
.features span.question {display:inline;float:right;width:18px;height:18px;margin:0 0 0 -9px;padding:0;}
.features span.question a{display:block;background:url(../images/icon-question.gif);width:18px;height:18px;overflow:hidden;text-indent:-9999px;}
.offers .links p {float:left;margin:4px 0 0 20px;font-weight:normal;padding:0;}
.offers .links p a{text-decoration:underline;font-size:1.1em;}
.offers .links p.next {color:#078a07;text-decoration:underline;cursor:pointer;}
.offers .links p.next:hover, .offers .links p.next:active, .offers .links p.next:focus {color:#000;}

.offers .links .extralink {width:55%;float:right;}
.offers .links .extralink p.greenpolicy{margin-left:46px;}

.offers .links p.blacklink {float:right;margin-right:20px;margin-top:0;}
.offers .links p.blacklink .main {padding-top:3px;}
/* .offers .links p.blacklink {float:right;margin:0 15px 0 0;}*/
.offers .links p.blacklink a{text-decoration:none;}
.offers .links p.blacklink a:hover{text-decoration:underline;} 

.feature-promo {float:left;width:289px;margin:0 0 10px 10px}
.feature-promo h4 {padding:0;margin:0 0 5px 10px;color:#282828;font-weight:bold;font-size:1.5em;}
.feature-promo p {padding:0;margin:0 0 10px -10px;}

.offers .features .long-promo {background:transparent url(../images/longpromo-bg.gif) no-repeat 137px 0;margin:0;padding:0;}
.offers .features .long-promo img {float:left;margin:0;padding:0 0 0 15px;}
.offers .features .long-promo h4 {padding:13px 0 0 0;margin:0 0 0 155px;color:#282828;font-weight:bold;font-size:1.5em;width:420px;}
.offers .features .long-promo p {padding:0;margin:0 0 0 155px;width:420px;min-height:51px;}
.offers .features .long-promo .bottom {background:transparent url(../images/longpromo-bottom.gif) right bottom no-repeat;height:14px;width:566px;}

.btn-bottom {padding:0 0 10px 0;}

/*tooltip*/
th span {float:left;margin:2px 0 0 17px;width:auto;}
.tooltip {position:relative;width:20px;padding:0;margin:0 0 0 2px;height:auto;float:left;text-align:left;}
.tooltip .tooltip-wrapper{position:absolute;right:-77px;width:211px;display:none;z-index:1000;}
.tooltip .tooltip-wrapper .top{height:17px;width:100%;background:transparent url(../images/bg_tooltip_top.png) 0 0 no-repeat;padding:0;}
.tooltip .tooltip-wrapper.flipped .top{height:26px;background:transparent url(../images/bg_tooltip_top_flipped.png) 0 0 no-repeat;padding:0;}
.tooltip .tooltip-wrapper .bottom{height:26px;width:100%;background:transparent url(../images/bg_tooltip_bottom.png) 0 0 no-repeat;width:auto;padding:0; }
.tooltip .tooltip-wrapper.flipped .bottom{height:17px;background:transparent url(../images/bg_tooltip_bottom_flipped.png) 0 0 no-repeat;width:auto;padding:0; }
.tooltip .tooltip-wrapper .content{float:none;background:transparent url(../images/bg_tooltip_content.png) 0 0 no-repeat;padding:5px 5px;font-size:0.9em;min-height:60px;width:273px;font-weight:normal;}
.tooltip .tooltip-wrapper .content p {width:165px;}
.tooltip .tooltip-wrapper .content span{float:left;margin-right:4px;}



/* CREATE ID AND LOGIN BOX */
.createid {background:#0d8300 url(../images/createid-bg.gif) top left no-repeat;color:#fff;margin:0;min-height:100px;}
.createid h2{font-family:Arial, Helvetica, sans-serif;color:#fff;font-size:1.7em;font-weight:bold;padding:10px 15px 4px 17px;/* ** REMOVED AS NOT ON BRAND ** background:transparent url(../images/createid-line.png) bottom center no-repeat; */}
.createid p {padding:5px 15px 2px 17px;margin:0;font-size:13px !important;}
.createid p a {color:#ffe97a;text-decoration:underline;margin:0;padding:0;}
.createid p a:hover, .createid p a:active, .createid p a:focus {color:#fff;text-decoration:underline;}
.createid div{display:block;height:24px;width:290px;background:url(../images/createid-bottom.gif) top left no-repeat;}

.createid.already {background:#0d8300 url(../images/createid-bg.gif) top left no-repeat;color:#fff;margin:0;min-height:100px;}
.createid.already h2{font-family:Arial, Helvetica, sans-serif;color:#fff;font-size:1.7em;font-weight:bold;padding:10px 15px 4px 17px;/* ** REMOVED AS NOT ON BRAND ** background:transparent url(../images/createid-line.png) bottom center no-repeat; */}
.createid.alreadyp {padding:5px 15px 2px 17px;margin:0;font-size:13px !important;}
.createid.already p a {text-decoration:underline;margin:0;padding:0;}
.createid.already p a:hover, .createid.already p a:active, .createid.already p a:focus {color:#fff;text-decoration:underline;}
.createid.already div{display:block;height:24px;width:290px;background:url(../images/createid-bottom.gif) top left no-repeat;}

/* HOW IT WORKS BOX */
/* MAIN PAGE STUFF */
.how {width:290px;background:transparent url(../images/how-bg.gif) top left repeat-y;margin:0;padding:0;}
.how h2 {color:#0a6500;font-size:1.6em;background:transparent url(../images/how-top.gif) top left no-repeat;padding:14px 10px 5px 10px;margin:0;}
.how ol {margin:0 0 10px 6px;padding:0;width:276px;}
.how ol li {display:block;margin:0;padding:0;width:276px;min-height:69px;}
.how ol li a {color:#545454;font-weight:normal;font-size:1.1em;display:block;width:276px;min-height:69px;text-decoration:none;background-position:bottom left;background-repeat:no-repeat; cursor:pointer;}
.how ol li.one a{background:url(../images/how-button-1.jpg) bottom left no-repeat;}
.how ol li.two a{background:url(../images/how-button-2.jpg) bottom left no-repeat;}
.how ol li.three a{background:url(../images/how-button-3.jpg) bottom left no-repeat;}
.how ol li.four a{background:url(../images/how-button-4.jpg) bottom left no-repeat;}
.how ol li.five a{background:url(../images/how-button-5.jpg) bottom left no-repeat;}
.how ol li.one a:hover, .how ol li.two a:hover, .how ol li.three a:hover, .how ol li.four a:hover, .how ol li.five a:hover,
.how ol li.one a:active, .how ol li.two a:active, .how ol li.three a:active, .how ol li.four a:active, .how ol li.five a:active,
.how ol li.one a:focus, .how ol li.two a:focus, .how ol li.three a:focus, .how ol li.four a:focus, .how ol li.five a:focus
{background-position:bottom right;}
.how ol li a span.top{display:block;background:transparent url(../images/how-button-top.jpg) top left no-repeat;height:9px;margin:0;padding:0;width:100%;}
.how ol li a:hover span.top, .how ol li a:active span.top, .how ol li a:focus span.top{background-position:top right;}
.how ol li a span {display:block;padding:2px 0 3px 70px;margin:0;width:135px;line-height:normal;}
.how ol li a span span {color:#0a6500;font-weight:bold;font-size:1.4em;padding:0;margin:0;}
.how div.bottom {background:transparent url(../images/how-bottom.gif) bottom left no-repeat;height:6px;clear:both;}
.how p.greenlink {margin:0 0 0 75px;}
.how p.greenlink a .main, .how p.blacklink a .main{padding-top:5px;}
/* IN-DEPTH HIDE/SHOW ITEMS */
.how span.top {display:block;background:transparent url(../images/how-high-top.gif) top left no-repeat ;height:31px;margin-top:-10px;}
.how span.top a.close {display:block;width:38px;height:31px;overflow:hidden;text-indent:-9999px;background:transparent url(../images/how-high-close.gif) top right no-repeat;float:right;cursor:pointer;}
.how .high {margin:0 0 0 6px;width:277px;background:transparent url(../images/how-high-bg.gif) bottom left no-repeat;padding:0 0 10px 0}
.how .high .header {margin:0;display:block;min-height:60px;padding:0;width:277px;float:left;}
.how #icon-1 .header{background:transparent url(../images/how-high-1.gif) 6px -10px no-repeat;}
.how #icon-2 .header{background:transparent url(../images/how-high-2.gif) 6px -10px no-repeat;}
.how #icon-3 .header{background:transparent url(../images/how-high-3.gif) 6px -10px no-repeat;}
.how #icon-4 .header{background:transparent url(../images/how-high-4.gif) 6px -10px no-repeat;}
.how #icon-5 .header{background:transparent url(../images/how-high-5.gif) 6px -10px no-repeat;}
.how .high .header h3 {padding:0 0 0 75px;color:#0a6500;margin:-5px 0 0 0;font-size:1.5em;}
.how .high .header p {padding:0 0 0 75px;width:135px;font-size:1.1em;line-height:14px;margin:0;}
.how .high h4{color:#282828;font-weight:bold;font-size:1.5em;padding:0 0 0 28px;margin:0;}
.how #icon-1 h4 {/*color:#333;font-size:1.1em;*/} 
.how .high img {padding:2px 0 0 24px;}
.how .high h5 {color:#0a6500;font-weight:bold;font-size:1.1em;padding:0 0 0 28px;margin:0;}
.how .high p {color:#585858;font-size:1.1em;margin:0 0 0 28px;padding:0;width:220px;}
.how .high p.line {background:transparent url(../images/how-high-dots.gif) bottom left repeat-x;margin-bottom:3px;padding-bottom:3px;}
.how p.line, .how p.no-line {font-size:0.9em;} 
.how ul.usp {width:223px;list-style-image:url(../images/how-bullet.gif);color:#545454;padding:10px 10px 0 16px;margin:0;font-size:1.1em;}
.how ul.usp li{padding:0 0 5px 0;}
/* SIGNUP BENEFITS AREA */
.how .signup-benefits {background:transparent none;width:249px;padding:0 0 10px 14px;margin:0;}
.how .signup-benefits h3{color:#282828;font-size:1.25em;padding:3px 0 2px 15px;margin:10px 0 0 0;background:#fff url(../images/how-signup-top.gif) top left no-repeat;}
.how .signup-benefits ul {width:223px;list-style-image:url(../images/how-high-tick.gif);color:#545454;font-weight:bold;font-size:0.9em;background:#fff url(../images/how-signup-bg.gif) top left no-repeat;padding:10px 10px 10px 16px;margin:0;}
.how .signup-benefits ul li {padding:0 0 5px 0;}
.how .signup-benefits .bottom {background:transparent url(../images/how-signup-bottom.gif) bottom left no-repeat;height:5px;margin:0;padding:0;display:block;}
.how .links {display:block;min-height:25px;font-size:1.1em;}
.how .links a.leftlink {float:left;width:auto;display:block;margin:0 0 0 15px;}
.how .links a.rightlink {float:right;width:auto;display:block;margin:0 15px 0 0;}
.how .links a:hover, .how .links a:active, .how .links a:focus{text-decoration:underline;}

/* FIXING ITEM */
div.clear-all {clear:both;background:transparent none;height:1px;}

/* GREEN AND BLACK LINK BUTTONS */
.greenlink, .blacklink {font-size:12px;float:left;margin:0 0 0 7px;padding:0; white-space:nowrap;cursor:pointer;color:#fff;font-weight:bold;}
.yellowlink {float:left;margin:0 10px 0 7px;padding:0; white-space:nowrap;cursor:pointer;color:#292929;font-weight:bold;}
.greenlink a, .blacklink a {display:block;height:27px;color:#fff;text-decoration:none;cursor:pointer;font-weight:bold;}
.yellowlink a{display:block;height:27px;color:#292929;text-decoration:none;cursor:pointer;font-weight:bold;}
.greenlink a:hover, .blacklink a:hover, .yellowlink a:hover, .greenlink:hover {color:#fff;text-decoration:underline;}
.yellowlink a:hover {color:#292929;text-decoration:underline;}
.greenlink a:active, .blacklink a:active {color:#ffe97a;text-decoration:underline;}
.yellowlink a:active {color:#999;text-decoration:underline;}
.greenlink a:focus, .blacklink a:focus {color:#ffe97a;text-decoration:underline;}
.yellowlink a:focus {color:#999;text-decoration:underline;}
.greenlink a .left, .greenlink .left {display:block;height:27px;width:10px;background:transparent url(../images/btn-green-left.png) left top no-repeat;float:left;}
.greenlink a .main, .greenlink .main  {display:block;height:27px;width:auto;background:transparent url(../images/btn-green-bg.png) right top repeat-x;float:left;padding:4px 16px 0 7px;}
.blacklink a .left {display:block;height:27px;width:10px;background:transparent url(../images/btn-black-left.png) left top no-repeat;float:left;}	
.blacklink a .main {display:block;height:27px;width:auto;background:transparent url(../images/btn-black-bg.png) right top repeat-x;float:left;padding:4px 17px 0 5px;}
.yellowlink a .left {display:block;height:27px;width:10px;background:transparent url(../images/btn-yellow-left.png) left top no-repeat;float:left;}	
.yellowlink a .main {display:block;height:27px;width:auto;background:transparent url(../images/btn-yellow-bg.png) right top repeat-x;float:left;padding:4px 17px 0 5px;}