/* CSS Document */
/* GLOBAL HEADER */
html {
margin: auto;
height: auto;
}
body {
margin: auto;
position: relative;
height: auto;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
background: #fff;
color: #000;
}
body ul li {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
/* GLOBAL STUFF */
#container {
position: relative;
width: 920px;
margin: auto;
height: auto;
overflow: hidden;
}
.news_bg {
background: url(../images/mag_rightshadow2.jpg) repeat-y;
}
.prod_page {
background: url(../images/bg_test_prod_page.gif) no-repeat;
}
#container #leftcol {
float: left;
width: 155px;
overflow: auto;
height: 100%;
margin: 164px 0 0 0;
padding-bottom: 20px;
}
#container #cat_leftcol {
float: left;
width: 155px;
overflow: auto;
height: 100%;
margin: 164px 0 0 0;
padding-bottom: 20px;
}
#container #prod_leftcol {
float: left;
width: 185px;
overflow: hidden;
height: 100%;
margin: 234px 0 0 0;
background: #eee;
padding-bottom: 20px;
}
#container #rr_leftcol {
float: left;
width: 185px;
height: 100%;
margin: 234px 0 0 0;
background: #eee;
padding-bottom: 20px;
}
*html #container #rr_leftcol {
overflow: hidden;
}
#container #mag_leftcol {
float: left;
width: 185px;
overflow: hidden;
height: 100%;
margin: 164px 0 0 0;
background: #eee;
}
#container #car_types_leftcol {
float: left;
width: 185px;
overflow: auto;
height: 100%;
margin: 181px 0 0 0;
background: #eee;
border-top: solid 1px #adaeb0;
padding-bottom: 20px;
}
#container #midcol {
float: left;
width: 595px;
overflow: hidden;
height: 100%;
margin: 164px 5px 0 5px;
padding-left: 5px;
padding-bottom: 20px;
}
#container #prod_midcol {
float: left;
width: 560px;
overflow: hidden;
height: 100%;
margin: 164px 5px 0 5px;
padding-left: 5px;
padding-bottom: 20px;
}
#container #cat_midcol {
float: left;
width: 595px;
overflow: hidden;
height: 100%;
margin: 234px 5px 0 5px;
padding-left: 5px;
padding-bottom: 20px;
}
#container #prod_midcol {
float: left;
width: 560px;
overflow: hidden;
height: 100%;
margin: 234px 5px 0 5px;
padding-left: 5px;
padding-bottom: 20px;
}
#container #mag_midcol {
float: left;
width: 560px;
overflow: hidden;
height: 100%;
margin: 163px 5px 0 5px;
padding-left: 5px;
padding-bottom: 20px;
}
#mag_middle {
overflow: hidden;
width: 560px;
}
#container #rr_midcol {
float: left;
width: 700px;
overflow: auto;
height: 100%;
margin: 164px 5px 0 5px;
padding-left: 5px;
padding-bottom: 20px;
}
#container #assort_midcol {
float: left;
width: 560px;
overflow: auto;
height: 100%;
margin: 164px 5px 0 5px;
padding-left: 5px;
padding-bottom: 20px;
}
#container #rightcol {
float: right;
width: 155px;
overflow: auto;
height: 100%;
margin: 164px 0 0 0;
padding-bottom: 20px;
}
#container #cat_rightcol {
float: right;
width: 155px;
overflow: auto;
height: 100%;
margin: 234px 0 0 0;
padding-bottom: 20px;
}
#container #prod_rightcol {
float: right;
width: 155px;
overflow: auto;
height: 100%;
margin: 164px 0 0 0;
padding-bottom: 20px;
}
#container #news_left {
float: left;
width: 680px;
overflow: auto;
height: 100%;
margin: 234px 0 20px 0;
padding: 0;
}
/* IE7 HACK */
*+html #container #news_left {
padding-bottom: 20px;
}
#container #news_right {
float: right;
width: 240px;
overflow: auto;
height: 100%;
}
#container #generic {
overflow: hidden;
margin-top: 164px;
width: 100%;
vertical-align: top;
}
#footer {
width: 100%;
clear: both;
}
#footer #crofooter {
width: 920px;
height: 230px;
margin: auto;
}
#header {
position: absolute;
top: 0;
width: 100%;
background: url(../images/site_bkgrnd.jpg) repeat-x;
margin-left: auto;
margin-right: auto;
height: 141px;
z-index:999;
}
#header #croheader {
width: 920px;
margin: auto;
margin-top: 8px;
}
h1
{
font: bold 16px Arial, Helvetica, sans-serif;
padding: 10px 0 0 5px;
text-decoration: none;
color: #091c30;
}
#header #croheader .global_top {
margin: 0 22px 8px 0;
font: normal 11px Arial, Helvetica, sans-serif;
color: #000;
text-align: left;
}
#header #croheader .global_top .links {
padding-top: 1px;
}
#header #croheader .global_top a:link {
color: #FFF;
text-decoration: none;
}
#header #croheader .global_top a:visited {
color: #FFF;
text-decoration: none;
}
#header #croheader .global_top a:active {
text-decoration: underline;
}
#header #croheader .global_top a:hover {
text-decoration: underline;
}
/* sign in area */
#header #croheader .global_top .sign-in {
margin: 0 20px 0 20px;
float: left;
}
#header #croheader .global_top .sign-in dl {
margin: 0;
font: 11px/14px Arial, Helvetica, sans-serif;
}
#header #croheader .global_top .sign-in dt {
margin: 0;
padding: 1px 5px 0 15px;
background: url(../images/signsub_back_left.gif) no-repeat top left;
font: bold 11px Arial, Helvetica, sans-serif;
color: #FFFFCC;
border: 0;
float: left;
height: 17px;
}
#header #croheader .global_top .sign-in dd {
margin: 0;
padding: 1px 15px 0 0;
background: url(../images/signsub_back_right.gif) no-repeat top right;
font: bold 11px Arial, Helvetica, sans-serif;
color: #FFF;
border: 0;
float: left;
height: 17px;
}
#header #croheader .global_top .sign-in dd a:link {
font: bold 11px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
#header #croheader .global_top .sign-in dd a:visited {
font: bold 11px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
#header #croheader .global_top .sign-in dd a:hover {
font: bold 11px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: underline;
}
#header #croheader .global_top .sign-in dd a:active {
font: bold 11px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: underline;
}
/* GLOBAL HEAD LOGO AND SEARCH AREA */
#header #croheader #main {
margin: -5px 0 0 0;
}
#header #croheader #main dl {
width: 920px;
height: 79px;
background: url(../images/cro_head_bg.gif) no-repeat top left;
color: #000;
margin-bottom: 0;
}
* html #header #croheader #main dl {
margin-bottom: 20px;
}
#header #croheader #main dt {
margin: 0;
padding: 10px 30px 0 10px;
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
border: 0;
text-align: right;
float: right;
}
#header #croheader #main dd {
margin: 0;
padding: 10px 10px 0 10px;
text-align: left;
float: left;
}
#header #croheader #main dl a:link { text-decoration: none; color:#176fcc;}
#header #croheader #main dl a:visited { text-decoration: none; color:#176fcc; }
#header #croheader #main dl a:hover { text-decoration: underline; color:#176fcc; }
#header #croheader #main dt img {
margin: 0 5px 0 10px;
padding: 0;
vertical-align: bottom
}
#header #croheader #main dd img {
margin: 15px 0 0 -10px;
padding: 0;
}
/* SEARCH AREA */
#header #croheader #main dt #search {
margin: 8px 0 0 0;
width: 339px;
background: url(../images/head_srchback_top.gif) no-repeat top;
}
#header #croheader #main dt #search dl {
width: 339px;
height: 36px;
margin: 0;
background: url(../images/head_srchback_bot.gif) no-repeat bottom;
font: 11px/14px Arial, Helvetica, sans-serif;
color: #000;
}
#header #croheader #main dt #search dt {
margin: 0;
padding: 6px 3px 0 0;
font: bold 12px;
color: #0000FF;
}
#header #croheader #main dt #search dd {
margin: 0;
padding: 8px 0 0 15px;
}
#header #croheader .breadcrumb_and_head_abs {
position: absolute;
top: 143px;
_top: 147px;
}
.breadcrumb_and_head_rel {
position: relative;
top: 140px;
_top: 149px;
}
*+html .breadcrumb_and_head_rel { top:142px; }
#header #croheader .breadcrumb_and_head {
width: 918px;
height: 58px;
margin: 0;
padding: 0;
border-left: 1px solid #e6e6ee;
border-right: 1px solid #e6e6ee;
background: url(../images/cro_catheader_mid.gif) repeat-x;
position: absolute;
top: 143px;
overflow: hidden;
line-height: 1.2em;
}
* html #header #croheader #breadcrumb_and_head {
position: absolute;
top: 147px;
}
#header #croheader .breadcrumb_and_head .breadcrumb {
margin: 3px 0 0 9px;
font: normal 11px Arial, Helvetica, sans-serif;
color: #8594a6;
}
#header #croheader .breadcrumb_and_head .bug {
margin: 5px 0 0 15px;
}
#header #croheader .breadcrumb_and_head .bug h1 {
font: bold 24px Arial, Helvetica, sans-serif;
color: #091c30;
margin: 14px 0 0 4px;
display: inline;
}
#header #croheader .breadcrumb_and_head .bug h2 {
color:#091C30;
display:inline;
font: bold 24px Arial,Helvetica,sans-serif;
margin:14px 0 0 4px;
}
/* GENERIC PAGES TOP MARGIN */
#generic_top_margin {
margin-top: 154px;
float: left;
padding-bottom: 20px;
}
/* BLOGS HEADER STYLES */
.breadcrumb_and_head_blog {
width: 918px;
height: 84px;
margin: 0;
padding: 0;
border-left: 1px solid #e6e6ee;
border-right: 1px solid #e6e6ee;
background: url(../images/blogs_header.gif) no-repeat;
position: absolute;
top: 141px;
overflow: hidden;
line-height: 1.2em;
}
* html #breadcrumb_and_head_blog {
position: absolute;
top: 147px;
}
.breadcrumb_and_head_blog .breadcrumb {
margin: 3px 0 0 9px;
font: normal 11px Arial, Helvetica, sans-serif;
color: #8594a6;
}
.breadcrumb_and_head_blog .blog_image_head {
margin: 10px 0 0 15px;
}
/* MAIN NAV BUTTONS */
#main_nav {
width: 920px;
height: 32px;
margin: 0;
padding: 0;
overflow: hidden;
position: absolute;
}
* html #main_nav {
margin-top: -27px;
}
#main_nav dl {
width: 920px;
height: 32px;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
#main_nav dl dd.left {
width: 68px;
height: 32px;
margin: 0;
padding: 0;
list-style: none;
float: left;
overflow: hidden;
}
#main_nav dl dd.cars {
width: 67px;
height: 32px;
margin: 0;
padding: 0;
list-style: none;
float: left;
overflow: hidden;
}
#main_nav dl dd.appliances {
width: 106px;
height: 32px;
margin: 0;
padding: 0;
list-style: none;
float: left;
overflow: hidden;
}
#main_nav dl dd.electronics {
width: 107px;
height: 32px;
margin: 0;
padding: 0;
list-style: none;
float: left;
overflow: hidden;
}
#main_nav dl dd.home {
width: 131px;
height: 32px;
margin: 0;
padding: 0;
list-style: none;
float: left;
overflow: hidden;
}
#main_nav dl dd.babies {
width: 121px;
height: 32px;
margin: 0;
padding: 0;
list-style: none;
float: left;
overflow: hidden;
}
#main_nav dl dd.money {
width: 80px;
height: 32px;
margin: 0;
padding: 0;
list-style: none;
float: left;
overflow: hidden;
}
#main_nav dl dd.food {
width: 71px;
height: 32px;
margin: 0;
padding: 0;
list-style: none;
float: left;
overflow: hidden;
}
#main_nav dl dd.health {
width: 77px;
height: 32px;
margin: 0;
padding: 0;
list-style: none;
float: left;
overflow: hidden;
}
#main_nav dl dd.shopping {
width: 95px;
height: 32px;
margin: 0;
padding: 0;
list-style: none;
float: left;
overflow: hidden;
}
#main_nav dl dd.right {
width: 68px;
height: 32px;
margin: 0;
padding: 0;
list-style: none;
float: left;
overflow: hidden;
}
#main_nav dl a:hover {
position: relative;
top: -32px;
}
#main_nav dl a:active {
position: relative;
top: -32px;
}
#main_nav dl img {
border: 0;
}
#crofooter {
width:920px;
clear:both;
font: 11px Arial, Helvetica, sans-serif;
color:#000;
}
#crofooter a:link { text-decoration:none; color:#176fcc}
#crofooter a:visited { text-decoration:none; color:#176fcc}
#crofooter a:hover { text-decoration: underline; color:#176fcc}
/* This is the gradient bar above footer*/
#crofooter .shadow {
background: url(../images/footer_shadow.gif) repeat-x top;
height: 11px;
}
/* This is the left section */
#crofooter .left {
width: 155px;
height: 145px;
float: left;
background-color: #e9f0fa;
padding-bottom: 10px;
margin-right: 5px;
}
#crofooter .left ul {
color:#000;
padding: 0;
margin: 0;
list-style: none;
line-height:1.5em;
}
#crofooter .left li {
padding:0;
margin:0;
padding-left: 8px;
margin-left: 10px;
background: url(../images/squarebullet.gif) no-repeat 0 7px;
font-size: 11px;
}
#crofooter .left li a {
color: #176fcc;
padding: 0;
margin: 0;
font-size: 11px;
}
/* This is for the left section header image which has two backgrounds*/
#crofooter .testlab {
background: url(../images/cro_testlab_back.gif) repeat-x top left;
margin-bottom:5px;
height: 20px;
}
#crofooter .testlab ul {
padding: 0;
margin: 0;
list-style: none;
}
#crofooter .testlab li {
padding: 0;
margin: 0;
list-style: none;
width: 97px;
height: 20px;
}
/* container which holds left and middle section*/
#crofooter .leftandmiddle {
overflow: auto;
width: 760px;
margin-right:5px;
float:left;
}
/* middle section*/
#crofooter .middle {
background-color: #e9f0fa;
width:570px;
height: 145px;
float: right;
padding-left: 15px;
padding-right: 15px;
padding-top:10px;
}
#crofooter .middle ul {
width: 570px;
padding: 0;
margin: 0;
list-style: none;
}
#crofooter .middle ul.second {
width: 570px;
padding: 0;
margin: 0;
float:left;
margin-top: 10px;
list-style: none;
}
#crofooter .middle li {
margin: 0;
list-style: none;
font: normal 11px Arial, Helvetica, sans-serif;
padding: 0;
float: left;
}
#crofooter .middle li a {
margin: 0;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
color: #176fcc;
}
#crofooter .middle li.third {
margin: 0;
list-style: none;
font-family:Arial, Helvetica, sans-serif;
padding: 0 2px;
float: left;
}
#crofooter .middle li.custom {
margin: 0;
list-style: none;
font: bold 11px Arial, Helvetica, sans-serif;
border-right: 0;
float: left;
padding: 0 2px;
}
#crofooter .middle li.rss {
margin: 0;
margin-left:6px;
list-style: none;
font: Arial, Helvetica, sans-serif;
color: #000;
float: left;
padding: 0 2px 0 17px;
background: url(../images/footer_rssicon.gif) no-repeat left center;
}
/* right section */
#crofooter .right
{
float: right;
clear: right;
width: 125px;
height: 145px;
background-color: #e9f0fa;
padding: 10px 15px 0 15px;
line-height: 1.5em;
}
#crofooter .right ul {
color:#000;
padding: 0;
margin: 0;
list-style: none; line-height: 1.5em;
}
#crofooter .right li {
padding:0;
margin:0;
padding-left: 8px;
background: url(../images/squarebullet.gif) no-repeat 0 7px;
font-weight: normal;
font-size: 11px;
}
#crofooter .right li a {
color: #176fcc;
padding: 0;
margin: 0;
font-size: 11px;
}
/* hack to make outer div expand downwards*/
#crofooter .expanddivdownward {
clear:both;
line-height:0;
height:0;
}
/* copyright line*/
#crofooter .copyright {
padding-left:10px;
color: #999;
line-height:2.0em;
float: left;
clear: both;
width: 920px;
}
#bullet ul {
margin:0;
padding:3px 0 0 0;
list-style: none;
}
#bullet li {
padding:0;
margin:0;
padding-left: 8px;
margin-left: 0;
background-image: url(http://www.consumerreports.org/cro/resources/images/cro_home_newsbullet.gif);
background-repeat: no-repeat; background-position: 0 .2em;}
#oursites { background: url(../images/oursites_rightbar_bg.gif) repeat-y; font: 11px Arial; color: #000000; width: 750px; margin: 35px 0 50px 0; }
#oursites #sitesnav { background: url(../images/oursites_sitenav_bg.gif) repeat-x; border: 1px solid #b9cedf; width: 707px; height: 39px; text-align: center; line-height: 16px; padding-top: 8px; margin-left: 30px; margin-bottom: 20px; }
#oursites #sitesnav a:link { text-decoration:none; color:#176fcc; }
#oursites #sitesnav a:visited { text-decoration:none; color:#176fcc; }
#oursites #sitesnav a:hover { text-decoration: underline; color:#176fcc; }
#oursites #boxes a { display: block;}
#oursites #boxes a:link { font-weight: bold; text-decoration:none; color:#176fcc; }
#oursites #boxes a:visited { font-weight: bold; text-decoration:none; color:#176fcc; }
#oursites #boxes a:hover { font-weight: bold; text-decoration: underline; color:#176fcc; }
#oursites #boxes .boxleft { float: left; margin-left: 50px; width: 300px; }
#oursites #boxes .boxright { float: left; margin-left: 60px; width: 300px; }
#oursites #boxes .boxtitle { font: bold 14px Arial; color: 091c30; }
#oursites #boxes .rowspace { clear: both; }
#oursites #boxes .boxtext { padding: 0px 0px 10px 10px;}
/* IE Fixes */
* html #oursites #sitesnav { height: 49px;}
* html #oursites #boxes .boxleft { margin-left: 25px;}
/* Right Ad Padding */
.rightads { margin-top: 10px; margin-left: 8px; }
/* generic HTML fixes */
.xhead { color: #000000; font-style: normal; font-weight: bold; font-size: 20px; font-family: Arial, Helvetica, Geneva, sans-serif; }
.xhead_blurb { color: #999999; font-style: italic; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, sans-serif }
.xtext { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.xfooter { color: #666666; font-style: normal; font-weight: normal; font-size: 10px; font-family: Arial, Geneva, Helvetica, sans-serif }
.XHEAD { color: #000000; font-style: normal; font-weight: bold; font-size: 20px; font-family: Arial, Helvetica, Geneva, sans-serif; }
.XHEAD_BLURB { color: #999999; font-style: italic; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, sans-serif }
.XTEXT { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.XFOOTER { color: #666666; font-style: normal; font-weight: normal; font-size: 10px; font-family: Arial, Geneva, Helvetica, sans-serif }
.xsubhead { color: #000000; font-style: normal; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; }
.XSUBHEAD { color: #000000; font-style: normal; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; }
.bar2 { background:#4F6670; color:#ffffff; text-align:right; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
.xblurb { color: #666666; font-style: normal; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
.xBLURB { color: #666666; font-style: normal; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tablemargin { font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: normal; padding-left: 10px; padding-right: 10px; }
.rxbodyfield { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif; }
.defaulttext { color: #000000; font-style: normal; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif;}
a:link {text-decoration: none; color:#176fcc; font-style: normal; font-weight: normal; font-family: Arial, Helvetica, Geneva, sans-serif;}
a:visited {text-decoration: none; color:#176fcc; font-style: normal; font-weight: normal; font-family: Arial, Helvetica, Geneva, sans-serif;}
a:hover {text-decoration: underline; color:#176fcc; font-style: normal; font-weight: normal; font-family: Arial, Helvetica, Geneva, sans-serif;}
a:active {text-decoration: underline; color:#176fcc; font-style: normal; font-weight: normal; font-family: Arial, Helvetica, Geneva, sans-serif;}
.rathead { color: #ffffff; font-style: normal; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif }
.ratext { color: #000000; font-style: normal; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif }
.ratextbbuy { color: #ff0000; font-style: normal; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.ratextsm { color: #000000; font-style: normal; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif }
.ratextsim { color: #999999; font-style: normal; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif }
.ratextsmbbuy { color: #ff0000; font-style: normal; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif }
.ratextsub { color: #ff0000; font-style: normal; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.ratextsublurb { color: #000000; font-style: normal; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif }
.ratextmodel { color: #000000; font-style: normal; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.ratmargin { padding-left: 5px }
.n11 { font-style: normal; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif }
.n10 { color: #000000; font-style: normal; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif }
.n12 { color: #000000; font-style: normal; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif;}
charthead_white { color: #ffffff; font-style: normal; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif }
.charttextred_bold { color: #990000; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif }
.charttextred { color: #990000; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif }
.charttextred_bold-2 { color: #f00000; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif }
.charttextred_italic { color: #f00; font-style: italic; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif }
.charttextred_capbold { color: #f00; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.charttextred_capbold20 { color: #f00; font-weight: bold; font-size: 20px; font-family: Arial, Helvetica, Geneva, sans-serif }
.charttext { font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif ; font-style: normal; color: #000000}
.charttext_italic { font-style: italic; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif }
.charttext_bold { color: #000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tabletextgry_11px-Grey { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tabletextgry_11px-grey { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tabletextgry_11px-white { color: white; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tabletextgry_11px-Black { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tabletextgry_12px-Black { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tabletextgry_12px-Yellow { color: #ffc; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tabletextgry_11px-Grey-italic { color: #000000; font-style: italic; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tabletextgrybold_11px-Black-bold { color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tabletextgrybold_11px-Grayk-bold { color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tabletext_bold_italic { color: #000000; font-style: italic; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tabletextredbold_11px-maroon-bold { color: #903; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tabletextgry_12px-Yellow { color: #ffc; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.tabletextgry_12px-Yellow-bold { color: #ffc; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
/* related right image */
div#s_image_image {float: right; padding-left: 10px; padding-bottom: 10px;}
.xcaption { color: #000000; font-style: normal; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.xcaption_lead { color: #ffffff; font-style: normal; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase }
.n12white { color: #ffffcc; font-style: normal; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
a.linkwhite:link { color: #FFFFFF; font-style: normal; font-size: 11px; text-decoration: none; font-family: Arial, Helvetica, Geneva, sans-serif }
a.linkwhite:hover { color: #BBBBBB }
a.linkwhite:visited { color: #FFFFFF; font-style: normal; font-size: 11px; text-decoration: none; font-family: Arial, Helvetica, Geneva, sans-serif }
/* CRO Table Chart Styles */
/* CRO Table Chart Styles */
th {
padding: 5px;
background-color:#005671;
vertical-align: top;
font: bold 11px arial;
color: #fff;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
td.darkblue {
padding: 5px;
background-color:#cee2ed;
vertical-align: top;
font: normal 11px arial;
color: #000;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
td.lightblue {
padding: 5px;
background-color:#d5eaf6;
vertical-align: top;
font: normal 11px arial;
color: #000;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
caption {
caption-side: top;
width: auto;
text-align: left;
font: normal 1em arial;
color: #000;
}
/* CRO ul style items */
#bullet ul {
margin:0px;
padding:0px;
padding-top:5px;
list-style: none;
}
#bullet li {
padding:0px;
margin:0px;
padding-left: 10px;
margin-left: 10px;
background-image: url(/cro/resources/images/cro_home_newsbullet.gif);
background-repeat: no-repeat; background-position: 0 .3em;}
/*sitemap*/
#sitemap { width: 610px; height: 450px }
#sitemap #errorbox { background: #f6f6f6; border: 1px solid #c6cfd4; font: bold 12px Arial; color: #091c30; padding: 20px; margin-bottom: 20px;}
#sitemap #errorbox img { float: left; margin-right: 20px; }
#sitemap #errorbox #boxtitle { font: bold 20px Arial; color: #d70a07; margin-bottom: 10px; }
#sitemap .line { margin: 10px 0px; height: 1px; overflow: hidden; border-top: 1px solid #cfd9db; }
#sitemap #boxes {font-family: Arial; }
#sitemap #boxes img { border: 0px; }
#sitemap #boxes .boxtitle { font: bold 14px Arial; color: #091c30; }
#sitemap #boxes #leftbox { float: left; width: 190px; margin: 0px 10px 0px 0px; }
#sitemap #boxes #midbox { float: left; width: 190px; margin: 0px 10px 0px 10px; }
#sitemap #boxes #rightbox { float: left; width: 190px; margin: 0px 0px 0px 10px; }
#sitemap #boxes .boxtitle { font: bold 14px Arial; color: #091c30; }
#sitemap #boxes .boxtitle:link { font: bold 14px Arial; color: #091c30; }
#sitemap #boxes .boxtitle:hover { font: bold 14px Arial; text-decoration:none; color: #091c30; }
#sitemap #boxes .boxtitle:visited { font: bold 14px Arial; color: #091c30; }
#sitemap #boxes a { display: inline; padding: 0px 0px 3px 0px; font-size: 12px; font-weight: normal; }
#sitemap #boxes a:link { font-weight: normal; text-decoration:none; color:#176fcc; font-size:11px; }
#sitemap #boxes a:visited { font-weight: normal; text-decoration:none; color:#176fcc; font-size:11px;}
#sitemap #boxes a:hover { font-weight: normal; text-decoration: underline; color:#176fcc; font-size:11px;}
/* Magazine Page definitions */
#magazine_body_no_icons {width: 565px; padding: 0 0 0 0;}
#magazine_text {padding-top: 10px; padding-top: 12px;}
#icons_cell {padding-top: 21px; text-align: right}
#magazine_text {padding-top: 10px; padding-top: 12px; color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif}
.storyad_16px-maroon-bold { color: #903; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
#bottomMarketingCopy {padding-top: 20px; padding-bottom: 30px; text-align: center;}
/* FOR PRODUCT PAGE LINKS UNDER HOT TOPIC */
.prod_hot_topic { font: bold 12px Arial, Helvetica, sans-serif;}
.prod_hot_topic a:link { font-weight: bold; text-decoration: none; color:#176fcc;}
.prod_hot_topic a:visited { font-weight: bold; text-decoration: none; color:#176fcc; }
.prod_hot_topic a:hover { font-weight: bold; text-decoration: underline; color:#176fcc; }
.prod_hot_topic a:active { font-weight: bold; text-decoration: underline; color:#176fcc; }
/* FOR LEFT MARKETING COPY */
.lmc_box {border-top: 1px solid #000}
.lmc_text {margin: 10px}
/* WHEELING AND DEALING STYLES */
#nav_left .level_2_contracted_self {padding: 0px 0px 15px 10px; font-weight: bold;}
#nav_left .level_2_expanded_self {padding: 0px 0px 0px 10px; font-weight: bold;}
#nav_left .level_2_expanded_not_self {padding: 0px 0px 0px 30px; font-weight: bold;}
#nav_left .level_2_not_self {padding: 0px 0px 15px 30px; font-weight: bold;}
#nav_left .list_entry_buffer_space {height: 15px;}
#nav_left .level_3_with_arrow {padding: 0px 0px 0px 10px;}
#nav_left .level_3 {padding: 0px 0px 0px 30px;}
#nav_left a {text-decoration: none;}
#nav_left a:link {color: black;}
#nav_left a:visited {color: black;}
#nav_left a:hover {color: #BBBBBB;}
#nav_left a:active {color: black;}
div#generic_content #generic_body_content {width: 450px; padding-left: 25px; PADDING-TOP: 15px; vertical-align: top;}
.storyhead_26px-Black-bolder { color: #000000; font-weight: bolder; font-size: 26px; font-family: Arial, Helvetica, Geneva, sans-serif }
.storyheadsm_20px-Black-bolder { color: #000000; font-weight: bolder; font-size: 20px; font-family: Arial, Helvetica, Geneva, sans-serif }
.storyblurb_16px-Grey-bold { color: #666666; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
.storyblurb_16px-Grey-bold-italic { color: #666666; font-style: italic; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
.storyblurb_16px-Blue { color: #069; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
.storyad_16px-maroon-bold { color: #903; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
.conumerreportshead_16px-blue-italic { color: #069; font-style: italic; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
.storyad_16px-maroon-bold a:link { color: black; font-weight: bold; text-decoration: underline }
.storyad_16px-black-bold { color: black; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
.storysubhead_16px-Black { color: #000000; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
.conumerreportshead_16px-blue-italic { color: #069; font-style: italic; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
.conumerreportshead_16px-blue { color: #069; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
.storysubheadcaps_13px-Black-bold { color: #000000; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, sans-serif }
.storysubheadcaps_13px-black-bold { color: #000000; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, sans-serif }
.conumerreportshead_16px-blue { color: #069; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
.storyad_16px-black-bold { color: black; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, sans-serif }
.title_14px_white { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #FFFFFF}
.n11white { color: #FFFFFF; font-style: normal; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif }
.n12white { color: #ffffcc; font-style: normal; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif }
.headerwhite_12px-White-bold { color: white; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, "H Clearface Heavy", sans-serif }
.xphoto { color: #999999; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif }
/* Brand repair history styles */
td.reliability_bar2 {
background: url(/cro/resources/images/rr/repair_graphics/bg/lrg_20percent_bg.gif);
background-repeat: repeat-y;
background-color:#e1ecf2;
border-right: 1px solid #a0b6c2;
border-bottom: 1px solid #ffffff;
}
td.reliability_bar2_bottom {
background: url(/cro/resources/images/rr/repair_graphics/bg/20percent_bg.gif);
background-repeat: repeat-y;
background-color:#e1ecf2;
border-right: 1px solid #a0b6c2;
border-bottom: 0px solid #ffffff;
}
.bar1-1-1 {
background:#4f6670;
width:119px;
color:#ffffff;
grph-prefix:20;
rpr-percent:7;
text-align:right;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding-right:5px
}
.bar1-1-2 {
background:#4f6670;
width:136px;
color:#ffffff;
grph-prefix:20;
rpr-percent:8;
text-align:right;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding-right:5px
}
.bar1-1-3 {
background:#4f6670;
width:136px;
color:#ffffff;
grph-prefix:20;
rpr-percent:8;
text-align:right;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding-right:5px
}
.bar1-1-4 {
background:#4f6670;
width:170px;
color:#ffffff;
grph-prefix:20;
rpr-percent:10;
text-align:right;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding-right:5px
}
.bar1-1-5 {
background:#4f6670;
width:187px;
color:#ffffff;
grph-prefix:20;
rpr-percent:11;
text-align:right;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding-right:5px
}
.bar1-1-6 {
background:#4f6670;
width:238px;
color:#ffffff;
grph-prefix:20;
rpr-percent:14;
text-align:right;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding-right:5px
}
.bar1-1-7 {
background:#4f6670;
width:272px;
color:#ffffff;
grph-prefix:20;
rpr-percent:16;
text-align:right;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding-right:5px
}
.bar1-1-8 {
background:#4f6670;
width:289px;
color:#ffffff;
grph-prefix:20;
rpr-percent:17;
text-align:right;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding-right:5px
}
/* reliability styles */
.hedtext_reg {color: #091d32; font-size: 11px; font-family: Arial, Helvetica; font-weight:bold; padding-left:5px; display:inline}
td.reliability_hed {background: url('../images/tablehead_mid.gif'); background-repeat: repeat-x; }
td.reliability_brand_hed {border-right: 1px solid #a0b6c2; border-bottom: 1px solid #a0b6c2; border-left: 1px solid #a0b6c2; color: #000000; font-size: 11px; font-family: Arial, Helvetica; font-weight:bold; padding-right:10px; padding-bottom:3px; width:247px}
td.reliability_arrow {border-bottom: 1px solid #a0b6c2; border-right: 1px solid #a0b6c2; color: #000000; font-size: 11px; font-family: Arial, Helvetica; font-weight:bold; padding-right:10px}
td.reliability_brand {height:30px; color: #333333; font-size: 11px; font-family: Arial, Helvetica; border-top: 0px; border-right: 1px solid #a0b6c2; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #a0b6c2; padding-top:5px; padding-right:10px; text-align: right;}
td.reliability_bar {background: url('../images/rr_relia_chart.gif'); background-repeat: repeat-y; background-color:#e1ecf2; border-right: 1px solid #a0b6c2; border-bottom: 1px solid #ffffff; }
td.reliability_bar_bottom {background: url('../images/rr_relia_chart.gif'); background-repeat: repeat-y; background-color:#e1ecf2; border-right: 1px solid #a0b6c2; border-bottom: 0px solid #ffffff; }
td.reliability_chart_bot_left {height:25px; border-left: 1px solid #a0b6c2; border-bottom: 1px solid #a0b6c2; padding-left:10px;}
td.reliability_chart_bot_right {border-right: 1px solid #a0b6c2; border-bottom: 1px solid #a0b6c2; border-top: 1px solid #a0b6c2;}
.data_key {font-size: 11px; font-family: Arial, Helvetica; margin-left:3px; display:inline}
td.leftcorner { background: url('../images/tablehead_left.gif'); width:10px; height:22px; repeat: no-repeat; }
td.rightcorner { background: url('../images/tablehead_right.gif'); width:10px; height:22px; repeat: no-repeat;}
/* static ratings styles for Jen */
#ratingsTable table {
border:1px solid #ffffff;
}
#ratingsTable table th {
background-color: #005571;
text-align: center;
vertical-align: top;
color: #ffffff;
font-family:Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
font-style:normal;
font-weight:normal;
}
#ratingsTable table td {
background-color:#cee2ed;
color:#000000;
font-family:Arial, Helvetica, Geneva, sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
text-align:center;
}
#ratingsTable table td.headerVertAlign{
vertical-align:bottom;
}
#ratingsTable table td.altColColor {
background-color:#e9f4fa;
}
#ratingsTable table td.altLeftAlign {
text-align:left;
}
#ratingsTable table td.altCenterAlign {
text-align: center;
}
#ratingsTable table td.altH1Row {
background-color:#ffffff;
text-align:left;
color:#ff0000;
font-weight:bold;
text-transform: uppercase;
font-size:12px;
}
#ratingsTable table td .bestBuy{
color:#ff0000;
font-weight:bold;
}
#ratingsTable table td .italic {
font-style:italic;
color:#000000;
font-weight:normal;
text-transform: none;
}
#ratingsTable table td .bold {
font-weight:bold;
}
#ratingsTable table td.company {
font-size:12px;
font-weight:bold;
text-align:left;
text-indent:3px;
}
#ratingsTable table td .company {
font-size:12px;
font-weight:bold;
text-align:left;
text-indent:3px;
}
#ratingsTable table td.featureDot {
color:#999999;
font-size:16px;
}
#ratingsTable table td.overallScore {
width:100px;
background:url(/cro/resources/images/brabackground.gif) top left transparent;
text-align:left;
}
#ratingsTable table td.overallScore .overallScoreRule {
background-color:#CC0000;
color:#ffffff;
text-align:right;
}
#ratingsTable table td.overallScore-survey {
width:100px;
background:url(/cro/resources/images/brabackground.gif) top left transparent;
text-align:left;
}
#ratingsTable table td.overallScore .overallScoreRule-survey {
background-color:#009933;
color:#ffffff;
text-align:right;
}
#ratingsTable table td.overallScore .overallScoreRule .spacer {
color:#CC0000;
}
/* A-Z Index START */
#container .breadcrumb_and_head_az {
margin-top: 146px;
}
html > body #container .breadcrumb_and_head_az {
margin-top: 134px;
}
* + html > body #container .breadcrumb_and_head_az {
margin-top: 141px;
}
#container .breadcrumb_and_head_az .breadcrumb_and_head {
background:transparent url(../../rd08/images/cars/cars_catheader_mid.gif) repeat-x scroll 0% 50%;
border-left:1px solid #E6E6EE;
border-right:1px solid #E6E6EE;
height:58px;
line-height:1.2em;
margin:0pt;
overflow:hidden;
padding:0pt;
width:918px;
}
#container .breadcrumb_and_head_az .breadcrumb_and_head .breadcrumb {
color:#8594A6;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 0pt 0pt 9px;
}
#container .breadcrumb_and_head_az .breadcrumb_and_head .bug {
margin: 3px 0pt 0pt 15px;
}
#container .breadcrumb_and_head_az .breadcrumb_and_head .bug h1 {
color:#091C30;
display:inline;
font-family:Arial,Helvetica,sans-serif;
font-size:24px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:12px 0pt 0pt 4px;
}
#az_bothcols {
margin-top: 20px;
}
#az_leftcol {
float: left;
width: 185px;
border: 1px solid #C3D2E0;
padding: 10px;
margin-right: 20px;
margin-bottom: 20px;
line-height: 1.4em;
}
#az_rightcol {
float: left;
width: 692px;
margin-bottom: 40px;
}
#az_rightcol a:link { text-decoration: none; color:#176fcc;}
#az_rightcol a:visited { text-decoration: none; color:#176fcc; }
#az_rightcol a:hover { text-decoration: underline; color:#176fcc; }
#az_rightcol a:active { text-decoration: underline; color:#176fcc; }
/* for when you need to explicity define the styles for the breadcrumb trail directly */
.breadcrumb-trail-gray a:link { color: #8594a6; text-decoration:none; }
.breadcrumb-trail-gray a:visited { color: #8594a6; text-decoration:none; }
.breadcrumb-trail-gray a:hover { color: #8594a6; text-decoration:underline;}
.breadcrumb-trail-gray a:active { color: #8594a6; text-decoration:underline;}
/* end for when you need to explicity define the styles for the breadcrumb trail directly */
.letterChoice {
cursor: pointer;
font-weight: normal;
padding-right: 15px;
color:#176FCC;
text-decoration:none;
font-size: 12px;
}
.letterHeader {
font-size: 12px;
font-weight: bold;
}
.letterColumn {
width: 161px;
margin-right: 12px;
overflow: hidden;
white-space: nowrap;
float: left;
font-size: 11px;
line-height: 1.4em;
}
.lastLetterColumn {
width: 161px;
overflow: hidden;
white-space: nowrap;
float: left;
font-size: 11px;
line-height: 1.4em;
}
/* A-Z Index END */
/* ================== HUB STYLES========================= */
#flash-top {
margin: 0;
padding: 0;
width: 734px;
}
*+html #flash-top {
margin-bottom: -4px;
}
#hub-blue {
width: 710px;
background: #d3dbe4;
padding: 14px 12px;
overflow-y: auto;
overflow-x: hidden;
}
#hub-blue .ratings_link {
display: block;
background: #ffeec1 url(../images/cro_cr_slug.gif) no-repeat center right;
font: bold Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
margin-top: 3px;
margin-right: 10px;
}
#hub-blue p {
font: normal 11px/14px Arial, Helvetica, sans-serif;
margin: 0 0 8px 0;
color: #000;
}
#hub-blue p.nomargin {
font: normal 11px/14px Arial, Helvetica, sans-serif;
margin: 0;
color: #000;
}
/* LEFT COLUMN STYLES */
#hub-blue #hub-left {
width: 194px;
margin: 0 20px 0 0;
background: #d3dbe4;
float: left;
}
#hub-blue #hub-left li.cover-box {
width: 194px;
height: 247px;
margin: 0;
padding: 0;
background: url(/cro/resources/rd07/images/con_nav_issue_bkg.jpg) no-repeat;
}
#hub-blue #hub-left li.cover-box .header {
display: block;
font: bold 16px Arial, Helvetica, sans-serif;
color: #000;
padding: 7px 2px 0 10px;
}
#hub-blue #hub-left li.cover-box .cover-image {
display: block;
margin-top: 18px;
text-align: center;
}
#hub-blue #hub-left li.cover-box .current-issue {
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
padding: 10px 0 0 0;
}
#hub-blue #hub-left ul {
width: 194px;
margin: 0 0 20px 0;
padding: 0;
background: #fff;
}
#hub-blue #hub-left ul li {
display: block;
background: #f1f4f8;
list-style: none;
border-bottom: 1px solid #d3dbe4;
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 5px 2px 5px 10px;
}
#hub-blue #hub-left ul li a:link {
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
}
#hub-blue #hub-left ul li a:visited {
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
}
#hub-blue #hub-left ul li a:hover {
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: underline;
}
#hub-blue #hub-left ul li a:active {
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: underline;
}
#hub-blue #hub-left ul li.head1 {
display: block;
background: #fff;
list-style: none;
border-bottom: 1px solid #d3dbe4;
font: bold 16px Arial, Helvetica, sans-serif;
color: #000;
height: 25px;
padding: 5px 2px 0 10px;
}
#hub-blue #hub-left ul li.head2 {
display: block;
background: #fff;
list-style: none;
border-bottom: 1px solid #d3dbe4;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
height: 20px;
padding: 5px 2px 0 10px;
}
#hub-blue #hub-left ul li.head2 a:link {
color:#176fcc;
font-weight:bold;
text-decoration:none;
}
#hub-blue #hub-left ul li.head2 a:visited {
color:#176fcc;
font-weight:bold;
text-decoration:none;
}
#hub-blue #hub-left ul li.head2 a:hover {
color:#176fcc;
font-weight:bold;
text-decoration:none;
}
#hub-blue #hub-left ul li.head2 a:active {
color:#176fcc;
font-weight:bold;
text-decoration:none;
}
#hub-blue #hub-left ul li.head2 img {
margin-right: 5px;
}
#hub-blue #hub-left .canadian {
float: left;
clear: both;
margin: 20px 0 0 0;
padding: 0;
font: normal 11px Arial, Helvetica, sans-serif;
width: 190px;
}
#hub-blue #hub-left .canadian img {
padding: 0 6px 0 0;
margin: 0;
}
#hub-blue #hub-left .canadian a:link {
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
}
#hub-blue #hub-left .canadian a:visited {
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
}
#hub-blue #hub-left .canadian a:hover {
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: underline;
}
#hub-blue #hub-left .canadian a:active {
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: underline;
}
#hub-blue #hub-left ul li.image {
display: block;
background: #f1f4f8;
list-style: none;
border-bottom: 1px solid #d3dbe4;
padding: 0;
margin: 0;
height: 170px;
}
#hub-blue #hub-left dl {
float: left;
clear: both;
width: 194px;
background: #fff;
margin: 0;
padding: 0 0 6px 0;
}
#hub-blue #hub-left dl dt {
display: block;
background: #fff;
list-style: none;
border-bottom: 1px solid #d3dbe4;
font: bold 14px Arial, Helvetica, sans-serif;
color: #000;
height: 29px;
padding: 5px 2px 0 10px;
margin: 0 0 12px 0;
}
#hub-blue #hub-left dl dt.archive {
font: bold 16px Arial, Helvetica, sans-serif;
height: 27px;
padding: 7px 2px 0 10px;
}
#hub-blue #hub-left dl dd.atoz {
margin: 8px 5px 8px 10px;
}
#hub-blue #hub-left dl dd {
margin: 10px 5px 5px 10px;
padding: 0;
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #000;
}
/* RIGHT COLUMN STYLES */
#hub-blue #hub-right {
width: 496px;
margin: 0;
float: left;
}
#hub-blue #hub-right .content-box {
margin: 0 0 20px 0;
background: #fff;
font: normal 11px Arial, Helvetica, sans-serif;
color: #000;
overflow-y: auto;
overflow-x: hidden;
float: left;
width: 496px;
padding: 0;
}
#hub-blue #hub-right .content-box a:link {
color: #176fcc;
text-decoration: none;
}
#hub-blue #hub-right .content-box a:visited {
color: #176fcc;
text-decoration: none;
}
#hub-blue #hub-right .content-box a:hover {
color: #176fcc;
text-decoration: underline;
}
#hub-blue #hub-right .content-box a:active {
color: #176fcc;
text-decoration: underline;
}
#hub-blue #hub-right .content-box h2 {
font: bold 16px Arial, Helvetica, sans-serif;
display: block;
height: 23px;
border-bottom: 1px solid #d3dbe4;
padding: 4px 2px 0 10px;
margin: 0 0 6px 0;
}
#hub-blue #hub-right .content-box h2.features {
font: bold 16px Arial, Helvetica, sans-serif;
display: block;
border-top: 1px solid #d3dbe4;
border-bottom: none;
padding: 15px 2px 0 0;
margin: 0 10px;
}
#hub-blue #hub-right .content-box h2 .text {
font: normal 11px Arial, Helvetica, sans-serif;
color: #000;
}
#hub-blue #hub-right .content-box h3.first {
font: bold 14px Arial, Helvetica, sans-serif;
display: block;
padding: 0;
margin: 0;
}
#hub-blue #hub-right .content-box h3 {
font: bold 14px Arial, Helvetica, sans-serif;
display: block;
padding: 0;
margin: 12px 0 0 0;
}
#hub-blue #hub-right .content-box .selector {
font: bold 11px Arial, Helvetica, sans-serif;
color: #7f8b94;
display: block;
height: 20px;
border-top: 1px solid #d3dbe4;
padding: 5px 2px 2px 10px;
margin: 0;
float: left;
clear: both;
width: 484px;
}
#hub-blue #hub-right .content-box .leftcol {
width: 227px;
margin: 0 12px 0 0;
padding: 5px 5px 5px 10px;
float: left;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
#hub-blue #hub-right .content-box .leftcol .below-video {
font: normal 12px Arial, Helvetica, sans-serif;
color: #000;
margin-top: 12px;
}
#hub-blue #hub-right .content-box .leftcol .video-text {
font: bold 11px Arial, Helvetica, sans-serif;
color: #000;
}
#hub-blue #hub-right .content-box .rightcol {
width: 232px;
margin: 0;
padding: 5px;
float: left;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
#hub-blue #hub-right .content-box .rightcol .more-videos {
float: left;
display: block;
border-bottom: 1px dotted #d3dbe4;
margin: 0 0 5px 0;
padding: 5px;
width: 205px;
}
#hub-blue #hub-right .content-box .rightcol .more-videos h3 {
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 0;
}
/*
#hub-blue #hub-right .content-box .rightcol .more-videos img {
float: left;
margin-right: 10px;
border: 0;
width: 75px;
height: 75px;
}
*/
#hub-blue #hub-right .content-box .rightcol .more-videos .head4 {
font: bold 11px Arial, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 0;
}
#hub-blue #hub-right .content-box .rightcol .more-videos .head4 img {
height: 13px;
width: 14px;
display: inline;
margin: 0 2px 0 0;
}
#hub-blue #hub-right .content-box .rightcol .car-type {
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
padding-top: 5px;
}
#hub-blue #hub-right .content-box .rightcol .car-type-list {
float: left;
width: 100px;
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #000;
}
#hub-blue #hub-right .content-box .rightcol .car-type-list p {
font: normal 11px/14px Arial, Helvetica, sans-serif;
margin: 4px 0 0 0;
}
#hub-blue #hub-right .content-box ul.headline-links {
list-style: none;
margin: 0;
padding: 8px 0 0 0;
}
#hub-blue #hub-right .content-box ul.headline-links li {
background: url(http://www.consumerreports.org/cro/resources/rd07/images/cro_newsdash3.gif) no-repeat 0 8px;
margin: 0;
padding: 0 0 8px 15px;
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #000;
}
#hub-blue #hub-right .content-box ul.headline-links li .franchise {
font-weight: bold;
color: 091c30;
}
#hub-blue #hub-right .content-box ul.headline-links li a:link {
color: #000;
font: normal 12px/18px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box ul.headline-links li a:visited {
color: #000;
font: normal 12px/18px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box ul.headline-links li a:hover {
color: #768B9E;
font: normal 12px/18px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box ul.headline-links li a:active {
color: #768B9E;
font: normal 12px/18px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box .feature-links-image {
width: 56px;
margin: 0;
padding: 0 12px;
float: left;
}
#hub-blue #hub-right .content-box .feature-links-text {
width: 143px;
margin: 0;
padding: 0 0 8px 0;
float: left;
}
#hub-blue #hub-right .content-box .feature-links-text .header {
font: bold 12px/16px Arial, Helvetica, sans-serif;
color: #091c30;
}
#hub-blue #hub-right .content-box .feature-links-text .header a:link {
color: #091c30;
font: bold 12px/16px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box .feature-links-text .header a:visited {
color: #091c30;
font: bold 12px/16px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box .feature-links-text .header a:hover {
color: #768B9E;
font: bold 12px/16px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box .feature-links-text .header li a:active {
color: #768B9E;
font: bold 12px/16px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box ul.other-feature-links {
list-style: none;
margin: 0 0 0 24px;
padding: 8px 0 10px 0;
width: 400px;
}
#hub-blue #hub-right .content-box ul.other-feature-links li {
background: url(http://www.consumerreports.org/cro/resources/rd07/images/cro_newsdash3.gif) no-repeat 0 8px;
margin: 0;
padding: 0 0 8px 15px;
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000;
}
#hub-blue #hub-right .content-box ul.other-feature-links li .franchise {
font-weight: bold;
color: 091c30;
}
#hub-blue #hub-right .content-box ul.other-feature-links li a:link {
color: #000;
font: normal 12px/18px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box ul.other-feature-links li a:visited {
color: #000;
font: normal 12px/18px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box ul.other-feature-links li a:hover {
color: #768B9E;
font: normal 12px/18px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box ul.other-feature-links li a:active {
color: #768B9E;
font: normal 12px/18px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box .cars-links-image {
width: 150px;
margin: 20px 12px 0 12px;
padding: 0;
float: left;
clear: both;
border: 1px solid #bfced3;
}
#hub-blue #hub-right .content-box .cars-links-text {
width: 302px;
margin: 20px 0 0 0;
padding: 0 0 10px 0;
float: left;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
#hub-blue #hub-right .content-box .cars-links-text .header {
font-weight: bold;
color: 091c30;
}
#hub-blue #hub-right .content-box .cars-links-text .header a:link {
color: #091c30;
font: bold 14px/18px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box .cars-links-text .header a:visited {
color: #091c30;
font: bold 14px/18px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box .cars-links-text .header a:hover {
color: #768B9E;
font: bold 14px/18px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .content-box .cars-links-text .header li a:active {
color: #768B9E;
font: bold 14px/18px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#hub-blue #hub-right .seo {
float: left;
clear: both;
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #666;
width: 496px;
}
#hub-blue #hub-right .seo p {
color: #666;
}
#hub-blue ul {
color:#000;
padding: 0;
margin: 0;
list-style: none;
}
#hub-blue li {
padding:0 0 0 8px;
margin: 0 0 4px 10px;
background: url(../images/squarebullet.gif) no-repeat 0 7px;
font: normal 11px Arial, Helvetica, sans-serif;
}
#hub-blue li.arrows {
background: url(http://www.consumerreports.org/cro/resources/rd07/images/cro_homenews_arrows.gif) no-repeat 0 5px;
font-weight: bold;
}
#hub-blue ul.dash {
list-style: none;
margin: 0;
padding: 0;
}
#hub-blue ul.dash li {
background-image:url(../images/cro_newsdash3.gif);
background-position:0 0.6em;
background-repeat:no-repeat;
margin:0;
padding:0 0 4px 15px;
}
/* CES HUB styles */
#hub-blue #hub-right .content-box #rssContent .blog-entry {
padding: 0;
float: left;
width: 218px;
height: 185px;
margin: 5px 20px 0 0;
overflow: hidden;
border:0 none;
vertical-align: top;
}
#hub-blue #hub-right .content-box #rssContent .blog-entry a {
font: bold 14px/16px Arial, Helvetica, sans-serif;
text-decoration: none;
color:#176fcc;
}
#hub-blue #hub-right .content-box #rssContent .blog-entry a:hover {
text-decoration: underline;
}
#hub-blue #hub-right .content-box #rssContent .blog-entry p {
font: normal 12px/16px Arial, Helvetica, sans-serif;
float: left;
width: 218px;
margin: 4px 0 0 0;
}
/* ================== FORM STYLES ===================== */
#hub-blue #choose {
overflow-x: hidden;
overflow-y: auto;
height: auto;
}
#hub-blue #choose dl {
float: left;
overflow: hidden;
margin: 0;
padding: 0;
width: 225px;
border-right: 1px solid #d3dbe4;
}
#hub-blue #choose dl dt {
font: bold 12px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #000;
}
#hub-blue #choose dl dd {
margin: 0;
float: left;
clear: both;
}
/* IE7 Hack
*+html #hub-blue #choose dl dd {
width: 150px;
}*/
#hub-blue #choose dl dd.new_used {
margin: 0 0 0 30px;
}
#hub-blue #choose dl dd.make_model {
margin: 0 12px;
}
/* IE7 Hack */
*+html #hub-blue #choose dl dd.make_model {
width: 120px;
}
#hub-blue #choose dl dd.make_model2 {
margin: 5px 12px 0 12px;
}
/* IE7 Hack
*+html #hub-blue #choose dl dd.make_model2 {
width: 120px;
}*/
#hub-blue #choose dl dd.make_model2 img {
border: 0;
float: right;
clear: both;
margin-top: 5px;
}
/* IE7 Hack
*+html #hub-blue #choose dl dd.make_model2 img {
float: right;
margin-top: -25px;
}*/
/* Expert Ratings box */
#hub-blue .ratings-area {
border: 1px solid #c3d2e0;
margin: 0;
padding: 0 0 12px 0;
width: 496px;
float: left;
}
#hub-blue .ratings-area .rc_ratings {
width: 525px;
}
#hub-blue .ratings-area .ratings_link {
display: block;
background: #fff2cd url(../images/crh_crh_slug2.gif) no-repeat center right;
font: bold Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
margin-top: 3px;
}
#hub-blue .ratings-area dl {
margin: 0;
padding: 0;
list-style: none;
}
#hub-blue .ratings-area dl dt {
height: 23px;
margin: 0;
padding: 10px 0 0 10px;
list-style: none;
border-bottom: 1px solid #C3D2E0;
font: bold 16px Arial, Helvetica, sans-serif;
color: #091c30;
}
#hub-blue .ratings-area dl dt img {
margin: 0;
padding: 0;
}
#hub-blue .ratings-area dl dd {
background: #fff;
width: 150px;
margin: 10px 0 4px 10px;
padding: 0;
list-style: none;
float: left;
border: 1px solid #b6c9d9;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
* html #hub-blue .ratings-area dl dd {
margin: 10px 4px 9px 4px;
float: left;
} /* for IE */
#hub-blue .ratings-area dl dd.more-tests {
float: left;
clear: both;
font: bold 11px/14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 12px 0 8px 12px;
border: none;
width: 468px;
}
#hub-blue .ratings-area dl a:link {
font: bold 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
}
#hub-blue .ratings-area dl a:visited {
font: bold 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
}
#hub-blue .ratings-area dl a:hover {
text-decoration: underline;
}
#hub-blue .ratings-area dl a:active {
text-decoration: underline;
margin: 0 0 20px 0;
}
#hub-blue .ratings-area dl p {
text-align: center;
margin: 10px 0 2px 0;
}
#hub-blue .ratings-area dl p img {
border: 0;
margin: 0;
padding: 0;
}
#hub-blue .ratings-area dl dd ul {
border: 0;
margin: 5px 15px 0 -33px;
list-style: none;
}
* html #hub-blue .ratings-area dl dd ul {
margin: 8px;
}
#hub-blue .ratings-area dl dd ul li {
font: normal 11px/14px Arial, Helvetica, sans-serif;
list-style: none;
margin: 0;
}
#hub-blue .ratings-area dl h1 {
font: bold 11px Arial, Helvetica, sans-serif;
margin: 0 0 1px 0;
padding: 0;
}
#hub-blue .ratings-area dl dd .copy {
border: 0;
margin: 5px 8px 9px 10px;
}
/* ==================END HUB STYLES========================= */
/* shop online experience styles -- for page currently linked from shopping hub*/
.shoponline_experience {
width: 560px;
}
.shoponline_experience .head {
/*width: 560px;*/
height: 31px;
margin: 0;
/* padding: 10px 25px 0 25px; */
padding-left:10px;
background: url(/cro/application-resources/images/shop-online/shop_BGgradient.gif) repeat-x;
font: bold 17px Arial, Helvetica, sans-serif;
color: #000;
/* float: left;*/
border-bottom: 1px solid #BFCAD3;
}
.shoponline_experience .head img.logo {
float: right;
display: inline;
margin-top: -10px;
}
.shoponline_experience .content {
margin: 20px 0pt 0pt 10px;
padding: 0;
font: normal 12px/16px Arial, Helvetica, sans-serif;
color: #000;
/*float: left;*/
clear: both;
}
.shoponline_experience .content p {
margin: 0px 0 20px 0;
}
.shoponline_experience .content p.gray {
font: normal 11px Arial, Helvetica, sans-serif;
color: #666;
}
.shoponline_experience .content ul {
color:#000;
padding: 0;
margin: 0 0 20px 10px;
list-style: none;
line-height:1.2em;
}
/*
.shoponline_experience .content ul.gray {
font: normal 11px Arial, Helvetica, sans-serif;
color: #666;
}
.shoponline_experience .content ul.gray li {
padding:0 0 0 8px;
margin:0 0 8px 10px;
background: url(/cro/application-resources/images/shop-online/squarebullet_gray.gif) no-repeat 0 7px;
font-size: 11px;
}
*/
.shoponline_experience .content li {
padding:0 0 0 8px;
margin:0 0 8px 10px;
background: url(http://www.consumerreports.org/cro/resources/rd07/images/squarebullet.gif) no-repeat 0 7px;
font: normal 12px Arial, Helvetica, sans-serif;
}
/* end shop online experience styles */
/* ==================Start video box styles========================= */
#video_box
{
background: #eee;
font: normal 11px Arial, Helvetica, sans-serif;
width: ;
height ;
padding: 6px 6px 10px 6px;
float:right;
margin: 0 0 20px 20px;
}
#video_box .video_text
{
font: normal 10px Arial, Helvetica, sans-serif;
padding-top:10px;
padding-bottom:4px;
color: #666;
}
#video_box .video_title
{
font: bold 12px Arial, Helvetica, sans-serif;
margin-bottom:7px;
color:# 091c30;
}
#video_box a:link {
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
}
#video_box a:visited {
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
}
#video_box a:hover {
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: underline;
}
#video_box a:active {
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: underline;
}
#video_box img
{
margin-top:3px;
}
html>body #video_box img
{
margin-bottom:-1px;
}
/* new style for updated player on hubs and article pages */
.article-video {
width: 235px;
height: 134px;
background-color: #F1F1F1;
}
/* ==================End video box styles========================= */
/* Donation pages */
#donate_header {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: url(../images/site_bkgrnd.jpg) repeat-x;
margin-left: auto;
margin-right: auto;
}
#donate_header #croheader {
width: 920px;
margin: auto;
margin-top: 12px;
}
#donate_body {
width: 920px;
margin: auto;
}
/* GLOBAL HEADER and FOOTER */
*html #donate_header #croheader #main_donate {
margin: -5px 0 -5px 0;
}
#donate_header #croheader #main_donate {
margin: -5px 0 0 0;
}
*html #donate_header #croheader #main_donate dl {
height: 75px;
background: url(../images/cro_head_bg.gif) no-repeat top left;
}
#donate_header #croheader #main_donate dl {
width: 920px;
height: 79px;
background: url(../images/cro_head_bg.gif) no-repeat top left;
color: #000000;
margin:0;
}
#donate_header #croheader #main_donate dt {
margin: 0;
padding: 10px 30px 0 10px;
font: normal 11px Arial, Helvetica, sans-serif;
color: #176fcc;
border: 0;
text-align: right;
float: right;
}
#donate_header #croheader #main_donate dd {
margin: 0;
padding: 10px 10px 0 10px;
text-align: left;
}
#donate_header #croheader #main_donate dl a:link { text-decoration: none; color:#176fcc;}
#donte_header #croheader #main_donate dl a:visited { text-decoration: none; color:#176fcc; }
#donate_header #croheader #main_donate dl a:hover { text-decoration: underline; color:#176fcc; }
#donate_header #croheader #main_donate dt img {
margin: 0 5px 0 10px;
padding: 0;
vertical-align: bottom
}
#donate_header #croheader #main_donate dd img {
margin: 14px 0 0 -10px;
padding: 0;
}
*+html #donate_footer {
padding-top: 5px;
}
*html #donate_footer {
padding-top: 5px;
}
#donate_footer {
background:url(../images/footer_shadow.gif) #ffffff repeat-x top left;
height: auto;
margin: auto;
padding: 10px 0 5px 0;
clear: both;
font: normal 11px Arial, Helvetica, sans-serif;
color: #999999;
width: auto;
}
#donate_footer a:link { text-decoration: none; color:#176fcc;}
#donate_footer a:visited { text-decoration: none; color:#176fcc; }
#donate_footer a:hover { text-decoration: underline; color:#176fcc; }
/* overview */
#donate_main_body a:link { text-decoration: none; color:#176fcc;}
#donate_main_body a:visited { text-decoration: none; color:#176fcc; }
#donate_main_body a:hover { text-decoration: underline; color:#176fcc; }
#donate_main_body {
background-color: #FFFFFF;
padding: 24px 25px 27px 25px;
border-right:solid 1px #d9d9e5;
border-top:solid 1px #a7bcd0;
border-left:solid 1px #d9d9e5;
font: normal 11px/1.3em Arial, Helvetica, sans-serif;
color: #091c30;
margin: auto;
width: 868px;
float: left;
}
#donate_main_body dl {
width: auto;
margin: 10px 0 15px 0;
}
#donate_main_body dl dt {
width: auto;
margin: 0;
}
#donate_main_body dl dd {
width: auto;
margin: 0;
padding: 0;
}
#donate_nav_column, #donate_nav_column_health {
width: 180px;
float: left;
margin: 0;
padding: 0;
}
#donate_nav_column dl, #donate_nav_column_health dl {
margin: 0;
}
#donate_nav_column dl dt, #donate_nav_column_health dl dt {
width: auto;
margin: 0;
font-weight: bold;
padding: 0;
}
#donate_nav_column dl dd, #donate_nav_column_health dl dd {
width: auto;
margin: 0;
padding: 0;
}
#donate_nav_column dd.donate_button, #donate_nav_column_health dd.donate_button {
margin: 0 0 0 -5px;
padding: 15px 0 0 0;
text-align: center;
}
#donate_nav_column dd.cu_img, #donate_nav_column_health dd.cu_image {
width: auto;
margin: 0 0 0 -5px;
padding: 0;
}
#donate_content_column a:link { text-decoration: none; color:#176fcc; font-weight: bold;}
#donate_content_column a:visited { text-decoration: none; color:#176fcc; font-weight: bold;}
#donate_content_column a:hover { text-decoration: underline; color:#176fcc; font-weight: bold;}
#donate_content_column_health a:link { text-decoration: none; color:#176fcc; font-weight: bold;}
#donate_content_column_health a:visited { text-decoration: none; color:#176fcc; font-weight: bold;}
#donate_content_column_health a:hover { text-decoration: underline; color:#176fcc; font-weight: bold;}
*html #donate_content_column {
width: 650px;
}
*html #donate_content_column_health {
width: 650px;
}
#donate_content_column, #donate_content_column_health {
width: 660px;
float: left;
margin-left: 10px;
line-height: 1.5em;
font-size: 12px;
}
#donate_content_column dl dt, #donate_content_column_health dl dt {
width: auto;
margin: 0;
font-weight: bold;
font-size: 18px;
padding: 0;
}
#donate_content_column dl dd, #donate_content_column_health dl dd {
width: auto;
margin: 10px 0 0 0;
padding: 0;
}
#donate_content_column .box_header_light, #donate_content_column_health .box_header_light {
margin:10px 0 0 -7px;
font: bold 14px Arial, Helvetica, sans-serif;
background:url(../images/bg_band_donate_lt.gif);
width: 642px;
padding: 3px 0 10px 5px;
}
#donate_content_column dd.back_to_top, #donate_content_column_health dd.back_to_top {
margin:0;
padding-right:5px;
float: right;
display: block;
width: 100px;
}
#donate_content_column dd.back_to_top a, #donate_content_column_health dd.back_to_top a {
font-weight: normal;
text-decoration: none;
}
#donate_content_column dd.ways_to_contribute, #donate_content_column_health dd.ways_to_contribute {
margin:10px 0 0 0;
font: bold 14px Arial, Helvetica, sans-serif;
}
#donate_content_column dd.subhed, #donate_content_column_health dd.subhed {
margin:5px 0 0 0;
font: italic 14px Arial, Helvetica, sans-serif;
}
.privacy dl {
margin: 0;
}
.privacy dl dd {
width: 400px;
float: left;
}
.privacy dl dd.send_donation {
width: 140px;
float: right;
padding-right: 15px;
}
.articleFooter iframe {
position: relative;
left: 0;
}
#container #mag_midcol iframe {
margin-bottom: 5px;
margin-left: 35px;
margin-top: 20px;
}
#container #mag_midcol #video_box iframe {
margin-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
}
#magazine_text .xtext ul li, x:-moz-any-link {
-moz-float-edge: content-box;
}
/* BELOW STYLE IS BORROWED FROM SILVER.CSS */
.posted {font: normal 11px Arial, Helvetica, sans-serif; line-height:14px; color:#666666; margin: 0; padding-top: 18px }
*+html .posted {padding-bottom:8px; }
/* ENGERGY HUB STYLES */
@charset "utf-8";
/* CSS Document */
#reportContainer .visible{ display:block; }
#reportContainer .hidden{ display:none;}
#reportContainer {position:relative; width:566px; height:715px; border:1px solid #e0e4e9; background-color:#f7f6f6;}
#reportContainer p {margin: 20px 20px 10px 20px; font: bold 12px Arial, Helvetica, sans-serif;}
#reportContainer .energyReportSlide { position: absolute; top:175px; left:20px; width:520px; height:515px; border:1px solid #d1d1d1; background-color:#e7f0f9;}
#reportContainer .energyReportSlide p.leftText {float: left; width: 125px; margin: 25px 0px 0px 25px; font: 14px Arial, Helvetica, sans-serif; display: inline;}
#reportContainer .energyReportSlide p.leftText b {font: bold 18px Arial, Helvetica, sans-serif; display: block;}
#reportContainer .energyReportSlide p.rightText {float: left; width: 345px; margin: 25px 0px 10px 10px; font: 11px Arial, Helvetica, sans-serif;}
#reportContainer .energyReportSlide img {margin: 10px 25px 0px 25px; clear: both; width: 470px; display: block;}
#reportContainer .energyReportSlide .headline { font: bold 14px Arial, Helvetica, sans-serif; color: #000000;}
#reportContainer .energyReportSlide .leftcaption { background-color: #f2f7fd; width: 235px; margin: 0 0 0 25px; float: left; display: inline;}
#reportContainer .energyReportSlide .leftcaptiontext { padding: 10px; font: 11px Arial, Helvetica, sans-serif; color: #000000;}
#reportContainer .energyReportSlide .rightcaption { background-color: #cee3f8; width: 235px; float: left;}
#reportContainer .energyReportSlide .rightcaptiontext { padding: 10px; font: 11px Arial, Helvetica, sans-serif; color: #000000;}
#reportContainer .energyReportSlide .leftcaptiontext p { padding: 0; margin: 0;}
#reportContainer .energyReportSlide .rightcaptiontext p { padding: 0; margin: 0;}
#reportContainer .backToStartLink {text-align: center; padding-top: 10px; clear: left; margin: 0px;}
#reportContainer .backToStartLink a:link { font: bold 12px Arial, Helvetica, sans-serif; color: #176FCC; text-decoration:none; }
#reportContainer .backToStartLink a:visited { font: bold 12px Arial, Helvetica, sans-serif; color: #176FCC; text-decoration:none; }
#reportContainer .backToStartLink a:hover { font: bold 12px Arial, Helvetica, sans-serif; color: #176FCC; text-decoration:underline; }
#reportContainer .backToStartLink a:active { font: bold 12px Arial, Helvetica, sans-serif; color: #176FCC; text-decoration:none; }
#reportContainer .linkRow { list-style-type:none; padding: 0px; margin-left: 20px;}
#reportContainer .linkRow li { display:block; float:left; width:104px; margin-bottom:10px; font: 11px Arial, Helvetica, sans-serif; }
#reportContainer .linkRow li a{ font: bold 12px Arial, Helvetica, sans-serif; color: #000; text-decoration:none; display: block;}
#reportContainer .linkRow li p { font: bold 18px Arial, Helvetica, sans-serif; line-spacing: 0px; margin: 0px;}
#reportContainer .linkRow a.slideLinkActive:link { font: bold 12px Arial, Helvetica, sans-serif; color: #176FCC; text-decoration:none; display: block;}
#reportContainer .linkRow a.slideLinkActive:visited { font: bold 12px Arial, Helvetica, sans-serif; color: #176FCC; text-decoration:none; }
#reportContainer .linkRow a.slideLinkActive:hover { font: bold 12px Arial, Helvetica, sans-serif; color: #176FCC; text-decoration:underline; }
#reportContainer .linkRow a.slideLinkActive:active { font: bold 12px Arial, Helvetica, sans-serif; color: #176FCC; text-decoration:none; }
#reportContainer .linkRow a.slideLinkInactive:link { font: bold 12px Arial, Helvetica, sans-serif; color: #000; text-decoration:none; display: block;}
#reportContainer .linkRow a.slideLinkInactive:visited { font: bold 12px Arial, Helvetica, sans-serif; color: #000; text-decoration:none; }
#reportContainer .linkRow a.slideLinkInactive:hover { font: bold 12px Arial, Helvetica, sans-serif; color: #000; text-decoration:none; }
#reportContainer .linkRow a.slideLinkInactive:active { font: bold 12px Arial, Helvetica, sans-serif; color: #000; text-decoration:none; }
/* END ENERGY HUB STYLES */
/* HOT WATER CALCULATOR -- TANK VERSION */
#hotWaterCalculatorTankContainer .calcTable { width:560px; border-spacing:0; border-collapse:collapse; border:1px solid #dfdedc!important; font: normal 12px Arial, Helvetica, sans-serif; }
#hotWaterCalculatorTankContainer .calcTable, x:-moz-any-link {width:559px; position:relative; left:1px;}
#hotWaterCalculatorTankContainer .calcTable th {
padding: 0px;
background-color:#f1f4f9;
vertical-align: auto;
font: bold 12px Arial, Helvetica, sans-serif; color:#333;
border:1px solid #dfdedc;
border-right:1px solid #dfdedc;
border-left:1px solid #dfdedc;
border-top:1px solid #dfdedc;
}
#hotWaterCalculatorTankContainer .colHeader1 { width:145px; text-align:left; vertical-align:top;}
#hotWaterCalculatorTankContainer .colHeader1 span { display:block; margin: 8px auto auto 8px;}
#hotWaterCalculatorTankContainer .colHeader2 { width:205px; height:55px; vertical-align:top;}
#hotWaterCalculatorTankContainer .colHeader2 span { display:block; margin: 8px auto auto auto;}
#hotWaterCalculatorTankContainer .colHeader3 { width:115px; vertical-align:top;}
#hotWaterCalculatorTankContainer .colHeader3 span { display:block; margin: 8px auto auto auto;}
#hotWaterCalculatorTankContainer .colHeader4 { width:95px; vertical-align:top;}
#hotWaterCalculatorTankContainer .colHeader4 span { display:block; margin: 8px auto auto auto;}
#hotWaterCalculatorTankContainer .grayRow { background-color:#f1f4f9;}
#hotWaterCalculatorTankContainer .rowHeading { font: bold 12px Arial, Helvetica, sans-serif; color:#333; margin: 4px auto auto 8px;}
#hotWaterCalculatorTankContainer .rowSubHeading {display:block; font: normal 10px Arial, Helvetica, sans-serif; color:#333; margin: auto auto 4px 8px;}
#hotWaterCalculatorTankContainer .calcTotalHeading { display:block; font: bold 16px Arial, Helvetica, sans-serif; color:#333; margin: 14px auto auto 8px;}
#hotWaterCalculatorTankContainer .entryField {background-color:#fff;}
#hotWaterCalculatorTankContainer .doubleEntry { width:38px; }
*html #hotWaterCalculatorTankContainer .doubleEntry { width:46px; }
*+html #hotWaterCalculatorTankContainer .doubleEntry { width:46px; }
#hotWaterCalculatorTankContainer .singleEntry {width:100px;}
*html #hotWaterCalculatorTankContainer .singleEntry {width:117px;}
*+html #hotWaterCalculatorTankContainer .singleEntry {width:117px;}
#hotWaterCalculatorTankContainer .entryFieldSelected { background-color:#fff;}
#hotWaterCalculatorTankContainer .plusSign {margin:auto 5px 15px 5px;}
#hotWaterCalculatorTankContainer .timesSign {margin:auto 5px 15px 5px; font-weight:bold; position:relative; top:-2px;}
#hotWaterCalculatorTankContainer .GPMtimesSign {margin: auto 5px auto 5px; font-weight:bold; position:relative; top:-2px; }
#hotWaterCalculatorTankContainer .equalSign { display:block; float:left; font-weight:bold;}
#hotWaterCalculatorTankContainer .sumPlus {display:block; border-bottom:1px solid #000; width:75px; margin:5px auto 3px 18px; font-size:16px;}
#hotWaterCalculatorTankContainer .incomplete { color:#c00; font-size:12px!important;}
#hotWaterCalculatorTankContainer .totalRow { height: 85px; }
#hotWaterCalculatorTankContainer .rowTotalDiv { margin: auto auto auto 10px; font-weight:bold; color:#000; width:75px; text-align:right;}
#hotWaterCalculatorTankContainer #calcTotalDiv { margin: auto auto auto 10px; font-weight:bold; color:#000; font-size:16px; width:75px; text-align:right;}
#hotWaterCalculatorTankContainer .totalUnderlineTop { display:block; border-bottom:1px solid #999; width:75px; margin:5px auto auto 18px; font-size:0px; line-height:0px; }
#hotWaterCalculatorTankContainer .totalUnderlineBottom { display:block; border-bottom:1px solid #999; width:75px; margin:3px auto 5px 18px; font-size:0px; line-height:0px; }
/* END HOT WATER CALCULATOR -- TANK VERSION */
.hotWaterCalcFootnoteList { list-style-type:none; margin-left:0px; padding-left:0px; width:540px; margin-left:0px;}
.hotWaterCalcFootnoteList li { margin-left:0px; font: normal 10px Arial, Helvetica, sans-serif; }
*html .hotWaterCalcFootnoteList li sup { margin-left:0px; font: normal 12px Arial, Helvetica, sans-serif; }
/* HOT WATER CALCULATOR -- TANKLESS VERSION */
#hotWaterCalculatorNoTankContainer .calcTable { width:560px; border-spacing:0; border-collapse:collapse; border:1px solid #dfdedc!important; font: normal 12px Arial, Helvetica, sans-serif; }
#hotWaterCalculatorNoTankContainer .calcTable, x:-moz-any-link {width:559px; position:relative; left:1px;}
#hotWaterCalculatorNoTankContainer .calcTable th {
padding: 0px;
background-color:#f1f4f9;
vertical-align: auto;
font: bold 12px Arial, Helvetica, sans-serif; color:#333;
border:1px solid #dfdedc;
border-right:1px solid #dfdedc;
border-left:1px solid #dfdedc;
border-top:1px solid #dfdedc;
}
#hotWaterCalculatorNoTankContainer .colHeader1 { width:145px; text-align:left; vertical-align:top;}
#hotWaterCalculatorNoTankContainer .colHeader1 span { display:block; margin: 8px auto auto 8px;}
#hotWaterCalculatorNoTankContainer .colHeader2 { width:100px; height:55px; vertical-align:top;}
#hotWaterCalculatorNoTankContainer .colHeader2 span { display:block; margin: 8px auto auto auto;}
#hotWaterCalculatorNoTankContainer .colHeader3 { width:145px; vertical-align:top;}
#hotWaterCalculatorNoTankContainer .colHeader3 div { display:block; margin: 7px auto auto auto;}
#hotWaterCalculatorNoTankContainer .calcHeaderAstericks { display:inline; font: normal 14px Arial, Helvetica, sans-serif; }
#hotWaterCalculatorNoTankContainer .colHeader4 { width:95px; vertical-align:top;}
#hotWaterCalculatorNoTankContainer .colHeader4 span { display:block; margin: 8px auto auto auto;}
#hotWaterCalculatorNoTankContainer .timesUsedCell { text-align: center; }
#hotWaterCalculatorNoTankContainer .grayRow { background-color:#f1f4f9;}
#hotWaterCalculatorNoTankContainer .entryField {background-color:#fff; width:100px;}
#hotWaterCalculatorNoTankContainer .entryFieldSelected { background-color:#fff;}
#hotWaterCalculatorNoTankContainer .rowHeading { font: bold 12px Arial, Helvetica, sans-serif; color:#333; margin: 4px auto auto 8px;}
#hotWaterCalculatorNoTankContainer .rowSubHeading {display:block; font: normal 10px Arial, Helvetica, sans-serif; color:#333; margin: auto auto 4px 8px;}
#hotWaterCalculatorNoTankContainer .calcTotalHeading { display:block; font: normal 16px Arial, Helvetica, sans-serif; color:#333; margin: 14px auto auto 8px;}
#hotWaterCalculatorNoTankContainer .calcTotalSubHeading{ font: normal 12px Arial, Helvetica, sans-serif;}
#hotWaterCalculatorNoTankContainer .plusSign {margin:auto 5px 15px 5px;}
#hotWaterCalculatorNoTankContainer .timesSign {margin:auto 5px 15px 15px; font-weight:bold; position:relative; top:-2px;}
*html #hotWaterCalculatorNoTankContainer .timesSign {margin-left:7px;}
*+html #hotWaterCalculatorNoTankContainer .timesSign {margin-left:7px;}
#hotWaterCalculatorNoTankContainer .GPMtimesSign {margin: auto 5px auto 5px; font-weight:bold; position:relative; top:-2px; }
#hotWaterCalculatorNoTankContainer .equalSign { display:block; float:left; font-weight:bold;}
#hotWaterCalculatorNoTankContainer .sumPlus {display:block; border-bottom:1px solid #000; width:75px; margin:5px auto 3px 18px; font-size:16px;}
#hotWaterCalculatorNoTankContainer .incomplete { color:#c00; font-size:12px!important;}
#hotWaterCalculatorNoTankContainer .totalRow { height: 85px; }
#hotWaterCalculatorNoTankContainer .rowTotalDiv { margin: auto auto auto 10px; font-weight:bold; color:#000; width:75px; text-align:right;}
#hotWaterCalculatorNoTankContainer #calcTanklessTotalDiv { margin: auto auto auto 10px; font-weight:bold; color:#000; font-size:16px; width:75px; text-align:right;}
#hotWaterCalculatorNoTankContainer .totalUnderlineTop { display:block; border-bottom:1px solid #999; width:75px; margin:5px auto auto 18px; font-size:0px; line-height:0px; }
#hotWaterCalculatorNoTankContainer .totalUnderlineBottom { display:block; border-bottom:1px solid #999; width:75px; margin:3px auto 5px 18px; font-size:0px; line-height:0px; }
/* END HOT WATER CALCULATOR -- TANKLESS VERSION */
/* BEGIN STYLES FOR BOOKSTORE */
#bookstore { width:920px; display:block; margin:27px 0 8px 0;} /* container for page content */
*html #bookstore { padding-top:9px; margin:18px 0 8px 0;}
/* START LEFT COL */
#bookstore #leftCol { display:block; float:left; height:100%; width:180px; margin-right:24px; padding-top:3px; clear:both;}
#bookstore #leftCol #leftNav { display:block; height:100%; width:180px; clear:both; }
#bookstore #leftCol #leftNav dl { margin:0; padding: 6px 0 5px 0; border-top: 1px solid #ccd4d6; clear:both; }
#bookstore #leftCol #leftNav dl.last { margin:0; border-bottom: 1px solid #ccd4d6; }
#bookstore #leftCol #leftNav dt { margin: 0 12px; font: bold 14px/24px Arial, Helvetica, sans-serif; color: #091c30; text-decoration:none; }
#bookstore #leftCol #leftNav dd { margin:0 12px; pading:0; }
#bookstore #leftCol #leftNav dd a:link { font: normal 11px/17px Arial, Helvetica, sans-serif; color: #1f83d6; text-decoration:none; }
#bookstore #leftCol #leftNav dd a:visited { font: normal 11px/17px Arial, Helvetica, sans-serif; color: #1f83d6; text-decoration:none; }
#bookstore #leftCol #leftNav dd a:hover { font: normal 11px/17px Arial, Helvetica, sans-serif; color: #1f83d6; text-decoration:underline; }
#bookstore #leftCol #leftNav dd a:active { font: normal 11px/17px Arial, Helvetica, sans-serif; color: #1f83d6; text-decoration:none; }
#bookstore #leftCol #leftNav dd.currentPage { font: bold 11px/17px Arial, Helvetica, sans-serif; color: #000; }
/* END LEFT COL */
/* MAIN COL */
#bookstore #contentCol { display:block; float:left; height:100%; width:716px; margin-bottom:20px;}
*+html #bookstore #contentCol { padding-bottom: 12px; }
#bookstore #contentCol #headlineFrame { margin-top:3px; }
/* hp -- section features */
#bookstore #contentCol .topCopy { display:block; width:520px; font: normal 12px/15px Arial, Helvetica, sans-serif; color:#000; }
#bookstore #contentCol .topCopy .heading { display:block; margin-bottom:8px; font: bold 16px Arial, Helvetica, sans-serif; color:#091c30; }
#bookstore #contentCol #sectionFeatures { display:block; height:160px; width:714px; margin:20px 0 0 0; padding:0;
background-color:#eef1f6; border:1px solid #cfdae7; }
#bookstore #contentCol #sectionFeatures .sectionFeature { display:block; float:left; width:163px; height:136px; margin:12px 0 0 12px; }
#bookstore #contentCol #sectionFeatures .sectionFeature img { border:none; }
#bookstore #contentCol {font: normal 12px/15px Arial, Helvetica, sans-serif; color:#000;}
#bookstore #contentCol p { font: normal 12px/15px Arial, Helvetica, sans-serif; color:#000; }
*html #bookstore #contentCol p { margin-top:12px; margin-bottom:12px; }
*+html #bookstore #contentCol p { margin-top:12px; margin-bottom:12px; }
#bookstore #contentCol h4 { margin:10px 0pt 0px; padding-bottom:0px; padding-top:0px; font: bold 12px/15px Arial, Helvetica, sans-serif; color:#000; }
#bookstore #contentCol .pSpan { margin-top:0;}
/* pub Listings for listings pages */
#bookstore #contentCol table { margin-left:-12px; }
#bookstore #contentCol table.typesTable { margin-top:15px;}
#bookstore #contentCol table td { vertical-align:top; background-color:#eef1f6; border:1px solid #cfdae7; }
#bookstore #contentCol td.sectionHeading { border-left:none; border-right:none; border-top:none; background-color:#fff; }
#bookstore #contentCol td.sectionHeading div { display: block; width:100%; margin-top:14px; padding-bottom:3px; font: bold 14px Arial, Helvetica, sans-serif; color:#091c30; }
#bookstore #contentCol .pubListing { display:block; height:100%; width:320px; padding:11px 11px 14px 11px; clear:both;}
*html #bookstore #contentCol .pubListing { width:318px; padding-bottom:10px;}
*+html #bookstore #contentCol .pubListing { padding-bottom:14px;}
#bookstore #contentCol .pubListingRow .right { margin-left:12px; }
#bookstore #contentCol .pubListing img { float:left;}
#bookstore #contentCol .pubListing .pubInfo { float:left; width:190px; margin: 6px 0 0 8px; clear:right;
font: normal 12px/15px Arial, Helvetica, sans-serif; color: #000; }
*html #bookstore #contentCol .pubListing .pubInfo { width:180px; }
#bookstore #contentCol .pubListing .pubInfo .header { font: bold 14px Arial, Helvetica, sans-serif; color: #000; }
*html #bookstore #contentCol .pubListing .pubInfo .header { font: bold 13px Arial, Helvetica, sans-serif; color: #000; }
#bookstore #contentCol .pubListing .pubInfo .numPagesIndicator { font: normal 12px/15px Arial, Helvetica, sans-serif; color: #8594a6; }
#bookstore #contentCol .pubListing .transactionButton { display:block; padding:6px 0 9px 0; clear:both; /*height:24px;*/ height:auto; }
#bookstore #contentCol .pubListing .transactionButton img { border:none; clear:both; margin-bottom:10px;}
/*
*html #bookstore #contentCol .pubListing .transactionButton {padding:6px 0 0 0; height:20px;}
*+html #bookstore #contentCol .pubListing .transactionButton {padding:6px 0 0 0; height:18px;}
*/
/* END MAIN COL */
/* RIGHT COL */
#bookstore #rightCol { display:block; float:right; width:170px; height:100%; font: normal 12px/15px Arial, Helvetica, sans-serif; color:#000;}
#bookstore #rightCol .permissionRequestLogo img {border:none; margin-top:2px; margin-left:14px;}
/* END RIGHT COL */
/* CLASSROOM ORDER FORM STYLES */
#bookstore #pageHeading { width:872px; margin:25px 24px 30px 24px; font: bold 22px Arial, Helvetica, sans-serif; color: #c00; border-bottom:1px solid #c00;}
#bookstore #leftColClassroom { display:block; float:left; height:100%; width:212px; margin:0 24px 0 24px; clear:both;
font: normal 12px/15px Arial, Helvetica, sans-serif; color:#000;}
*html #bookstore #leftColClassroom { width:212px; margin:0 12px 0 12px; clear:both;}
#bookstore #leftColClassroom .headerTextBig { font: bold 24px/14px Arial, Helvetica, sans-serif; color:#091c30; }
#bookstore #leftColClassroom .headerTextBig, x:-moz-any-link {line-height: 14px; }
*html #bookstore #leftColClassroom .headerTextBig { line-height: 22px; }
*+html #bookstore #leftColClassroom .headerTextBig { line-height: 22px; }
#bookstore #leftColClassroom .headerTextNormal {font: bold 14px/16px Arial, Helvetica, sans-serif; color:#091c30; }
#bookstore #contentColClassroom {display:block; float:left; width:612px; padding:16px 12px 8px 12px; background-color:#f0f4f6; border:1px solid #d5dee3;
font: normal 11px/13px Arial, Helvetica, sans-serif; color: #000;}
*html #bookstore #contentColClassroom {width: 600px; }
#bookstore #contentColClassroom .requiredFieldsNote { margin:0 0 6px 4px; font: bold 11px Arial, Helvetica, sans-serif; color: #c00; }
#bookstore table#billingAndShippingInfo { width:614px; margin-left:0 }
*html #bookstore table#billingAndShippingInfo { width:620px; }
#bookstore table#billingAndShippingInfo td {font: bold 11px/16px Arial, Helvetica, sans-serif; color: #000; border:none; background-color:#f0f4f6;}
#bookstore #billingAndShippingInfo td.colHeading { background: url(../images/bg_head_narrow_2.gif) no-repeat top left; height:56px;
font: bold 14px Arial, Helvetica, sans-serif; color: #091c30; padding:4px 12px; }
#bookstore #billingAndShippingInfo td input, x:-moz-any-link { margin-bottom:3px; }
#bookstore #billingAndShippingInfo td.colHeading ul { list-style-position:outside; list-style-type:none; margin: 5px 0 0 0; padding:0; }
*+html #bookstore #billingAndShippingInfo td.colHeading ul { margin: 7px 0 0 0; }
*html #bookstore #billingAndShippingInfo td.colHeading ul { margin: 7px 0 0 0; }
#bookstore #billingAndShippingInfo td.colHeading ul li { margin:8px 0; padding: 0; font: normal 11px/13px Arial, Helvetica, sans-serif; color: #000; clear:both; }
*+html #bookstore #billingAndShippingInfo td.colHeading ul li { margin:2px 0; }
*html #bookstore #billingAndShippingInfo td.colHeading ul li { margin:2px 0; }
#bookstore #billingAndShippingInfo td.colHeading ul li div { display:block; float:left; width:90%;}
#bookstore #billingAndShippingInfo td.colHeading ul li div.bulletNumber { width:16px;}
#bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox { font-weight:bold; padding-top:2px;}
*+html #bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox { padding-top:0px; margin:3px 0 0 -3px;}
*html #bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox { padding-top:0px; margin:3px 0 0 -3px;}
#bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox input{ margin-left:0px; float:left;}
#bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox div { display:block; float:left; margin-top:3px; }
*+html #bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox div { margin-top:5px; }
*html #bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox div { margin-top:5px; }
#bookstore #billingAndShippingInfo td.formContent { width:288px; padding-top:3px; }
#bookstore #billingAndShippingInfo td.formContent input { width:160px;}
#bookstore #billingAndShippingInfo td.colSeporator { width:6px; }
#bookstore #billingAndShippingInfo td .privacyPolicyBox { display:block; padding: 6px 9px; width:267px; margin-top:4px;
font: normal 11px/13px Arial, Helvetica, sans-serif; color: #000; background-color: #d9e6f1; }
#bookstore .wideColHeading { width:100%; height:27px; margin-top:20px; padding: 3px 12px; background: url(../images/bg_head_billing.gif) no-repeat top left; font: bold 14px Arial, Helvetica, sans-serif; color: #091c30; }
#bookstore #sourceInfoContainer {display:block; margin-left:2px; }
#bookstore #sourceInfoContainer .copyBox { display:block; margin-left:10px; width:590px; }
#bookstore #sourceInfoContainer #howDidYouHear { width:400px; margin-top:4px; margin-left:10px; }
#bookstore #qtyInfoContainer {display:block; margin-left:2px; }
#bookstore #qtyInfoContainer #paymentInfo { margin-top:20px; margin-left:12px; margin-bottom:10px;}
#bookstore #qtyInfoContainer #paymentInfo td {font: bold 11px/16px Arial, Helvetica, sans-serif; color: #000;}
#bookstore #qtyInfoContainer #paymentInfo td.inputCol {padding-left:30px;}
#bookstore #qtyInfoContainer .copyBox { display:block; margin-left:10px; width:590px; }
#bookstore #qtyInfoContainer table { margin-left:8px;}
#bookstore #qtyInfoContainer table .descriptionColCell { vertical-align:top; }
#bookstore #qtyInfoContainer table td { border:none; background-color:#f0f4f6; }
#bookstore #qtyInfoContainer .classQtyInput {width: 17px; margin-bottom:12px; }
#bookstore #submitButton { float:right; margin-top:20px; margin-right:6px; }
*html #bookstore #submitButton { margin-top:20px; margin-right:0; }
#bookstore #custServiceBlurb { display:block; float:right; padding-top:6px; width:656px; margin-bottom:20px; font: normal 11px/13px Arial, Helvetica, sans-serif; color:#999; }
*html #bookstore #custServiceBlurb {margin-right:8px; }
#bookstore #contentCol .requiredFieldsNote { margin:0 0 6px 4px; font: bold 11px Arial, Helvetica, sans-serif; color: #c00; }
#bookstore table#billingAndShippingInfo { width:614px; margin-left:0 }
*html #bookstore table#billingAndShippingInfo { width:620px; }
#bookstore table#billingAndShippingInfo td {font: bold 11px/16px Arial, Helvetica, sans-serif; color: #000; border:none; background-color:#f0f4f6;}
#bookstore #billingAndShippingInfo td.colHeading { background: url(../images/bg_head_narrow_2.gif) no-repeat top left; height:56px;
font: bold 14px Arial, Helvetica, sans-serif; color: #091c30; padding:4px 12px; }
#bookstore #billingAndShippingInfo td input, x:-moz-any-link { margin-bottom:3px; }
#bookstore #billingAndShippingInfo td.colHeading ul { list-style-position:outside; list-style-type:none; margin: 5px 0 0 0; padding:0; }
*+html #bookstore #billingAndShippingInfo td.colHeading ul { margin: 7px 0 0 0; }
*html #bookstore #billingAndShippingInfo td.colHeading ul { margin: 7px 0 0 0; }
#bookstore #billingAndShippingInfo td.colHeading ul li { margin:8px 0; padding: 0; font: normal 11px/13px Arial, Helvetica, sans-serif; color: #000; clear:both; }
*+html #bookstore #billingAndShippingInfo td.colHeading ul li { margin:2px 0; }
*html #bookstore #billingAndShippingInfo td.colHeading ul li { margin:2px 0; }
#bookstore #billingAndShippingInfo td.colHeading ul li div { display:block; float:left; width:90%;}
#bookstore #billingAndShippingInfo td.colHeading ul li div.bulletNumber { width:16px;}
#bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox { font-weight:bold; padding-top:2px;}
*+html #bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox { padding-top:0px; margin:3px 0 0 -3px;}
*html #bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox { padding-top:0px; margin:3px 0 0 -3px;}
#bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox input{ margin-left:0px; float:left;}
#bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox div { display:block; float:left; margin-top:3px; }
*+html #bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox div { margin-top:5px; }
*html #bookstore #billingAndShippingInfo td.colHeading ul li div.withCheckbox div { margin-top:5px; }
#bookstore #billingAndShippingInfo td.formContent { width:288px; padding-top:3px; }
#bookstore #billingAndShippingInfo td.formContent input { width:160px;}
#bookstore #billingAndShippingInfo td.colSeporator { width:6px; }
#bookstore #billingAndShippingInfo td .privacyPolicyBox { display:block; padding: 6px 9px; width:267px; margin-top:4px;
font: normal 11px/13px Arial, Helvetica, sans-serif; color: #000; background-color: #d9e6f1; }
#bookstore .wideColHeading { width:100%; height:27px; margin-top:20px; padding: 3px 12px; background: url(../images/bg_head_billing.gif) no-repeat top left; font: bold 14px Arial, Helvetica, sans-serif; color: #091c30; }
#bookstore #sourceInfoContainer {display:block; margin-left:2px; }
#bookstore #sourceInfoContainer .copyBox { display:block; margin-left:10px; width:590px; }
#bookstore #sourceInfoContainer #howDidYouHear { width:400px; margin-top:4px; margin-left:10px; }
#bookstore #qtyInfoContainer {display:block; margin-left:2px; }
#bookstore #qtyInfoContainer #paymentInfo { margin-top:20px; margin-left:12px; margin-bottom:10px;}
#bookstore #qtyInfoContainer #paymentInfo td {font: bold 11px/16px Arial, Helvetica, sans-serif; color: #000;}
#bookstore #qtyInfoContainer #paymentInfo td.inputCol {padding-left:30px;}
#bookstore #qtyInfoContainer .copyBox { display:block; margin-left:10px; width:590px; }
#bookstore #qtyInfoContainer table { margin-left:8px;}
#bookstore #qtyInfoContainer table .descriptionColCell { vertical-align:top; }
#bookstore #qtyInfoContainer table td { border:none; background-color:#f0f4f6; }
#bookstore #qtyInfoContainer .classQtyInput {width: 17px; margin-bottom:12px; }
#bookstore #submitButton { float:right; margin-top:20px; margin-right:6px; }
*html #bookstore #submitButton { margin-top:20px; margin-right:0; }
#bookstore #custServiceBlurb { display:block; float:right; padding-top:6px; width:656px; margin-bottom:20px; font: normal 11px/13px Arial, Helvetica, sans-serif; color:#999; }
*html #bookstore #custServiceBlurb {margin-right:8px; }
/* END CLASSFORM ORDER FORM STYLES */
/* general styles */
#bookstore .sqBulletList { font: bold 12px/15px Arial, Helvetica, sans-serif; color:#000; }
#bookstore .sqBulletList ul { list-style-position:outside; list-style-type:none; margin:0; padding:0; font-weight:normal; }
#bookstore .sqBulletList ul li { background:transparent url(../../rd07/images/bullet.gif) no-repeat scroll 0pt 7px; margin-left:0; padding-left:10px; }
#bookstore .dash-list {
padding: 0 0 0 0px;
margin: 0px 0 0 0px;
list-style: none;
clear: both;
}
#bookstore .dash-list li {
background-image: url(../../rd07/images/cro_newsdash3.gif);
background-repeat: no-repeat;
background-position: 18px 6px;
margin:1px 0 0 0px;
padding: 0 0 0 32px;
}
#bookstore ul.extraSpacing li { margin:9px 0; }
#bookstore .arrowBulletItem { background: url(../../rd07/images/cro_more_arrows.gif) no-repeat 0px 5px;
margin:14px 0 0 0; padding-left:10px; font-weight:bold; font-size:11px;}
*html #bookstore .arrowBulletItem { background: url(../../rd07/images/cro_more_arrows.gif) no-repeat 0px 6px;}
#bookstore .arrowBulletItem a {font-weight:bold;}
#bookstore .clearAll { clear:both; }
/* end general styles */
/* END STYLES FOR BOOKSTORE */
/* BEGIN STYLES FOR ISSUE PROMO PAGE */
#issue-promo-free {
width: 918px;
margin: 25px 0 20px 0;
background: #edf2fa;
border: 1px solid #bccbd5;
float: left;
clear: both
}
#issue-promo-free h2 {
font: bold 16px Arial, Helvetica, sans-serif;
color: #091c30;
width: 908px;
border-bottom: 1px solid #bccbd5;
height: 22px;
padding: 6px 0 0 10px;
margin: 0px;
}
#issue-promo-free .video-box {
float: left;
clear: both;
width: 235px;
margin: 20px 20px 10px 20px;
font: normal 12px/16px Arial, Helvetica, sans-serif;
}
*html #issue-promo-free .video-box {
padding-bottom: 10px;
margin-left: 10px;
}
*+html #issue-promo-free .video-box {
padding-bottom: 10px;
}
#issue-promo-free .video-box .video-module {
width: 235px;
margin-bottom: 17px;
margin-left:-4px;
height: 250px;
}
*html #issue-promo-free .video-box .video-module {
margin-bottom: 7px;
margin-left:0px;
}
#issue-promo-free .toc-midcol {
float: left;
width: 360px;
margin: 20px 0 10px 0;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
#issue-promo-free .toc-midcol h3 {
font: bold 16px Arial, Helvetica, sans-serif;
color: #091c30;
margin: 0 0 8px 0;
}
#issue-promo-free .toc-midcol .buying-guide-link {
float: left;
clear: both;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #c9d5df;
width: 360px;
}
#issue-promo-free .toc-midcol .home-improvement-guide {
float: left;
clear: both;
margin: 0;
padding: 10px 0;
border-top: 1px solid #fff;
width: 360px;
}
#issue-promo-free .toc-midcol .home-improvement-guide img.square {
float: left;
height: 75px;
width: 75px;
margin: 0 10px 0 0;
}
#issue-promo-free .toc-midcol .home-improvement-guide h4 {
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 0;
}
#issue-promo-free .toc-midcol .home-improvement-guide .read-more {
float: left;
margin-top: 3px;
}
#issue-promo-free .toc-midcol .bottom-links {
float: left;
clear: both;
width: 360px;
margin-top: 10px;
}
#issue-promo-free .toc-midcol .bottom-links ul.left {
padding: 0;
margin: 0;
list-style: none;
line-height:1.5em;
float: left;
width: 220px;
}
#issue-promo-free .toc-midcol .bottom-links ul.left li {
padding:0;
margin:0;
padding-left: 8px;
margin-left: 0;
background: url(http://www.consumerreports.org/cro/resources/rd07/images/squarebullet.gif) no-repeat 0 7px;
}
#issue-promo-free .toc-midcol .bottom-links ul.right {
padding: 0;
margin: 0;
list-style: none;
line-height:1.5em;
float: left;
width: 140px;
}
#issue-promo-free .toc-midcol .bottom-links ul.right li {
padding:0;
margin:0;
padding-left: 8px;
margin-left: 0;
background: url(http://www.consumerreports.org/cro/resources/rd07/images/squarebullet.gif) no-repeat 0 7px;
}
/* RIGHT COLUMN OF FREE AREA */
#issue-promo-free .toc-rightcol {
float: left;
width: 220px;
margin: 20px 0 10px 35px;
}
#issue-promo-free .toc-rightcol img {
border: none;
}
#issue-promo-free .seeAllVideos { font-weight:bold; color:#176fcc;}
/* PAY AREA OF TOC */
#issue-promo-pay {
width: 918px;
margin: 10px 0 10px 0;
float: left;
clear: both;
border: 1px solid #f7da7a;
}
#issue-promo-pay h2 {
background: url(../../rd07/images/pay-background-top.gif) repeat-x;
font: bold 16px Arial, Helvetica, sans-serif;
color: #d83f26;
width: 908px;
border-bottom: 1px solid #f7da7a;
height: 22px;
padding: 6px 0 0 10px;
margin: 0;
}
#issue-promo-pay .header {
background: url(../../rd07/images/pay-background-fade.gif);
float: left;
clear: both;
font: bold 24px Arial, Helvetica, sans-serif;
color: #3d3d3b;
width: 898px;
/*height: 46px;*/
padding: 10px 0 0 20px;
margin: 0px;
}
#issue-promo-pay .subheader {
float: left;
clear: both;
font: normal 12px/16px Arial, Helvetica, sans-serif;
color: #000;
width: 420px;
padding: 5px 470px 0 20px;
margin: 0px;
}
#issue-promo-pay .product1 {
float: left;
clear: both;
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #000;
width: 420px;
padding: 0;
margin: 10px 20px 20px 20px;
vertical-align: middle;
}
#issue-promo-pay .product2 {
float: left;
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #000;
width: 420px;
padding: 0;
margin: 10px 10px 0 0;
}
#issue-promo-pay .product1 img {
float: left;
border: none;
margin-right: 10px;
}
#issue-promo-pay .product2 img {
float: left;
border: none;
margin-right: 10px;
}
#issue-promo-pay .bottom {
float: left;
clear: both;
width: 918px;
border-top: 1px solid #f7da7a;
padding: 0; /*padding: 8px 0 5px 10px;*/
margin: 0;
background: #fff7de;
}
#issue-promo-pay .bottom .left {
float: left;
width: 636px;
padding: 0;
margin:0;
border-right: 1px solid #fff;
}
#issue-promo-pay .bottom .right {
float: left;
width: 280px;
padding: 0;
margin:0;
border-left: 1px solid #f7da7a;
}
#issue-promo-pay .bottom .left img.subscribe {
float: left;
clear:left;
border: none;
margin: 0 40px 0 150px;
}
#issue-promo-pay .bottom .right img.subscribe {
float: left;
clear:left;
border: none;
margin: 0 40px 0 155px;
}
#issue-promo-free a:link {
font: bold 11px/14px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
}
#issue-promo-free a:visited {
font: bold 11px/14px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
}
#issue-promo-free a:hover {
font: bold 11px/14px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: underline;
}
#issue-promo-free a:active {
font: bold 11px/14px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: underline;
}
/* END STYLES FOR ISSUE PROMO */
/* STATIC RATINGS & TAB STYLES (ONLY HERE FOR NOW REMOVE AFTER SILVER!!!) --------------------------------------------------------------------------- */
@charset "utf-8";
/* CSS Document */
/* RATINGS & RELIABILITY HEADER -- this is the section with the subheading, the key and the print tool*/
#subhead_container {
width:558px;
}
#subhead_container .subhead_bug {
clear:both;
padding:13px 0px 18px 0px;
height:31px;
}
*html #subhead_container .subhead_bug { position:relative; top:3px; padding:12px 0px 19px 0px;}
#subhead_container .subhead_bug .heading {
margin-top:14px;
font: bold 16px Arial, Helvetica, sans-serif;
color: #091c30;
}
*html #subhead_container .subhead_bug .heading {margin-top:25px;}
*+html #subhead_container .subhead_bug .heading {margin-top:27px;}
#subhead_container .subhead_bug .ratingsKey {
position:relative;
top:-1px;
float:right;
height:30px;
margin-bottom:1px;
}
*html #subhead_container .subhead_bug .ratingsKey { top:-2px; }
*+html #subhead_container .subhead_bug .ratingsKey { top:-1px; }
#subhead_container .subhead_bug .ratingsKey_better_worse {
position:relative;
top:5px;
float:right;
margin-bottom:1px;
}
*html #subhead_container .subhead_bug .ratingsKey_better_worse { top:3px; }
*+html #subhead_container .subhead_bug .ratingsKey_better_worse { top:4px; }
/* END RATINGS & RELIABILITY HEADER */
/* SubTab styles */
#subtabs_container {
height:19px;
width:557px;
background-color:#f1f4f9;
border-right: 1px solid #c3d2e0;
border-top: 1px solid #c3d2e0;
background: url(../images/silverImgT/tab_sec_general_bkg.gif) repeat-x 0px 0px;
}
#subtabs_container, x:-moz-any-link {
height:20px;
position:relative;
top:1px;
width:556px;
}
*html #subtabs_container { height:19px; overflow:hidden; width:557px; }
*+html #subtabs_container { width:557px; }
#subtabs_container .behindRatingsLinkBox {
float:right;
margin: 2px 12px 0 0;
height:12px;
border-bottom:1px dotted #176cff;
}
*html #subtabs_container .behindRatingsLinkBox { margin: 2px 6px 0 0; }
#subtabs_container .behindRatingsLinkBox a {
font: normal 10px Arial, Helvetica, sans-serif;
color: #176cff;
text-decoration:none;
}
#subtabs_container .subtabs {
display:block;
position:relative;
top:-5px;
height: 24px;
padding:0;
overflow:hidden;
}
#subtabs_container .subtabs ul {
display:block;
position:absolute;
left:0px;
top:0px;
height:24px;
margin:0;
padding:0;
}
#subtabs_container .subtabs ul li {
float: left;
height: 17px;
list-style: none;
font: bold 12px Arial, Helvetica, sans-serif;
margin: 5px 0 0 0px;
padding: 1px 18px 0 18px;
clear: none;
border-right: 1px solid #c3d2e0;
border-left: 1px solid #fff;
}
#subtabs_container .subtabs ul li .text { margin-top:1px; }
*html #subtabs_container .subtabs ul li .text { width:100px; } /* THIS IS FOR THIS TAB SET ONLY -- SOLVE Rx IE6 TAG ISSUE!! */
#subtabs_container .subtabs ul li.tabset_end {
border-right:none;
}
#subtabs_container .subtabs ul li.left_spacer {
position:relative;
width:13px;
height:16px;
padding: 2px 0 0 0;
margin-top:5px;
border-left: 1px solid #c3d2e0;
border-right:none;
}
*html #subtabs_container .subtabs ul li.left_spacer { width:12px; }
#subtabs_container .subtabs ul li.left_spacer .left_spacerRightCap {
display:block;
position:absolute;
left:100%;
top:0px;
width:1px;
height:18px;
border-left: none;
border-right:none;
background: url(../images/silverImgT/tab_sec_general_bkg.gif) repeat-x 0px 0px;
z-index:995;
}
#subtabs_container .subtabs ul li.on {
position:relative;
height: 22px;
margin: 2px 6px 0 -2px;
padding:0 4px 0 0;
background: url(../images/silverImgT/tab_sec_center.gif) repeat-x 0px 0px;
border: none;
z-index:996;
}
*html #subtabs_container .subtabs ul li.on { margin-right:1px;}
#subtabs_container .subtabs ul li.on .text .onRightCap {
display:block;
position:absolute;
top:0px;
left:100%;
width:7px;
height:22px;
background: url(../images/silverImgT/tab_sec_right.gif) no-repeat top right;
}
#subtabs_container .subtabs ul li.on .text {
background: url(../images/silverImgT/tab_sec_left.gif) no-repeat 0px 0px;
margin:0 0 0 0;
padding: 2px 11px 0 23px;
line-height:20px;
}
*html #subtabs_container .subtabs ul li.on .text { padding: 1px 11px 0 23px; }
*+html #subtabs_container .subtabs ul li.on .text { padding: 1px 11px 0 23px; }
#subtabs_container .subtabs ul li a:link { color: #176fcc; text-decoration:none; font-weight:bold;}
#subtabs_container .subtabs ul li a:visited { color: #176fcc; text-decoration:none; font-weight:bold;}
#subtabs_container .subtabs ul li a:hover { color: #176fcc; text-decoration:underline; font-weight:bold; }
#subtabs_container .subtabs ul li a:active { color: #176fcc; text-decoration:none; font-weight:bold;}
#subtabs_container .subtabs ul li.on a:link { color: #091c30; text-decoration:none; font-weight:bold;}
#subtabs_container .subtabs ul li.on a:visited { color: #091c30; text-decoration:none; font-weight:bold;}
#subtabs_container .subtabs ul li.on a:hover { color: #091c30; text-decoration:none; font-weight:bold; }
#subtabs_container .subtabs ul li.on a:active { color: #091c30; text-decoration:none; font-weight:bold;}
/* end tab styles */
/* END STATIC RATINGS & TAB STYLES (ONLY HERE FOR NOW REMOVE AFTER SILVER!!!) -----------------------------------------------------------------------*/
.hub-types {font: bold 12px/14px Arial, Helvetica, sans-serif; color: #666;}
/* STYLES FOR MONEY LANDING PAGE */
.money-features {
width: 284px;
float: left;
clear: both;
margin: 20px 0 0 0;
}
.money-features a:link {
text-decoration:underline;
color:#091c30;
}
.money-features a:visited {
text-decoration:underline;
color:#091c30;
}
.money-features a:hover {
text-decoration:underline;
color:#768b9e;
}
.money-features .bar {
font: bold 14px Arial, Helvetica, sans-serif;
color: #091c30;
background: #eef1f6;
margin:0;
padding: 6px 12px 5px 12px;
border-bottom: 1px solid #bfcad3;
}
.money-features .top {
margin: 12px 0 0 0;
padding: 0 0 0 12px;
}
.money-features .top h2 {
font: bold 12px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.money-features .top .news_img {
margin:0;
padding: 0 12px 0 0px;
float:left;
}
.money-features .top .blurb {
margin:0;
padding: 0;
font: normal 12px Arial, Helvetica, sans-serif;
color: #000;
}
.money-features .top .blurb a:link {
text-decoration:underline;
color:#091c30;
}
.money-features .top .blurb a:visited {
text-decoration:underline;
color:#091c30;
}
.money-features .top .blurb a:hover {
text-decoration:underline;
color:#768b9e;
}
.money-features .top .blurb_text {
font: 11px Arial, Helvetica, sans-serif;
color: #000;
line-height:1.4em;
}
.money-features ul {
margin:0;
padding:5px 0 0 12px;
list-style: none;
clear:both;
}
.money-features ul li {
background-image: url(http://www.consumerreports.org/cro/resources/rd07/images/cro_newsdash3.gif);
background-repeat: no-repeat;
background-position: 0 .8em;
margin:0;
padding:0 0 0 12px;
font: 12px Arial, Helvetica, sans-serif;
line-height:1.8em;
}
.money-features .more_feature_news {
margin:0;
padding:5px 0 0 24px;
font: bold 11px Arial, Helvetica, sans-serif;
}
.money-features .more_feature_news a:link {
text-decoration:none;
color:#176fcc
}
.money-features .more_feature_news a:visited {
text-decoration:none;
color:#176fcc
}
.money-features .more_feature_news a:hover {
text-decoration: underline;
color:#176fcc
}
.money-financial-services-list {
position: relative;
width: 500px;
float: left;
}
.money-financial-services-list, .money-financial-services-list ul {
padding: 0;
margin: 0;
list-style: none;
position:relative;
}
.money-financial-services-list a {
width: 10em;
font: bold 11px Arial, Helvetica, sans-serif;
color: #8c8c8c;
text-decoration: none;
}
.money-financial-services-list a:hover {
color:#FFFFFF;
}
.money-financial-services-list .on {
color: #ff0000;
}
.money-financial-services-list li {
width: 100px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #8c8c8c;
margin-bottom: 10px;
float: left;
}
.money-financial-services-list li ul {
position: absolute;
left: 0;
top: -50px;
font-size: 10px;
visibility: hidden;
}
.money-financial-services-list li ul li {
list-style: circle;
float: left;
clear: both;
}
.money-financial-services-list li ul a {
font-size: 10px;
}
.money-financial-services-list li:hover ul {
top: 0px;
left: 0;
border: 1px solid #c00;
width:150px;
padding-top:30px;
}
.money-financial-services-list li:hover ul {
visibility: visible;
width: 500px;
}
.money-features-right {
width: 280px;
float: left;
margin: 20px 0 0 0;
}
.money-features-right a:link {
text-decoration:underline;
color:#091c30;
}
.money-features-right a:visited {
text-decoration:underline;
color:#091c30;
}
.money-features-right a:hover {
text-decoration:underline;
color:#768b9e;
}
.money-features-right .bar {
font: bold 14px Arial, Helvetica, sans-serif;
color: #091c30;
background: #eef1f6;
margin:0;
padding: 6px 12px 5px 12px;
border-bottom: 1px solid #bfcad3;
}
.money-features-right .top {
margin: 12px 0 0 0;
padding: 0 0 0 12px;
}
.money-features-right .top h2 {
font: bold 12px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.money-features-right .top .news_img {
margin:0;
padding: 0 12px 0 0px;
float:left;
}
.money-features-right .top .blurb {
margin:0;
padding: 0;
font: normal 12px Arial, Helvetica, sans-serif;
color: #000;
}
.money-features-right .top .blurb a:link {
text-decoration:underline;
color:#091c30;
}
.money-features-right .top .blurb a:visited {
text-decoration:underline;
color:#091c30;
}
.money-features-right .top .blurb a:hover {
text-decoration:underline;
color:#768b9e;
}
.money-features-right .top .blurb_text {
font: 11px Arial, Helvetica, sans-serif;
color: #000;
line-height:1.4em;
}
.money-features-right ul {
margin:0;
padding:5px 0 0 12px;
list-style: none;
clear:both;
}
.money-features-right ul li {
background-image: url(/cro/resources/rd07/images/cro_newsdash3.gif);
background-repeat: no-repeat;
background-position: 0 .8em;
margin:0;
padding:0 0 0 12px;
font: 12px Arial, Helvetica, sans-serif;
line-height:1.8em;
}
.money-features-right .more_feature_news {
margin:0;
padding:5px 0 0 24px;
font: bold 11px Arial, Helvetica, sans-serif;
}
.money-features-right .more_feature_news a:link {
text-decoration:none;
color:#176fcc
}
.money-features-right .more_feature_news a:visited {
text-decoration:none;
color:#176fcc
}
.money-features-right .more_feature_news a:hover {
text-decoration: underline;
color:#176fcc
}
/* VIDEO BOX STYLES */
.money-video-box {
margin: 20px 0;
background: #f1f1f1;
font: normal 11px Arial, Helvetica, sans-serif;
color: #000;
overflow-y: auto;
overflow-x: hidden;
float: left;
clear: both;
width: 586px;
padding-bottom: 6px;
border: 1px solid #bfcad3;
}
.money-video-box a:link {
color: #176fcc;
text-decoration: none;
}
.money-video-box a:visited {
color: #176fcc;
text-decoration: none;
}
.money-video-box a:hover {
color: #176fcc;
text-decoration: underline;
}
.money-video-box a:active {
color: #176fcc;
text-decoration: underline;
}
.money-video-box h2 {
font: bold 14px Arial, Helvetica, sans-serif;
display: block;
height: 23px;
padding: 8px 2px 0 10px;
margin: 00;
}
.money-video-box h2 .text {
font: normal 11px Arial, Helvetica, sans-serif;
color: #000;
}
.money-video-box h3.first {
font: bold 14px Arial, Helvetica, sans-serif;
display: block;
padding: 0;
margin: 0;
}
.money-video-box h3 {
font: bold 14px Arial, Helvetica, sans-serif;
display: block;
padding: 0;
margin: 12px 0 0 0;
}
.money-video-box .selector {
font: bold 11px Arial, Helvetica, sans-serif;
color: #7f8b94;
display: block;
height: 20px;
border-top: 1px solid #d3dbe4;
padding: 5px 2px 2px 10px;
margin: 0;
float: left;
clear: both;
width: 484px;
}
.money-video-box .leftcol {
width: 227px;
margin: 0 12px 0 0;
padding: 0 5px 5px 10px;
float: left;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
.money-video-box .leftcol .below-video {
font: normal 12px Arial, Helvetica, sans-serif;
color: #000;
margin-top: 12px;
}
.money-video-box .leftcol .video-text {
font: bold 11px Arial, Helvetica, sans-serif;
color: #000;
}
.money-video-box .rightcol {
width: 232px;
margin: 0;
padding: 0 5px 5px 5px;
float: left;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
.money-video-box .rightcol .more-videos {
float: left;
display: block;
border-bottom: 1px dotted #d3dbe4;
margin: 0 0 5px 0;
padding: 5px;
width: 275px;
}
.money-video-box .rightcol .more-videos h3 {
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 0;
}
/*
.money-video-box .rightcol .more-videos img {
float: left;
margin-right: 10px;
border: 0;
width: 75px;
height: 75px;
}
*/
.money-video-box .rightcol .more-videos .head4 {
font: bold 11px Arial, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 0;
}
.money-video-box .rightcol .more-videos .head4 img {
height: 13px;
width: 14px;
display: inline;
margin: 0 2px 0 0;
}
.money-video-box .rightcol .car-type {
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
padding-top: 5px;
}
.money-video-box .rightcol .car-type-list {
float: left;
width: 100px;
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #000;
}
.money-video-box .rightcol .car-type-list p {
font: normal 11px/14px Arial, Helvetica, sans-serif;
margin: 4px 0 0 0;
}
/* END VIDEO BOX STYLES */
/* MORE FEATURES BOX */
.money-more-features {
width: 588px;
margin: 0;
padding: 0 0 12px 0;
float: left;
clear: both;
border-top: 1px solid #bfcad3;
border-bottom: 1px solid #bfcad3;
}
.money-more-features .header {
font: bold 14px Arial, Helvetica, sans-serif;
color: #091c30;
width: 588px;
margin: 0;
padding: 12px 0;
float: left;
clear: both;
}
.money-more-features .header a:link {
font: bold 14px Arial, Helvetica, sans-serif;
color: #091c30;
text-decoration: none;
}
.money-more-features .header a:visited {
font: bold 14px Arial, Helvetica, sans-serif;
color: #091c30;
text-decoration: none;
}
.money-more-features .header a:hover {
font: bold 14px Arial, Helvetica, sans-serif;
color: #091c30;
text-decoration: underline;
}
.money-more-features .header a:active {
font: bold 14px Arial, Helvetica, sans-serif;
color: #091c30;
text-decoration: underline;
}
.money-more-features .column1 {
margin: 0;
padding: 0 20px 0 0;
width: 273px;
border-right: 1px solid #e3e9ef;
float: left;
clear: both;
}
.money-more-features .column1 h4 {
font: bold 12px/16px Arial, Helvetica, sans-serif;
margin: 12px 0 0 0;
padding: 0;
}
.money-more-features .column1 h4.first {
font: bold 12px/16px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.money-more-features .column1 p {
font: normal 11px/14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.money-more-features .column2 {
width: 262px;
margin: 0;
padding: 0 12px 0 20px;
float: left;
clear: none;
}
.money-more-features .column2 h4 {
font: bold 12px/16px Arial, Helvetica, sans-serif;
margin: 12px 0 0 0;
padding: 0;
}
.money-more-features .column2 h4.first {
font: bold 12px/16px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.money-more-features .column2 p {
font: normal 11px/14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.money-more-features h4 a:link {
font: bold 12px/16px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
}
.money-more-features h4 a:visited {
font: bold 12px/16px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
}
.money-more-features h4 a:hover {
font: bold 12px/16px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: underline;
}
.money-more-features h4 a:active {
font: bold 12px/16px Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: underline;
}
/* main container for each nav item (full nav item) */
/* general */
#choose .rollover-nav-container { display:block; float:left; height:50px; width:64px;
border-right:1px solid #a2ccf2; border-left:1px solid #fff;
text-align:center;
font: bold 11px Arial, Helvetica, sans-serif; color:#1770ce;}
/* first & last -- no left & right borders respecitvely */
#choose #rollover-finances-container { border-left:none; color:#000; }
#choose #rollover-car-container { border-right:none; }
/* generalized container for nav item icon images */
#choose .rollover-nav-container .rollover-icon { display:block; height:26px; width:100%; overflow:hidden; }
/* specific containers for each nav item icon image */
#choose .rollover-nav-container #rollover-finances {
background: url(/cro/resources/rd07/images/money_tab_icons_finances.gif) no-repeat scroll center -26px; }
#choose .rollover-nav-container #rollover-home {
background: url(/cro/resources/rd07/images/money_tab_icons_home.gif) no-repeat scroll center top; }
#choose .rollover-nav-container #rollover-family {
background: url(/cro/resources/rd07/images/money_tab_icons_family.gif) no-repeat scroll center top; }
#choose .rollover-nav-container #rollover-car {
background: url(/cro/resources/rd07/images/money_tab_icons_car.gif) no-repeat scroll center top; }
/* nav bullet lists for each icon */
#choose #rollover-finances-nav-list { display: block; }
#choose #rollover-home-nav-list { display: none; }
#choose #rollover-family-nav-list { display: none; }
#choose #rollover-car-nav-list { display: none; }
#choose .navlist { width:100%; clear:both; float:left; padding:5px 0pt 0pt; }
.money-guide-separator {
width: 100%;
float: left;
clear: both;
height: 1px;
line-height: 1px;
background: #a2cdf2;
border-bottom: 1px solid #fff;
}
/* Complete Financial Guide added by Grant */
.complete-financial-guide {
float: left;
clear: both;
margin: 0;
padding: 12px 0;
width: 255px;
}
.complete-financial-guide .image-box {
float: left;
width: 55px;
margin: 0 12px 0 0;
padding: 0;
}
.complete-financial-guide .text {
float: left;
margin: 0;
padding: 0;
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #000;
width: 185px;
}
.complete-financial-guide .text .financial-guide-head {
font: bold 11px/14px Arial, Helvetica, sans-serif;
}
.complete-financial-guide .text .financial-guide-head a:link {
font: bold 11px/14px Arial, Helvetica, sans-serif;
color: #176FCC;
text-decoration: none;
}
.complete-financial-guide .text .financial-guide-head a:visited {
font: bold 11px/14px Arial, Helvetica, sans-serif;
color: #176FCC;
text-decoration: none;
}
.complete-financial-guide .text .financial-guide-head a:hover {
font: bold 11px/14px Arial, Helvetica, sans-serif;
color: #176FCC;
text-decoration: underline;
}
.complete-financial-guide .text .financial-guide-head a:active {
font: bold 11px/14px Arial, Helvetica, sans-serif;
color: #176FCC;
text-decoration: underline;
}
/* style for toll free pop-up page */
#toll-free-wrapper {
width:660px;
height:530px;
background-image:url(../images/080108_phone.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}
/* style for PriceTracker */
#apple {
background-color:#FFFFFF;
color:#000000;
display:none;
left:-210px;
margin-left:50%;
padding:10px;
position:absolute;
top:150px;
z-index:5001;
}
#home_middle.dynPub p {
font: normal 12px/16px Arial, Helvetica, sans-serif;
}
#cat_leftnav.dynPub dt {
margin: 0 0 20px;
}
#cat_leftnav.dynPub .botborder {
margin-top: 30px;
}
#container #rightcol.dynPub {
width:300px;
}
#home_right.dynPub {
background: none;
width: auto;
margin-right: 17px;
}
/* NEW STYLES */
#container #midcol.dynPub {
width: 450px;
}
#home_middle.dynPub h2 {
font: bold 18px/21px Arial, Helvetica, sans-serif;
color: #091c30;
margin: 14px 0 0 0;
padding: 0;
}
#home_middle.dynPub img.pt-inline {
margin-bottom: -2px;
}
#home_middle.dynPub ul li {
line-height: 18px;
}
#home_right.dynPub img {
border: 0px none;
}
#home_right.dynPub img.pt-inline {
margin: 16px -2px 5px 0;
}
/* end of PriceTracker */
/* BULLET STYLE FOR CANADIAN TOC */
ul.canada {
margin: 0;
padding: 0;
}
ul.canada li {
list-style: none;
background: url(http://consumerreports.org/cro/resources/images/hidden/rd07/canada.gif) no-repeat 0 3px;
padding-left: 16px;
font: normal 12px/16px Arial, Helvetica, sans-serif;
margin: 0 0 8px 0;
}
/* STYLES FOR APS MARKETING PAGE */
.hideText{display:none;}
#asp-content-container {
font-family:Arial,Helvetica,sans-serif;
text-align:left;
font-size:11px;
position: relative;
width: 940px;
margin: auto;
height: auto;
overflow: hidden;
}
#aps-middle {
background: url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/cars_bkgnd.jpg) 0 0 no-repeat;
width: 920px;
overflow: hidden;
margin: 0;
border:1px solid #fff;
}
/*************************************************************************/
/* BANNER STYLES */
/*************************************************************************/
body {font:12px/16px Arial, Helvetica, sans-serif; color:#000;}
#apsSlides {width:740px; height:198px; background:#e7e7e8; position:relative;float:right;margin-bottom:10px;}
#apsSlideNav {position: absolute; z-index:20; height:27px; right:11px; bottom:11px;}
.apsSlide {width:740px; height:198px; position:absolute; z-index:10;}
.apsSlideImg {width:740px; height:198px; border:0; position: absolute; z-index:1;}
.apsSlideText h2 {display: none;}
.apsSlideText {width: 350px; height:110px; position:absolute; top:75px; left:25px; z-index:2;}
.apsSlideText a{color:#ec1c24;text-decoration:underline;}
#apsSlideNav ul {list-style-type: none; float:left; padding:0; margin:0;}
#apsSlideNav ul li {display: block; float: left; cursor: pointer;}
.apsNavItemStart {width:30px; height:27px; background: transparent url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/slidebutton_first.gif) 0 0 no-repeat; color:#fff;}
.apsNavItemStartOver {width:30px; height:27px; background: transparent url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/slidebutton_first.gif) 0 -27px no-repeat; color:#000;}
.apsNavItemEnd {width:30px; height:27px; background: transparent url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/slidebutton_last.gif) 0 0 no-repeat; color:#fff;}
.apsNavItemEndOver {width:30px; height:27px; background: transparent url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/slidebutton_last.gif) 0 -27px no-repeat; color:#000;}
.apsNavItem {width:30px; height:27px; background: transparent url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/slidebutton.gif) 0 0 no-repeat; color:#fff;}
.apsNavItemOver {width:30px; height:27px; background: transparent url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/slidebutton.gif) 0 -27px no-repeat; color:#000;}
.apsNavItemNum {margin:6px 0 0 12px;}
/*************************************************************************/
div.aps-used_car_services a{
background: url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/used_car_services_btn.jpg) 0 0 no-repeat;
display:block;
height:54px;
width:152px;
margin-bottom:5px;
}
div.aps-canadian_prices a{
background: url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/canadian_prices_btn.jpg) 0 0 no-repeat;
display:block;
height:54px;
width:152px;
}
#aps-bottom_rightside{width:745px;height:220px;float:right;padding-left:0px;margin-right:-4px;}
#aps-bottom_rightside .top{background: url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/bottombkgnd_top.jpg) 0 0 no-repeat;height:15px;}
#aps-bottom_rightside .middle{background: url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/bottombkgnd_middle.jpg) 0 0 repeat-y;height:200px;}
#aps-bottom_rightside .bottom{background: url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/bottombkgnd_bottom.jpg) 0 0 no-repeat;height:18px;}
#aps-bottom_rightside .middle .aps-content{width:320px;float:left;margin-left:25px;}
#aps-bottom_rightside .middle .aps-content.right{margin-left:50px;}
.aps-content h3, .aps-content ul{display:inline;}
.aps-content h3{color:#00bff3;font-weight:bold;font-size:17px;}
.aps-content h2{text-transform:uppercase;color:#000021;font-size:20px;margin:10px 0 0 0;}
.aps-content.right h2.report{color:#6e93b9;}
.aps-content ul{_margin:0;_padding:0;color:#363636;_margin-top:10px;display:block;margin-top:8px;
margin-left:0px;
padding:0;
}
.aps-content ul li{list-style-position: outside;_margin:0;_padding:0;
margin-left:2em;
text-index:-2em;
}
.aps-content .links{_margin-top:20px;_padding:0;_height:0;}
.aps-content.left .links{margin-top:20px;}
.aps-content.right .links{margin-top:20px;}
.aps-content .links a{font-size:15px;color:#000021;margin:0;padding:0;text-decoration:underline;font-weight:bold;display:block;float:left;padding:0 5px;}
.aps-content .links a:hover{color:#999;}
.aps-content .links a.subscribe{background: url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/subscribe_btn.jpg) 0 0 no-repeat;height:31px;width:124px;margin:-5px 0 0 20px;_margin:-2px 0 0 20px;}
.aps-content .links a.subscribe:hover{background: url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/subscribe_btn.jpg) 0 -31px no-repeat;}
.aps-content .links a.orderreport{background: url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/orderreport_btn.jpg) 0 0 no-repeat;height:31px;width:147px;margin:-5px 0 0 20px;_margin:-2px 0 0 20px;}
.aps-content .links a.orderreport:hover{background: url(http://web.consumerreports.org/offers/1108/auto_landpage_vD/images/orderreport_btn.jpg) 0 -31px no-repeat;}
/* BEGIN STYLES FOR GENERIC NO LEFT NO RIGHT PAGE VARIANT */
.generic-no-left-no-right_left-column {
background: url(http://consumerreports.org/cro/resources/content/images/products/grant_article_bg.jpg) repeat-y scroll 635px 0 !important;
float: left;
margin: 0 0 0 25px;
padding: 20px 65px 30px 0;
width: 600px;
font: normal 12px/16px Arial, Helvetica, sans-serif;
}
.generic-no-left-no-right_right-column {
float: left;
width: 200px;
margin: 0 25px 0 0;
padding: 20px 0 0 0;
font: normal 12px/16px Arial, Helvetica, sans-serif;
}
*html .generic-no-left-no-right_right-column {
margin-right: 0;
}
.generic-no-left-no-right_left-column h3 {font-size:14px; line-height:17px; font-weight:bold; color:#000; margin:17px 0 0 0;}
.generic-no-left-no-right_left-column h3.subhead {margin-top: 1px; margin-bottom: 17px} /* Sub Header */
*+html .generic-no-left-no-right_left-column h3 {line-height:18px; }
.generic-no-left-no-right_left-column h3.article {margin-top: 30px;} /* This should go in between paragraphs to give a slighly larger top margin. */
.generic-no-left-no-right_left-column h3.firstArticleHeading {margin-top: 13px;}
*html .generic-no-left-no-right_left-column h3.firstArticleHeading {margin-top: 19px;}
*+html .generic-no-left-no-right_left-column h3.firstArticleHeading {margin-top: 19px;}
.generic-no-left-no-right_left-column h3.chart-title {margin-top: 30px; margin-bottom: 6px} /* This should go in between paragraphs and charts to give a slighly larger top margin and a space before the chart. */
.generic-no-left-no-right_left-column h4 { font: bold 12px Arial, Helvetica, sans-serif; line-height:16px; color:#000000; padding-bottom:0px; margin: 32px 0 0 0; padding-top:0px;}
.generic-no-left-no-right_left-column h4.after-subhead {margin-top: 17px;}
.generic-no-left-no-right_left-column .subtype {margin: 0 0 0 20px;}
.generic-no-left-no-right_left-column h4.subtype-head {margin: 17px 0 0 0;}
.generic-no-left-no-right_left-column .pSpan {clear:left; margin-top:0;}
*html .generic-no-left-no-right_left-column .pSpan {display: block}
/* END STYLES FOR GENERIC NO LEFT NO RIGHT PAGE VARIANT */
/*User Review Styles - Portable Template*/
.portable_user_review {
overflow-x: hidden;
overflow-y: auto;
width: 907px;
}
.portable_user_review #left {
width: 180px;
overflow-x: hidden;
overflow-y: auto;
float: left;
margin: 0 20px 0 0;
padding: 0;
}
.portable_user_review #right {
width: 536px;
overflow-x: hidden;
overflow-y: auto;
float: left;
}
/* ---------------- MODULES ------------------ */
/* About Us Box */
.portable_user_review .about_box {
float: left;
width: 158px;
padding: 10px;
margin: 0 0 20px 0;
border: 1px solid #BFCAD3;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
.portable_user_review .about_box h2 {
font: bold 14px/15px Arial, Helvetica, sans-serif;
color: #091C30;
margin: 0 0 2px 0;
padding: 0;
}
.portable_user_review .about_box p {
font: normal 11px/14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
width: 158px;
}
/* Additional Information Box */
.portable_user_review .additional_info_box {
float: left;
clear: both;
width: 180px;
padding: 0 0 12px 0;
margin: 0 0 20px 0;
border-bottom: 1px solid #BFCAD3;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
.portable_user_review .additional_info_box h2 {
background: #EEF1F6;
border-bottom: 1px solid #BFCAD3;
font: bold 14px/15px Arial, Helvetica, sans-serif;
color: #091C30;
margin: 0 0 6px 0;
padding: 6px 12px;
height: 14px;
}
.portable_user_review .additional_info_box p {
font: normal 11px/14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0 12px;
}
/* Additional Information Navigation */
.portable_user_review .additional_info_nav {
float: left;
clear: both;
width: 180px;
padding: 0 0 12px 0;
margin: 0 0 20px 0;
}
.portable_user_review .additional_info_nav h2 {
background: #596a7a;
border-bottom: 1px solid #243443;
font: bold 14px Arial, Helvetica, sans-serif;
color: #FFF;
margin: 0;
padding: 6px 12px;
width: 156px;
height: 14px;
}
.portable_user_review .additional_info_nav p {
font: bold 11px/14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 6px 12px;
width: 156px;
background: #eef1f6;
border-bottom: 1px solid #bfcad3;
}
.portable_user_review .additional_info_nav p a:link {
font-weight: normal;
}
.portable_user_review .additional_info_nav p a:visited {
font-weight: normal;
}
.portable_user_review .additional_info_nav p a:hover {
font-weight: normal;
}
.portable_user_review .additional_info_nav p a:active {
font-weight: normal;
}
/* User Reviews Main Box */
.portable_user_review .user_reviews_main_box {
float: left;
width: 510px;
margin: 0 0 16px 0;
padding: 12px 12px 8px 12px;
border: 1px solid #B9CADC;
font: normal 11px/14px Arial, Helvetica, sans-serif;
background: #CDDAEA url(/cro/resources/content/images/products/user-reviews/bg_main_mini.gif) repeat-x;
}
.portable_user_review .user_reviews_main_box img {
float: left;
margin: 0 8px 0 0;
border: none;
}
.portable_user_review .user_reviews_main_box p {
font: normal 11px/14px Arial, Helvetica, sans-serif;
float: left;
width: 320px;
clear: none;
}
.portable_user_review .user_reviews_main_box h2 {
font: bold 20px Arial, Helvetica, sans-serif;
color: #000;
margin: 0 0 3px 0;
}
/* Select Your Product and Blurb */
.portable_user_review .select_your_product {
width: 540px;
margin: 0 0 3px 0;
font: bold 18px Arial, Helvetica, sans-serif;
color: #091C30;
float: left;
clear: both;
}
.portable_user_review .select_your_product a:link {
color: #000;
text-decoration: none;
}
.portable_user_review .select_your_product a:visited {
color: #000;
text-decoration: none;
}
.portable_user_review .select_your_product a:hover {
color: #000;
text-decoration: none;
}
.portable_user_review .select_your_product a:active {
color: #000;
text-decoration: none;
}
.portable_user_review .select_another {
width: 536px;
margin: 0 0 12px 0;
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #000;
float: left;
clear: both;
}
.portable_user_review .select_your_product_blurb {
width: 536px;
margin: 0 0 20px 0;
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #000;
float: left;
clear: both;
}
/* Product Links Box */
.portable_user_review .product_links_box {
float: left;
width: 144px;
padding: 8px 12px;
margin: 0 12px 30px 0;
border: 1px solid #DCDCDC;
font: normal 11px/14px Arial, Helvetica, sans-serif;
background: #F7F7F7;
}
.portable_user_review .product_links_box h2 {
font: bold 14px/15px Arial, Helvetica, sans-serif;
color: #000;
margin: 0 0 2px 0;
padding: 0;
}
.portable_user_review .product_links_box p {
font: normal 11px/14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
width: 144px;
}
/* Product Information Box */
.portable_user_review .product_information {
float: left;
clear: both;
width: 536px;
padding: 20px 0;
margin: 0 0 20px 0;
border-top: 1px solid #BFCAD3;
border-bottom: 1px solid #BFCAD3;
}
.portable_user_review .product_information .header {
font: bold 16px Arial, Helvetica, sans-serif;
color: #091C30;
margin: 0 10px 2px 0;
padding: 0;
float: left;
clear: both;
width: 530px;
}
.portable_user_review .product_information .choose {
font: normal 11px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0 0 0 10px;
clear: none;
display: inline;
}
.portable_user_review .product_information .product_image {
font: normal 11px Arial, Helvetica, sans-serif;
margin: 10px 20px 0 0;
padding: 0;
float: left;
clear: both;
width: 240px;
}
.portable_user_review .product_information .product_data {
font: normal 11px Arial, Helvetica, sans-serif;
margin: 10px 10px 0 0;
padding: 0;
float: left;
width: 130px;
}
.portable_user_review .product_information .product_data p {
font: normal 11px/14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.portable_user_review .product_information .product_data p.head {
font: bold 11px/14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.portable_user_review .product_information .all_user_reviews {
background: #ffeec1 url(/cro/resources/content/images/cro_cr_slug.gif}) no-repeat 115px 9px;
border: 1px solid #FFCC33;
margin: 10px 0 0 0;
;
padding: 9px;
float: left;
clear: none;
width: 120px;
}
.portable_user_review .product_information .all_user_reviews h2 {
font: bold 12px/14px Arial, Helvetica, sans-serif;
color: #091c30;
margin: 0 0 2px 0;
padding: 0;
}
.portable_user_review .product_information .all_user_reviews p {
font: normal 11px/14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.portable_user_review .product_information .all_user_reviews p.link {
font: bold 11px/14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.portable_user_review .product_information .select_type_brand {
font: normal 11px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
float: left;
clear: both;
width: 530px;
}
.portable_user_review .product_information .select_type_brand .type_brand {
font: bold 11px Arial, Helvetica, sans-serif;
margin: 10px 0 0 0;
padding: 0;
}
.portable_user_review .product_information .select_type_brand form {
margin: 0;
padding: 0;
}
.portable_user_review .product_information .select_type_brand select {
font: normal 11px Arial, Helvetica, sans-serif;
width: 160px;
margin: 0 10px 0 10px;
padding: 0;
}
.portable_user_review .product_information .select_type_brand .info_pop {
font: normal 11px Arial, Helvetica, sans-serif;
margin: 12px 0 0 0;
padding: 0;
}
.portable_user_review .product_information .select_type_brand .info_pop a:link {
text-decoration: none;
border-bottom: 1px dotted #176fcc;
}
.portable_user_review .product_information .select_type_brand .show_products_button {
float: left;
clear: both;
width: 173px;
text-align: right;
margin-top: 12px;
}
.portable_user_review .model_information {
float: left;
clear: both;
width: 536px;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
}
.portable_user_review .model_information .header {
font: bold 16px Arial, Helvetica, sans-serif;
color: #091C30;
margin: 0 10px 2px 0;
padding: 0;
float: left;
clear: both;
width: 530px;
}
.portable_user_review .model_information .select_type_brand {
font: normal 11px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
float: left;
clear: both;
width: 530px;
}
.portable_user_review .portable_user_review table {
width: 534px;
table-layout: fixed;
empty-cells: show;
border: 1px solid #DDD;
border-collapse: collapse;
border-bottom: none;
float: left;
clear: both;
padding: 0;
margin: 0 0 0 1px;
}
.portable_user_review .portable_user_review table th {
background: #E9EFF9;
font: bold 11px Arial, Helvetica, sans-serif;
padding: 6px 9px 3px 9px;
text-align: left;
border-bottom: 1px solid #DDD;
color: #000000;
border-right: none;
border-top: none;
}
.portable_user_review .portable_user_review table tr.dark {
background: #F8F8F8;
}
.portable_user_review .portable_user_review table tr td {
font: normal 11px Arial, Helvetica, sans-serif;
padding: 9px;
border-bottom: 1px solid #DDD;
}
.portable_user_review .portable_user_review table tr td img {
margin-left: 2px;
}
.portable_user_review .portable_user_review table th.center {
text-align: center;
}
.portable_user_review .portable_user_review table td.center {
text-align: center;
}
.portable_user_review .products_shown {
float: left;
clear: both;
font: bold 11px Arial, Helvetica, sans-serif;
margin: 10px 0 20px 0;
padding: 0;
width: 220px;
}
.portable_user_review .how_to_find_link {
float: right;
clear: none;
font: normal 11px Arial, Helvetica, sans-serif;
margin: 10px 0 16px 0;
padding: 0 0 4px 0;
width: 220px;
text-align: right;
}
.portable_user_review .how_to_find_link a:link {
text-decoration: none;
border-bottom: 1px dotted #176fcc;
}
.portable_user_review .thank_you_subhead {
width: 540px;
margin: 0 0 12px 0;
font: bold 12px/16px Arial, Helvetica, sans-serif;
color: #000;
float: left;
clear: both;
}
.portable_user_review ul.thank_you {
float: left;
clear: both;
font: bold 12px Arial, Helvetica, sans-serif;
list-style: none;
margin: 0;
padding: 0;
width: 500px;
}
.portable_user_review ul.thank_you li {
padding: 0 0 0 12px;
margin: 0 0 12px 0;
background: url(http://www.consumerreports.org/cro/resources/rd07/images/cro_homenews_arrows.gif) no-repeat 0 5px;
font: bold 12px Arial, Helvetica, sans-serif;
}
.portable_user_review ul.thank_you li a {
font-weight: bold;
}
.portable_user_review ul.thank_you li a:visited {
font-weight: bold;
}
.portable_user_review ul.thank_you li a:hover {
font-weight: bold;
}
.portable_user_review ul.thank_you li a:active {
font-weight: bold;
}
.portable_user_review ul.thank_you li a:link {
font-weight: bold;
}
.portable_user_review p {
margin: 0;
padding: 0;
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #000;
float: left;
clear: both;
}
.portable_user_review p.subhead {
width: 540px;
margin: 10px 0 0 0;
font: bold 12px/16px Arial, Helvetica, sans-serif;
color: #000;
float: left;
clear: both;
}
.portable_user_review #right p {
clear: none;
}
.portable_user_review #right div.product_data p {
clear: both;
}
.portable_user_review p.subhead a:link {
color: #000;
text-decoration: none;
}
.portable_user_review p.subhead a:visited {
color: #000;
text-decoration: none;
}
.portable_user_review p.subhead a:hover {
color: #000;
text-decoration: none;
}
.portable_user_review p.subhead a:active {
color: #000;
text-decoration: none;
}
.portable_user_review p.top {
width: 540px;
margin: 6px 0 0 0;
float: left;
text-align: right;
clear: both;
}
.portable_user_review p.top img {
border: none;
}
.portable_user_review ul.faq {
float: left;
clear: both;
font: normal 11px/18px Arial, Helvetica, sans-serif;
list-style: none;
margin: 6px 0 0 0;
padding: 0;
width: 500px;
}
.portable_user_review ul.faq li {
padding: 0;
margin: 0;
font: normal 11px/18px Arial, Helvetica, sans-serif;
}
/* POP-UP STYLES */
.portable_user_review .side_borders {
margin: 0;
position: absolute;
top: 300px;
left: 100px;
overflow: hidden;
z-index: 100;
}
.portable_user_review .side_borders dl {
width: 258px;
margin: 0px;
background: url(/cro/resources/content/cars/images/user-review/photo_box_bottom.png) no-repeat bottom left;
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #000;
}
.portable_user_review .side_borders dt {
margin: 0;
padding: 11px 16px 5px 16px;
background: url(/cro/resources/content/cars/images/user-review/photo_box_top.png) no-repeat top left;
font: bold 12px Arial, Helvetica, sans-serif;
color: #0000FF;
border: 0;
}
.portable_user_review .side_borders dd {
margin: 0;
padding: 5px 16px 10px 16px;
background: url(/cro/resources/content/cars/images/user-review/photo_box_middle.png) repeat-y;
}
.portable_user_review .side_borders dd.bottom {
margin: 0;
padding: 0;
border: 0;
background: none;
height: 20px;
}
.portable_user_review .feedback-formgroup-wrap {
padding-right:10px;
width:530px;
overflow:hidden;
}
.portable_user_review .feedback-formgroup {
float:right;
padding:10px 0pt 0pt;
margin-right:2px;
}
.portable_user_review .feedback-notice {
clear:both;
font-size:10px;
padding-top:8px;
padding-right:10px;
text-align:right;
width:528px;
}
.portable_user_review .feedback-label {
background:#FFFFFF;
clear:both;
float:left;
margin:10px 10px 0px 0px;
padding:5px;
text-align:right;
width:85px;
}
.portable_user_review .feedback-wrap-common {
clear:none;
float:left;
margin:0px;
padding:9px;
position:relative;
width:398px;
}
.portable_user_review .feedback-fieldwrap {
background:#f8f8f8;
border:1px solid #DDDDDD;
}
.portable_user_review .feedback-fieldwrap .inputBox {
padding:3px;
width:388px;
}
.portable_user_review .feedback-commentwrap {
background:transparent url(/cro/resources/content/cars/images/user-review/bg_reviewinfo_1.gif) repeat-x scroll left bottom;
border:1px solid #DDDDDD;
height:140px;
}
.portable_user_review .feedback-commentwrap .commentBox {
padding:3px;
height:130px;
width:388px;
border:1px solid #AAAAAA;
overflow:auto;
}
.portable_user_review .feedback-label h3 {
font: bold 11px Arial, Helvetica, sans-serif;
color:#999999;
display:inline;
}
.portable_user_review .feedback-submitwrap {
clear:both;
background:#fff;
padding-top:10px;
margin-left:110px;
}
.portable_user_review .required {
background:url(/cro/resources/content/cars/images/user-review/required_star.gif) no-repeat scroll left center;
padding-left:10px;
}
.portable_user_review .additional_info_box {
float: left;
clear: both;
width: 180px;
padding: 0 0 9px 0;
margin: 0 0 20px 0;
border-bottom: 1px solid #BFCAD3;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
*+html .portable_user_review .additional_info_box {
padding-bottom: 0;
}
*html .portable_user_review .additional_info_box {
padding-bottom: 0;
}
.portable_user_review .additional_info_box h2 {
background: #EEF1F6;
border-bottom: 1px solid #BFCAD3;
font: bold 14px/15px Arial, Helvetica, sans-serif;
color: #091C30;
margin: 0 0 9px 0;
padding: 6px 12px;
height: 14px;
}
/* styles for features and tools */
#feature-tools-top
{
width: 746px;
height: 291px;
border: 1px solid #c1cede;
font: normal 11px/16px Arial, Helvetica, sans-serif;
background: url(../images/highlight_bg.jpg) repeat-x;
} /* repeat-x; is this to ensure it goes across the width? */
#feature-tools-top-left
{
width: 188px;
height: 258px;
padding: 16px 0px 16px 16px;
border: 0px;
float: left;
margin-right: 20px;
}
#feature-tools-top-left a
{
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration: none;
color:#176fcc;
}
#feature-tools-top a:hover
{
text-decoration: underline;
font: bold 11px Arial, Helvetica, sans-serif;
}
#feature-tools-top-right
{
width: 508px;
height: 258px;
padding: 0px 0px 0px 0px;
background: #ffffff;
float: left;
margin-top: 16px;
margin-right: 12px;
}
/* classes used in top half of page */
.feature-tools-head
{
font: bold 14px Arial, Helvetica, sans-serif;
color: #091C30;
}
.feature-tools-top-list
{
margin: 0;
padding: 0;
list-style: none;
font-weight: bold;
}
.feature-tools-top-list li
{
padding: 10px 0 0 10px;
background: url(../images/cro_homenews_arrows.gif) no-repeat 0px 15px;
}
/* start bottom half of page*/
.feature-tools-bottom
{
width: 748px;
background: transparent;
font: normal 11px/16px Arial, Helvetica, sans-serif;
margin: 0 0 0 0;
}
.feature-tools-bottom a
{
text-decoration: none;
color:#176fcc;
font: bold 11px Arial, Helvetica, sans-serif;
}
.feature-tools-bottom a:hover
{
text-decoration: underline;
font: bold 11px Arial, Helvetica, sans-serif;
}
.feature-tools-blue-back
{
width: 748px;
background:#EEF1F6;
border-bottom: 1px solid #BFCAD3;
font: bold 14px Arial, Helvetica, sans-serif;
color: #091C30;
margin: 20px 0 20px 0;
padding: 0;
}
.feature-tools-blue-back .feature-tools-blue-back-head
{
padding: 6px 0 6px 16px;
}
.feature-tools-list
{
margin: 0;
padding: 0;
list-style: none;
font-weight: bold;
}
.feature-tools-list li
{
padding-left: 10px;
background: url(../images/cro_homenews_arrows.gif) no-repeat 0px 5px;
}
.feature-tools-report-head
{
font: bold 12px Arial, Helvetica, sans-serif;
color: #000000;
}
.feature-tools-col-left
{
float: left;
width: 220px;
padding: 0 29px 29px 0;
margin: 0;
clear: both;
}
.feature-tools-col-middle
{
float: left;
width: 220px;
padding: 0 29px 29px 0;
margin: 0;
}
.feature-tools-col-right
{
float: left;
width: 220px;
padding: 0 0 29px 0;
margin: 0;
}
#feature-tools-top-searches /* creates outside of box */
{
width: 220px;
float: left;
height: auto;
border: 1px solid #c1cede;
padding: 10px 5px 10px 10px;
}
#feature-tools-top-searches .results-left
{
width: 157px;
border: 0px solid;
height: 18px;
font: bold 11px/18px Arial, Helvetica, sans-serif;
float: left;
padding: 0;
margin: 3px 0 0 0;
}
#feature-tools-top-searches .results-middle
{
width: 10px;
height: 18px;
font: bold 11px/18px Arial, Helvetica, sans-serif;
border: 0px solid;
float: left;
margin: 3px 0 0 0;
padding: 0;
background: url(../images/cro_homenews_arrows.gif) no-repeat 0px 6px;
}
#feature-tools-top-searches .results-right
{
height: 18px;
width: 38px;
border: 0px solid;
float: left;
font: bold 11px/18px Arial, Helvetica, sans-serif;
padding: 0;
margin: 3px 0 0 0;
}
/* end styles for features and tools */
/* Styles for Swine Flu Hub javascript styles */
#hub-blue #hub-right .content-box .leftcol .blog-entry a {
font: bold 14px/16px Arial, Helvetica, sans-serif;
text-decoration: none;
color:#176fcc;
}
#hub-blue #hub-right .content-box .leftcol .blog-entry a:hover {
text-decoration: underline;
}
#hub-blue #hub-right .content-box .leftcol .blog-entry {
font: normal 12px/16px Arial, Helvetica, sans-serif;
padding: 0;
float: left;
width: 215px;
margin: 10px 0 0 10px;
}
/* REFORM HUB STYLES */
.latest-blogs-container {
border-top: solid 1px #F5FBFB;
width: 494px;
clear: both;
margin: 0;
padding: 0;
}
.latest-blogs-container ul.left {
font: normal 12px/16px Arial, Helvetica, sans-serif;
float:left;
margin:0 0 0 12px;
width:225px;
padding: 0;
}
.latest-blogs-container ul.right {
font: normal 12px/16px Arial, Helvetica, sans-serif;
float:left;
margin:0 12px 0 20px;
width:225px;
padding: 0;
}
.latest-blogs-container ul li {
list-style:none;
margin: 0 0 6px 0;
width:225px;
background: url(http://www.consumerreports.org/cro/resources/rd07/images/cro_newsdash3.gif) 0 9px no-repeat;
padding: 0 0 0 12px;
}
.latest-blogs-container li.more-blogs {
background: url(http://www.consumerreports.org/cro/resources/rd07/images/cro_homenews_arrows.gif) no-repeat scroll 12px 5px;
font: bold 11px/14px Arial, Helvetica, sans-serif;
margin:0;
padding: 0 0 0 24px;
}
.latest-blogs-container ul li a:link {
text-decoration: underline;
color: #1A2D45;
}
.latest-blogs-container ul li a:visited {
text-decoration: underline;
color: #1A2D45;
}
.latest-blogs-container ul li a:hover {
text-decoration: underline;
color: #1A2D45;
}
.latest-blogs-container ul li a:active {
text-decoration: underline;
color: #1A2D45;
}
/* HUB squared bullet styles (javascript) */
#hub-right .content-box .bullet-list ul a {
color:#176fcc;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-decoration: none;
}
#hub-right .content-box .bullet-list ul a:hover {
text-decoration: underline;
}
/* Adding for Cars */
.highs_lows_box {
background: #D2DADF;
display: inline;
font-weight: bold;
margin: 5px 4px 5px 0;
padding: 1px 2px 1px 4px;
text-align: left;
line-height: 18px;
}
/* Start Shopping Hub Styles */
#shopping-hub {
width: 748px;
overflow: auto;
margin: 0;
padding: 0;
}
#shopping-hub a:link {color:#176FCC; text-decoration:none;}
#shopping-hub a:visited {color:#176FCC; text-decoration:none;}
#shopping-hub a:hover {color:#176FCC; text-decoration:underline;}
#shopping-hub a:active {color:#176FCC; text-decoration:underline;}
#shopping-hub .price-and-shop {
float: left;
clear: both;
width: 748px;
height: 222px;
margin: 0 0 20px 0;
padding: 0;
background: url(shop_cat_top.jpg) no-repeat;
}
#shopping-hub .price-and-shop .header {
float: left;
clear: both;
width: 730px;
margin: 0;
padding: 22px 0 0 18px;
font: bold 14px Arial, Helvetica, sans-serif;
color: #000;
}
#shopping-hub .price-and-shop .description {
float: left;
clear: both;
width: 730px;
margin: 0;
padding: 2px 0 12px 18px;
font: normal 12px Arial, Helvetica, sans-serif;
color: #000;
}
#shopping-hub .price-and-shop .franchise {
float: left;
width: 280px;
margin: 0;
padding: 0 0 12px 0;
}
#shopping-hub .price-and-shop .clear {
clear: both;
padding-left: 18px;
}
#shopping-hub .price-and-shop .franchise img {
float: left;
width: 54px;
height: 54px;
margin: 0 12px 0 0;
padding: 0;
border: 1px solid #999;
}
#shopping-hub .price-and-shop .franchise .name {
float: left;
width: 204px;
margin: 0;
padding: 0;
font: bold 12px Arial, Helvetica, sans-serif;
}
#shopping-hub .price-and-shop .franchise .products {
float: left;
width: 204px;
margin: 0;
padding: 0;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
#shopping-hub .price-and-shop .franchise .more {
float: left;
width: 204px;
margin: 0;
padding: 0;
font: bold 11px/16px Arial, Helvetica, sans-serif;
}
#shopping-hub .price-and-shop .franchise .more a:link {color:#176FCC; text-decoration: none; border-bottom: 1px dotted #176FCC;}
#shopping-hub .price-and-shop .franchise .more a:visited {color:#176FCC; text-decoration: none; border-bottom: 1px dotted #176FCC;}
#shopping-hub .price-and-shop .franchise .more a:hover {color:#176FCC; text-decoration: none; border-bottom: 1px dotted #176FCC;}
#shopping-hub .price-and-shop .franchise .more a:active {color:#176FCC; text-decoration: none; border-bottom: 1px dotted #176FCC;}
#shopping-hub .ad {
float: left;
clear: both;
width: 746px;
height: 86px;
margin: 0 0 20px 0;
padding: 0;
text-align: center;
border: 1px solid #BFCAD3
}
#shopping-hub .middle-row {
float: left;
clear: both;
width: 748px;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
overflow: auto;
border-bottom: 1px solid #bfcad3;
}
#shopping-hub .middle-row .shopsmart-magazine {
float: left;
width: 520px;
margin: 0;
padding: 0;
overflow: auto;
}
#shopping-hub .middle-row .shopsmart-magazine .header {
float: left;
background: #eef1f6;
border-bottom: 1px solid #bfcad3;
font: bold 14px Arial, Helvetica, sans-serif;
padding: 9px 12px;
margin: 0;
width: 496px;
}
#shopping-hub .middle-row .shopsmart-magazine .featured-content {
float: left;
clear: both;
font: normal 12px Arial, Helvetica, sans-serif;
padding: 9px 12px;
margin: 0;
width: 496px;
}
#shopping-hub .middle-row .shopsmart-magazine .current-issue {
float: left;
clear: both;
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0;
margin: 0 0 0 12px;
width: 104px;
}
#shopping-hub .middle-row .shopsmart-magazine .current-issue img {
float: left;
padding: 0;
margin: 0;
width: 102px;
border: 1px solid #bfcad3;
}
#shopping-hub .middle-row .shopsmart-magazine .current-issue .subscribe-now {
float: left;
clear: both;
font: bold 12px Arial, Helvetica, sans-serif;
padding: 10px 0;
margin: 0;
width: 104px;
}
#shopping-hub .middle-row .shopsmart-magazine .feature-article {
float: left;
padding: 0;
margin: 0 0 0 12px;
width: 190px;
}
#shopping-hub .middle-row .shopsmart-magazine .feature-article img {
float: left;
padding: 0;
margin: 0;
border: none;
}
#shopping-hub .middle-row .shopsmart-magazine .feature-article .blurb {
float: left;
padding: 9px 0 5px 0;
margin: 0;
width: 190px;
border: none;
font: normal 12px/16px Arial, Helvetica, sans-serif;
}
#shopping-hub .middle-row .shopsmart-magazine .feature-article .full-story {
float: left;
padding: 0;
margin: 0;
width: 190px;
border: none;
font: bold 12px/16px Arial, Helvetica, sans-serif;
}
#shopping-hub .middle-row .shopsmart-magazine .feature-article .full-story img {
float: left;
padding: 0;
margin: 0 6px 0 0;
border: none;
position: relative;
top: 6px;
}
#shopping-hub .middle-row .shopping-news {
float: left;
width: 216px;
margin: 0 0 0 12px;
padding: 0;
}
#shopping-hub .middle-row .shopping-news .header {
float: left;
background: #eef1f6;
border-bottom: 1px solid #bfcad3;
font: bold 14px Arial, Helvetica, sans-serif;
padding: 9px 12px;
margin: 0;
width: 192px;
}
#shopping-hub .middle-row .shopping-news .lead-story {
float: left;
clear: both;
padding: 9px 12px;
margin: 0;
width: 192px;
font: normal 12px/16px Arial, Helvetica, sans-serif;
}
#shopping-hub .middle-row .shopping-news .lead-story .thumb {
float: left;
padding: 0;
margin: 0 12px 0 0;
width: 56px;
}
#shopping-hub .middle-row .shopping-news .lead-story .thumb img {
border: 1px solid #bfcad3;
margin: 0;
padding: 0;
width: 54px;
height: 54px;
}
#shopping-hub .middle-row .shopping-news .lead-story .content {
float: left;
padding: 0;
margin: 0;
width: 124px;
}
#shopping-hub .middle-row .shopping-news .lead-story .content .head {
float: left;
padding: 0;
margin: 0;
width: 124px;
font: bold 12px Arial, Helvetica, sans-serif;
}
#shopping-hub .middle-row .shopping-news .lead-story .content .head a:link {
text-decoration:underline;
color:#091c30;
font-weight: bold;
}
#shopping-hub .middle-row .shopping-news .lead-story .content .head a:visited {
text-decoration:underline;
color:#091c30;
font-weight: bold;
}
#shopping-hub .middle-row .shopping-news .lead-story .content .head a:hover {
text-decoration:underline;
color:#768b9e;
font-weight: bold;
}
#shopping-hub .middle-row .shopping-news .lead-story .content .head a:active {
text-decoration:underline;
color:#768b9e;
font-weight: bold;
}
#shopping-hub .middle-row .shopping-news .lead-story .content .blurb {
float: left;
padding: 0;
margin: 0;
width: 124px;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
#shopping-hub .middle-row .shopping-news ul {
float: left;
clear: both;
list-style: none;
margin: 0 0 2px 0;
padding: 0;
}
#shopping-hub .middle-row .shopping-news ul li {
background: url(cro_newsdash3.gif) 0 0.6em no-repeat;
margin: 0;
padding: 0 0 5px 15px;
font: normal 12px/16px Arial, Helvetica, sans-serif;
width: 180px;
}
#shopping-hub .middle-row .shopping-news ul li a:link {
color: #000;
text-decoration: underline;
}
#shopping-hub .middle-row .shopping-news ul li a:visited {
color: #000;
text-decoration: underline;
}
#shopping-hub .middle-row .shopping-news ul li a:hover {
color: #000;
text-decoration: underline;
}
#shopping-hub .middle-row .shopping-news ul li a:active {
color: #000;
text-decoration: underline;
}
#shopping-hub .middle-row .shopping-news .more-news {
float: left;
padding: 0 0 0 12px;
margin: 0;
width: 180px;
border: none;
font: bold 11px/14px Arial, Helvetica, sans-serif;
}
#shopping-hub .middle-row .shopping-news .more-news img {
float: left;
padding: 0;
margin: 0 6px 0 0;
border: none;
position: relative;
top: 5px;
}
#shopping-hub .bottom-row {
float: left;
clear: both;
width: 748px;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
overflow: auto;
border-bottom: 1px solid #bfcad3;
}
#shopping-hub .bottom-row .buying-guides {
float: left;
width: 216px;
margin: 0 0 0 12px;
padding: 0;
overflow: auto;
background: url(buying_advice_module_sm_btm.gif) no-repeat bottom left;
}
#shopping-hub .bottom-row .buying-guides .top {
float: left;
width: 216px;
margin: 0;
padding: 0;
overflow: hidden;
background: url(buying_advice_module_sm_top.gif) no-repeat top left;
}
#shopping-hub .bottom-row .buying-guides .top .head {
float: left;
width: 190px;
margin: 0;
padding: 13px;
font: bold 14px Arial, Helvetica, sans-serif;
}
#shopping-hub .bottom-row .buying-guides .top .video {
float: left;
clear: both;
width: 190px;
margin: 0;
padding: 0 13px;
position: relative;
}
#shopping-hub .bottom-row .buying-guides .top .video img.play {
border: none;
position: absolute;
right: 25px;
top: 75px;
}
#shopping-hub .bottom-row .buying-guides .top .caption {
float: left;
clear: both;
width: 190px;
margin: 0;
padding: 6px 13px 0 13px;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
#shopping-hub .bottom-row .buying-guides .top .caption img.video-icon {
border: none;
padding-left: 2px;
}
#shopping-hub .bottom-row .buying-guides .top .more {
float: left;
clear: both;
width: 190px;
margin: 0;
padding: 12px 13px 6px 13px;
font: bold 12px/16px Arial, Helvetica, sans-serif;
}
#shopping-hub .bottom-row .buying-guides .top ul {
float: left;
clear: both;
width: 190px;
margin: 0;
padding: 0 13px 13px 13px;
list-style: none;
}
#shopping-hub .bottom-row .buying-guides .top ul li {
float: left;
clear: both;
width: 190px;
margin: 0;
padding: 0 0 3px 10px;
list-style: none;
background: url(http://www.consumerreports.org/cro/resources/rd07/images/squarebullet.gif) no-repeat 0 7px;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
/* Bottom Row Ratings Slider Styles */
#shopping-hub .cat_middle {
float: left !important;
clear: both !important;
margin: 0 !important;
padding: 0 !important;
width: 520px !important;
}
#shopping-hub .cat_middle .copy {
width: 120px !important;
padding-top: 10px;
}
#shopping-hub .cat_middle h1 {
margin-left: 0 !important;
}
/* --------------------------- */
.shopHubPop {
z-index:999;
width:258px;
position:absolute;
display:none;
font: normal 11px Arial, Helvetica, sans-serif;
padding:12px;
margin:0;
padding:0;
}
.shopHubPop .heading{
font-size:12px;
font-weight:bold;
display:block;
position:relative;
top: 11px;
}
.shopHubPop dd {
padding: 0px 18px 0px 16px;
margin-left: 0;
}
.shopHubPop .top {
height:14px;
background:transparent url(http://consumerreports.org/cro/resources/content/images/products/pop_box_top.png) no-repeat scroll left top;
}
.shopHubPop .mid {
padding-top:11px;
background: url(http://consumerreports.org/cro/resources/content/images/products/pop_box_mid.png) repeat-y;
}
.shopHubPop .bottom {
background: url(http://consumerreports.org/cro/resources/content/images/products/pop_box_bottom.png) no-repeat;
height:24px;
}
#shopping-hub #rssContent a:link { color:#091c30!important; }
#shopping-hub #rssContent a:visited { color:#091c30!important; }
#shopping-hub #rssContent a:hover { color:#768b9e!important; }
#shopping-hub #rssContent a:active { color:#768b9e!important; }
#shopping-hub #seo {
float:left;
font: normal 11px Arial, Helvetica, sans-serif;
line-height:14px;
color:#000;
padding: 17px 8px 0px 0px;
margin: 18px 0px 0px;
width:512px;
border-top: 1pt solid #bfcad3;
}
*html #shopping-hub #seo {
margin: 19px 0px 0px;
}
*+html #shopping-hub #seo {
margin: 19px 0px 0px;
}
/* End Shopping Hub Styles */
/* Cars Best Deals Plus Marketing Styles */
#cbdp-marketing #hedr{background:url(../../rd07/images/cbdp/hdr_bg.gif) repeat-x ; height:66px; color:#8d9aa6; font-size:11px; padding:12px 0 0 12px;}
#cbdp-marketing #hedr h1{ font-size:24px; color:#000; margin:6px 0 0 9px; padding:0}
#cbdp-marketing #container{width:926px;}
#cbdp-marketing #maincontent {background:url(../../rd07/images/cbdp/cars_bg.jpg) no-repeat bottom left; padding-left:33px; font-size:15px; line-height:19px; height:560px}
#cbdp-marketing #contents {background:url(../../rd07/images/cbdp/content_bg.gif) no-repeat}
#cbdp-marketing #maincontent ul{ font-stretch:condensed; list-style-image:url../../rd07/images/cbdp/red_bullet.gif);font-size:15px; }
#cbdp-marketing #maincontent li{margin:6px 0 10px 10px;font-size:15px; line-height:16px}
#cbdp-marketing h2.save{background:url(../../rd07/images/cbdp/h2_save.png) no-repeat; width:923px; height:113px; text-indent:-1000px; padding-top:0px; margin:2px 0 0 0}
#cbdp-marketing h3.know{background:url(../../rd07/images/cbdp/h3_know.png) no-repeat; width:557px; height:30px; text-indent:-1000px; margin:0; margin-top:14px; margin-left:-4px;}
#cbdp-marketing .righticon {float:right; margin:15px 20px 0 0}
#cbdp-marketing .rightcol { float:left; width:686px; margin-left:8px}
#cbdp-marketing #maincontent p{margin:7px 0 27px 0; padding:0; text-align:justify; line-height:23px;}
#cbdp-marketing .gray {color:#414447}
#cbdp-marketing #footer{font-size:10px; margin-left:33px; margin-top:0; padding-top:0}
#cbdp-marketing b{font-size:17px; color:#2d3a48;}
#cbdp-marketing #col1{float:left;}
#cbdp-marketing #col2{float:left; padding:6px 0 0 14px;}
#cbdp-marketing #subscribe{ position:absolute; float:left;width:321px; height:362px; background:url(../../rd07/images/cbdp/subscribe_bg.png) no-repeat;}
#cbdp-marketing #subscribe-single {position:absolute; float:left;width:321px; height:362px; background:url(../../rd07/images/cbdp/subscribe_bg2.png) no-repeat;}
#cbdp-marketing #subscribe-upgrade {position:absolute; float:left;width:321px; height:362px; background:url(../../rd07/images/cbdp/subscribe_bg3.png) no-repeat;}
#cbdp-marketing #subscribe .one img, #cbdp-marketing #subscribe-single .one img, #cbdp-marketing #subscribe-upgrade .one img {padding:180px 0 0 25px; text-align:left; margin:0; float:left}
#cbdp-marketing #subscribe .both img, #cbdp-marketing #subscribe-single .both img, #cbdp-marketing #subscribe-upgrade .both img { padding:43px 0 110px 25px; clear:both;float:left;text-align:left;}
#cbdp-marketing div.btm{ margin:15px 0 0 0; padding:0; }
/* New and Used Car Customer Service Styles */
#new-used-cust-serv {}
#new-used-cust-serv #contents { width:920px; margin:17px 0 0 3px;}
#new-used-cust-serv h1.title{background:url(../../rd07/images/new-used-sub/t_usedcarpr.gif) no-repeat; width:486px; height:60px; text-indent:380px; margin:0;
font-size:13px; margin-top:0; padding-top:20px; color:#8594a6; padding-bottom:10px;
}
#new-used-cust-serv h1.titlenew{background:url(../../rd07/images/new-used-sub/t_newcarpr.gif) no-repeat; width:486px; height:60px; text-indent:380px; margin:0;
font-size:13px; margin-top:0; padding-top:20px; color:#8594a6; padding-bottom:10px;
}
#new-used-cust-serv #col2 h1.title a, #col2 h1.titlenew a { color:#176fcc;}
#new-used-cust-serv .righticon {float:right; margin:15px 8px 0 0}
#new-used-cust-serv #maincontent p{margin:7px 0 27px 0; padding:0; text-align:justify; line-height:16px;}
#new-used-cust-serv .gray {color:#414447}
#new-used-cust-serv #footer{font-size:10px; margin-left:33px; margin-top:0; padding-top:0}
#new-used-cust-serv b{font-size:17px; color:#2d3a48;}
#new-used-cust-serv #col1{float:left; font-size:13px; width:418px; z-index:1 }
#new-used-cust-serv #col2{float:left; margin:0 0 0 14px; font-stretch:condensed;
padding:0; width:488px; background:url(../../rd07/images/new-used-sub/box_btm.gif) bottom no-repeat}
#new-used-cust-serv #col2 a {font-weight:bold; color:#8594a6; text-decoration:underline}
#new-used-cust-serv #col2 p {margin:0 30px 0 17px;}
#new-used-cust-serv #col2 ul{ font-stretch:condensed;font-size:13px; margin:7px 0 0 0 ; padding-left:55px;}
#new-used-cust-serv #toptitle {background:url(../../rd07/images/new-used-sub/title_getareliable.gif) no-repeat; text-indent:-1000px; height:46px}
#new-used-cust-serv #toptitlenew {background:url(../../rd07/images/new-used-sub/title_findout.gif) no-repeat; text-indent:-1000px; height:46px}
#new-used-cust-serv div.btm{ margin:0 10px 0 12px; padding:0; float:right}
#new-used-cust-serv div.btmnew{ margin:5px 79px 0 12px; padding:0; float:right}
#new-used-cust-serv #col2 p.sreport{margin:7px 0 0 50px; font-stretch:narrower; padding-top:0; font-size:11px}
#new-used-cust-serv #col2 p.sreport a{color:#000; text-decoration:underline;}
#new-used-cust-serv .orderreport{position:relative; z-index:22; right:26px; top:-20px;}
/*js photos */
#new-used-cust-serv #p1,
#new-used-cust-serv #p2,
#new-used-cust-serv #p3{
position:absolute;
width: 420px;
height:412px;
background-repeat: no-repeat;
overflow: hidden;
clear: both;
margin-left:2px
}
#new-used-cust-serv #p {
z-index: 151;
}
#new-used-cust-serv #p ul.tabs {
list-style: none;
margin: 0 12px 0 0;
padding: 0px 12px 0 0;height:24px;
width: 410px;height:24px;
clear: both; line-height:20px;
overflow: hidden;
background: url(../../rd07/images/new-used-sub/js_top.png) no-repeat;
}
#new-used-cust-serv #p .tabs li {
float: right; width:17px;
margin: 0 1px 0 0; height:24px; color:#6e6e6e; padding:0;
font-size: 11px; font-family: Arial,sans-serif; padding-top:3px
}
#new-used-cust-serv #p .tabs a {
display: block;
width:17px;
line-height:19px;
text-align:center;
padding: 0 0 0;
color: #6e6e6e;
text-decoration: none; height:22px;
}
#new-used-cust-serv #p .tabs a:hover {
text-decoration: underline;
}
#new-used-cust-serv #p .tabs .on {
background: #f5f8fa; border:1px solid #c3d2e0; padding:0; margin:0;
}
#new-used-cust-serv #p .tabs .on a {
background: #f5f8fa; border:1px solid #c3d2e0;
color: #6e6e6e;padding:0; margin:0;line-height:23px;
}
#new-used-cust-serv #p .tabs .on a:hover {
text-decoration: none;
}
/* Shoppong hub styles */
#hub-right #rssContent .dash a {
color: #000;
}
#hub-right #rssContent .dash a:hover {
color: #1A2D45;
}
/* AAA MARKETING STYLES */
#aaa #header{
margin:auto;
width:920px;
}
#aaa #headline{
background-color:#fff;
margin:auto;
width:920px;
height:85px;
}
#aaa #headline-img{
margin:5px 0 5px 0;
}
#aaa #content-container{
margin:auto;
padding:0;
width:920px;
background:#FFFFFF url(../../rd07/images/ContentBgrd.jpg) bottom repeat-x;
height:443px;
}
#aaa .content-section{
float:left;
text-align:left;
display:inline;
margin:0;
padding:0;
}
#aaa .content-subscribe{
margin-top:-3px;
padding:0;
height:76px;
text-align:center;
width:300px;
}
#aaa .content-subscribe img{
margin-left:20px;
}
#aaa #content-subscribe1{
background:url(../../rd07/images/section1_lower.jpg) no-repeat;
}
#aaa #content-subscribe2{
background:url(../../rd07/images/section2_lower.jpg) no-repeat;
}
#aaa #content-subscribe3{
background:url(../../rd07/images/section3_lower.jpg) no-repeat;
}
#aaa #terms{
background-color:#E9F0FA;
margin:10px 0 0 0;
padding:20px 0 15px 0;
width:920px;
margin:auto;
}
#aaa #terms p{
font-size:12px;
color:#000;
margin:10px 50px 25px 50px;
text-align:left;
}
#aaa #terms #agreement{
font-size:11px;
color:#666;
margin:0 0 0 0;
text-align:center;
}
#aaa #copyright{
font-size:11px;
margin:auto;
padding:0;
}
#aaa a, a:link{
color:#176FCC;
text-decoration:none;
}
#aaa a:hover{
text-decoration:underline;
}
/* END AAA MARKETING STYLES */
/* violator styles */
#violator {
}
#violator .highlight-text a {
color: #900;
font-weight: bold;
text-decoration: none;
}
#violator .highlight-text a:hover {
text-decoration: underline;
}
#violator .black-link a {
color: #000;
font-weight: bold;
text-decoration: none;
}
#violator .black-link a:hover {
text-decoration: underline;
}
/* MOBILE LANDING PAGE STYLES */
#crmcontainer {
height: 800px;
width: 921px;
position: relative;
top: 10px;
}
#crmcontainer .h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
font-style: normal;
font-weight: bold;
color: #f3302a;
margin: 0px;
}
#crmcontainer .h1p {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
#crmcontainer .h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
color: #f3302a;
}
#crmcontainer #crmtopsection {
background-image: url(../../rd07/images/mobile_top.gif);
background-repeat: no-repeat;
background-position: left top;
height: 145px;
width: 926px;
position: absolute;
visibility: visible;
left: 0px;
top: 0px;
z-index: 2;
}
#crmcontainer #crmleft {
background-image: url(../../rd07/images/mobile_shw-left.gif);
background-repeat: repeat-y;
height: 650px;
width: 4px;
position: relative;
left: 0px;
top: 145px;
}
#crmcontainer #crmright {
background-image: url(../../rd07/images/mobile_shw-right.gif);
background-repeat: repeat-y;
height: 650px;
width: 4px;
position: absolute;
top: 145px;
float: right;
right: 0px;
}
#crmcontainer #crmbottom {
height: 6px;
width: 926px;
position: absolute;
left: 0px;
bottom: 0px;
background-image: url(../../rd07/images/mobile_bottom.gif);
background-repeat: no-repeat;
}
#crmcontainer #crmvideopos {
background-color: #CCCCCC;
height: 176px;
width: 312px;
position: absolute;
left: 34px;
top: 37px;
z-index: 2;
}
#crmcontainer #crm_videotext {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
height: 40px;
width: 295px;
position: absolute;
left: 34px;
top: 217px;
font-size: 14px;
font-style: normal;
line-height: 15px;
text-align: center;
}
#crmcontainer #crmmaintext {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 17px;
font-weight: normal;
color: #000000;
width: 500px;
position: absolute;
visibility: visible;
z-index: 3;
left: 356px;
top: 88px;
}
#crmcontainer #crmmaintext li {
list-style-position: inside;
list-style-image: url(../../rd07/images/mobile_check.gif);
}
#crmcontainer #crmmaintext p {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#crmcontainer #crm_graypanel {
background-color: #eceeef;
background-image: url(../../rd07/images/mobile_grayblend.gif);
background-repeat: repeat-x;
background-position: left top;
height: 270px;
width: 744px;
border: 1px solid #d0d4d8;
position: absolute;
left: 89px;
top: 384px;
display: inline;
}
#crmcontainer #crm_phone {
background-image: url(../../rd07/images/mobile_phone.gif);
background-repeat: no-repeat;
height: 151px;
width: 151px;
left: 96px;
bottom: 0px;
position: absolute;
}
#crmcontainer #graypanel_headline {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-align: center;
height: 33px;
width: 744px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
position: absolute;
left: 0px;
top: 5px;
line-height: 24px;
}
#crmcontainer #graypanel_left {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: normal;
color: #000000;
text-align: center;
height: 54px;
width: 340px;
position: absolute;
left: 0px;
top: 47px;
}
#crmcontainer #graypanel_right {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: normal;
color: #000000;
text-align: center;
width: 402px;
position: absolute;
top: 47px;
right: 1px;
padding: 0px;
}
#crmcontainer #graypanel_right #kargo-sendlink {
float: left;
clear: both;
width: 390px;
border: 1px sold #000;
padding: 5px;
margin: 6px 0;
}
#crmcontainer #graypanel_right #kargo-sendlink #head {
display: none;
}
#crmcontainer #graypanel_right #kargo-sendlink #verbiage {
display: none;
}
#crmcontainer #graypanel_right #kargo-sendlink #error {
display: none;
}
#crmcontainer #graypanel_right #kargo-sendlink table td {
font: normal 11px Arial, Helvetica, sans-serif;
}
#crmcontainer #graypanel_right #kargo-sendlink table td select {
font: normal 11px Arial, Helvetica, sans-serif;
}
#crmcontainer #graypanel_right #kargo-sendlink table td option {
font: normal 11px Arial, Helvetica, sans-serif;
}
#crmcontainer #graypanel_right #kargo-sendlink checkbox {
margin: 8px 0;
}
#crmcontainer #graypanel_right #kargo-sendlink #button {
margin: 8px 0;
}
#crmcontainer #graypanel_right #kargo-sendlink #foot {
font: italic 11px Arial, Helvetica, sans-serif;
}
#crmcontainer #crm_disclaimer {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 12px;
font-weight: normal;
color: #000000;
text-align: center;
position: absolute;
left: 0px;
top: 700px;
height: 40px;
width: 926px;
}
#crmcontainer a:link {
color: #166fcd;
text-decoration: none;
font-size: 10px;
}
#crmcontainer a:visited {
font-size: 10px;
color: #1061b7;
text-decoration: none;
}
#crmcontainer #crm_cta {
height: 50px;
width: 926px;
position: absolute;
left: 0px;
top: 740px;
}
#crmcontainer #crm_ctahead {
text-align: right;
height: 30px;
width: 473px;
position: absolute;
left: 89px;
top: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #f3302a;
line-height: 24px;
}
#crmcontainer #crm_button {
position: absolute;
top: 0px;
left: 581px;
height: 44px;
width: 173px;
}
/* MOBILE LANDING PAGE VP STYLES */
#crmvcontainer {
height: 710px;
width: 926px;
position: relative;
top: 10px;
margin: 0px;
}
#crmvcontainer .h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
font-style: normal;
font-weight: bold;
color: #f3302a;
margin: 0px;
}
#crmvcontainer .h1p {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
#crmvcontainer .h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
color: #f3302a;
}
#crmvcontainer #crmvtopsection {
background-image: url(../../rd07/images/crmv_top.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 145px;
width: 926px;
position: absolute;
visibility: visible;
left: 0px;
top: 0px;
z-index: 1;
}
#crmvcontainer #crmvleft {
background-image: url(../../rd07/images/mobile_shw-left.gif);
background-repeat: repeat-y;
height: 559px;
width: 4px;
position: absolute;
left: 0px;
top: 145px;
}
#crmvcontainer #crmvright {
background-image: url(../../rd07/images/mobile_shw-right.gif);
background-repeat: repeat-y;
height: 559px;
width: 4px;
position: absolute;
top: 145px;
right: 0px;
}
#crmvcontainer #crmvbottom {
height: 6px;
width: 926px;
position: absolute;
left: 0px;
bottom: 0px;
background-image: url(../../rd07/images/mobile_bottom.gif);
background-repeat: no-repeat;
}
#crmvcontainer #crmvvideopos {
background-color: #CCCCCC;
height: 176px;
width: 312px;
position: absolute;
left: 34px;
top: 37px;
z-index: 2;
}
#crmvcontainer #crmv_videotext {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
height: 180px;
width: 295px;
position: absolute;
left: 34px;
top: 217px;
font-size: 14px;
font-style: normal;
line-height: 15px;
text-align: center;
}
#crmvcontainer #crmvmaintext {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 17px;
font-weight: normal;
color: #000000;
width: 500px;
position: absolute;
visibility: visible;
z-index: 3;
left: 365px;
top: 161px;
}
#crmvcontainer #crmvhead {
text-align: center;
position: absolute;
left: 365px;
top: 120px;
height: 28px;
width: 407px;
visibility: visible;
z-index: 6;
}
#crmvcontainer #crmvmaintext li {
list-style-position: inside;
list-style-image: url(../../rd07/images/mobile_check.gif);
}
#crmvcontainer #crmvmaintext p {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#crmvcontainer #crmv_graypanel {
background-color: #eceeef;
background-image: url(../../rd07/images/mobile_grayblend.gif);
background-repeat: repeat-x;
background-position: left top;
width: 744px;
border: 1px solid #d0d4d8;
position: absolute;
left: 91px;
top: 411px;
display: inline;
clear: both;
height: 139px;
}
#crmvcontainer #crmv_phone {
background-image: url(../../rd07/images/crmv_mobile_phonev.gif);
background-repeat: no-repeat;
height: 152px;
width: 151px;
left: 529px;
position: absolute;
margin: 0px;
padding: 0px;
bottom: 0px;
}
#crmvcontainer #graypanel2_headline {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-align: center;
height: 33px;
width: 530px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
position: absolute;
left: 0px;
top: 5px;
line-height: 24px;
}
#crmvcontainer #graypanel2_left {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: bold;
color: #435362;
text-align: center;
height: 54px;
width: 390px;
position: absolute;
left: 70px;
top: 47px;
margin: 0px;
padding: 0px;
display: block;
}
#crmvcontainer #graypanel_right {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: normal;
color: #000000;
text-align: center;
width: 402px;
position: absolute;
top: 47px;
right: 1px;
padding: 0px;
}
#crmvcontainer #graypanel_right #kargo-sendlink {
float: left;
clear: both;
width: 390px;
border: 1px sold #000;
padding: 5px;
margin: 6px 0;
}
#crmvcontainer #graypanel_right #kargo-sendlink #head {
display: none;
}
#crmvcontainer #graypanel_right #kargo-sendlink #verbiage {
display: none;
}
#crmvcontainer #graypanel_right #kargo-sendlink #error {
display: none;
}
#crmvcontainer #graypanel_right #kargo-sendlink table td {
font: normal 11px Arial, Helvetica, sans-serif;
}
#crmvcontainer #graypanel_right #kargo-sendlink table td select {
font: normal 11px Arial, Helvetica, sans-serif;
}
#crmvcontainer #graypanel_right #kargo-sendlink table td option {
font: normal 11px Arial, Helvetica, sans-serif;
}
#crmvcontainer #graypanel_right #kargo-sendlink checkbox {
margin: 8px 0;
}
#crmvcontainer #graypanel_right #kargo-sendlink #button {
margin: 8px 0;
}
#crmvcontainer #graypanel_right #kargo-sendlink #foot {
font: italic 11px Arial, Helvetica, sans-serif;
}
#crmvcontainer #crmv_disclaimer {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 12px;
font-weight: normal;
color: #000000;
text-align: center;
position: absolute;
left: 0px;
top: 580px;
height: 30px;
width: 926px;
}
#crmvcontainer a:link {
color: #166fcd;
text-decoration: none;
font-size: 10px;
}
#crmvcontainer a:visited {
font-size: 10px;
color: #1061b7;
text-decoration: none;
}
#crmvcontainer #crmv_cta {
height: 50px;
width: 926px;
position: absolute;
left: 0px;
top: 620px;
}
#crmvcontainer #crmv_ctahead {
text-align: right;
height: 30px;
width: 600px;
position: absolute;
left: 45px;
top: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #f3302a;
line-height: 15px;
}
#crmvcontainer #crmv_button {
position: absolute;
top: 0px;
left: 656px;
height: 44px;
width: 173px;
}
/*------------------POPUPS------------------------*/
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:fixed;
z-index: 9001;
top:0;
left:0;
width:100%;
height: 100%;
}
#popUpDiv {
background-color:#eeeeee;
width:300px;
height:300px;
z-index: 9002;
top: 0;
left: 0;
position: absolute;
}
/* car upsell links for cars main and new car pages */
.cars-upsell {
margin-bottom: 20px;
margin-top:20px;
float:left;
width:510px;
clear:both;
background-color:#FFFFFF;
}
.cars-upsell-content {
float:left;
width:156px;
border-right: #bfcad3 1px solid;
padding-left:12px;
}
.cars-upsell-content-last {
border:none;
}
.cars-upsell-title {
font: bold 13px/12px Arial, Helvetica, sans-serif;
float:left;
}
a:link.cars-upsell-links {
color: #176FCC;
text-decoration: none;
font: normal 11px/10px Arial, Helvetica, sans-serif;
float:left;
clear: both;
width: 156px;
margin-top: 7px;
}
a:visited.cars-upsell-links {
color: #176FCC;
text-decoration: none;
font: normal 11px/10px Arial, Helvetica, sans-serif;
float:left;
clear: both;
margin-top: 7px;
width: 156px;
}
a:active.cars-upsell-links {
text-decoration: none;
font: normal 11px/10px Arial, Helvetica, sans-serif;
float:left;
clear: both;
margin-top: 7px;
width: 156px;
}
a:hover.cars-upsell-links {
text-decoration: underline;
font: normal 11px/10px Arial, Helvetica, sans-serif;
float:left;
clear: both;
margin-top: 7px;
width: 156px;
}
@media print {
#footer {
display: none;
}
}
/* mobile styles */
#crmobfcontainer {
width: 878px;
padding: 10px 20px;
border: 1px solid #999999;
overflow: auto;
float: left;
}
#crmobfcontainer .left {
width: 380px;
padding: 0 100px 0 20px;
margin: 0;
float: left;
clear: both;
}
#crmobfcontainer .left p {
font: normal 14px/17px Arial, Helvetica, sans-serif;
margin: 0 0 12px 0;
padding: 0;
}
#crmobfcontainer .left p.header {
font: bold 27px Arial, Helvetica, sans-serif;
color: #F3302A;
}
#crmobfcontainer .left img {
margin: 0;
padding: 0;
border: none;
}
#crmobfcontainer .right {
width: 373px;
padding: 0;
margin: 0;
float: left;
}
.mobile-products {
float: left;
clear: both;
width: 873px;
border: 1px solid #1971cb;
margin: 20px 0;
overflow: auto;
}
.mobile-products .header {
float: left;
clear: both;
width: 861px;
padding: 6px;
margin: 0;
background: #b9d4ef;
font: bold 16px Arial, Helvetica, sans-serif;
text-align: center;
}
.mobile-products .product-box {
float: left;
width: 266px;
padding: 12px;
margin: 12px 0;
font: normal 12px/16px Arial, Helvetica, sans-serif;
border-right: 1px solid #000;
}
.mobile-products .product-box p {
font: normal 12px/16px Arial, Helvetica, sans-serif;
clear: left;
margin: 0 0 4px 0;
padding: 0;
}
.mobile-products .product-box p.head {
font: bold 14px/17px Arial, Helvetica, sans-serif;
}
.mobile-products .product-box .product-image {
width: 100px;
float: right;
margin: 0 0 0 6px;
padding: 0;
}
.mobile-products .product-box .product-image img {
float: right;
}
.mobile-products .break {
clear: both;
}
.mobile-products .no-border {
border: none;
}
.mobile-products a:link {
font-weight: bold;
color: #1061b7;
text-decoration: none;
}
.mobile-products a:visited {
font-weight: bold;
color: #1061b7;
text-decoration: none;
}
.mobile-products a:hover {
font-weight: bold;
color: #1061b7;
text-decoration: underline;
}
.mobile-products a:active {
font-weight: bold;
color: #1061b7;
text-decoration: underline;
}
.mobile-products ul {
color: #000000;
font: normal 12px/16px Arial, Helvetica, sans-serif;
list-style: none;
margin: 0;
padding: 5px 0 0;
}
.mobile-products li {
background: url("/cro/resources/rd07/images/mobile-landing-arrow.gif") no-repeat 0 2px;
font: 12px/17px Arial,Helvetica,sans-serif;
margin: 0;
padding-left: 10px;
}
.mobile-products p.download {
padding: 5px 2px 2px 2px;
font: bold 11px Arial, Helvetica, sans-serif;
display: block;
border-bottom: 1px solid #ccc;
}
.mobile-products p.soon {
color: #FF0000;
}
#mobile-optimized {
float: left;
clear: both;
overflow: auto;
margin-left: 6px;
}
#mobile-optimized .logo {
float: left;
clear: both;
overflow: auto;
margin: 0 0 20px 0;
}
#mobile-optimized .description {
float: left;
clear: both;
overflow: auto;
border-bottom: 1px solid #999999;
margin: 0 0 6px 0;
width: 100%;
font: normal 11px/14px Arial, Helvetica, sans-serif;
}
#mobile-optimized .description img {
float: left;
padding: 0 5px 5px 0;
margin: 0;
border: none;
}
#mobile-optimized p.download {
padding: 2px;
font: bold 11px Arial, Helvetica, sans-serif;
text-align: center;
}
#mobile-optimized p.download img {
border: none;
margin: 5px;
float: none;
}
#mobile-optimized p.soon {
color: #FF0000;
}
#mobile-optimized p.footer {
padding: 2px;
font: normal 9px Arial, Helvetica, sans-serif;
font-style: italic;
}
/*
.divider {
float: left;
clear: both;
width: 97%;
height: 1px;
background: #000;
line-height: 1px;
padding: 0;
margin: 12px;
}
*/
#crmobfcontainer .footer {
width: 835px;
padding: 0 20px;
float: left;
clear: both;
font: normal 10px/12px Arial, Helvetica, sans-serif;
color: #666;
text-align: center;
}
/* Build & Buy */
#crbb-container {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 14px;
font-weight: normal;
font-variant: normal;
color: #000;
background-color: #FFF;
background-image: url(/cro/resources/rd07/images/b-b_bkg.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 350px;
width: 920px;
position: relative;
left: 0px;
top: 0px;
text-align: left;
}
#textarea {
position: absolute;
width: 405px;
left: 478px;
top: 150px;
}
#textarea p {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#textarea p.middle {
margin: 15px 0 0 0;
text-align: right;
}
#textarea p.last {
margin-top: 0 0 10px 0;
text-align: right;
color: #e31f26;
}