body
{
background-color:#eee;
font-family: Arial, Helvetica, Verdana, sans-serif;
color:#505050;
font-size:9pt;
}
html, body, form, input, img,  li, span
{
margin: 0;
padding: 0;
}
ul, ol
{
margin:0;
padding:0 0 0 15px;
}
h1,h2,h3,h4,h5,p
{
margin:0 0 5px 0;
padding:0;
}
h3
{
text-transform:uppercase;
font-size:10pt;
font-weight:bold;
line-height:1em;
margin-bottom:10px;
}
h3.on
{
text-transform:uppercase;
font-size:10pt;
font-weight:bold;
line-height:1em;
margin-bottom:10px;
color: #FFF;
background-color: #dbe9f4;
}
h3 span
{
font-size:9pt;
text-transform:none;
}
h3 span.extra
{
font-weight:normal;
}
h4
{
font-size:9pt;
}
a,
a:visited
{
color: #2864b4;
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
/* IE measures height of select elements incorrectly */
/*
select
{
height: 19px;
}
option
{
padding : 0 3px 0 3px;
margin: 0;
height: 19px;
}
*/
img
{
border: none;
}
/* float clearing style*/
.clearer
{
display  : block;
margin   : 0;
padding  : 0;
clear    : both;
font-size: 1px;
width    : 1px;
height   : 1px;
overflow : hidden;
}
/* apply this to the element being floated to avoid extra "clearer" divs */
.clearFloat:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFloat
{
height: 1%;
}
.hidden
{
display:none;
}
/* simple margins and paddings */
.m10t
{
margin-top:10px;
}
.m0b
{
margin-bottom:0px !important;
}
.m20b
{
margin-bottom:20px !important;
}
.m10b
{
margin-bottom:20px !important;
}
/* makes any element display inline or block */
*.inline
{
display:inline;
}
*.block
{
display:block;
}
*.hidden
{
display:none;
}
/* generic floating classes */
.lineRight
{
float:right;
}
.lineLeft
{
float:left;
}
.center
{
text-align:center;
}
.vm
{
vertical-align:middle;
}
.textRight
{
text-align:right;
}
/* links */
a.more
{
font-weight:bold;
}
a.delete
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/icons/icon_delete.gif);
background-repeat:no-repeat;
background-position:0 center;
padding-left:15px;
font-size:8pt;
font-weight:bold;
}
div.actionLink a
{
float:right;
font-weight:bold;
padding-bottom: 5px;
}
/* list styles */
ul.plain
{
list-style:none;
margin:0;
padding:0;
}
ul.relatedList,
ul.relatedList-tight
{
list-style:none;
font-weight:bold;
margin:0;
padding:0;
}
ul.relatedList li
{
margin-bottom:10px;
}
ul.inline
{
list-style:none;
display:inline;
}
ul.inline li
{
list-style:none;
display:inline;
padding-right:4px;
}
ul.linkList
{
color:#005288;
}
ol.top5
{
list-style:none;
}
ol.top5 li
{
list-style:none;
margin-bottom:5px;
font-weight:bold;
line-height:16pt;
}
ol.top5 li span.counter
{
display:block;
float:left;
width:20px;
}
ol.top5 li.top
{
font-size:13pt;
}
ol.top5 li.top span.counter
{
font-size:16pt;
}
p.note
{
font-size:8pt;
color:#999;
}
/* text stylings*/
.lg
{
font-size:10pt;
}
.sm
{
font-size:8pt;
}
.dark
{
color:#000;
}
/* titles */
h1.landingTitle
{
font-size:13pt;
margin:0 0 15px 0;
color:#ef8845;
}
h1.pageTitle
{
margin:0 0 5px;
color:#505050;
text-transform: uppercase;
}
span.photo-descr
{
margin:0 0 5px;
color:#505050;
text-transform: none;
font-size: 16pt;
font-weight: normal;
}
h2.pageSubTitle
{
margin:0 0 5px;
color:#505050;
margin:0 0 9px 0;
padding:0;
font-size:11pt;
font-weight:bold;
line-height:1em;
text-transform: uppercase;
}
h2.title-sm
{
margin:0 0 9px 0;
padding:0;
color:#ff9c44;
font-size:16pt;
font-weight:normal;
line-height:1em;
}
h2.title-lg
{
margin:0 0 9px 0;
padding:0 0 7px 0;
border-bottom:1px dotted #d1d1d1;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
line-height:1em;
}
h2.title-lg-plain
{
margin:0 0 9px 0;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
line-height:1em;
}
h3.ptitle
{
margin-bottom:0;
font-size:9pt;
font-weight:bold;
}
h3.sTitle
{
margin-bottom:10px;
color:#666;
}
h3.lined
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/bg_module_divider_3.gif);
background-position:0 100%;
background-repeat:no-repeat;
padding-bottom:10px;
}
h3.tight
{
padding:0;
margin:0;
}
p.intro-text
{ /* used for single paragraph just below module title */
margin-bottom:18px;
}
p.note-sm
{
font-size:8pt;
margin:0;
}
/* thumbnail Images */
.thumbnail
{
background-color:#fff;
border:1px solid #d2d2d2;
padding:1px;
}
/* forms */
form.inline input,
form.inline label
{
vertical-align:middle;
}
form label
{
font-weight:bold;
color:#666;
}
input.bsize
{
font-size:10pt;
height:17px;
padding:3px;
vertical-align:middle;
border:1px solid #d2d2d2;
color:#999;
}
.stacked label
{
display:block;
vertical-align:middle;
margin-bottom:5px;
}
.stacked label input
{
margin-right:3px;
vertical-align:middle;
}
/* miscellaneous */
.related-inset
{
font-size:10pt;
margin-bottom:13px;
}
.related-inset h4
{
color:#ff7800;
margin-bottom:0;
font-size:10pt;
}
.related-inset p
{
margin-bottom:0;
}
.related-inset li
{
font-weight:bold;
}
.pagination-arrow
{
vertical-align:middle;
}
strong.large
{
font-size:12pt;
}
.bodyCont
{
margin:0 auto;
padding:0;
border-left: 1px solid #bcbbbb;
border-right: 1px solid #bcbbbb;
width:980px;
background-color:#fff;
}
/* main content */
#mainCont
{
padding:13px 8px 60px 8px;
}
/* layout 1 shell */
.layout-1 .col1
{
width:792px;
float:left;
margin-right:10px;
_margin-right:5px;
}
.layout-1 .col2
{
width:162px;
float:left;
}
.layout-1 .col1 .section1
{
width:218px;
float:left;
margin-right:12px;
_margin-right:6px;
}
.layout-1 .col1 .section2
{
width:562px;
float:left;
}
/* layout 2 shell */
.layout-2 .col1
{
width:650px;
float:left;
margin-right:12px;
_margin-right:6px;
}
.layout-2 .col2
{
width:302px;
float:left;
}
.layout-2 .col1 .section1
{
width:218px;
float:left;
margin-right:12px;
_margin-right:6px;
}
.layout-2 .col1 .section2
{
width:420px;
float:left;
}
/* layout 3 shell */
.layout-3 .col1
{
width:950px;
float:left;
margin-right:12px;
_margin-right:6px;
}
/* header styles */
/* top-hat styles */
.tophat{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/nav/bg_top_hat.gif);
background-repeat:repeat-x;
height:23px;
padding:3px 20px 5px 20px;
}
.tophat .hswlogo
{
float: left;
width: 250px;
}
.tophat .discoveryBrand
{
text-align: right;
font-family: Arial, Helvetica, Verdana;
font-size: 13px;
color: #272727;
font-weight: normal;
padding-right: 5px;
padding-top: 5px;
float: right;
}
/* header ad*/
#header .ad
{
background-color:#d2d2d2;
padding:7px 10px;
border-bottom:1px solid white;
text-align: center;
}
#header .ad .inside
{
margin: 0 auto 0 auto !important;
}
#header .ad .sub-ad
{
float:right;
margin:3px 0;
}
/* header extras */
#header .extras
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/nav/bg_header_extras.gif);
background-repeat:repeat-x;
border-top:1px solid #d2d2d2;
border-bottom:1px solid #e7e7e7;
height:20px;
font-size:8pt;
padding:4px 10px 0 10px;
font-weight:bold;
}
#header .extras span
{
padding-right:15px;
}
#header .extras h5
{
font-size:8pt;
font-weight:bold;
padding-right:3px;
}
/* logo bar styles */
#header .logoBar
{
background-color:#fff;
padding:1px;
}
#header .logoBar .logo
{
margin:17px 145px 16px 34px;
}
/* search styles */
.search1
{
float:right;
margin:17px 50px 0 0;
}
.search1 input,
.search1 img,
.search1 form
{
vertical-align:middle;
}
.search1 .searchField
{
border-width:2px;
border-top-color:#c5c5c5;
border-left-color:#d8d8d8;
border-bottom-color:#ececec;
border-right-color:#d8d8d8;
background-color:#ebf3f9;
width:326px;
font-size:14pt;
height:27px;
}
.search1 label
{
display:block;
color:#005288;
font-weight:bold;
font-size:8pt;
}
.search1 .button
{
margin:0 10px 0 5px;
}
.search1 .heightlimit
{
height:24px;
}
#footer .search1
{
float:none;
width:575px;
margin:0 auto 17px auto;
}
/* primary navigation styles */
ul#channelNav
{
font-family:Arial,Helvetica,Verdana,sans-serif;
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:20px;
font-size:8pt;
font-weight:bold;
background-color:#b1b1b1;
}
ul#channelNav li
{
display:block;
float:left;
margin:0;
padding:0;
height:20px;
}
ul#channelNav li.divider
{
display:block;
float:left;
width: 1px;
margin: 4px 0 4px 0;
height: 12px;
background-color: #dcdbdb;
padding: 0px;
}
ul#channelNav li a
{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:3px 10px 0 10px;
margin:0 1px 0 1px;
height:17px;
}
ul#channelNav li a:hover, ul#channelNav li.on a
{
color:#66d0ff;
background-color: #727375;
}
ul#subChannelNav
{
font-family:Arial,Helvetica,Verdana,sans-serif;
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:20px;
font-size:8pt;
font-weight:bold;
background-color:#727375;
}
ul#subChannelNav li
{
display:block;
float:left;
padding:0;
margin:0;
height:20px;
}
ul#subChannelNav li.divider
{
display:block;
float:left;
width: 1px;
margin: 4px 0 4px 0;
height: 12px;
background-color: #dcdbdb;
}
ul#subChannelNav li a
{
display:block;
float:left;
text-decoration:none;
padding:3px 12px 0 12px;
height:17px;
background-color:#727375;
color:#ffffff;
}
ul#subChannelNav li a:hover, ul#subChannelNav li.on a
{
color:#66d0ff;
}
/* breadcrumb styles */
.breadcrumb
{
font-size:8pt;
font-weight:bold;
margin:0 0 10px 0;
list-style:none;
padding:0;
}
.breadcrumb li
{
display:inline;
}
/* footer Styles */
/* nav3 - primary nav repeat */
#footer #nav3
{
list-style:none;
background-color:#d2d2d2;
text-align:center;
font-size:8pt;
color:#005288;
padding:6px 0;
margin-bottom:3px;
}
#footer #nav3 li a
{
vertical-align:bottom;
~vertical-align:middle;
line-height:16px;
}
/* footer extras - legal links */
#footer .extras
{
text-align:center;
background-color:#eaeaea;
padding:10px 80px;
font-size:8pt;
}
/* generic containers */
.module-white
{
background-color:#fff;
border:1px solid #eae9e6;
margin-bottom:11px;
padding:16px 12px 5px 12px;
}
.module-gray
{
background-color:#ededed;
border-top:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
margin-bottom:11px;
padding:6px 8px;
}
.module-gray h3.title
{
padding: 5px;
background-color: #cdcdcd;
margin: 0px;
}
.module-gray dl.filters
{
padding: 5px;
}
.module-gray dl.filters dt
{
font-weight: bold;
text-transform: uppercase;
}
.module-gray dl.filters dd
{
margin: 0px 0px 5px 0px;
padding-left: 10px;
}
.module-gray dl.filters dd a.clearMe
{
padding-left: 5px;
}
.module-white-2
{
background-color:#fff;
border:1px solid #eae9e6;
margin-bottom:11px;
}
.module-white-2 .module-content
{
padding:16px 12px 5px 12px;
}
.module-white-2 .pagination
{
padding:5px 12px;
border-top:1px solid #eae9e6;
font-weight:bold;
}
.module-white-2 .pagination .on
{
font-size:11pt;
}
.module
{
margin-bottom:11px;
padding:17px 13px 6px 13px;
}
.module-divider
{
background-repeat:no-repeat;
padding-top:13px;
}
.blueBox
{
background-color:#dbe9f4;
border:1px solid #ebeff1;
padding:10px 13px;
position:relative;
margin-bottom:15px;
~zoom:1;
}
.col1 .section1 .module-divider
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/bg_module_divider_1.gif);
}
.col1 .section2 .module-divider
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/bg_module_divider_2.gif);
}
/* pagination */
.pagination
{
padding:5px 12px;
font-weight:bold;
}
.pagination .on
{
font-size:11pt;
}
.module-white-2 .pagination
{
border-top:1px solid #eae9e6;
}
.module-gray .pagination
{
padding:0 12px;
}
/* sub-section groupings */
.sub-group-list
{
padding-bottom:10px;
}
.sub-group-list ul
{
list-style:none;
padding:0;
margin:0 0 0 7px;
}
.sub-group-list h3.on
{
text-transform:uppercase;
font-size:10pt;
font-weight:bold;
line-height:1em;
margin-bottom:10px;
padding: 3px;
color: #000000;
background-color: #dbe9f4;
}
.sub-group-list .expandable .control
{
float:left;
width:15px;
}
.sub-group-list .expandable .content
{
float:left;
width:175px;
}
.sub-group-list .expandable .closed .fold
{
display:none;
}
.sub-group-list form div
{
margin-bottom:5px;
}
.sub-group-list ul li.on a,
.sub-group-list ul li.on a:hover
{
color:#505050 !important;
}
/* thumb nail sub-section groups */
.thumb-group-list
{
padding-bottom:10px;
}
.thumb-group-list .item
{
margin-bottom:5px;
}
.thumb-group-list .thumb
{
float:left;
margin-right:10px;
}
.thumb-group-list .thumb img
{
border:1px solid #d2d2d2;
}
.thumb-group-list .desc
{
float:left;
}
.layout-1 .col1 .section1 .thumb-group-list .desc
{
width:110px;
}
.pane {
border: 1px solid gray;
margin: 10px;
}
.titleBar {
background: #dbe9f4;
color: #171a83;
font-weight: bold;
border-bottom: 1px solid gray;
padding: 5px;
font-size: 13px;
}
/* ads */
.adBoxSingle
{
text-transform:uppercase;
font-size:7pt;
color:#c1c1c1;
margin:0 0 2px 0;
line-height:1em;
padding:0;
}
.adBox
{
margin-bottom:15px;
}
.adBox h5
{
text-transform:uppercase;
font-size:7pt;
color:#c1c1c1;
margin:0 0 2px 0;
line-height:1em;
padding:0;
}
.adBox .ad
{
/* dwh 12/2/08 removed for marketing review -> border:1px solid #e8e8e8; */
margin: 0px !important;
padding: 0px !important;
}
.bottomAd
{
text-align:center;
margin: 0 115px 0 118px;
}
.adBox .split-text-ad
{
background-color:#fff;
padding:5px;
}
.adBox .split-text-ad h3
{
text-transform:none;
border-bottom:1px dotted #d1d1d1;
padding-bottom:8px;
}
.adBox .split-text-ad ul
{
list-style:none;
padding:0;
margin:0;
}
.adBox .split-text-ad ul li
{
padding:0;
width:33%;
margin-bottom:5px;
float:left;
}
.adBorderBox
{
border: 1px solid #EAEAEA;
padding: 5px;
}
.centerWrapper .adBox
{
width:561px;
margin:0 auto 15px auto;
}
.centerWrapper .usedCarBuyingResourceBox
{
margin:0 auto 15px auto;
width:556px;
}
.adBox .wideAd
{
width:728px;
}
.adBox .jcpmanufacturer a
{
padding:0;
width:33%;
margin-bottom:5px;
float:left;
}
.adBox .jcpmanufacturer img
{
padding-bottom:8px;
}
/* right rail extras */
.extras-module
{
background-color:#fff;
border:1px solid #eae9e6;
margin-bottom:11px;
padding:9px;
}
.extras-module select,
.extras-module input
{
vertical-align:middle;
margin-bottom:5px;
}
.extras-module input.textField
{
color        : #2864b4;
width        : 81px;
margin-right : 5px;
font-size    : 8pt;
padding      : 2px;
}
/* resource box */
.resourceBox .first-row
{
margin-bottom:15px;
}
.resourceBox .row
{
margin-bottom:5px;
}
.resourceBox .item
{
float:left;
margin-left:20px;
width:150px;
padding:0 5px;
}
.section-span .resourceBox h3
{
padding-bottom:10px;
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/bg_module_divider_2.gif);
background-position:0 100%;
background-repeat:no-repeat;
}
.section-span .resourceBox .item
{
margin-left:60px;
}
.resourceBox .first
{
margin-left:0 !important;
}
.resourceBox .item .logo
{
text-align:center;
margin-bottom:5px;
}
.resourceBox .item h4
{
font-size:9pt;
font-weight:bold;
margin:0;
padding:0;
line-height:1em;
}
.resourceBox .item p
{
padding:0;
margin:0;
}
/* resource box */
.resourceBoxSmall
{
font-size: 8pt;
}
.resourceBoxSmall .first-row
{
margin-bottom:15px;
}
.resourceBoxSmall .row
{
margin-bottom:5px;
}
.resourceBoxSmall .item
{
float:left;
margin-left:10px;
width:120px;
padding:0 5px;
}
.section-span .resourceBoxSmall h3
{
padding-bottom:10px;
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/bg_module_divider_2.gif);
background-position:0 100%;
background-repeat:no-repeat;
}
.section-span .resourceBoxSmall .item
{
margin-left:60px;
}
.resourceBoxSmall .first
{
margin-left:0 !important;
}
.resourceBoxSmall .item .logo
{
text-align:center;
margin-bottom:5px;
}
.resourceBoxSmall .item h4
{
font-size: 8pt;
font-weight:bold;
margin:0;
padding:0;
line-height:1em;
}
.resourceBoxSmall .item p
{
padding:0;
margin:0;
}
.resourceBoxSmall img
{
height: 30px;
}
/* striped box */
.stripedBox
{
border:1px solid #eae9e6;
background-color:#fff;
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/bg_stripes.gif);
background-position:100% 0;
background-repeat:no-repeat;
padding:17px 20px 0 20px;
height:29px;
margin:0 auto 11px auto;
width:521px;
}
.stripedBox p
{
text-align:center;
text-transform:uppercase;
font-size:10pt;
font-weight:bold;
}
.usedCarBuyingResourceBox
{
border:1px solid #eae9e6;
background-color:#fff;
height: 75px;
padding: 13px 0 0 5px;
margin-bottom: 15px;
}
.usedCarBuyingResourceBox a
{
text-decoration: none;
}
.usedCarBuyingResource1
{
border: 1px solid #727375;
background: #fbfbfb url(http://static.howstuffworks.com/en-us/consumerguideauto/buttons/bt_go_v2.gif);
background-position: 100% 50%;
background-repeat:no-repeat;
width: 170px;
float: left;
height: 22px;
margin-right: 3px;
padding: 9px 0px 0px 3px;
font-size: 8pt;
font-weight: bold;
color: #505050;
cursor: pointer;
}
.usedCarBuyingResource2
{
border: 1px solid #727375;
background: #fbfbfb url(http://static.howstuffworks.com/en-us/consumerguideauto/buttons/bt_go_v2.gif);
background-position: 100% 50%;
background-repeat:no-repeat;
width: 150px;
float: left;
height: 22px;
margin-right: 3px;
padding: 9px 0px 0px 3px;
font-size: 8pt;
font-weight: bold;
color: #505050;
cursor: pointer;
}
.usedCarBuyingResource3
{
border: 1px solid #727375;
background: #fbfbfb url(http://static.howstuffworks.com/en-us/consumerguideauto/buttons/bt_go_v2.gif);
background-position: 100% 50%;
background-repeat:no-repeat;
width: 205px;
float: left;
height: 22px;
margin-right: 3px;
padding: 9px 0px 0px 3px;
font-size: 8pt;
font-weight: bold;
color: #505050;
cursor: pointer;
}
/* overview module */
.auto-overview
{
margin-bottom:0px;
}
.auto-overview .c1
{
width:344px;
float:left;
padding:0 17px 0 12px;
}
.auto-overview .c1 .full
{
float:left;
margin-right:20px;
_margin-right:10px;
width:260px;
text-align:center;
}
.auto-overview .c1 .thumbs
{
float:left;
width:64px;
}
.auto-overview .c1 .thumbs div
{
margin-bottom:10px;
}
.auto-overview .c1 .thumbs p
{
text-align:center;
font-size:8.5pt;
}
.auto-overview .c2,
.auto-overview .c3
{
min-height:220px;
_height:220px;
float:left;
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/bg_vert_divider_1.gif);
background-repeat:no-repeat;
padding:5px 14px;
width:192px;
}
.auto-overview .c2 .s1
{
margin-bottom:15px;
}
#yeardrop
{
width: 120px;
border: 1px solid black;
display: none;
}
.auto-overview .c2 .s1 .trim
{
cursor: pointer;
color: #2864b4;
text-decoration:none;
}
.auto-overview .c2 h2
{
font-size:13pt;
font-weight:bold;
text-transform:uppercase;
line-height:1em;
margin:0 0 5px 0;
padding:0;
}
.auto-overview .c2 .s2
{
margin-bottom :10px;
}
.auto-overview .c2 .s2 ul
{
list-style:none;
padding:0;
margin:0;
}
.auto-overview .c2 .s2 ul span
{
font-weight:bold;
}
.auto-overview .c3
{
width:170px;
padding-top:2px;
}
.auto-overview .c3 .ratings
{
width:95px;
border:1px solid #eae9e6;
background-color:#fff;
padding:10px 0px 5px 0px;
text-align:center;
margin:0 auto;
}
.auto-overview .c3 .ratings h5
{
line-height:1em;
padding:0;
margin:0;
font-size:9pt;
}
.auto-overview .c3 .ratings p
{
line-height:1em;
padding:0;
margin:0;
}
.auto-overview .c3 .ratings p.score
{
color:#dc2228;
font-weight:bold;
font-size:35pt;
margin-bottom:0;
}
.auto-overview .c3 .ratings p.help
{
text-align:right;
}
.auto-overview .c3 .award
{
text-align:center;
margin:10 auto;
font-size:8pt;
white-space:nowrap;
}
.auto-overview .c3 h3
{
margin:20px 0 5px 0;
}
.auto-overview-alt
{
margin-bottom:15px;
}
.auto-overview-alt .c1
{
text-align:center;
float:left;
width:150px;
margin-right:15px;
}
.auto-overview-alt .c1 div
{
margin-bottom:10px;
}
.auto-overview-alt .c2
{
width:130px;
margin-right:15px;
float:left;
}
.auto-overview-alt .c2 ul
{
list-style:none;
padding:0;
}
.auto-overview-alt .c2 li
{
margin-bottom:10px;
font-size:8pt;
}
.auto-overview-alt .c2 li span
{
font-weight:bold;
}
.auto-overview-alt .c3
{
float:left;
padding-left:16px;
width:460px;
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/bg_vert_divider_1.gif);
background-repeat:no-repeat;
}
.auto-overview-alt .c3 h3
{
margin-bottom:0;
}
/* tabbed module */
.tabbedBox
{
margin-bottom:11px;
}
.tabbedBox .tabs
{
padding:0 0 0 0px;
height:32px;
border-bottom:1px solid #eae9e6;
}
.tabbedBox .tabs ul
{
list-style:none;
padding:0;
margin:0;
height:32px;
}
.tabbedBox .tabs ul li
{
float:left;
margin:0;
padding:0;
_width:1px;
white-space:nowrap;
}
.tabbedBox .tabs ul li .arrow,
.tabbedBox .tabs ul li .arrow:hover
{
color:#2864b4;
height:22px;
padding-top: 10px;
font-size:8pt;
font-weight:bold;
background-color: #FFFFFF;
background-image: none;
border-bottom:1px solid #eae9e6;
width: 1px;
}
.tabbedBox .tabs ul li a,
.tabbedBox .tabs ul li span
{
display:block;
text-align:center;
text-transform:uppercase;
font-weight:bold;
font-size:10pt;
height:33px;
color:#fff;
text-decoration:none;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
/* Safari 3.0 and Opera 9 rules here */
.tabbedBox .tabs ul li a,
.tabbedBox .tabs ul li span
{
font-size:9pt;
}
}
.tabbedBox .tabs ul li span
{
background-repeat:no-repeat;
}
.tabbedBox .tabs ul li a
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/tabs/tab_off_tile.gif);
background-repeat:repeat-x;
}
.tabbedBox .tabs ul li a:hover
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/tabs/tab_over_tile.gif);
}
.tabbedBox .tabs ul li.on a,
.tabbedBox .tabs ul li.on a:hover
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/tabs/tab_on_tile.gif);
}
.tabbedBox .tabs ul li a span
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/tabs/tab_off_left.gif);
background-repeat:no-repeat;
}
.tabbedBox .tabs ul li a:hover span
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/tabs/tab_over_left.gif);
}
.tabbedBox .tabs ul li.on a span,
.tabbedBox .tabs ul li.on a:hover span
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/tabs/tab_on_left.gif);
}
.tabbedBox .tabs ul li a span span
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/tabs/tab_off_right.gif);
background-position:100% 0;
background-repeat:no-repeat;
padding:10px 5px 0 5px;
height:23px;
min-width:80px;
_width:80px;
}
.tabbedBox .tabs ul li a:hover span span
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/tabs/tab_over_right.gif);
}
.tabbedBox .tabs ul li.on a span span,
.tabbedBox .tabs ul li.on a:hover span span
{
color:#505050;
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/tabs/tab_on_right.gif);
}
.tabbedBox .tab-contents
{
background-color:#fff;
border:1px solid #eae9e6;
border-top:none;
padding:10px;
}
.tabbedBox .tab-contents h3
{
margin-bottom:5px;
}
.tabbedBox .contentBox .actionLink
{
text-align:right;
font-size:8pt;
font-weight:bold;
margin-bottom:5px;
padding: 5px;
}
.tabbedBox .contentBox .nextLink
{
text-align:right;
font-size:12pt;
font-weight:bold;
}
.tabbedBox .contentBox .blueBox
{
background-color:#dbe9f4;
border:1px solid #ebeff1;
padding:10px 13px;
position:relative;
margin-bottom:15px;
~zoom:1;
}
.tabbedBox .contentBox .whiteBox
{
background-color:#fff;
border:1px solid #ebeff1;
padding:10px 13px;
position:relative;
margin-bottom:15px;
~zoom:1;
}
.tabbedBox .contentBox .split-left
{
width:45%;
float:left;
}
.tabbedBox .tab-contents .split-right
{
float:left;
width:45%;
margin-left:10%;
}
.tabbedBox .contentBox .split-left h3,
.tabbedBox .contentBox .split-right h3
{
border-bottom:1px solid #d2d2d2;
padding-bottom:5px;
}
.tabbedBox .contentBox .textBlock
{
padding:0 13px;
margin-bottom:20px;
}
.tabbedBox .contentBox .textBlock .description
{
margin-bottom: 15px;
}
.tabbedBox .contentBox .textBlock p
{
margin-bottom:10px;
}
.tabbedBox .contentBox .adBox
{
margin-bottom:25px;
}
.tabbedBox .contentBox h3 a.extra
{
font-size:8pt;
font-weight:normal;
text-transform:none;
}
.tabbedBox .contentBox table
{
margin:13px 0;
}
.tabbedBox .contentBox table th
{
text-align:left;
padding:6px 9px;
font-weight:bold;
font-size:10pt;
vertical-align:bottom;
}
.tabbedBox .contentBox table td
{
padding:6px 9px;
border-top:1px solid #d2d2d2;
text-align:left;
}
.tabbedBox .contentBox table td.data{
text-align:center;
}
.tabbedBox .contentBox table .total td
{
font-weight:bold;
border-top-width:2px;
}
.tabbedBox ol,
.tabbedBox ul
{
margin:0 0 10px 0;
}
.tabbedBox .blueBox .centerInset table,
.tabbedBox .whiteBox .centerInset table
{
width:auto;
margin:0 auto;
}
.tabbedBox .blueBox .centerInset table th,
.tabbedBox .whiteBox .centerInset table th
{
border:none;
text-align:center;
padding-bottom:2px;
}
.tabbedBox .blueBox .centerInset table td,
.tabbedBox .whiteBox .centerInset table td
{
border:none;
text-align:center;
padding-top:2px;
}
.tabbedBox .whiteBox .centerInset table .avg,
.tabbedBox .blueBox .centerInset table .avg
{
color:#999;
}
/* data tables */
.tabbedBox .dataTablePlain
{
padding:5px 0;
margin-bottom:5px;
border: none;
}
.tabbedBox .dataTablePlain table
{
margin:0;
padding:0;
width:525px;
}
.tabbedBox .dataTablePlain td
{
border: none;
}
.tabbedBox .dataTablePlain .dataPlain
{
border: none;
}
.tabbedBox .dataTable
{
border-top:1px solid #eaeaea;
border-bottom:1px solid #eaeaea;
padding:5px 0;
margin-bottom:5px;
}
.tabbedBox .dataTable table
{
margin:0;
padding:0;
width:525px;
}
.tabbedBox .dataTable .vertical th
{
font-weight:normal;
}
.tabbedBox .dataTable table td
{
border:none;
}
.tabbedBox .dataTable table td.centered
{
text-align:center;
}
.tabbedBox .dataTable table td.right
{
text-align:right;
}
.tabbedBox .dataTable table .even td,
.tabbedBox .dataTable table .even th,
.dataTable table.rebates-col .even td,
.dataTable table.rebates-col .even th
{
background-color:#d7dee8;
}
.tabbedBox .dataTable table .even .blue,
.tabbedBox .dataTable table .odd .blue,
.dataTable table.rebates-col .even .blue,
.dataTable table.rebates-col .odd .blue
{
color: #2864b4;
vertical-align: top;
}
.tabbedBox .dataTable table.three-col .c1
{
width:375px;
}
.tabbedBox .dataTable table.vertical th,
.tabbedBox .dataTable table.two-col .c1
{
width:250px;
}
.tabbedBox .dataTable table.price-col .c2,
.tabbedBox .dataTable table.price-col .c3,
.tabbedBox .dataTable table.price-col .c4
{
text-align: right;
}
.dataTable table.rebates-col
{
width:640px;
border-top:1px solid #eaeaea;
border-bottom:1px solid #eaeaea;
padding:5px 0;
margin-bottom:5px;
}
.dataTable table.rebates-col th
{
text-align: left;
font-weight: bold;
padding: 3px;
}
.dataTable table.rebates-col td
{
vertical-align: top;
padding: 3px;
}
.tabbedBox .dataTable table.std-feature
{
border: 1px solid black;
}
.tabbedBox .dataTable table.std-feature .header
{
background-color: darkblue;
color: white;
font-weight: bold;
}
#changeZipCode
{
font-size: 8pt;
}
#dealerList
{
width: 142px;
border: 0px;
padding: 0px;
margin: 0px;
float: left;
}
#dealerList .name
{
width: 97px;
text-align: left;
font-size: 8pt;
float: left;
}
#dealerList .go
{
width: 45px;
float: right;
}
.standardEquipBlock
{
padding:      0 10px 0 10px;
font-size:    12px;
}
.warning
{
color       : red;
}
.standardEquipBlockTitle
{
color:         #000000;
font-size:     12px;
font-weight:   bold;
margin-top:    8px;
margin-bottom: 3px;
}
.cgaOptionalEquipTitle
{
color:       #484848;
font-size:   15px;
font-weight: bold;
padding:     15px 0 5px 10px;
}
.cgaOptionalEquipClassTitle
{
color:       #000000;
font-size:   12px;
font-weight: bold;
}
.cgaOptionalEquipClassSubTitle
{
color:       #484848;
font-size:   12px;
font-weight: bold;
margin:      10px 0 10px 0;
}
.cgaOptionalEquipClassText
{
font-style:    italic;
font-size:     12px;
color:         #000000;
margin-bottom: 5px;
}
.cgaOptionalEquipClassValue
{
font-size:     12px;
color:         #000000;
margin-bottom: 5px;
}
/* bar chart tables */
.tabbedBox .bar-chart table th
{
text-align:right;
padding:2px 0 2px 20px;
vertical-align:middle;
font-weight:normal;
}
.tabbedBox .bar-chart table td
{
padding:2px 0 2px 2px;
vertical-align:middle;
border:none;
font-weight:bold;
}
.tabbedBox .bar-chart table td.bar div.outer
{
padding:4px 0;
width:200px;
background-color:#666;
}
.tabbedBox .bar-chart table td.bar div.outer div
{
height:10px;
background-color:#dae9f3;
}
/* color blocks */
.colorBlock
{
margin:20px 0 40px 0;
position:relative;
width:524px;
}
.colorBlock .item
{
float:left;
width:246px;
margin:0 0 20px 15px;
_margin-left:7px;
}
.colorBlock .item img
{
float:left;
margin-right:10px;
}
.colorBlock .item .color
{
float:left;
margin-right:10px;
height: 54px;
width: 75px;
border: 1px solid #eaeaea;
}
.colorBlock .item p
{
float:left;
font-weight:bold;
width:158px;
}
/* photo gallery */
#photoGallery
{
margin-top: 0px;
}
#photoGallery .description
{
margin: 0px 10px 0px 10px;
text-align: left;
}
#photoGallery .leftArrow
{
width: 25px;
float: left;
margin-top:60px;
}
#photoGallery .rightArrow
{
width: 25px;
float: right;
margin-top:60px;
}
#photoGallery .controls
{
margin:10px 0 20px 0;
text-align:center;
}
#photoGallery .controls .prevPhoto
{
padding-right:20px;
}
#photoGallery .thumbnails
{
margin:20px 0;
text-align:center;
}
#photoGallery .thumbnails .thumb
{
float:left;
margin:0 0 12px 14px;
}
#photoGallery .thumbnails .first
{
margin-left:0;
}
#photoGallery .thumbnails .thumb img
{
border:1px solid #e6ebed;
}
.trim #photoGallery .thumbnails .thumb
{
display:inline;
float:none;
}
#photoGallery .thumbnails .button
{
text-align:right;
margin:30px 0 60px 0;
}
/* trim overview */
.trim h2
{
text-transform:uppercase;
margin:0;
}
.trim .moreLink
{
margin:10px 0 20px 0;
padding-bottom:20px;
border-bottom:1px solid #d2d2d2;
text-align:right;
font-weight:bold;
}
.trim .selectTrim .button
{
text-align:right;
margin:0 0 40px 0;
}
.trim .selectTrim .instructions
{
font-size:8pt;
text-align:right;
margin:0;
}
.trim .selectTrim table
{
margin:13px 0;
}
.trim .selectTrim table th
{
text-align:left;
}
.trim .selectTrim table th span.note
{
font-weight:normal;
font-size:8pt;
}
.trim .selectTrim table td
{
vertical-align:top;
color:#505050;
padding:5px 3px 5px 3px;
border-top:1px solid #eae9e6;
}
.trim .selectTrim table .trimOptionsList
{
display: none;
}
#trimSeeMore
{
cursor:pointer;
font-weight:bold;
color: #2864B4;
}
.trim .selectTrim table .c1
{
padding-left:0;
}
.trim .selectTrim table .c1 ul
{
margin:0;
padding:0;
font-size:8pt;
}
.trim .selectTrim table .c1 ul li
{
padding:0;
}
.trim .selectTrim table .c1 p
{
font-weight:bold;
margin:0;
}
.trim .selectTrim table .select
{
background-color:#dae9f3;
border:none;
padding:3px;
text-align:center;
}
.trim .selectTrim table .select input
{
margin:0;
padding:0;
}
.trim .selectTrim table
{
width:100%;
}
/* listing table */
.listTable
{
width:535px;
margin:15px 0;
}
.listTableSmaller
{
width: 395px;
}
.listTable td
{
padding:13px 0;
vertical-align:top;
border-top:1px solid #eae9e6;
}
.listTable td.c2
{
padding:13px;
width:100%
}
.listTable td.c2 h4
{
font-size:11pt;
margin-bottom:0;
}
.listTable td.c2 h4 span
{
font-size:9pt;
font-weight:normal;
}
.listTable td.c2 ul
{
list-style:none;
padding:0;
}
.listTable td.c2 ul span
{
font-weight:bold;
}
.listTable td.c3
{
width:25px;
}
.listTable td.c3 div
{
width:25px;
text-align:center;
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/bg_compare_box.gif);
background-repeat:no-repeat;
height:116px;
}
.listTable td.c3 div input
{
margin-top:93px;
}
/* finder box */
.finderBox
{
padding:15px;
}
.finderBox h3
{
padding-bottom:10px;
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/bg_module_divider_2.gif);
background-position:0 100%;
background-repeat:no-repeat;
}
.finderBox table
{
width:100%;
margin-bottom:30px;
}
.finderBox td
{
border-top:1px solid #e7ecee;
padding:3px 10px 3px 0;
}
.finderBox tr.first td
{
border-top:none;
}
.finderBox .categories .item
{
text-align:center;
float:left;
margin:0 12px 15px 0;
_margin-right:6px;
width:85px;
}
.finderBox .categories .item div
{
margin: 0 auto 0 auto;
padding-bottom: 5px;
text-align:center;
}
/* quick compare box */
.quick-compare .comp1,
.quick-compare .comp2,
.quick-compare .comp3
{
border:1px solid #f6f6f6;
padding:10px 7px 10px 48px;
min-height:160px;
_height:160px;
width:137px;
float:left;
background-repeat:no-repeat;
background-position:10px 10px;
margin-bottom:10px;
}
.quick-compare select
{
margin-bottom:5px;
max-width:145px;
_width:145px;
}
.quick-compare .comp1 img,
.quick-compare .comp2 img,
.quick-compare .comp3 img
{
margin-bottom:25px;
}
.quick-compare .empty
{
margin-bottom:5px;
text-align:center;
width:86px;
border:1px solid #e7ecee;
padding-top:20px;
height:45px;
}
.quick-compare .comp1
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/icons/icon_compare_1.gif);
}
.quick-compare .comp2
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/icons/icon_compare_2.gif);
margin-left:11px;
}
.quick-compare .comp3
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/icons/icon_compare_3.gif);
margin-left:11px;
}
/* car tools */
.narrowsector-carfax
{
border:1px solid #EAE9E6;
float:left;
height:160px;
margin:0 10px 10px 0;
padding:10px;
width:175px;
}
.narrowsector-local-listing
{
border:1px solid #EAE9E6;
float:left;
height:160px;
margin-bottom:10px;
padding:10px;
width:220px;
}
.car-tools
{
margin-bottom:15px;
}
.car-tools .c1
{
float:left;
width:200px;
padding:10px;
}
.car-tools .c1 .make
{
margin-right:5px;
}
.car-tools .c1 .model
{
min-width:180px;
~width:180px;
}
.car-tools .c1 .textBox
{
width:100px;
margin-right:5px;
vertical-align:middle;
}
.car-tools .c1 select
{
margin-bottom:5px;
}
.car-tools .c1 input
{
vertical-align:middle;
}
.car-tools .c2
{
float:left;
margin-left:13px;
width:220px;
}
.car-tools .c2-resources
{
float:left;
padding: 0;
margin: 0;
width:220px;
}
.car-tools .c2 .blueBox
{
background-color:#DAE9F3;
padding:10px 10px 5px 10px;
margin-bottom:5px;
}
.car-tools .c2-resources .blueBox
{
background-color:#dbe9f4;
padding:10px 10px 5px 10px;
margin-bottom:5px;
}
.car-tools .c3
{
float:left;
margin-left:13px;
width:182px;
}
.landing-car-tools .column-span
{
width :450px;
float :left;
}
.landing-car-tools .column-span .cartools-narrow
{
width:325px;
float:left;
margin-bottom: 10px;
}
.narrowsector
{
float:left;
width:200px;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
}
.landing-car-tools .c1
{
width:205px;
}
.landing-car-tools .c2
{
width:212px;
}
.landing-car-tools .c3
{
width:169px;
margin-left:11px;
background-color:#fff;
border:1px solid #e6ebed;
padding:8px;
min-height:370px;
_height:370px;
}
.landing-car-tools .c2-resources
{
padding: 0;
margin: 0;
width:220px;
}
.landing-car-tools .c3-resources
{
width: 179px;
margin: 22px 0 0 0px;
float: right;
background-color:#fff;
border:1px solid #e6ebed;
padding:8px;
min-height:162px;
_height:162px;
}
.landing-car-tools .c3-resources .model
{
width: 140px;
margin: 15px 0 0px 0;
}
.landing-car-tools .c3-resources .submit
{
margin: 15px 0 0px 0;
}
.landing-car-tools .c3 .photo
{
text-align:center;
margin-bottom:20px;
}
.car-tools .reviews
{
width:164px;
background-color:#fff;
border:1px solid #e6ebed;
padding:8px;
}
.car-tools .reviews div
{
margin-bottom:10px;
}
.car-tools .reviews .model
{
min-width:150px;
~width:150px;
}
/* article promos */
.article-promo-lg .thumb,
.article-promo .thumb
{
float:left;
margin-right:15px;
padding: 10px 0 10px 0;
}
.article-promo-lg .article,
.article-promo .article
{
float:left;
padding: 10px 0 10px 0;
}
.article-promo-lg .article h4,
.article-promo-lg .article p
.article-promo .article h4,
.article-promo .article p
{
margin-bottom:0;
}
.section-span .article-promo-lg .article
{
width:450px;
}
.section-span .article-promo .article
{
width:500px;
}
/* used car sponsor */
.section2 .sponsored-by h4
{
float:left;
width:108px;
margin:0;
padding:0;
}
.section2 .sponsored-by
{
margin-bottom:16px;
}
/* used car tools */
.used-car-tools
{
margin-bottom:15px;
}
.used-car-tools .carfax-box
{
float:left;
width:293px;
height:170px;
background-color:#fff;
border:1px solid #eae9e6;
margin-bottom:11px;
padding:16px 12px 5px 12px;
}
.used-car-tools .cars-box
{
float:left;
width:293px;
margin-left:12px;
_margin-left:6px;
}
.cars-box
{
width:275px;
height:170px;
background-color:#fff;
border:1px solid #eae9e6;
margin-bottom:11px;
padding:16px 12px 5px 12px;
}
.carfax-box img
{
margin-bottom:10px;
}
.carfax-box input
{
vertical-align:middle;
}
.carfax-box .textBox
{
width:200px;
}
.cars-box select
{
margin:0 10px 8px 0;
vertical-align:middle;
}
.cars-box .multi
{
vertical-align:middle;
}
.cars-box .multi h5
{
margin-top:5px;
}
.cars-box .multi span
{
padding-right:10px;
}
.cars-box .multi .textBox
{
width:100px;
margin-right:15px;
}
.cars-box .multi select,
.cars-box .multi label,
.cars-box .multi inputo
{
vertical-align:middle;
}
.cars-box .multi label select
{
vertical-align:top;
}
#frmUsedCarsRightRailCarFax input
{
vertical-align: middle;
}
.used-car-tools .carfax-box-rightrail
{
float:left;
width: 135px;
height:230px;
background-color:#fff;
border:1px solid #eae9e6;
margin-top:11px;
padding:16px 12px 5px 12px;
}
.used-car-tools .cars-box-rightrail
{
float:left;
width: 135px;
height:290px;
background-color:#fff;
border:1px solid #eae9e6;
margin: 0;
padding: 15px 10px 10px 10px;
}
.cars-box-rightrail select
{
margin:0 10px 8px 0;
vertical-align:middle;
}
.cars-box-rightrail .multi
{
vertical-align:middle;
}
.cars-box-rightrail .multi h5
{
margin-top:5px;
}
.cars-box-rightrail .multi span
{
padding-right:10px;
}
.cars-box-rightrail .multi .textBox
{
width:100px;
margin-right:15px;
}
.cars-box-rightrail .multi select,
.cars-box-rightrail .multi label,
.cars-box-rightrail .multi inputo
{
vertical-align:middle;
}
.cars-box-rightrail .multi label select
{
vertical-align:top;
}
.listTable .utilityLinks
{
float:right;
text-align:right;
font-size:8pt;
font-weight:bold;
}
.listTable .utilityLinks ul
{
list-style:none;
margin:0;
padding:0;
}
/* car comparison grid */
#compGrid
{
empty-cells:show;
}
#compGrid th.even,
#compGrid td.even
{
background-color:#f5f5f5;
border-left:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
}
#compGrid th,
#compGrid td
{
padding:8px;
border-top:1px solid #d2d2d2;
width:144px;
vertical-align:top;
font-size:8pt;
empty-cells:show;
}
#compGrid .cars td{
border-top:none !important;
font-size:9pt;
font-weight:normal;
}
#compGrid td.c1
{
width:112px;
}
#compGrid th
{
cursor: pointer;
width: auto;
}
#compGrid select
{
width:150px;
}
#compGrid .cars td h4
{
text-align:center;
height:30px;
overflow:hidden;
}
#compGrid td .photo
{
text-align:center;
}
#compGrid .cars td .action
{
text-align:center;
margin:7px 0 13px 0;
}
#compGrid .cars td .fields
{
height:92px;
margin:18px 0 19px 0;
~margin-bottom:39px;
padding-top:16px;
}
#compGrid .cars td .fields select
{
margin-bottom:5px;
}
#compGrid td .inputs *
{
vertical-align:middle;
}
#compGrid td input.textField
{
width:85px;
font-size:8pt;
color:#2864b4;
padding:2px;
}
#compGrid th.section
{
background-color:#cbcbcb;
font-size:11pt;
font-weight:bold;
}
#compGrid th.section .extra
{
font-size:9pt;
font-weight:normal;
}
.compare-arrow
{
font-size  : 14pt;
font-weight: bold;
color      : black;
}
/* compare select */
.compare-select .title
{
zoom:1;
}
.compare-select h3
{
margin-bottom:5px;
text-transform:none;
}
.compare-select .selected-cars
{
margin:30px 0 10px 0;
}
.compare-select .selected-cars .item
{
border:1px solid #d2d2d2;
float:left;
width:144px;
height:230px;
margin:0 0 20px 13px;
}
.compare-select .selected-cars .empty
{
background:transparent url(http://static.howstuffworks.com/en-us/consumerguideauto/misc/select-car-120x90.jpg) no-repeat scroll center center;
}
.compare-select .selected-cars .first
{
margin-left:0;
}
.compare-select .selected-cars .item h4,
.compare-select .selected-cars .item p
{
text-align:center;
}
.compare-select .selected-cars .item .photo
{
width:144px;
height:120px;
margin-bottom:7px;
text-align:center;
}
.compare-select .selected-cars .item .action
{
text-align:right;
}
.compare-select .compare-select-form div
{
vertical-align:middle;
margin-bottom:5px;
}
.compare-select .compare-select-form div.radios
{
margin-bottom:10px;
}
.compare-select .compare-select-form input
{
vertical-align:middle;
}
.compare-select .compare-select-form label,
.compare-select .compare-select-form select
{
vertical-align:middle;
margin-right:10px;
font-weight:normal;
}
.compare-select .pop-comp .item
{
float:left;
margin:15px 0 30px 20px;
width:186px;
}
.compare-select .pop-comp .first
{
margin-left:0;
}
.compare-select .pop-comp .item ol
{
background-color:#f2f2f2;
padding:5px 5px 5px 25px;
margin:5px 0;
min-height: 80px;
}
.compare-select .pop-comp .item ol li
{
margin-bottom:3px;
}
.compare-select .counter,
.compare-select #error-message
{
color:#ff0000;
}
/* landing main module */
.landing-prime
{
padding:0 3px 0 4px;
margin-bottom:25px;
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/bg_module_divider_landing.gif);
background-repeat:no-repeat;
background-position:325px 25px;
}
.landing-prime .c1
{
width:316px;
margin-right:11px;
float:left;
}
.landing-prime .c2
{
width:316px;
float:left;
}
.landing-prime  h2
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/bg_module_top.gif);
background-repeat:no-repeat;
height:33px;
line-height:33px;
font-size:14pt;
color:#fff;
text-transform:uppercase;
padding-left:8px;
}
.landing-prime h2 a,
.landing-prime h2 a:visited,
.landing-prime h2 a:hover
{
color:#fff;
text-decoration: none;
}
.landing-prime .photo
{
margin-bottom:5px;
}
.landing-prime .multi
{
vertical-align:middle;
margin-bottom:9px;
}
.landing-prime .multi select
{
margin-right:5px;
vertical-align:middle;
}
.landing-prime .multi select.model
{
min-width:250px;
~width:250px;
}
.landing-prime .multi input
{
vertical-align:middle;
}
.landing-prime .content
{
padding-left:3px;
margin-bottom:10px;
}
.landing-prime .tools
{
margin:0 4px;
background-color:#f1f1f1;
padding:10px;
min-height:85px;
_height:85px;
}
.landing-prime .tools ul
{
list-style:none;
float:left;
width:140px;
padding:0 4px 0 0;
}
/* resources main */
.resources-main
{
border:1px solid #d2d2d2;
background-color:#fff;
margin-bottom:20px;
}
.resources-main .top
{
padding:8px;
}
.resources-main .top .photo
{
float:left;
width:260px;
text-align:center;
margin-right:10px;
}
.resources-main .top .text
{
float:left;
width:360px;
}
.resources-main .top .resource-page
{
display:none;
}
.resources-main .top .on
{
display:block;
}
.resources-main .foot
{
background-color:#d3d3d3;
padding:5px 5px 1px 5px;
}
.resources-main .foot ul
{
float:right;
white-space:nowrap;
list-style:none;
}
.resources-main .foot ul li
{
float:left;
margin-right:5px;
}
.resources-main .foot ul a.resource-counter,
.resources-main .foot ul a.resource-counter:hover
{
display:block;
border:1px solid #fff;
background-color:#fff;
color:#535353;
text-decoration:none;
width:14px;
height:14px;
font-weight:bold;
text-align:center;
}
.resources-main .foot ul a.on,
.resources-main .foot ul a.on:hover
{
background-color:#888;
color:#fff;
}
/* resources split module */
.resources-split
{
margin-bottom:20px;
}
.resources-split .c1
{
float:left;
width:340px;
margin-right:8px;
}
.resources-split .c1 .extras-module
{
min-height:132px;
_height:132px;
}
.resources-split .c2
{
float:left;
width:302px;
}
/* common module styles */
.finderMakeModel
{
width: 140px;
margin: 12px 0 0 0;
}
.finderMakeModelSubmit
{
margin: 12px 0 0 0;
}
/* rebates */
#rebates-finder select,
#rebates-finder input
{
vertical-align:middle;
margin:0 10px 5px 0;
}
#rebates-finder .category
{
width:370px;
}
#rebates-finder .manufacturer
{
width:160px;
}
.rebatesList
{
margin-bottom:20px;
}
.rebatesList table
{
width:100%;
border-collapse:collapse;
}
.rebatesList table th
{
border-top:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
text-align:left;
}
.rebatesList table td
{
border-top:1px solid #E1E5E8;
}
.rebatesList table td.even,
.rebatesList table th.even
{
text-align:center;
background-color:#EAF2F7;
}
.rebatesList table td.odd,
.rebatesList table th.odd
{
padding-left:15px;
}
/* dealer listing */
.dealerList
{
width:100%;
border-collapse:collapse;
}
.dealerList th
{
text-align:left;
border-bottom:1px solid #d2d2d2;
padding:10px;
}
.dealerList .main th
{
padding-top:0;
}
.dealerList td
{
padding:10px;
vertical-align:top;
border-top:1px solid #E1E5E8;
}
.dealerList .last td
{
padding-bottom:30px;
}
.jq-popup-hlink
{
color: #005288;
cursor:pointer;
text-decoration: none;
}
.jq-popup-hlink:hover
{
/*text-decoration: underline;*/
text-decoration: underline;
}
.jq-popup-hlink:visited
{
color: #005288;
text-decoration:none;
}
.whats-this {
}
.whats-this h3 {
font-weight: bold;
font-size: 10pt;
text-transform: uppercase;
}
.whats-this p {
color: #505050;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
text-transform: none;
background-color: white;
text-align: left;
}
.whats-this tr.header
{
background-color: #e2e2e2;
font-size: 9pt;
}
.whats-this tr.odd
{
background-color: #ffffff;
font-size: 8pt;
}
.whats-this tr.even
{
background-color: #eaeaea;
font-size: 8pt;
}
/**
* Even more cga css classes
*/
p.pageDescription
{
width: 780px;
font-size: 11pt;
color:#505050;
}
a.photoGallery
{
float:right;
font-weight: bold;
background: url(http://static.howstuffworks.com/en-us/consumerguideauto/icons/icon_camera.gif) no-repeat -0px -1px;
padding-left: 25px;
}
/**
* CGAwards
*/
.cga-awards
{
height:130px;
padding-bottom:10px;
}
.cga-awards ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
}
.cga-awards ul li.award
{
margin: 5px 0px 10px 10px;
}
.cga-awards ul li.award a
{
display: block;
}
.cga-awards ul li.moreAbout
{
margin-top: 10px;
}
.narrow
{
float:left;
margin-left:10px;
margin-bottom:10px;
padding:16px 8px 5px 8px;
width:190px;
height:160px;
background:#fff;
border: solid 1px #eae9e6;
}
.narrow select
{
margin-bottom:2px;
}
.trimOverviewLink
{
text-align:right;
font-weight:bold;
margin-bottom:20px;
}
.pagination .nextLink
{
text-align:right;
font-size:12pt;
font-weight:bold;
}
/**
* Share link icons
*/
.digg a
{
background-image: url(http://static.howstuffworks.com/en-us/default/icons/icon_digg.gif);
background-position: 0px 0px;
margin-bottom: 5px;
padding: 0 0 0 35px;
width: 100%;
background-repeat: no-repeat;
}
.delicious a
{
background-image: url(http://static.howstuffworks.com/en-us/default/icons/icon_delicious.gif);
background-position: 11px 0;
margin-bottom: 5px;
padding: 0 0 0 35px;
width: 100%;
background-repeat: no-repeat;
}
.reddit a
{
background-image: url(http://static.howstuffworks.com/en-us/default/icons/icon_reddit.gif);
background-position: 9px 0;
margin-bottom: 5px;
padding: 0 0 0 35px;
width: 100%;
background-repeat: no-repeat;
}
.stumbleupon a
{
background-image: url(http://static.howstuffworks.com/en-us/default/icons/icon_stumbleupon.gif);
background-position: 8px 0;
margin-bottom: 5px;
padding: 0 0 0 35px;
width: 100%;
background-repeat: no-repeat;
}
.buzz a
{
background-image: url(http://static.howstuffworks.com/en-us/default/icons/icon_yahoo_buzz.gif);
background-position: 9px 0;
margin-bottom: 5px;
padding: 0 0 0 35px;
width: 100%;
background-repeat: no-repeat;
}
/**
* Sprite definitions
*/
a.email
{
background-image:url(http://static.howstuffworks.com/en-us/consumerguideauto/icons/icon_email.gif);
background-repeat:no-repeat;
background-position:6px center;
margin-left:5px;
padding: 0 0 0 30px;
cursor: pointer;
}
a.share
{
width: 10px;
height: 11px;
background-image: url(http://static.howstuffworks.com/en-us/default/layout/hsw_article_sprite.gif);
background-repeat: no-repeat;
background-position: 0px -212px;
border: 0px;
margin-left:5px;
padding: 0 0 0 13px;
}
a.print
{
width: 14px;
height: 12px;
background-image: url(http://static.howstuffworks.com/en-us/default/layout/hsw_article_sprite.gif);
background-repeat: no-repeat;
background-position: 0px -170px;
border: 0px;
margin-left:5px;
padding: 0 0 0 17px;
}
a.full-review
{
background-image: url(http://static.howstuffworks.com/en-us/consumerguideauto/icons/icon_full_review.gif);
background-repeat: no-repeat;
background-position: 6px center;
margin-left:0px;
padding: 0 0 0 17px;
}
.full-review
{
color: #005288;
cursor:pointer;
text-decoration: none;
}
.full-review:hover
{
text-decoration: underline;
}
.full-review:visited
{
color: #005288;
text-decoration:none;
}
.cga-categories-sprite-4door
{
width: 77px;
height: 34px;
background-image: url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/sprite_categories.gif);
background-repeat: no-repeat;
background-position: -85px 0px;
}
.cga-categories-sprite-2door
{
width: 70px;
height: 34px;
background-image: url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/sprite_categories.gif);
background-repeat: no-repeat;
background-position: -301px -34px;
}
.cga-categories-sprite-convertible
{
width: 76px;
height: 34px;
background-image: url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/sprite_categories.gif);
background-repeat: no-repeat;
background-position: -162px 0px;
}
.cga-categories-sprite-luxury
{
width: 83px;
height: 34px;
background-image: url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/sprite_categories.gif);
background-repeat: no-repeat;
background-position: -218px -34px;
}
.cga-categories-sprite-suv
{
width: 85px;
height: 34px;
background-image: url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/sprite_categories.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.cga-categories-sprite-pickup
{
width: 77px;
height: 34px;
background-image: url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/sprite_categories.gif);
background-repeat: no-repeat;
background-position: -238px 0px;
}
.cga-categories-sprite-van
{
width: 82px;
height: 34px;
background-image: url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/sprite_categories.gif);
background-repeat: no-repeat;
background-position: -71px -34px;
}
.cga-categories-sprite-hybrid
{
width: 72px;
height: 34px;
background-image: url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/sprite_categories.gif);
background-repeat: no-repeat;
background-position: -315px 0px;
}
.cga-categories-sprite-performance
{
width: 71px;
height: 34px;
background-image: url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/sprite_categories.gif);
background-repeat: no-repeat;
background-position: 0px -34px;
}
.cga-categories-sprite-wagon
{
width: 78px;
height: 34px;
background-image: url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/sprite_categories.gif);
background-repeat: no-repeat;
background-position: -387px 0px;
}
.cga-categories-sprite-diesel
{
width: 65px;
height: 34px;
background-image: url(http://static.howstuffworks.com/en-us/consumerguideauto/layout/sprite_categories.gif);
background-repeat: no-repeat;
background-position: -153px -34px;
}
/* 404 Page */
div.channelList{
float:left;
}
div.channelList > div{
margin-bottom:20px;
}
div.channelList ul{
list-style-type:square;
margin-left:13px;
}
div.channelList ul li a{
font-size:11pt;
}
div.channelList h3{
color:#000000;
font-weight: bold;
}
div.continue{
margin-top: 25px;
}
div.middle{
margin-left:120px;
}
div.right{
float:right;
margin-right:120px;
}
p.message{
font-size:12pt;
}
.superscript{
font-size:xx-small;
vertical-align:top;
}
/* top-list styles */
.articleList
{
width:625px;
margin:0;
padding:0;
border: 1px #CCC solid;
}
.top10Head{
float: left;
width:620px;
margin: 0;
padding: 10px 0 10px 5px;
background: #eeeeee url("http://static.howstuffworks.com/en-us/default/gradients/100h_white2gray.gif");
background-repeat: repeat-x;
border-bottom: 1px #CCC solid;
overflow-x: hidden;
}
.top10SubHead{
float: right;
margin: 0 40px 0 0;
}
.top10SubHead2{
float: right;
width: 200px;
padding: 0 10px 0 0;
margin-top: -3px;
}
.top10separator{
border-top: solid 1px #eeeeee;
}
.top10body{
margin: 0 10px 10px 10px;
}
/* top-list pagination */
.top10Pagination{
padding-bottom:0px;
margin: 3px 0 0 0;
border: 4px black solid;
}
.top10Pagination .previous{
font-weight:normal;
font-size:11pt;
padding:0 5px 0 0;
float: right;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/previous.gif);
background-repeat:no-repeat;
background-position:0 center;
width: 79px;
height: 21px;
}
.top10Pagination .next{
padding: 0;
margin: 0;
float: right;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/next.gif);
background-repeat:no-repeat;
background-position:0 center;
width: 61px;
height: 21px;
}
.top10Pagination .readMore{
padding: 0 10px 0 0;
margin: 0;
float: right;
background-image: url(http://static.howstuffworks.com/en-us/default/layout/readmore.gif);
background-repeat: no-repeat;
background-position: 0 center;
width: 96px;
height: 26px;
}
.top10Pagination .previousBottom{
font-weight:bold;
font-size:12px;
padding:0 0 0 11px;
float: left;
width: 35x;
}
.top10Pagination .previousBottomDesc{
font-weight:bold;
font-size:12px;
padding:0 16px 0 2px;
float: left;
width: 220px;
}
.top10Pagination .nextBottom{
font-weight:bold;
font-size:12px;
padding:0 7px 0 0px;
float: left;
text-align: left;
width: 45px;
}
.top10Pagination  .nextBottomDesc{
font-weight:bold;
font-size:12px;
padding:0 2px 0 0;
display: inline;
float: left;
text-align: right;
width: 220px;
}
.top10Pagination .pages{
text-align:center;
}
.top10Pagination .pages a{
color:#2d80b6;
font-weight:bold;
}
.top10Pagination .pages a.on{
font-size:11pt;
color:#005288;
}
.top10Title
{
color: #ff9c44;
font-size: 18px;
margin: 0 0 0 10px;
font-weight: normal;
}
.top-10-thumbnail{
width: 100px;
float: left;
margin: 10px 0px 10px 15px;
padding: 0px;
text-align: center;
}
.top-10-thumbnail A{
display: block;
color:#0056a9;
font-weight:bold;
font-size: 11px;
}
.top-10-thumbnail .outline{
border: 2px solid white;
}
.top-10-thumbnail .outline:hover{
text-decoration: none;
border: 2px solid white;
}
.top-10-hr{
border:dashed #eee;
border-width:1px 0 0 0;
height:0;
line-height:0px;
font-size:0;
margin:0 10px 0 10px;
padding:5px;
}
.fbfan iframe
{
border: none;
width: 300px;
height: 565px;
}
.fbfan div
{
font-size: 9px;
padding-left: 10px;
padding-bottom: 10px;
}
#modalFace a#modalClose
{
background      : url('http://static.howstuffworks.com/en-us/sm/close-button.gif') no-repeat right;
padding-right   : 14px;
}