﻿/*#Forum#*/
.mainLogo
{
  width: 211px;
  height: 100px;
  float: left;
  margin: 4px 0 0 20px;
  background: url('../../MTMImages/Categories/Autocar/TitleLogo.png') no-repeat left;

}
.AutocarPage
{
    	position: relative;
    	width:1024px;
	clear: both;
	min-height: 640px;
}
.GenericSkyScrapersColumn
{
	width: 160px;
}
.zoneBasicSearch
{
	width: 520px;
	float: left;
	height: 250px;
}
.zoneAds
{
	width: 300px;
	float: right;
	padding-top: 0;
	text-align: center;
}
.AutocarContent
{
    float:left;
    margin-top: 5px; 
    width:824px;
}
.Haymarket
{
    position: absolute;
    right: 40px;
    bottom: 30px;
}
.zoneLeft
{
	width: 510px;
	float: left;
}
.zoneRight
{
	width: 302px;
	float: right;
}
.pageTitle
{
	margin: 7px 5px;
}
.PagerControl
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 7px 0;
}
.PagerControl .SelectedPage, .PagerControl .UnselectedPage,
.PagerControl .SelectedPrev, .PagerControl .SelectedNext,
.PagerControl .UnselectedPrev, .PagerControl .UnselectedNext
{
	padding: 0 2px;
}
.searchText h2
{
	color: #D71921;
	margin: 10px;
	font-weight: normal;
	font-size: 20px;
}
.searchText h2 span
{
	font-weight: bold;
	font-style: italic;
}
.MainNewsTitle
{
	margin: 0 0 5px;
	padding: 5px;
	background-color: #E8E8E8;
	border: 1px solid #ccc;
}
.morelink
{
	position: absolute;
	right: 10px;
	top: 15px;
	font-weight: bold;	
}
.l-more
{
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.morelink a, .l-more a, .newsMore a
{
	color: #2676CD;
	font-weight: bold;
}
.morelink a:hover, .l-more a:hover, .newsMore a:hover
{
	text-decoration: underline;
	color: #DB1A21;
}
/* Top Menu Navigation */
.AutocarPage .Menu2
{
	background: none repeat scroll 0 0 #D5D5D5;
}
.AutocarPage .Menu2 .TabControlTable
{
	height: 34px;
}
.AutocarPage .Menu2 .TabControl:hover
{
	background: url("../../MTMImages/autocar/topNavTopHover.gif") repeat-x #9C9C9C
}
.AutocarPage .Menu2 .TabControlSelected
{
    background: #ED2A3C none;
    color: #fff;
    font-size: medium;
    font-weight: bold;
    font-style:normal;
}

.AutocarPage .Menu2 .TabControlTable a
{
    font-size: 10pt;
    font-weight: bold;
    font-style:normal;
}

.AutocarPage .Menu2 .TabControlSelected a
{
    color: #fff;
}

.AutocarPage .Menu2 .TabControlSelectedRight, .AutocarPage .Menu2 .TabControlRight
{
    display:none;
}

.AutocarPage .Menu2 td[class=TabControlSelected]
{
	color:#ED2A3C;
}
/* end */


/* Box CSS */
.boxHolder
{
	width: 300px;
	border: 1px solid #ccc;
	margin: 0 0 10px;
	position: relative;
}
.boxHolder h3
{
	font-size: 15px;
	color: #D41E1B;
	padding: 3px 10px;
	background-color: #E8E8E8;
	border-bottom: 1px solid #ccc;
}
.boxHolder .boxContent
{
	padding: 10px;
}
.boxHolder .boxContent .searchHolder
{
	font-size: 15px;
	font-weight: bold;
	color: #808080;
	padding: 10px;
}
.boxHolder .boxContent .searchHolder .btnSubmit
{
	margin: 15px 20px 0 0;
	width: 95px;
	height: 24px;
	background: url(../../MTMImages/autocar/submit.png) no-repeat 0 0 transparent;
	font-size: 0;
	border: none;
	cursor: pointer;
}
.boxHolder .boxContent .newsLink
{
	margin: 5px 15px;
	background: url(../../MTMImages/autocar/arrow-small.png) no-repeat 0 3px;
}
.boxHolder .boxContent .newsLink a
{
	color: #777;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
}
.boxHolder .boxContent .newsLink a:hover
{
	text-decoration: underline;
}
.box
{
	width: 300px !important;
	margin: 10px 0 !important;
}
.box .videoContainer
{
	float: left !important;
}
.box .newsBody
{
	padding: 5px 10px !important;
}
/* End Box CSS */

/* New main page */
.AutocarMainNewsHolder
{
	width: 250px;
	margin: 3px 0;
}
.AutocarMainNewsHolder:hover
{
	background-color: #f4f4f4;
}
.AutocarMainNewsHolder .AutocarMainNewsImage 
{
	width: 90px;
	height: 85px;
	overflow: hidden;
	margin-right: 5px;
	padding: 5px 0 5px 5px;
	text-align: center;
}
.AutocarMainNewsHolder .AutocarMainNewsText 
{
	width: 140px;
	padding: 5px;
}
.AutocarMainNewsHolder .AutocarMainNewsTitle
{
	font-weight: bold;
	height: 30px;
	overfloW: hidden;
	padding-bottom: 5px;
	display: table-cell;
	vertical-align: middle;
}
.AutocarMainNewsHolder .AutocarMainNewsTitle a
{
	color: #2676CD;
}
.AutocarMainNewsHolder .AutocarMainNewsSummary
{
	color: #888;
	height: 45px;
	font-size: 11px;
	overflow: hidden;
}
/* end */

/* Video CSS */
.videoPreview
{
	border: 1px solid #ccc;
	margin: 0 0 5px;
}
.videoPreview:hover
{
	background-color: #f4f4f4;
}
.videoPreview .videoImage
{
	margin: 5px 10px;
	width: 130px;
	height: 86px;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.videoPreview .videoImage img
{
	width: 130px;
}
.videoPreview .videoText
{
	margin: 5px 10px;
}
.videoPreview .videoText .title
{
	font-size: 17px;
	font-weight: bold;
	padding: 3px 0;
}
.videoPreview .videoText .title a, .videoPreview2 .videoText a
{
	color: #2676CD;
}
.videoPreview .videoText .summary
{
	color: #878787;
	line-height: 20px;
}


.videoPreview2
{
	float: left;
	width: 125px;
	text-align: center;
}	
.videoPreview2:hover
{
	background-color: #f4f4f4;
}
.videoPreview2 .videoImage
{
	width: 120px;
	height: 80px;
	overflow: hidden;
	position: relative;
}
.videoPreview2 .videoImage img
{
	width: 120px;
}
.videoPreview2 .videoText
{
	width: 120px;
	height: 30px;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold;
	margin-top: 3px;
}


/* End Video CSS */

/* News Details CSS */
.AutocarListItem
{
    	position:relative;
    	height: 125px;
    	color:#000;
    	margin-bottom: 10px;
}
.AutocarListItem:hover
{
	background-color: #f4f4f4;
}
.AutocarListImage
{
    	float: left;
    	height: 115px;
    	width: 150px;
	padding: 5px;
	overflow: hidden;
	text-align: center;
}
.AutocarListText
{
	float: left;
	width: 310px;
	height: 85px;
	padding: 15px 0 5px;
	margin: 0 15px;
	position: relative;
	border-bottom: 1px solid #ccc;
}
.AutocarListTitle
{
    	margin-bottom: 7px;
    	font-size: large;
}
.AutocarListTitle a
{
	color: #2676CD;
}	
.AutocarListSummary
{
	line-height: 20px;
	color: #666666;
}
.AutocarListSummary li
{
    	margin-left: 13px;
}
.AutocarListDate
{
	position: absolute;
	bottom: 7px;
	right: 0;
	color: #D3D3D3;
	font-size: x-small;
}

.AutocarDetail
{
    	position:relative;
    	margin: 10px 0px;
}
.AutocarDetailImage
{
    	height: 115px;
    	width: 150px;
	overflow: hidden;
    	margin: 10px;
}
.AutocarDetailNews
{
	width: 630px;
	margin: 10px;
}
.AutocarDetailTitle
{
    	font-size: xx-large;
    	font-weight: bold;
  	height: 77px;
	display: table-cell;
	vertical-align: middle;
	color:#D71921;
}
.AutocarDetailDate
{
    	font-size: small;
    	color: #888888;
    	border-bottom: solid 1px #ccc;
    	padding-bottom: 10px;
}
.AutocarDetailDetail
{
    	font-size: small;
	text-align: justify;
	line-height: 20px;
	padding: 10px;
	color: #000;
}
.AutocarDetailDetail img
{
	padding: 5px;
}
.AutocarDetailDetail a img
{
	padding: 0 !important;
}

/* End News Details CSS */

/* homepage news css */
.newsHolder
{
	width: 650px;
	border: 1px solid #ccc;
	margin: 10px 0;
	position: relative;
}
.newsHolder .newsHeader, .newsHolder2 .newsHeader,
.videoHolder .newsHeader
{
	font-size: 17px;
	font-weight: bold;
	background-color: #e8e8e8;
	padding: 3px 10px;
	color: #D41E1B;
	border-bottom: 1px solid #ccc;
}
.newsHolder .newsBody
{
	padding: 0 5px;
}
.newsHolder .newsContainer
{
	width: 150px;
	height: 150px;
	padding: 5px;
	float: left;
}
.newsHolder .newsContainer:hover
{
	background-color: #f4f4f4;
}
.newsHolder .newsImage
{
	width: 150px;
	height: 115px;
	overflow:hidden;
	vertical-align: middle;
	text-align: center;
}
.newsHolder .newsTitle
{
	width: 150px;
	height: 33px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	margin-top: 3px;

}
.newsHolder .newsTitle a, .newsHolder2 .newsTitle a,
.videoHolder .videoTitle a
{
	color: #151515;
}

/* Search Box */
.newsHolder .searchBody
{
	position: relative;
	padding: 20px 30px 30px;
	background: url(../../MTMImages/autocar/ferrari_car.png) no-repeat right 10px transparent;
	font-size: 17px;
	font-weight: bold;
	color: #808080;	
}
.newsHolder .searchBody .searchHolder
{
	width: 400px;
}
.newsHolder .searchBody .searchHolder input
{
	width: 250px;
}
.newsHolder .searchBody .searchHolder .btnSubmit
{
	position: absolute;
	top: 18px;
	right: 150px;
	width: 95px;
	height: 24px;
	background: url(../../MTMImages/autocar/submit.png) no-repeat 0 0 transparent;
	font-size: 0;
	border: none;
	cursor: pointer;
}

.newsHolder2
{
	width: 400px;
	border: 1px solid #ccc;
	margin: 10px 5px 20px 0;
	position: relative;
}
.newsHolder2 .newsBody
{
	padding: 10px 6px;
}
.newsHolder2 .newsImage
{
	width: 185px;
	height: 125px;
	overflow: hidden;
	text-align: center;
}
.newsHolder2 .newsTitle
{
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	width: 185px;
	height: 33px;
	overflow: hidden;
	margin-top: 3px;
}
.newsHolder2 .newsLink
{
	width: 190px;
	margin: 3px 0;
	background: url(../../MTMImages/autocar/arrow-small.png) no-repeat 0 3px;
}
.newsHolder2 .newsLink a
{
	color: #777;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding-left: 15px;
}
.newsHolder2 .newsLink a:hover
{
	text-decoration: underline;
}

.videoHolder
{
	width: 150px;
	border: 1px solid #ccc;
	margin: 10px 5px;
}
.videoHolder .newsBody
{
	padding: 5px;
	text-align: center;
}
.videoContainer
{
	padding: 5px;
}
.videoContainer:hover
{
	background-color: #f4f4f4;
}
.videoHolder .videoImage
{
	width: 130px;
	height: 90px;
	overflow: hidden;
	position: relative;
}
.videoHolder .videoImage img
{
	width: 130px;
}	
.videoHolder .videoImage .imgplay, .videoPreview .videoImage .imgplay
{
	width: 45px;
	height: 45px;
	position: absolute;
	top: 23px;
	left: 43px;
}
.videoPreview2 .videoImage .imgplay
{
	width: 45px;
	height: 45px;
	position: absolute;
	top: 18px;
	left: 35px;
}
.videoHolder .videoTitle
{
	font-size: 11px;
	font-weight: bold;
	width: 130px;
	height: 30px;
	overflow: hidden;
}

.newsMore
{
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0;
}
/* end Homepage CSS */

/* Homepage MainStory */
#slider {
   width: 520px; 
   height: 250px; 
   position: relative; 
   overflow: hidden;
   background-color: #000;
}
#sliderContent {
   width: 520px; 
   height: 250px;
   position: absolute; 
   top: 0; 
   margin-left: 0;
}
.sliderImage {
   float: right;
   display: none;
}
.sliderImage span {
   position: absolute; 
   left: 0;
   top: 0;
   padding: 10px 15px;
   width: 190px;
   color: #fff;
   display: none; 
}
.sliderImage .sliderImg img
{
	width: 300px;
	height: 250px;
}
.sliderImage .sliderTitle a
{
	font-size:22px;
	font-weight: bold;
	color: white;
}
.sliderImage .sliderSummary
{
	color: #fff;
	margin-top: 10px;
	line-height: 20px;
}

/* end Slider */

/* Footer css */
.mainFooterMenu
{
    	background: #d5d5d5 none;
	height:200px;
	width:1024px;
	margin: 0;
	position: relative;
}
.mainFooterMenu .footerContainer
{
	width: 200px;
	text-align: left;
	padding: 20px;	
}
.mainFooterMenu .footerContainer h3
{
	font-size: 17px;
	margin-bottom: 10px;
}
.mainFooterMenu .footerContainer ul
{
	padding-left: 15px;
	list-style-position: inside;
}
.mainFooterMenu .footerContainer li
{
	line-height: 20px;
}
.mainFooterMenu .footerContainer li a
{
	color: #7F7F7F;
	font-weight: bold;
}	
/* end Footer CSS */


.clear
{
	clear: both;
}
.left
{
	float: left;
}
.right
{
	float: right;
}

.grey-bar-title
{
	background: url("../../MTMImages/newsicon.png") no-repeat 10px 5px #DEE9F3;
	height: 35px;
	margin: 5px 0;
	width: 100%;
}
.grey-bar-title div
{
	color: #004379;
	font-size: 12pt;
	font-weight: bold;
	padding-left: 40px;
	padding-top: 8px;
}
.topNav
{
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0;
}
.topNav a
{
	color: #DB1A21;
	margin: 0 5px;
}
.topNav a:hover
{
	text-decoration: underline;
}
.topNav span
{
	color: #777;
	margin: 0 5px;
}

.copyright
{
	color:	#898989;
	font-size: smaller;
	position: absolute;
	left: 35px;
	bottom: 5px;
	text-align:left;

}
