@import url('/style/global.css');


/* this overrides the global page background so you can use your own instead of the brown yoke. global one should (probably) be removed */

body {
	background-image: url(/images/bg_home.png);
}
.homeWrapper
{
	background-image: url('/motors/images/bg_motors_home.png');
	background-repeat: repeat-y;
}
.wrapper
{
	background-image: url('/motors/images/bg_motors.png');
	background-repeat: repeat-y;
}
	
	
a {
	color:  #449ed4;
}
#flashPlayer p.getFlash{
	font-size:90%;
	margin:6px 0px;
	padding:0px;
}

div.separator {
	line-height:0px;
	height:0px;
	min-height:0px;
	width: 100%;
	clear:both;	
	padding:0px;
	margin:0px;
	font-size:0px;
}

div#leftNav {
	width: 169px;
	float: left;
	border-top: 1px white solid;
	height:700px;
	min-height:700px;

}

div#primaryContent, div.primaryContent {
	float: left;
	border-top: solid 1px white;
	border-left: solid 1px white;
	width: 419px;
	background-color: #fff;
}
#secondaryContent, div.secondaryContent {
	border-top: solid 1px white;
	border-left: solid 1px white;
	width: 269px;
	float: right;
	display: block;
}
div#wideContent, div.wideContent {
	float: left;
	border-top: solid 1px white;
	border-left: solid 1px white;
	width: 689px;
	background-color: #fff;
}
div#rightTop {
	width: 100%;
}
div#rightBottom {
	clear: both;
	width: 100%;
}

div#globalLogoPlaceholder {
	background: url('/motors/images/logo.gif') left no-repeat;
	background-color: #4d4e4e;
}
div#globalMenuPlaceholder {
	background-color: #449ed4;
}
#globalMenu {
	background-color: rgb(158, 102, 173);
}
#globalMenu li {
	background-color: #449ed4;
	border-left: solid 1px #eaeaea;
}
div#globalSecondaryMenu {
	background-color: #eaeaea;
	border-top: solid 1px #eaeaea;
	color: black;
}
div#footer {
	border-top: solid 1px #3c3103;
}

ul.menlinkList {
	list-style-type: none;
	clear: both;
	margin: 0px;
	padding:6px;
}
ul.menlinkList li {
	font-family: Tahoma, Arial;
	font-size: 8pt;
	background-image: url('/images/bullet.gif');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 3px 3px 0px 10px;
	line-height: 1.4em;
}
ul.menlinkList li a {
	color: #4d4e4e;
}

ul.menlinkList li img {
	position:relative;
	top:2px;
}

ul.menlinksList ul.menlinksList
{
	padding: 0px;
}

div.titleHeader {
	background-color: #449ed4;
	border-bottom: 1px solid #ffffff;
	text-align: left;
	margin:0px;
	padding:0.2em 0em;
	height:1.4em;
	width:100%;
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #fff;
	clear: both;
}

div.titleHeader span {
	margin:0px 8px;
	padding:0px;
	position:relative;
	top:1px;
}

div.titleHeader span a {
	color: #fff;
}

div.titleHeaderGrey {
	background-color: #4e4e4e;
}


div#bridgestonebug {
	position: absolute;
	top: 161px;
	left: 740px;
}
* html div#bridgestonebug {
	top: 164px;
	}
	


div#primaryContent div.titleHeader span, div#motoringNews div.titleHeader span, div#motoringFeatures div.titleHeader span {
width:200px;
float:left;
}

div#primaryContent div.titleHeader span.rssIcon, div#motoringNews div.titleHeader span.rssIcon, div#motoringFeatures div.titleHeader span.rssIcon {
width:20px;
clear:none;
	padding: 2px;
	margin: 0px;
	float: right;
}


/* ---- Main home page feature ---- */
div.topFeature{
	background-color: #4d4e4e;
	color:#ffffff;
	line-height: 1.3;
	width: 100%;
	padding:0px;
	margin:0px;
}
div.topFeature img#topImage {
border:0px;
height:236px;
width:419px;
}
.topFeature div.topFeatureCaption {
	background-color: #4d4e4e;
	margin: 0px;
	padding: 6px 10px;
clear:both;
}
.topFeature div.topFeatureCaption h2 {
	margin: 0px;
	padding: 0px;
	font-size:120%;
}
.topFeature p {
	margin: 0px;
	padding: 0px;
}

.topFeature a {
	color:#ffffff;
}


/* ---- Motor Search Dropdowns ---- */
div.carSearch {
	width: 334px;
margin:7px 0px 0px 7px;
padding:0px 0px 6px 0px;
	float: left;
	display:inline;
	border-bottom: solid 1px #FFFFFF;
height:171px;
}

div.carSearch h2 {
margin:0px;
padding:10px 60px 5px 60px;
font-size:160%;
color:#027ec6;
}

.carSearch#left {
	background-image: url(/motors/images/carzon_used_bg.jpg);
	background-repeat: no-repeat;
}
.carSearch#right {
	background-image: url(/motors/images/carzon_new_bg.jpg);
	background-repeat: repeat-x;
	clear: right;
}
.carSearch div.mytextCell {
	font-size:8pt;
}
.carSearch form {
	width: 313px;
	margin: 0px;
padding:0px 10px;
	text-align: left;
line-height:1.4;
}
.carSearch select {
	width: 140px;
	font-size: 85%;
	text-align: left;
	margin-bottom: 3px;
	margin-top: 3px;	
}
.carSearch input  {
	margin-bottom: 5px;
	margin-top: 9px;	
}
.carSearch a  {
	margin: 0px;
	padding: 0px;	
	color: #990000;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
}
.carSearch p  {
	margin: 0px;
	padding: 0px;	
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;	
	font-size: 70%;	
}

input.qsearchSubmit {
background-color:#3d92c8;
color:#ffffff;
padding:2px;
width:160px;
text-align:center;
border:0px;
cursor:pointer;
}

input.qsearchSubmit:hover {
background-color:#22546F;
}

div.qsearchSubmitButton {
text-align:center;
}

/* ---- home story list ---- */

div.featureModule * {
	margin: 0px;
	padding: 0px;
}
div.featureModule {
	width: 100%;
	clear: both;
}
.featureModule a {
	color: #b45204;
}
.featureModule img {
	float: left;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 0px;
}
.featureModule p {
	width: 265px;
	float: right;
	padding-right: 5px;
	padding-left: 7px;			
	margin: 0px;
	border-bottom: #959696 1px solid;
	min-height: 64px;
	font-size: 85%;
}
.featureModule p#bottom {
	border-bottom: #FFFFFF 1px solid;
}

/* min-height hack for Internet Explorer */
/*\*/
* html .featureModule p {
	height: 65px;
}

.featureModule h3 {
	color: #b45204;
	font-size: large;
	font-weight: normal;
	padding: 0px;
	padding-top: 5px;
	padding-left: 7px;				
	margin: 0px;
	float: left;
	width: 250px;	
}


/* ---- home page Recent Reviews list ---- */

div.topFeature {
min-height:326px;
*height:332px;
}

div.recentReviews {
background-color:#717171;
min-height:326px;
*height:332px;
color:#ffffff;
}


div.recentReviews a {
color:#ffffff;
}



ul.recentReviewsList {
margin:0px;
padding:0px;
list-style:none;
}

ul.recentReviewsList li {
list-style-type:none;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	width: 100%;
	clear: both;
	display: block;
}
ul.recentReviewsList li  a {
	color: #ffffff;
}
ul.recentReviewsList li img.homeReviewImage {
	float: left;
	margin: 5px 11px;
	border: 1px solid #FFFFFF;
width:104px;
height:59px;
	
}

ul.recentReviewsList li p {
	padding: 0px 7px 2px 128px;
	margin: 0px;
	font-family:Tahoma, Arial;
	font-size: 8pt;
	color: #FFFFFF;
}
ul.recentReviewsList li p a:hover, ul.recentReviewsList li a:hover p{
	text-decoration:none;
}

ul.recentReviewsList li h3 {
	font-family:Tahoma, Arial;
	font-size: 8pt;
	font-weight: bold;
	padding:2px 7px 2px 7px;				
	margin: 0px;
}

ul.recentReviewsList li.links {
}

ul.recentReviewsList li.links a {
	float: right;
font-size:85%;
font-family:tahoma, arial;
font-weight:bold;
background-image: url(/motors/images/reviews_links_bg.gif);
background-repeat:no-repeat;
margin:0px 8px 0px 0px;
padding:3px;
width:93px;
text-align:center;
color:#D7D7D7;
}

ul.recentReviewsList li.links a:hover {
color:#449ED4;
text-decoration:none;
}


/* ---- home page Recent Reviews list ---- */

div.topReviews {
color:#ffffff;
border-top:0px solid #ffffff;
border-bottom:1px solid #8BC1DF;
margin-bottom:20px;
clear:both;
display:block;
}

div.topReviews a {
color:#000000;
}

ul.topReviewsList {
margin:0px;
padding:5px 0px 5px 0px;
list-style:none;
border-bottom:0px solid #4e95ea;
}

ul.topReviewsList li {
list-style-type:none;
	padding: 0px 0px 7px 0px;
	margin: 0px;
	width: 100%;
	clear: both;
	display: block;
}
ul.topReviewsList li  a {
	color: #000000;
}
ul.topReviewsList li img {
	float: left;
	margin: 3px 8px 0px 6px;
	padding:1px;
	width:127px;
	height:72px;
border:1px solid #8BC1DF;
}

ul.topReviewsList li p {
	padding: 0px 6px 0px 0px;
	margin: 0px;
	font-family:Arial;
	font-size: 8pt;
	color: #707070;
}

ul.topReviewsList li p a:hover, ul.topReviewsList li a:hover p{
	text-decoration:none;
}

ul.topReviewsList li h3 {
color:#4e95ea;
	font-family:Tahoma, Arial;
	font-size: 110%;
	font-weight: bold;
	padding:0px 6px 0px 6px;
margin: 0px;
color:#505050;
}

ul.topReviewsList li h3 a{
color:#505050;
}

/* ---- home page Recent Reviews list ---- */

div.topHeadlines {
color:#ffffff;
border-top:0px;
clear:both;
border-bottom:0px;
margin-bottom:0px;
}

div.topHeadlines a {
color:#000000;
}

div.topHeadlines ul.topReviewsList {
margin:0px;
padding:5px 0px 5px 0px;
list-style:none;
border-top:0px;
border-bottom:0px;
}

div.topHeadlines ul.topReviewsList li {
list-style-type:none;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	width: 100%;
	clear: both;
	display: block;
}
div.topHeadlines ul.topReviewsList li  a {
	color: #000000;
}
div.topHeadlines ul.topReviewsList li img {
float:right;
	margin: 3px 6px 0px 8px;
padding:1px;
border:1px solid #8BC1DF;
}

div.topHeadlines ul.topReviewsList li p {
	padding: 0px 0px 0px 6px;
	margin: 0px;
	font-family:Arial;
	font-size: 8pt;
	color: #707070;
}

div.topHeadlines ul.topReviewsList li h3 {
	padding:0px 0px 3px 6px;
	color:#505050;
}

div.topHeadlines ul.topReviewsList li h3 a {
	color:#505050;
}


/* ---- Index Page List ---- */

ul.indexList {
margin:0px;
padding:0px;
list-style:none;
}

ul.indexList li {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	clear: both;
	display: block;
}

ul.indexList li img.indexImage {
	float: left;
	padding:1px;
	border:1px solid #8BC1DF;
	margin: 3px 8px 15px 0px;
}

ul.indexList li p {
	padding: 0px 2px 0px 0px;
	margin: 0px;
	font-family:Arial;
	font-size: 100%;
}

ul.indexList li p.length {
	float:left;
	padding: 2px 2px 0px 0px;
	margin: 0px;
	color:#666666;
	font-size: 90%;
}

ul.indexList li h3 {
color:#4e95ea;
	font-family:Arial;
	font-size: 110%;
	font-weight: bold;
	padding:0px 0px 0px 0px;
margin: 0px;
}

ul.indexList li h3 a{
color:#4e95ea;
}



/* ---- home page right-side featured programme ---- */

div.rightFeature * {
	margin: 0px;
	padding: 0px;
}
div.rightFeature {
	width: 100%;
	clear: both;
	background-color: #FFFFFF;
}
.featureModule a {
	color: #b45204;
}
.rightFeature h3 {
	color: #b45204;
	font-size: large;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;				
	margin: 0px;		
}
.rightFeature img {
	padding-left: 13px;
}
.rightFeature a {
	color: #a21919;
}
.rightFeature p {
	padding-right: 5px;
	padding-left: 7px;
	padding-top: 7px;	
	padding-bottom: 7px;					
	margin: 0px;
	border-bottom: #959696 1px solid;
	min-height: 65px;
	color: #666666;
}

/* min-height hack for Internet Explorer */
/*\*/
* html .rightFeature p {
	height: 65px;
}

/* --- story body and related ---*/

div.storyHeader {
	clear: both;
	margin: 1px 8px;
}
div.storyHeader h1 {
	color: #449ED4;
	margin: 0px;
	margin-bottom: 0.3em;
	padding: 0px;
	font-size: x-large;
	font-weight: bold;
	padding-top: 8px;
}

div.storyHeader img {
float:right;
margin:4px 0px 4px 10px;
}

div.storyHeader span.storyDate {
	font-family: arial, verdana, tahoma;
	font-size: 85%;;
	color: #707070;
	margin-top: 2px;
	border-bottom: 60px;
	clear:both;
}

div.storyBody {
	clear: both;
	margin: 12px 8px;
}
div.storyBody h3 {
font-size:110%;
margin:15px 0px 3px 0px;
padding:0px;
}
div.storyBody p {
	margin: 0.9em 0.0em;
	padding: 0em;
}

div.storyBody p strong {
	clear:both;
}


div.storyBody h2 {
	color: rgb(101,51,2);
	margin: 10px 0px 4px 0px;
	padding: 0px;
	font-size: large;
	font-weight: normal;
	clear:both;
}
div.avHeader{
	color: #4d4e4e;
	margin: 1em 0.6em 0em 0.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	clear:both;
	border-bottom:solid 1px rgb(33, 75, 123)
}

div.relatedHeader{
	color: #FFFFFF;
	background-color: #4d4e4e;
	background-image: url('/motors/images/bg_right_header.jpg');
	background-repeat: repeat-x;	
	padding: 5px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	border-top: solid 1px #FFFFFF;
	clear: both;
}
ul.relatedList {
	list-style-type: none;
	margin: 0em;
	padding: 0px;
	padding-bottom: 7px;
	padding-top: 5px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-left: 5px;
	background-color: #e7e7e7;
}
ul.relatedList li {
	color: rgb(101,51,2);
	background-image: url('/motors/images/bullet.gif');
	background-repeat: no-repeat;
	margin: 0px 0px;
	padding: 0px 10px;
	padding-top: 3px;
	line-height: 1.3em;
}

/* --- end story body and related ---*/


/* --- big picture and pager -- */ 

div#galleryLargeImage {
}
div.topImagePlaceholder {
	color: #000;
	width: 100%;
}
div.topImagePlaceholder img {
	margin: 0px;
	padding: 0px;
	display: block;
/*	border: #CCCCCC solid 1px; */
}
div#secondaryContent div.topImagePlaceholder img, div.secondaryContent div.topImagePlaceholder img  {
	margin: 0 auto;
}
div.topImagePlaceholder div.imageCaption {
	text-align: left;
	font-family: Arial;
	font-size: small;
	color: #666666; 
	padding: 10px;
	background-color:  #ffffff;
	border-top: solid 1px #ffffff;
}
#storyImageMenuHolder {
	width: 100%;
	padding: 2px 0px 4px 0px;
	background-color: #eeeeee;
	text-align: center;
}
ul.storyImageMenu {
	list-style-type: none;
	margin: auto;
	padding: 0px;
}
ul.storyImageMenu li {
	display: inline;
	font-family: Tahoma, Arial;
	font-size: 8pt;
}
ul.storyImageMenu li.selected {
}
ul.storyImageMenu li.unselected {
}
ul.storyImageMenu li.selected a {
	outline: 0;
	padding: 0px 4px 0px 5px;
	border: 1px #000 solid;
}
ul.storyImageMenu li.unselected a {
	outline: 0;
	padding: 0px 4px 0px 5px;
	border: 1px #eeeeee solid;
}
/* --- end big picture and pager -- */ 


img.newsStoryImage {
float:left;
width:199px;
padding:1px;
border:1px solid #8BC1DF;
margin:3px 8px 5px 0px
}


/*-------------------------------------------------------------- =news */

div#motoringNews table td {
background-color:#eff7fa;
color:#71706e;
vertical-align:top;
}

div#motoringNews table td h3{
margin:3px 8px 3px 8px;
font-size:100%;
color:#505050;
font-weight:bold;
}

div#motoringNews table td img.newsImage{
margin:7px 6px 0px 6px;
border:1px solid #8BC1DF;
width:117px;
padding:1px;
}

div#motoringNews table td p {
color:#71706e;
margin:0px 8px 5px 8px;
font-size:90%;
}

div#motoringNews table.videoTable td p {
font-size:85%;
}

div#motoringNews table td p a {
color:#71706e;
}





div#motoringFeatures table {
margin:0px 0px;
}

div#motoringFeatures table td {
color:#71706e;
vertical-align:top;
}

div#motoringFeatures table td h3{
margin:3px 6px 3px 6px;
font-size:100%;
color:#4093c9;
font-weight:bold;
}

div#motoringFeatures table td img.featureImage{
margin:7px 6px 0px 6px;
border:1px solid #8BC1DF;
padding:1px;
width:190px;
}

div#motoringFeatures table td p {
color:#71706e;
font-size:90%;
margin:0px 6px 5px 6px;
}

div#motoringFeatures table td p a {
color:#71706e;
}

div.moreButton {
margin:0px 6px 7px 0px;
padding:0px;
text-align:right;
}

img.playButton {
height:auto;
width:auto;
}


/* ---- Video ---- */


div#homeVideo {
background-color:#717171;
}


/* ---- Poll ---- */

div#homePoll {
	background-color:#A0A0A0;
	width:249px;
	padding:10px;
}

/*-----------------------------------------------------= Page Gallery */

ul.reviewGalleryList {
padding:0px;
margin:0px 0px 1px 0px;
background-color:#3b3c40;
list-style:none;
height:236px;
}

ul.reviewGalleryList li {
padding:0px;
margin:0px;
list-style-type:none;
display:inline;
}

ul.reviewGalleryList li img {
padding:1px;
margin:7px 0px 0px 15px;
background-color:#ffffff;
border:5px solid #717171;
list-style-type:none;
display:inline;
font-size:85%;
}

ul.reviewGalleryList li img:hover {
border:5px solid #367297;
}


ul.reviewGalleryList li.selected img {
border:5px solid #367297;
width:98px;
height:55px;
}

/*-----------------------------------------------------= Archive */

ul.archiveNavigation {
padding:0px;
margin:8px;
list-style:none;
}

ul.archiveNavigation li {
padding: 0px;
margin:0px;
list-style-type:none;
display:inline;
font-size:85%;
}

/*-----------------------------------------------------= RIGHT BANNER */
div#rightBanner {
	clear:both;
	width:243px;
	height:232px;
	padding:5px;	
border:8px solid #E4F1F9;
	margin:0px;
	font-size:80%;
	line-height:1.45;
	color:#707070;
	background-color:#ffffff;
}
	
div#rightBanner img {
}

#island {
padding:5px 22px;
	display: none;
	margin:0px;
}
#story_island {
	margin: 0px;
	padding:0px;
}