/**
* section:core stylesheet for car section
* media:screen
* notes:*
*	code-reviewed:01/10/08
*/

/* DEFAULTS */
body { color:#fff; background:#161616 url('../images/core/bk-rp.jpg') 0 0 repeat-x; }

.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 #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; }
a:active { }
a:focus { outline:1px dotted #999; }

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

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


/* GENERAL STYLES */
.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:9px 0 24px 11px; background:transparent 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; margin:0 0 7px 11px; width:939px; height:3.2em; padding:6px 0 0 12px; }
#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;/*T*/ 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; /*T*/ 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:0px; }
#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%; }

#sidebar .most-popular ol.col1, 	/*definitions for double colon promo */
#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; /*T*/ float:left; margin:-4px 0 22px; min-height:24em;/*T*/ 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-3dlight-color:#037caf; scrollbar-highlight-color:#2d7e9b; scrollbar-shadow-color:#277491; scrollbar-darkshadow-color:#01415b; scrollbar-face-color:#2d7e9b; scrollbar-track-color:#292929; min-height:222px;/*T*/ }
#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 holder 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:#0088ee; 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:0.835em; font-weight:bold; margin-top:5px; padding:0 30px 0; }
#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;/*T*/ 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 0; }
#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; /*T*/ float:left; margin:7px 0 15px -1px; min-height:24em;/*T*/ 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; /*T*/ margin:-7px 0 0; }
#sidebar .car-chooser-promo h2 a { min-height:105px;/*T*/ 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; }

/* Footer */
#footer ul { width:825px; }

/* Footer Tray */
ul#tray { background:#039cd8 url('../images/footer/tray-bg.jpg') repeat-x; width:951px; margin-left:11px; padding:7px 0; overflow:auto; margin-bottom:20px; }
ul#tray li { float:left; background:url('../images/footer/dotted-footer-v-bg.gif') repeat-y right; padding-left:12px; }
ul#tray li div { position:relative; }
ul#tray li div img, ul#tray li div embed { position:absolute; bottom:5px; left:-5px; }
ul#tray li.flash { width:205px; }
ul#tray li.flash div { background:url('../images/footer/flash-bg.png') no-repeat; height:158px; position:relative; }
ul#tray li.flash div a img { position:absolute; top:5px; left:4px; width:188px; height:141px; }
ul#tray li.flash div embed { top:5px; left:5px; }
ul#tray li.live div img { top:9px; left:9px; }
ul#tray li.subscribe { width:209px; }
ul#tray li.subscribe div { background:url('../images/footer/subscribe-bg.png') no-repeat; height:88px; }
ul#tray li.live { width:135px; }
ul#tray li.live div { background:url('../images/footer/live-bg.png') no-repeat; height:154px; }
ul#tray li.shop { width:209px; }
ul#tray li.shop div { background:url('../images/footer/subscribe-bg.png') no-repeat; height:88px; }
ul#tray li.newsletter { width:130px; background:none; }
ul#tray li.newsletter div { background:url('../images/footer/newsletter-bg.png') no-repeat; height:88px; }
ul#tray li h5 { margin-bottom:0; position:relative; z-index:100; }
ul#tray li p { background:url('../images/footer/dotted-footer-h-bg.gif') repeat-x bottom left; padding-bottom:8px; margin-right:10px; margin-bottom:7px; font-size:0.9em; }
ul#tray li a { background:url('../images/footer/arrow.gif') no-repeat 0 50%; color:#FFF; font-weight:bold; padding-left:15px; font-size:0.9em; }
ul#tray li div a { background:none; padding-left:0; }

/* Ad placement Styles */
#mpu p,
.skyscraper p { padding:2px 0 1px; color:#696965; font-size:0.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 */
/* 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;/*T*/ 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; /*T*/ 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 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 0; }
.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; /*T*/ 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%; }

/* 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:left; margin:0 4px; min-height:94px; padding:8px 10px 0; /*T*/}
#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;/*T*/ 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; /*T*/ border:none; width:480px; padding:2px 10px 0; height:19px; }

#see-options #share ul { width:521px; overflow:auto; margin:0 10px 0px 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:#FFFFFF 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 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; /*T*/ float:left; margin-top:-17px; position:relative; width:555px; }
#mainContent .paginator ul li { display:inline; padding:0 3px; /*T*/}
#mainContent .paginator ul li.selected { text-decoration:underline; color:#fff; /*T*/ }

/* help page styles */
#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; }