/* Resets for all of these 
*********************************************************/

#sr-promo img,
#special-report-link img,
#tenbest-ads img
{
 border: 0;
}

/* SPECIAL REPORT PROMO
*********************************************************/

#sr-promo {
height: 49px;
width: 100%;
text-align: center;
margin: 5px 0 25px 0;
border: 0;
}
#sr-promo {
border: 0;
}
#sr-promo h1 {
font: bold 9px/11px Verdana, Arial, sans-serif;
color: #fed100;
background: none;
text-transform: uppercase;
margin: 0;
padding: 7px 0 0 0;
border-bottom: 0;
}
#sr-promo h2 {
font: bold 17px/19px Arial, sans-serif;
background: none;
margin: 0;
padding: 0;
border: 0;
}
#sr-promo a:link,
#sr-promo a:visited {
text-decoration: none;
color: #fff;
}
#sr-promo a:hover {
text-decoration: underline;
}
#sr-promo img {
margin: 5px -76px 0 16px;
float: left;
border: 1px solid #e5e5e5;
}

/* SPECIAL REPORT LINK:
Heading plus option to list stories for package
**********************************************************************/

#special-report-link { /* Container */
float: right;
clear: both; /* Allows it to sit underneath Commentary Label when both are used */
width: 193px;
margin: 18px 0 11px 12px;
}
#special-report-link h3 { /* "Special Report" or similar label */
font: bold 10px/11px Verdana, Arial, sans-serif;
color: #fff;
background-color: #bbb;
padding: 2px 4px 3px 10px;
margin: 0;
border: 1px solid #bbb;
}
#special-report-link h4 { /* Package heading */
font: bold 13px/14px Arial, Verdana, sans-serif;
color: #666;
margin: 0;
height: 28px;
padding: 7px 5px 10px 10px;
background: #fefefe url(http://subscribers.wardsauto.com/reports/sr-story-list-bgd.gif) repeat-x bottom;
border: 1px solid #ddd;
border-width: 0 1px 1px;
}
#special-report-link h4 a {
text-decoration: none;
}
#special-report-link h4 a:hover {
text-decoration: underline;
}
#special-report-link h4 img { /* Package icon */
display: block;
margin: -3px 8px 0 0;
float: left;
}
#special-report-link .label { /* Additional heading underneath for 10 Best Engines Judges' stories */
background-image: none;
font: bold 16px/17px Arial, Verdana, sans-serif;
color: #aaa;
text-align: center;
border-width: 0;
margin: 7px 0 0 0;
padding: 0;
}

/* Optional story pkg. part number/date heading and story link paragraph */

#special-report-link h5 {
/* Package story number (i.e. Part 6) and date if it's not yet published (i.e. Part 6: Jan 31) */
font: normal 9px/10px Verdana, Arial, sans-serif;
text-transform: uppercase;
color: #666;
margin: 0;
padding: 10px 0 10px 10px;
border-left: 1px solid #bbb;
}
#special-report-link p {
/* Story heading with gray text to convey that it's upcoming but not yet available.
Will pick up site's link style if link is added. */
font: normal 12px/14px Arial, Verdana, sans-serif;
color: #999;
margin: 0;
padding: 0 0 0 10px;
border-left: 1px solid #bbb;
}

#special-report-link p a {
text-decoration: none;
}

#special-report-link p a:hover {
text-decoration: underline;
}



/* STORY LABEL: "Commentary bug," etc.
*********************************************************/

#story-label {
font: bold 16px/17px Arial, Verdana, sans-serif;
color: #999;
background: #fefefe url(http://subscribers.wardsauto.com/images/story-label-bgd.gif) repeat-x bottom;
text-align: center;
float: right;
width: 191px;
margin: 16px 0 4px 12px;
padding: 11px 0 13px 0;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #bbb;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}


/* MODEL AND MODEL SPECS
*********************************************************/

/* Model */

#model {
margin: 20px 0 100px 0;
width: 580px;
}
#model h3 {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
clear: both;
}
#model p {
padding-left: 25px;
line-height: 16px !important;
}
#model li {
line-height: 140%;
padding-top: 4px;
}
#model img {
margin-top: 5px 0 0 0 !important;
padding: 0 0 0 10px;
float: right;
clear: none;
display: block;
}

/* Model specs  */

#modelspecs {
padding: 0;
text-align: left;
float: left;
margin: 0 0 20px 0;
width: 250px;
}
#modelspecs h3 {
font: bold 12px/14px Arial, Helvetica, sans-serif;
float: left;
clear: none;
margin-right: 8px;
}
#modelspecs p {
font: normal 12px/14px Arial, Helvetica, sans-serif;
margin: 0 0 14px 0;
padding: 0;
text-align: right;
}


/* TABLES
*********************************************************/

/* Text and data tables */

.datatable,
.texttable {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 10px 20px;
float: right;
}
.datatable {
text-align: right;
}
caption {
font-weight: bold;
font-size: 15px;
line-height: 17px;
text-align: center;
padding: 0 0 14px 0;
}
.datatable th,
.texttable th {
font-size: 11px;
line-height: 12px;
text-align: left;
padding: 0 5px 3px;
border-bottom: 1px solid #000;
vertical-align: bottom;
}
.datatable th {
text-align: right;
}
.texttable td,
.datatable td  {
padding: 0 5px;
}
.texttable td,
.datatable td {
font-size: 11px;
line-height: 13px;
border-bottom: 1px solid #ddd;
padding-top: 3px;
padding-bottom: 3px;
}

.texttable .category,
.datatable .category {
font-weight: bold;
text-align: left;
}
.datatable .footnote,
.texttable .footnote {
font-size: 9px;
line-height: 11px;
text-align: left;
padding: 8px 5px 20px 0;
border-bottom: 0;
}
/* Text Table */

.texttable caption.small {
font-weight: bold;
font-size: 11px;
line-height: 13px;
text-align: left;
padding: 0;
margin: 0 0 10px 0;
}
.texttable caption.underline {
font-weight: bold;
font-size: 15px;
line-height: 17px;
text-align: center;
padding: 0 0 10px 0;
margin: 0;
border-bottom: 1px solid #000;
}
.texttable .heading2 {
font-weight: bold;
font-size: 12px;
line-height: 13px;
text-align: center;
padding: 0 0 15px 0;
border: 0;
}
.texttable .highlight {
font-style: normal;
color: #3E67E0;
}
.texttable .bold {
font-weight: bold;
}


/* Data Table */

.datatable .heading2 {
font-weight: bold;
font-size: 12px;
line-height: 13px;
text-align: center;
padding: 0 0 15px 0;
border: 0;
}
.datatable .heading3 {
font-weight: bold;
font-size: 13px;
line-height: 13px;
text-align: center;
padding: 12px 0 12px 0;
border: 0;
}

.datatable .category2 {
font-weight: normal;
text-align: left;
}
/* Row borders */


.datatable .total {
border-top: 1px solid #000;
border-bottom: 0;
font-weight: bold;
}
/* Alternate alignments */
.datatable .right,
.texttable .right {
text-align: right;
}
.datatable .center,
.texttable .center {
text-align: center;
}

.datatable th.multicolhead {
text-align: center;
border-bottom: 1px solid #000;
}
.datatable .noborders {
border: 0;
}

.datatable .bold {
font-weight: bold;
}

.caption2 {
font-weight: bold;
font-size: 11px;
line-height: 14px;
text-align: left;
padding: 0 0 7px 0;
margin: 0;
}






/* Article Sidebar */

.sidebar {
font: normal 12px/16px Arial, Helvetica, sans-serif;
float: right;
padding: 0 12px 10px 12px;
background-color: #f3f3f3;
margin: 5px 0 10px 10px;
}
.sidebar h3 {
font: bold 14px/15px Arial, Helvetica, sans-serif;
text-align: center;
}
.sidebar ul {
padding: 0;
margin: 0 0 0 2em;
}
.sidebar ul li {
margin: 0 0 5px 0px;
padding: 0;
}


/* Commentary mark */

h2.commentary {
font: normal 20px/20px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #8d8d8d;
width: 200px;
margin: 2px 0 0 0;
padding: 10px 0 10px 0;
border-top: 4px solid #8d8d8d;
border-bottom: 4px solid #8d8d8d;
}


/* DOWNLOAD MP3, PDF, XLS
*********************************************************/

.download {
font: normal 12px/12px Arial, Helvetica, sans-serif;
text-align: left;
margin: 25px 0 20px 25px;
padding: 0;
}
a.mp3 {
background: url(http://wardsauto.com/images/mp3_icon.gif) no-repeat left;
padding: 15px 0 15px 30px;
}
a.mp3:link, a.mp3:visited {
text-decoration: none;
}
a.mp3:hover {
text-decoration: underline;
}
a.pdf {
background: url(http://wardsauto.com/images/pdf_icon.gif) no-repeat left;
padding: 15px 0 15px 30px;
}
a.pdf:link, a.pdf:visited {
text-decoration: none;
}
a.pdf:hover {
text-decoration: underline;
}


/* PROMO BOX
*********************************************************/

.promobox {
text-align: center;
margin: -5px 0 15px 0;
}
.promobox p {
font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
color: #666;
background-color: #FFFDE6;
border: 1px solid #FFF17C;
padding: 10px;
margin: 10px 0 5px 0;
}
.promobox a:link,
.promobox a:visited {
font: normal 12px/12px Arial, Helvetica, sans-serif;
color: #000;
}
.promobox a:hover {
font: normal 12px/12px Arial, Helvetica, sans-serif;
color: #f00;
}


/* SPECIAL REPORT HEADING
*********************************************************/
.specialreport {
display: block;
background: #f8f8f8 url(http://subscribers.wardsauto.com/head_back.gif) bottom repeat-x;
margin: 7px 0 25px 0;
padding: 8px 0 8px 14px;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #bbb;
}
/* Hides from IE-mac \*/
* html .specialreport {height: 1%;}
/* End hide from IE-mac */

.specialreport h1 {
font: bold 21px/22px Verdana, Arial, Helvetica, sans-serif;
background: transparent;
color: #666;
margin: 0;
padding: 0 0 2px 0;
border: 0;
}
.specialreport h2 {
font: normal 15px/14px Arial, Helvetica, sans-serif;
color: #333;
margin: 0;
padding: 0;
border: 0;
}
.specialreport h3 {
font: bold 20px/20px Arial, Helvetica, sans-serif;
color: #666;
margin: 0;
padding: 2px 0 4px 0;
}
.specialreport a:link,
.specialreport a:visited { 
font: normal 12px/14px Arial, Helvetica, sans-serif;
color: #b00800;
text-decoration: none;
}
.specialreport a:hover,
.specialreport a:active {
color: #f00;
text-decoration: underline;
}
.specialreport p {
font: normal 14px/16px Arial, Helvetica, sans-serif;
color: #666;
text-align: center;
width: 390px;
margin: 35px 0 0 -14px;
padding: 0;
}

.reportmain h2 {
text-align: center;
font: normal 20px/20px Arial, Helvetica, sans-serif;
margin: 12px 0 0 0;
padding: 0;
border: 0;
}
.reportmain a:link, .reportmain a:visited {
text-decoration: none;
color: #b00800;
}
.reportmain a:hover, .reportmain a:active {
text-decoration: underline;
color: #f00;
}
.specialreport img {
display: block;
float: left;
margin: 0 13px 4px 0;
padding: 0;
border: 1px solid #ddd;
border-top: #999;
border-bottom: 2px solid #fff;
}


/* NAV - SUBSCRIBER
*********************************************************/
#navSub {
text-align:left;
padding: 0;
margin: -5px 0 0 0;
}
#navSub h2 {
font: bold 10px/10px Verdana, Arial, Helvetica, sans-serif;
color: #555;
background-color: #e5e5e5;
margin: 5px 0 6px 0;
padding: 3px 0 2px 9px;
border: 0;
}
#navSub h3 {
font: bold 10px/10px Verdana, Arial, Helvetica, sans-serif;
color: #f5f5f5;
margin: 0;
padding: 0 0 3px 9px;
}
#navSub ul {
margin: 0;
padding: 0 5px 2px 14px;
}
#navSub li {
font: normal 12px/19px Arial, Helvetica, sans-serif;
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}
#navSub a:link, #navSub a:visited {
color: #000;
text-decoration: none;
display: block;
}
#navSub a:hover {
color: #f00;
}
#navSub hr {
border: 0;
height: 0;
border-top: 1px solid #eee;
margin: 0;
padding: 6px 0;
}
#navSub span {
font: normal 9px/10px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}