/*
 * Description: Default styling for Cars section
 */

/* Defaults */
.article-page #mainContent { font-size: 117% }

h1 {
    font-size: 2.2em;
    font-family: AvantGarde Md BT, Arial, Verdana, Helvetiva, sans-serif;
    float: left;
    font-weight: bold;
}

h2 {
    font-size: 1.8em;
    font-weight: bold;
    margin: 0 0 15px;
}

h3 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 15px;
}

h4 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 0 15px;
}

h5 {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 15px;
}

h6 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 15px;
}

body { color: #fff }

body #mainContent p.tags {
    background: url('../images/core/dotted-bg.gif') repeat-x 350px 0;
    margin: 7px 8px 0 0;
    padding: 8px 0 0;
    font-size: .95em;
}

/* Anchor styles */
a { color: #57cdfa }

a:link { cursor: pointer }

a:visited { }

a:hover { 
	color: #a4e3fb; 
	-webkit-transition:color 200ms ease-in;
	-moz-transition:color 200ms ease-in;
	-o-transition:color 200ms ease-in;
	transition:color 200ms ease-in;
}

a:active { }

a:focus { outline: 1px dotted #999 }

a.more {
    background: url('../images/core/i-more.png') no-repeat left 50%;
    font-size: .95em;
    padding-left: 18px;
    font-weight: bold;
}

input.frmText {
    border: 0;
    display: block;
    margin: 0 0 10px;
    background: transparent url('../images/core/input-bg-341px.png') left 50% no-repeat;
    padding-left: 17px;
    width: 323px;
}

/* General */
.error { color: #f00 }

.date {
    font: bold 11px/1 "Courier New", courier, monospace;
    color: #1d1d1d;
    background: #9f9f9f url('../images/core/date-bg.gif') repeat top left;
    float: left;
    padding: 1px 6px;
    display: inline;
}

.dotted-line {
    background: transparent url('../images/core/dotted-white-bg.gif') repeat-x left bottom;
    padding: 4px 0 15px;
    margin: 0 10px 0 0;
}

.dotted-line2 {
    background: transparent url('../images/core/dotted-bg.gif') repeat-x left bottom;
    padding: 4px 0 15px;
    margin: 0 10px 0 0;
}

.close-box {
    margin: 12px 12px 10px 0;
    background: transparent url('../images/core/dotted-white-bg.gif') repeat-x left top;
    padding-top: 9px;
}

.close-box a {
    background: url('../images/core/i-close-options.gif') no-repeat left 50%;
    padding-left: 13px;
    font-weight: bold;
    color: #2495c1;
}

.close-box a:hover { color: #a4e3fb }

.tags a {
    color: #fff;
    text-decoration: underline;
}

.tags a:hover { color: #a4e3fb }

.btn-generic1 {
    background: url('../images/core/btn-generic1-bg.gif') 0 50% no-repeat;
    border: 0;
    cursor: pointer;
    padding: 5px 2em 5px 40px;
    font-weight: bold;
    color: #fff;
    display: table-cell;
}

.btn-generic1:hover { color: #a4e3fb }

input.btn-generic1 { display: block }

.refine-button {
    background: transparent url('../images/core/i-more.png') no-repeat left 50%;
    padding-left: 20px;
    margin-left: 6px;
}

ul#ContentSearchPhrase-suggest li { color: #000 }

ul.type {
    overflow: hidden;
    width: 100%;
}

/* Car icons list */
ul.type li {
    float: left;
    margin-right: 5px;
}

/* TODO - image should be sprite */
.i-add {
    background: url('../images/car-reviews/i-add-to-car-bar.gif') no-repeat 0 50%;
    padding-left: 18px;
    padding-top: 1px;
}

.i-add:hover { background: url('../images/car-reviews/i-add-to-car-bar-on.gif') no-repeat 0 50% }

.i-added,
.i-added:hover {
    color: #666;
    cursor: default;
    background: url('../images/car-reviews/i-add-to-car-bar-disabled.gif') no-repeat 0 50%;
}

/* Structure */

/* Page Centring */
#container { background: url('../images/core/hdr-bk.jpg') 50% 0 no-repeat }

#content {
    margin: 0;
    background: #161616 url('../images/core/content-bg.gif') repeat-y top left;
}

/* Negative margin pulls content out again for drop shadow space */
#mainContent {
    background-color: #161616;
    background-image: none;
    width: 590px;
    float: left;
    margin: 3px 7px 0 -4px;
    display: inline;
}

/* Page titles */
#title {
    background: transparent url('../images/core/h-bg.gif') repeat-x top left;
    height: 3.2em;
    padding: 6px 0 0 12px;
    margin: 0 0 10px;
    clear: both;
}

#title .rss {
    padding-bottom: 10px;
    float: right;
    position: relative;
    bottom: 2px;
    margin-right: 370px;
    display: inline;
}

#title .rss img {
    position: relative;
    bottom: -3px;
    padding-left: 5px;
}

#title .info {
    float: right;
    margin: 0 370px 0 0;
    display: inline;
}

#title .info p { margin: 0 }

#title .info .price {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 7px;
}

/* Wide content area - used for wide templates, i.e. car specs*/
.wide-content #content { background: url('../images/core/content-wide-bg.gif') repeat-y }

.wide-content #mainContent {
    width: 741px;
    padding-right: 15px;
    margin-right: 0;
}

.wide-content .feature {
    min-height: 90px;
    width: 578px;
}

.wide-content .feature p { margin: 12px }

.wide-content .content-list {
    background: none;
    background-color: #323131;
    border: 2px solid #fff;
    padding: 0;
    margin-top: -6px;
}

.wide-content #sidebar,
.wide-content #sidebar .login-container { width: 196px }

.wide-content #sidebar .login-container {
    height: 165px;
    margin: 0 0 16px;
    background: #161616;
}

.wide-content #sidebar .top-promo {
    position: relative;
    top: 0;
    left: -159px;
    background: #161616;
    padding: 0 0 10px;
    margin-top: 0;
    margin-bottom: 0;
    width: 359px;
    height: 76px;
}

.wide-content #sidebar .skyscraper {
    margin: 15px 0;
    width: 188px;
    background-color: transparent;
}

/* This is not elegant width only applied to center sky */
.wide-content #sidebar .skyscraper .wrapper {
    display: table;
    margin: 0 auto;
    background-color: #161616;
}

.wide-content #sidebar .promos { float: none }

/* This is only, where we don't have promos */

/* Two column layout area */
.two-columns {
    margin: 0 -10px 11px 0;
    width: 750px;
}

.two-columns .column {
    float: left;
    margin-right: 10px;
    width: 365px;
}

.two-columns .column .block {
    background: #252525 url('../images/core/bk-block.jpg') 0 bottom repeat-x;
    border: 2px solid #fff;
    margin-bottom: 10px;
    padding: 10px;
    width: 341px;
}

.block-fullwidth {
    width: 361px;
    margin: 0 -10px;
}

/* Sidebar */
#sidebar {
    width: 359px;
    float: left;
}

#sidebar h2 { font-size: 1.4em }

#sidebar h2,
#sidebar p {
    margin-left: 0;
    margin-right: 0;
}

#sidebar .top-promo {
    margin: 0 0 16px;
    display: inline;
}

#sidebar .top-promo,
#sidebar .top-promo img { float: left }

/* Most popular promo box */
#sidebar .most-popular {
    border: 2px solid #fff;
    float: left;
    margin: 0 16px 18px;
    padding: 0 10px 8px;
    width: 303px;
    background: #252525 url('../images/core/promo-grey-bg.gif') repeat-x left top;
    display: inline;
}

#sidebar .most-popular h2 {
    margin: 0 0 11px;
    padding: 7px 0;
}

#sidebar .top-news-tags h2 span { background: transparent url('../images/core/h-sb-top-news-tags.gif') no-repeat left top }

#sidebar .most-popular-tests h2 span { background: transparent url('../images/core/h-sb-most-popular-tests.gif') no-repeat left top }

#sidebar .watch-next h2 span { background: transparent url('../images/core/h-sb-watch-next.gif') no-repeat left top }

#sidebar .most-popular-stories h2 span { background: transparent url('../images/core/h-sb-most-popular-stories.gif') no-repeat left top }

#sidebar .most-popular-videos h2 span { background: transparent url('../images/core/h-sb-most-popular-videos.gif') no-repeat left top }

#sidebar .rivals h2 span { background: transparent url('../images/core/h-sb-rivals.gif') no-repeat left top }

#sidebar .episode-guide h2 span { background: transparent url('../images/core/h-sb-episode-guide.gif') no-repeat left top }

#sidebar .latest-road-tests h2 span { background: transparent url('../images/core/h-sb-latest-road-tests.gif') no-repeat scroll top left }

#sidebar .car-index h2 span { background: transparent url('../images/core/h-sb-car-index.gif') no-repeat left top }

#sidebar .most-popular-reviews h2 span { background: transparent url('../images/core/h-sb-most-popular-reviews.gif') no-repeat left top }

#sidebar .most-popular ol,
#sidebar .most-popular ul {
    float: left;
    width: 100%;
}

/* Definitions for double colon promo */
#sidebar .most-popular ol.col1,
#sidebar .most-popular ol.col2 {
    margin: 0 3px 0 0;
    width: 150px;
}

#sidebar .most-popular ol.col2 { margin-right: 0 }

#sidebar .most-popular ol li {
    list-style: decimal;
    color: #57CDFA;
    list-style-position: inside;
    padding: 4px 0 2px 8px;
    margin-bottom: 1px;
}

#sidebar .most-popular ol li.odd { background-color: #4a4a4a }

#sidebar .most-popular ol li.even { background-color: transparent }

#sidebar .most-popular .video-list {
    height: 205px;
    width: 305px;
    overflow: auto;
    position: relative;
    z-index: 50;
}

#sidebar .most-popular .video-list .row {
    background: transparent url('../images/core/dotted-bg.gif') repeat-x left bottom;
    margin: 0 0 15px;
    width: 288px;
    float: left;
}

#sidebar .most-popular .video-list .row div {
    float: left;
    width: 144px;
}

#sidebar .most-popular .video-list h4 {
    clear: left;
    font-size: 1.1em;
    padding: 5px 0 0;
    margin: 0 0 5px;
    width: 128px;
}

#sidebar .most-popular .video-list h4 a { display: block }

#sidebar .most-popular .video-list a.thumbnail {
    position: relative;
    display: block;
    width: auto;
    height: auto;
}

#sidebar div.rivals {
    padding: 0 0 8px;
    width: 323px;
}

#sidebar div.rivals h2 { margin: 0 10px 4px }

#sidebar div.rivals h3 {
    margin: 0 22px 6px;
    font-weight: normal;
    font-size: 1em;
}

#sidebar div.rivals div.row {
    clear: both;
    overflow: auto;
}

#sidebar div.rivals div.row div {
    float: left;
    display: inline;
    margin: 0 2px 0 22px;
    width: 128px;
    text-align: center;
}

#sidebar div.rivals div.row div.odd,
#sidebar div.rivals div.row div.even {
    background: transparent url('../images/core/dotted-bg.gif') repeat-x left top;
    padding-top: 10px;
}

#sidebar div.rivals div.row div.odd {
    padding-right: 2px;
    margin: 0 0 0 10px;
    padding-left: 12px;
}

#sidebar div.rivals div.row div.even {
    padding-left: 22px;
    margin: 0;
    padding-right: 11px;
}

#sidebar div.rivals div.row div h4 {
    font-size: 1.1em;
    margin: 0 0 7px;
}

#sidebar div.rivals div.row div h4 a { display: block }

#sidebar div.episode-guide fieldset,
#sidebar div.car-index fieldset { width: 303px }

/* Fixes bug in Safari */
#sidebar div.episode-guide select,
#sidebar div.car-index select {
    width: 255px;
    margin-bottom: 10px;
    float: left;
}

#sidebar div.episode-guide .episode,
#sidebar div.car-index .episode { float: left }

#sidebar div.episode-guide input.go,
#sidebar div.car-index input.go {
    float: right;
    margin: 6px 0 0 8px;
    background: transparent url('../images/core/i-more.png') no-repeat left 50%;
    padding-left: 17px;
    margin-left: 6px;
}

#sidebar div.episode-guide a.more,
#sidebar div.car-index a.more {
    clear: both;
    display: block;
}

#sidebar .promos {
    float: left;
    margin: 18px 0 0 12px;
    display: inline;
    width: 198px;
}

/* Video promo */
#sidebar .video-promo {
    background: transparent url('../images/core/sb-video-promo-top.png') no-repeat left top;
    float: left;
    margin: -4px 0 22px;
    min-height: 24em;
    position: relative;
    display: inline;
    width: 204px;
}

#sidebar .video-promo h2 {
    background: transparent url('../images/core/sb-video-promo-tv.png') no-repeat 9px bottom;
    padding: 20px;
    min-height: 6.8em;
}

#sidebar .video-promo h3 { margin: 20px 0 0 }

#sidebar .video-promo .video-container {
    background: transparent url('../images/core/sb-video-promo-bottom.png') no-repeat 0 bottom;
    bottom: 0;
    margin-bottom: -12px;
    width: 204px;
    position: absolute;
}

#sidebar .video-promo .video-container .video-scroll {
    width: 130px;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 3px 0 13px 23px;
    position: relative;
    scrollbar-arrow-color: #fff;
    scrollbar-highlight-color: #2d7e9b;
    scrollbar-shadow-color: #277491;
    scrollbar-darkshadow-color: #01415b;
    scrollbar-face-color: #2d7e9b;
    scrollbar-track-color: #292929;
    min-height: 222px;
}

#sidebar .video-promo .video-container .popular-list {
    width: 828px;
    height: 190px;
    position: relative;
}

#sidebar .video-promo .video-container .popular-list .video-post {
    float: left;
    width: 128px;
    padding-right: 10px;
}

#sidebar .video-promo .video-container .popular-list .video-thumb {
    position: relative;
    display: block;
}

#sidebar .video-promo .video-container .popular-list .video-frame {
    background: transparent url('../images/core/sb-video-promo-icon.png') no-repeat left top;
    position: absolute;
    z-index: 80;
    width: 128px;
    height: 72px;
}

/* Blog promo generic */
#sidebar .blog-promo {
    background-repeat: no-repeat;
    background-position: 0 bottom;
    float: left;
    margin: 0 0 15px 3px;
    min-height: 24.5em;
    height: auto !important;
    height: 24.5em;
    position: relative;
    display: inline;
    width: 198px;
}

#sidebar .blog-promo h2 {
    background-repeat: no-repeat;
    background-position: 0 0;
}

#sidebar .blog-promo h2 a {
    text-indent: -9999em;
    overflow: hidden;
    height: 96px;
    width: 198px;
    display: block;
}

#sidebar .blog-promo .quote {
    color: #fff;
    padding: 0 20px 60px 10px;
}

#sidebar .blog-promo .quote blockquote {
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 1.1em;
}

#sidebar .blog-promo .quote blockquote p { margin-bottom: 5px }

#sidebar .blog-promo .quote blockquote .q-open { padding-right: 5px }

#sidebar .blog-promo .quote blockquote .q-close {
    clear: both;
    display: inline;
    float: right;
    padding-right: 5px;
}

#sidebar .blog-promo .quote .author { font-weight: bold }

#sidebar .blog-promo .p-more {
    background-repeat: no-repeat;
    background-position: 0 0;
    bottom: 5px;
    display: block;
    left: 5px;
    margin: 0;
    position: absolute;
}

#sidebar .blog-promo .p-more .more { color: #000 }

#sidebar .blog-promo .more:hover { color: #fff }

/* Foreman promo */
#sidebar .f-promo {
    background: url('../images/core/sb-f-bk-rp.jpg') 0 0 repeat-y;
    width: 202px;
}

#sidebar .f-promo h2 {
    background-image: url('../images/core/sb-f-promo-top.jpg');
    margin-bottom: 0;
}

#sidebar .f-promo h2 a { height: 116px }

#sidebar .f-promo .quote {
    background: url("../images/core/sb-f-quote-rp.jpg") repeat-y right 0;
    border-top: 1px solid #fff;
    color: #000;
    margin: 23px 6px 0 10px;
    padding: 0;
}

#sidebar .f-promo .quote blockquote {
    background-image: url("../images/core/sb-f-quote-top.png");
    margin: -23px 0 0 -9px;
    padding-top: 23px;
}

#sidebar .f-promo .quote blockquote p { padding: 0 10px 0 20px }

#sidebar .f-promo .quote .author { margin: 10px 0 0 5px }

#sidebar .f-promo .p-more {
    background-image: url('../images/core/sb-f-promo-bottom.png');
    padding: 10px 35px 10px 0;
    text-align: right;
    width: 156px;
}

#sidebar .f-promo .more { background-image: none }

/* Cup Holder promo */
#sidebar .ch-promo {
    background-image: url('../images/core/sb-ch-promo-bottom.jpg');
    width: 202px;
}

#sidebar .ch-promo h2 { background-image: url('../images/core/sb-ch-promo-top.jpg') }

#sidebar .ch-promo .quote .author {
    background: url('../images/core/sb-ch-promo-logo.gif') no-repeat left top;
    text-indent: -9999em;
    overflow: hidden;
    margin-top: 10px;
}

#sidebar .ch-promo .p-more {
    background: url('../images/core/sb-ch-promo-more.gif') no-repeat left top;
    color: #fff;
    height: 27px;
    padding: 18px 0 0 14px;
    width: 175px;
}

#sidebar .ch-promo .more { background-image: none }

#sidebar .ch-promo .more:hover { color: #fff }

/* Carbage promo */
#sidebar .c-promo {
    background-image: url('../images/core/sb-c-promo-bottom.jpg');
    width: 202px;
}

#sidebar .c-promo h2 { background-image: url('../images/core/sb-c-promo-top.jpg') }

#sidebar .c-promo .quote .author {
    background: url('../images/core/sb-c-promo-logo.gif') no-repeat left top;
    text-indent: -9999em;
    overflow: hidden;
    margin-top: 10px;
}

#sidebar .c-promo .p-more {
    background: url('../images/core/sb-c-promo-more.gif') no-repeat left top;
    color: #fff;
    height: 27px;
    padding: 18px 0 0 14px;
    width: 175px;
}

#sidebar .c-promo .more { background-image: none }

#sidebar .c-promo .more:hover { color: #fff }

/* Fast and Dangerous promo */
#sidebar .fad-promo {
    background-color: #cc0101;
    background-image: url('../images/core/sb-fad-promo-bottom.gif');
}

#sidebar .fad-promo h2 { background-image: url('../images/core/sb-fad-promo-top.jpg') }

#sidebar .fad-promo .p-more {
    background: url('../images/core/sb-fad-more-top.gif') no-repeat left top;
    display: block;
    width: 192px;
    position: absolute;
    left: 12px;
}

#sidebar .fad-promo .p-more .more {
    background: url('../images/core/sb-fad-more-bottom.gif') no-repeat left bottom;
    min-height: 22px;
    height: auto !important;
    height: 22px;
    display: block;
    padding: 17px 7px 9px 34px;
    color: #f36a30;
    width: 133px;
}

#sidebar .fad-promo .p-more .more:hover { color: #000 }

/* Sunday Afternoon Club promo */
#sidebar .sac-promo {
    background-color: #090806;
    background-image: url('../images/core/sb-sac-promo-bottom.jpg');
}

#sidebar .sac-promo h2 { background-image: url('../images/core/sb-sac-promo-top.jpg') }

#sidebar .sac-promo .p-more {
    display: inline;
    width: 192px;
    position: absolute;
    bottom: 20px;
    left: 12px;
    margin-bottom: 5px;
}

#sidebar .sac-promo .p-more .more {
    background: #fff url('../images/core/sb-sac-more-btn.gif') no-repeat 5px center;
    display: inline-block;
    color: #08e;
    padding: 2px 5px 2px 20px;
}

#sidebar .sac-promo .p-more .more:hover { color: #000 }

/* Transmission promo */
#sidebar .t-promo {
    background-image: url('../images/core/sb-t-promo-rp.jpg');
    background-repeat: repeat-y;
    width: 202px;
}

#sidebar .t-promo h2 { background-image: url('../images/core/sb-t-promo-top.jpg') }

#sidebar .t-promo h2 a { height: 137px }

#sidebar .t-promo .quote {
    color: #000;
    font-family: "Courier New", Courier, monospace;
}

#sidebar .t-promo .quote .author {
    color: #dd1a22;
    margin: 0;
}

#sidebar .t-promo .p-more {
    background: url('../images/core/sb-t-promo-bottom.jpg') no-repeat 0 0;
    bottom: 0;
    left: 0;
    height: 44px;
    margin-bottom: 0;
    padding-top: 10px;
    width: 198px;
}

#sidebar .t-promo .p-more .more {
    background: transparent url('../images/core/sb-t-promo-more-btn.jpg') no-repeat 5px center;
    color: #f36a30;
    display: inline;
    font-size: 1.25em;
    margin: 0 0 0 5px;
    padding: 2px 5px 2px 20px;
}

#sidebar .t-promo .p-more .more:hover { color: #000 }

/* Horsepower promo */
#sidebar .h-promo {
    background-image: url('../images/core/sb-h-promo-rp.gif');
    background-repeat: repeat-y;
    width: 202px;
}

#sidebar .h-promo h2 {
    background-image: url('../images/core/sb-h-promo-top.jpg');
    margin-bottom: 0;
}

#sidebar .h-promo h2 a { height: 112px }

#sidebar .h-promo .quote {
    color: #fff;
    font-size: .835em;
    font-weight: bold;
    margin-top: 5px;
    padding: 0 30px;
}

#sidebar .h-promo .quote blockquote {
    position: relative;
    z-index: 100;
}

#sidebar .h-promo .quote .author {
    margin: 20px 0 0 30px;
    position: relative;
    z-index: 100;
}

#sidebar .h-promo .p-more {
    background: #000 url('../images/core/sb-h-promo-btm.jpg') no-repeat 0 bottom;
    bottom: 0;
    left: 0;
    height: 56px;
    margin: -40px 0 0;
    padding: 80px 0 0;
    position: absolute;
    width: 198px;
    z-index: 10;
}

#sidebar .h-promo .p-more .more {
    color: #c1a860;
    display: inline;
    margin: 0 0 0 10px;
    padding: 2px 5px 2px 20px;
}

#sidebar .h-promo .p-more .more:hover { color: #fff }

/* Test drive promo */
#sidebar .test-drive-promo {
    background: #026aa2 url('../images/core/sb-test-drive-bottom.jpg') no-repeat 0 bottom;
    float: left;
    margin: 0 0 15px 3px;
    min-height: 24.5em;
    position: relative;
    display: inline;
    width: 198px;
}

#sidebar .test-drive-promo a { color: #fff }

#sidebar .test-drive-promo a:hover { color: #a4e3fb }

#sidebar .test-drive-promo h2 {
    background: transparent url('../images/core/sb-test-drive-top.jpg') no-repeat left top;
    padding: 10px;
    margin: 0;
    min-height: 30px;
    height: auto !important;
    height: 30px;
    width: 178px;
}

#sidebar .test-drive-promo .test-drive-thumb {
    background: transparent url('../images/core/sb-test-drive-thumb.jpg') no-repeat left top;
    display: block;
    margin-left: 7px;
    margin-top: -15px;
    width: 130px;
    height: 71px;
    padding: 27px;
}

#sidebar .test-drive-promo .test-drive-thumb img { border: 1px solid #848383 }

#sidebar .test-drive-promo .test-drive-quote { padding: 0 10px 10px }

#sidebar .test-drive-promo .test-drive-quote h3 { margin: 15px 0 0 }

#sidebar .test-drive-promo .test-drive-quote p { margin-bottom: 5px }

#sidebar .test-drive-promo div {
    padding: 10px 0 0;
    display: block;
    margin: 0 0 5px;
}

#sidebar .test-drive-promo div .more { width: 133px }

/* Ad promo */
#sidebar .generic-promo {
    background: #0f0 url('../images/core/generic-promo-top.png') no-repeat 0 top;
    float: left;
    margin: 0 0 15px 3px;
    display: inline;
    width: 198px;
}

#sidebar .generic-promo div.ie6 {
    position: relative;
    padding-bottom: 54px;
}

#sidebar .generic-promo a { color: #fff }

#sidebar .generic-promo a:hover { color: #a4e3fb }

#sidebar .generic-promo h2 {
    padding: 10px;
    margin: 0;
    min-height: 30px;
    height: auto !important;
    height: 30px;
}

#sidebar .generic-promo h3,
#sidebar .generic-promo p { margin: 0 10px }

#sidebar .generic-promo a img {
    width: 184px;
    height: 108px;
    display: block;
    margin: -15px auto 0;
}

#sidebar .generic-promo h3 {
    margin-top: 15px;
    font-size: 1.35em;
}

#sidebar .generic-promo p { margin-bottom: 5px }

#sidebar .generic-promo div.bottom {
    background: transparent url('../images/core/generic-promo-bottom.png') repeat-x left top;
    padding: 10px 10px 0;
    margin: 0;
    min-height: 54px;
    height: auto !important;
    height: 54px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 178px;
}

/* Car chooser promo */
#sidebar .car-chooser-promo {
    background: transparent url('../images/core/sb-car-chooser-bottom.png') no-repeat 0 bottom;
    float: left;
    margin: 7px 0 15px -1px;
    min-height: 24em;
    position: relative;
    display: inline;
    width: 206px;
}

#sidebar .car-chooser-promo a { color: #fff }

#sidebar .car-chooser-promo a:hover { color: #a4e3fb }

#sidebar .car-chooser-promo h2 {
    background: transparent url('../images/core/sb-car-chooser-top.png') no-repeat left top;
    margin: -7px 0 0;
}

#sidebar .car-chooser-promo h2 a {
    min-height: 105px;
    text-indent: -9999em;
    overflow: hidden;
    display: block;
}

#sidebar .car-chooser-promo .car-chooser-quote { padding: 0 20px 60px }

#sidebar .car-chooser-promo .car-chooser-quote h3 { margin: 0 }

#sidebar .car-chooser-promo .car-chooser-quote p { margin-bottom: 5px }

#sidebar .car-chooser-promo .car-chooser-quote .car-chooser-signup {
    background: transparent url('../images/car-chooser/b-sign-up.gif') no-repeat left top;
    display: block;
    height: 28px;
    width: 80px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    bottom: 35px;
}

#sidebar .car-chooser-promo .car-chooser-quote .car-chooser-signup:hover { background: transparent url('../images/car-chooser/b-sign-up-on.gif') no-repeat left top }

/* Ad placement */
#mpu p,
.skyscraper p {
    padding: 2px 0 1px;
    color: #696965;
    font-size: .95em;
    margin: 0;
    text-align: right;
}

#mpu {
    margin: 0 16px 16px;
    background-color: #161616;
    padding: 0 13px 13px;
    float: left;
    display: inline;
}

.skyscraper {
    float: right;
    margin: 0 16px 0 0;
    background-color: #161616;
    display: inline;
}

.skyscraper p { margin-right: 6px }

/* Modules */

/* Pagination */
.pagination { background: transparent url('../images/core/ds.png') no-repeat left bottom; margin-bottom: 4px; width: 560px; padding: 10px 12px 10px 15px; float: left;}
.pagination ul { display:block; float:left; padding:0; }
.pagination ul li { float:left; margin:0 10px 0 0; font-weight:bold; }
.pagination .previous-results, .pagination .next-results { 
	display: block;
	background: url("../images/core/i-more.png") no-repeat scroll left 70% transparent;
	text-indent: -99999px;
    font-size: 0.95em;
    font-weight: bold;
    padding-left: 18px;
	float: left;
 }
 .pagination .previous-results { background-image: url("../images/core/i-less.png"); margin-right: 4px; }
.pagination ul li.sel a { color:#000 !important; border:none !important; }
.pagination p { float:right; display:block; padding:0; text-align:right; }

.pagination-button-link {
	float: right;
	color: #fff;
	padding: 3px 14px;
	margin: 7px 4px 0 0;
	background: #039bd7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #02669f;
	background: url(arrow.gif) right center no-repeat;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	background: -o-linear-gradient(top, #00adee, #0078a5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

#new-car-news-tags  .pagination-button-link {
	margin-bottom: 17px;
}

/* Background images */
.content-list {
    background: transparent url('../images/core/ds.png') no-repeat left bottom;
    padding: 0 6px 4px;
    float: left;
    margin-bottom: 5px;
    width: 578px;
}

.content-list .wide-container {
    background: transparent url('../images/core/ds-2.png') no-repeat left bottom;
    padding: 0 6px 4px;
    margin: 0 -6px 5px;
    width: 740px;
}

.content-list .full-test {
    background: url('../images/core/tg-test-badge.png') no-repeat left top;
    z-index: 10;
    position: absolute;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    width: 206px;
    height: 113px;
    top: -3px;
    left: -3px;
}

/* Tilted masks */
.big-thumbnail {
    position: relative;
    z-index: 20;
    display: block;
    background: #252525;
}

.big-thumbnail .mask {
    background: transparent url('../images/core/feature-tilt-mask.png') no-repeat left top;
    position: absolute;
    display: block;
    width: 590px;
    height: 331px;
    z-index: 10;
    margin: -6px 0 0 -6px;
}

.thumbnail {
    z-index: 10;
    position: absolute;
    width: 206px;
    height: 124px;
    display: block;
}

.thumbnail .mask {
    background: url('../images/core/cars-tilt-mask.png') no-repeat left top;
    width: 206px;
    height: 123px;
    position: absolute;
    z-index: 2;
    display: block;
}

/* Feature container */
.feature {
    background: transparent url('../images/core/ds.png') no-repeat left bottom;
    padding: 0 6px 6px;
    position: relative;
    margin: 0 0 7px;
}

.feature div.summary {
    background: #252525 url('../images/core/story-grad.gif') repeat-x left bottom;
    padding: 0 13px 5px;
}

.feature h3 {
    margin: -25px 0 5px 13px;
    z-index: 30;
    position: relative;
}

.feature p { margin: 0 0 4px }

.feature a.more {
    padding: 2px 0 0 18px;
    margin: 0;
    position: static;
}

/* Car lists - i.e. car news / reviews */
#mainContent .content-list .summary h3 { margin-bottom: 0 }

#mainContent .content-list .summary {
    margin-left: 205px;
    min-height: 70px;
    position: relative;
    padding: 4px 10px 3.5em;
    width: 349px;
}

#mainContent .content-list li.short { float: left }

#mainContent .content-list li.short .summary {
    margin: 0;
    width: 264px;
}

#mainContent .content-list li.even { border-left: 2px solid #fff }

#mainContent .content-list li .summary a.more {
    position: absolute;
    bottom: 2em;
    margin: 1em 8px 4px 0;
}

#mainContent .content-list li .summary p.tags {
    background: url('../images/core/dotted-bg.gif') repeat-x 350px 0;
    font-size: .8em;
    position: absolute;
    bottom: 0;
    margin: 1em 8px 4px 0;
    width: 93%;
}

.reviews #mainContent .content-list .top-border , #mainContent .content-list .top-border { border-top: 2px solid #fff }

/* Quote */
#mainContent .quote {
    clear: both;
    float: left;
    background: #0c9fd8 url('../images/core/quote-bg.gif') repeat-x top left;
    margin: 3px 3px 8px;
    width: 584px;
    display: inline;
    padding: 0 0 5px;
}

#mainContent .quote .author-img { float: right }

#mainContent .quote blockquote {
    font-size: 1.7em;
    font-weight: bold;
    float: none;
    margin: 10px 10px 5px;
    line-height: 1.2;
    background: url('../images/core/quote-open.gif') no-repeat left top;
    padding-left: 35px;
}

#mainContent .quote blockquote p {
    background: url('../images/core/quote-close.gif') no-repeat right bottom;
    padding-right: 29px;
    margin: 0;
}

#mainContent .quote img { margin: 0 0 0 10px }

#mainContent .quote .open-quote {
    float: left;
    margin: 0 10px 20px 0;
    display: inline;
}

#mainContent .quote h2 {
    font-size: 1.2em;
    font-weight: bold;
    color: #cce1ec;
    margin: 10px;
    clear: none;
    height: auto;
}

#mainContent .quote .bottom {
    background: transparent url('../images/core/dotted-promo.gif') repeat-x left top;
    margin: 0 0 0 10px;
    padding-top: 5px;
}

#mainContent .quote a { color: #fff }

/* Content search blue box */
#mainContent .content-search {
    background: #039ad6 url('../images/core/search-news-bg.gif') repeat-x top left;
    border: 2px solid #fff;
    clear: both;
    margin: 0 4px;
    min-height: 94px;
    padding: 8px 10px 0;
}

#mainContent .content-search h2 {
    background: transparent url('../images/core/dotted-promo.gif') repeat-x left 85%;
    height: 35px;
    margin: 0 0 5px;
}

#mainContent .content-search form {
    background: transparent url('../images/core/dotted-promo.gif') repeat-x left 100%;
    margin: 0 0 5px;
}

#mainContent .content-search label {
    width: 325px;
    float: left;
    font-weight: bold;
    padding-bottom: 8px;
}

#mainContent .content-search .search-box {
    background: transparent url('../images/core/search-bg.png') no-repeat left top /*T*/;
    border: none;
    padding: 2px 10px 0;
    height: 22px;
    width: 155px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #999;
}

/* Content search dark box */
#mainContent form.new-search { padding: 10px }

#mainContent form.new-search label {
    font-size: 1.6em;
    margin-right: 10px;
}

#mainContent input.search-large {
    background: transparent url('../images/search/search-large-bg.gif') no-repeat left top;
    border: none;
    width: 386px;
    padding: 0 10px;
    height: 19px;
}

/* Error pages */
#error .feature div.summary {
    padding-top: 5px;
    margin-top: -3px;
    border-top: solid 2px #fff;
}

/* Ratings */
#mainContent .content-list span.s-rating {
    display: block;
    height: 30px;
    width: 36px;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url('../images/tg-rating-stamps/tg-specs-rating.gif') no-repeat 0 0;
}

#mainContent .content-list span.s-r1 { background-position: 8px -547px }

#mainContent .content-list span.s-r2 { background-position: 8px -519px }

#mainContent .content-list span.s-r3 { background-position: 8px -489px }

#mainContent .content-list span.s-r4 { background-position: 8px -460px }

#mainContent .content-list span.s-r5 { background-position: 8px -431px }

#mainContent .content-list span.s-r6 { background-position: 8px -403px }

#mainContent .content-list span.s-r7 { background-position: 8px -374px }

#mainContent .content-list span.s-r8 { background-position: 8px -345px }

#mainContent .content-list span.s-r9 { background-position: 8px -316px }

#mainContent .content-list span.s-r10 { background-position: 8px -287px }

#mainContent .content-list span.s-r11 { background-position: 8px -258px }

#mainContent .content-list span.s-r12 { background-position: 8px -229px }

#mainContent .content-list span.s-r13 { background-position: 8px -200px }

#mainContent .content-list span.s-r14 { background-position: 8px -171px }

#mainContent .content-list span.s-r15 { background-position: 8px -142px }

#mainContent .content-list span.s-r16 { background-position: 8px -113px }

#mainContent .content-list span.s-r17 { background-position: 8px -84px }

#mainContent .content-list span.s-r18 { background-position: 8px -55px }

#mainContent .content-list span.s-r19 { background-position: 8px -26px }

#mainContent .content-list span.s-r20 { background-position: 8px 1px }

/* Share controls - for video, 360, gallery etc */
#mainContent #share-options {
    background: url('../images/core/dotted-bg.gif') repeat-x 0 0;
    margin: 7px 8px 4px 0;
    padding: 8px 0 0;
}

#mainContent #share-options a.more {
    background: url('../images/core/i-more-options.png') no-repeat left 50%;
    padding-left: 13px;
    margin-right: 25px;
    cursor: pointer;
}

#mainContent a.roll { color: #a4e3fb }

#mainContent a.active { color: #fff }

#see-options .show { display: block !important }

#see-options #send-a-friend,
#see-options #share,
#see-options #get-embed-code {
    display: none;
    border: 2px solid #fff;
    padding: 10px 0 0 10px;
}

#see-options {
    margin: -13px 4px 20px;
    background: #fff url('../images/video/see-options-bg.gif') repeat-x top left;
    position: relative;
    z-index: 10;
    color: #000;
}

#see-options h3 {
    margin: 0 0 3px;
    color: #3a3a3a;
}

#see-options p { margin: 0 0 10px }

#see-options form p {
    width: 272px;
    float: left;
    margin: 0;
    padding-bottom: 10px;
}

#see-options p.last {
    width: 499px;
    float: left;
}

#see-options #send,
#see-options #copy {
    margin: 20px 0 0 3px;
    background: transparent url('../images/video/send-arrows-bg.gif') no-repeat left 50%;
    border: none;
    font-weight: bold;
    color: #2495c1;
    padding-left: 13px;
    cursor: pointer;
    width: 55px;
}

#see-options form input { margin-top: 5px }

#see-options .error { margin-left: 5px }

#see-options .confirm {
    margin-top: 15px;
    padding: 4px 0 15px;
    margin: 0 10px 0 0;
}

#see-options .send-a-friend p.last { margin-top: 10px }

#see-options .yourBox {
    background: transparent url('../images/video/input-short-bg.gif') no-repeat left top;
    /*T*/ border: none;
    width: 206px;
    padding: 2px 10px 0;
    height: 19px;
}

#see-options .friendBox {
    background: transparent url('../images/video/input-large-bg.gif') no-repeat left top;
    border: none;
    width: 480px;
    padding: 2px 10px 0;
    height: 19px;
}

#see-options #share ul {
    width: 521px;
    overflow: auto;
    margin: 0 10px 0 0;
}

#see-options #share ul li {
    float: left;
    width: 130px;
    height: 50px;
}

#see-options #share ul li a {
    position: static;
    background: transparent url('../images/core/shared-icons.jpg') no-repeat top left;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    color: #fff;
    width: 130px;
    height: 50px;
}

#see-options #share ul li.my-space a { background-position: 0 0 }

#see-options #share ul li.facebook a { background-position: -140px 0 }

#see-options #share ul li.delicious a { background-position: -270px 0 }

#see-options #share ul li.digg a { background-position: -400px 0 }

#see-options #share ul li.stumble a { background-position: 0 -55px }

#see-options #share ul li.reddit a { background-position: -140px -55px }

#see-options #share ul li.live-space a { background-position: -270px -55px }

#see-options #share ul li.mixx a { background-position: -400px -55px }

#see-options #get-embed-code #copy { margin-top: 5px }

/* Gallery generic */
#gallery-generic #mainContent {
    margin-top: 0;
    position: relative;
}

#gallery-generic #content #mainContent .content-list {
    background: none;
    border: 0;
    margin: -6px 4px 0;
    min-height: 620px;
    padding: 0;
    width: 582px;
}

#gallery-generic #mainContent h2 {
    background: url('../images/core/h-only-bg.png') no-repeat top left;
    border: 0;
    height: 1.4em;
    margin: 0 0 5px;
    padding: 0 12px;
}

#gallery-generic #mainContent .feature {
    background: #252525;
    border: 2px solid #fff;
    border-bottom: 0;
    float: left;
    margin: 0 4px -2px;
    padding: 0;
    width: 578px;
}

#gallery-generic #mainContent .feature p { margin: 12px 12px 0 }

#gallery-generic #gallery {
    background: #252525;
    border: 2px solid #fff;
    clear: both;
}

#gallery-generic #mainContent #slideshow {
    background: url(../images/car-news/sub-nav-top-bk.jpg) repeat-x 0 bottom;
    border-bottom: 2px solid #fff;
    width: 578px;
}

#gallery-generic #mainContent #slideshow img.main-image {
    display: block;
    position: relative;
}

#gallery-generic #mainContent #slideshow a {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    float: left;
    background: transparent url('../images/car-reviews/photo-gallery-controls-old.png') no-repeat top left;
}

#gallery-generic #mainContent #slideshow #controls {
    background: url(../images/car-reviews/photo-gallery-controls-bk.png) no-repeat 0 0;
    bottom: 0;
    height: 57px;
    left: 0;
    position: relative;
    top: 0;
    width: 578px;
}

#gallery-generic #mainContent #slideshow #controls a {
    height: 57px;
    width: 72px;
    outline: none;
}

#gallery-generic #mainContent #slideshow #controls #gal-prev {
    background-position: -344px 0;
    float: left;
    width: 75px;
}

#gallery-generic #mainContent #slideshow #controls #gal-prev:hover { background-position: -344px -57px }

#gallery-generic #mainContent #slideshow #controls #gal-prev.disabled { background-position: -178px -50px }

#gallery-generic #mainContent #slideshow #controls a#gal-next { background-position: -489px 0 }

#gallery-generic #mainContent #slideshow #controls a#gal-next:hover { background-position: -489px -57px }

#gallery-generic #mainContent #slideshow #controls a#gal-next.disabled { background-position: -251px -51px }

#gallery-generic #mainContent #slideshow #controls #gal-next { float: right }

#gallery-generic #mainContent #slideshow #controls a.disabled { cursor: default }

/* Options & share options overrides! */
#gallery-generic #mainContent #gallery #options p {
    padding: 9px 12px;
    margin: 0;
    border-bottom: 2px solid #fff;
}

#gallery-generic #mainContent #gallery #options p.number-display {
    font-weight: bold;
    padding: 9px 0 0;
    margin: 0 12px;
    border-bottom: none;
}

#gallery-generic #mainContent #gallery #options .caption { margin: 0 }

#gallery a.more {
    background: transparent url('../images/core/i-more-options.png') no-repeat scroll left 50%;
    padding-left: 12px;
    margin-left: 20px;
}

#gallery-generic #mainContent #gallery #options #see-wallpaper {
    background: #FFF url('../images/video/see-options-bg.gif') repeat-x scroll left top;
    display: none;
}

#gallery-generic #mainContent #gallery #see-wallpaper h3 {
    color: #3a3a3a;
    margin: 0 0 3px;
    padding: 10px 0 0 10px;
}

#gallery-generic #mainContent #gallery #options #see-wallpaper p {
    color: #000;
    padding-top: 0;
}

#gallery-generic #mainContent #gallery #options #see-wallpaper a {
    color: #2495C1;
    font-weight: bold;
}

#gallery-generic #mainContent #gallery #options #see-wallpaper p.sizes {
    font-weight: bold;
    padding-bottom: 0;
}

#gallery-generic #mainContent #gallery #options #see-wallpaper p.sizes a {
    padding-right: 7px;
    border-right: 2px solid #7c7c7c;
    margin-right: 7px;
}

#gallery-generic #mainContent #gallery #options #see-wallpaper p.sizes a.last { border-right: none }

#gallery-generic #mainContent #gallery #options #see-wallpaper p.close-box {
    margin: 12px 12px 0;
    padding: 9px 0;
}

#gallery-generic #mainContent #gallery #options .caption { border-bottom: 0 }

#gallery-generic #mainContent #gallery #options .caption h2 {
    background: transparent;
    font-size: 1em;
    margin: 6px 0 3px;
}

#gallery-generic #mainContent #gallery #options .caption p { padding-top: 0 }

#gallery-generic #mainContent .back .more {
    background: url('../images/core/i-more.png') no-repeat left 50%;
    margin: 0;
    padding-left: 18px;
}

#gallery-generic #mainContent #gallery #options #share-options { border-bottom: 0 }

#gallery-generic #see-options #send-a-friend,
#gallery-generic #see-options #share,
#gallery-generic #see-options #get-embed-code { padding-bottom: 10px }

#gallery-generic #see-options {
    margin: 0;
    width: 578px;
}

#gallery-generic #see-options #send-a-friend,
#gallery-generic #see-options #share { border-bottom: 0 }

#gallery-generic #see-options p { margin-bottom: 0 }

#gallery-generic #options { clear: both }

/* Paginator */
#mainContent .paginator {
    padding: 10px;
    font-weight: bold;
    font-size: 1.1em;
    overflow: auto;
    width: 558px;
}

/* TODO - create sprite */
#mainContent .paginator .prev {
    float: left;
    position: relative;
    z-index: 10;
}

#mainContent .paginator .prev a {
    background: url('../images/core/back-arrows-bg.gif') no-repeat 0 50%;
    padding-left: 18px;
}

#mainContent .paginator .next {
    float: right;
    position: relative;
    z-index: 10;
}

#mainContent .paginator .next a {
    background: url('../images/core/go-arrows-bg.gif') no-repeat right 50%;
    padding-right: 18px;
}

#mainContent .paginator ul {
    display: block;
    text-align: center;
    float: left;
    margin-top: -17px;
    position: relative;
    width: 555px;
}

#mainContent .paginator ul li {
    display: inline;
    padding: 0 3px;
}

#mainContent .paginator ul li.selected {
    text-decoration: underline;
    color: #fff;
}

/* Help page */
#help #mainContent { margin: 0 3px 0 0 }

#help .content-list {
    border-top: 1px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background-color: #323131;
    background-image: none;
    padding: 0;
    width: 578px;
    margin-bottom: 0;
    line-height: 1.5;
}

#help .content-list p,
#help .content-list h3,
#help .content-list h4 { padding: 0 8px }

#help .content-list h2 {
    background: url('../images/car-chooser/top-heading-bg.gif') repeat-x top left;
    padding: 8px;
    border-bottom: 2px solid #fff;
}

#help .content-list h3 {
    border-top: 1px solid #fff;
    padding-top: 10px;
}

#help .content-list h4 { margin: 0 }

#help .content-list p.intro { font-size: 1.2em }

#help .content-list #car-bar { border-top: 1px solid #fff }

#footer { margin-top: 20px }