﻿
/*

BASE COLORS:

dark blue: 		#036
light blue: 	#e2e9ea
lighter blue: 	#f1f5f7
red: 			#c00

CONTENTS:

* Standard elements
* Header
* Contents
	* forms & fieldsets
	* contentBox
	* teaserBox
	* teaserBox2
	* content tab navigation
	* results
	* content tool box 
	* articles
	* downloadBox
	* browseBox
	* thirdParty
	* text box
* nav bar 
* marginal boxes
* tool boxes
* Footer
* ads
* rating
* misc
* lightboxes
* buttons


*/

/*
@import url("home.css");
@import url("reviews.css");
@import url("news.css");
@import url("advice.css");
@import url("readyToBuy.css");
@import url("valuation.css");
@import url("classifieds.css");
@import url("miscellaneous.css");
@import url("targetPrice.css");
@import url("manufacturersHub.css");

*/
/*replaced the above 10 imports with below ejaz@6660 */
@import url("deliver.ashx?Name=home.css,reviews.css,news.css,advice.css,readyToBuy.css,valuation.css,classifieds.css,miscellaneous.css,targetPrice.css,manufacturersHub.css&Type=css&Group=haymarket");

/* Standard elements
-------------------------------------------------------------------------------
------------------------------------------------------  */

th, .separator td {
	background: url(../images/bg_tableHeader.gif) left bottom #f1f4f5 repeat-x;
	border-right: 3px solid #fff;
	vertical-align: top;
	color: #666;
	font-size: 1.2em;
}

td {
	background: #f7f9fa;
	border-right: 3px solid #fff;
	vertical-align: top;
}

.odd  td {
	background: #f0f3f4;
}

h2.pageHeading {
	color: #c00;
	font-weight: bold;
	margin-bottom: .2em;
}

	h2.pageHeading strong {
		color: #000;
	}
	
	td h5 {
		margin-bottom: 0;
		font-size: 1em;
	}

body {
	/* text-align: center; */
    font-size: 76%;
}

.home, .detail, #pageWrapper {
    width: 81.666666666em;
	margin: 0 auto 50px auto;
	text-align: left;	
}

ol.alpha {
	list-style-type: lower-alpha;
}

select {
    color: #666;
}

/* global Styles for Header & Footer

------------------------------------------------------------------------------- */



#headerWrapper, #footerWrapper { 
  line-height: 1.5em;
  color: #000; 
  background: #fff;
  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}


#headerWrapper ul, 
#headerWrapper ol, 
#footerWrapper ul, 
#footerWrapper ol {
	margin: 0; padding: 0; 
}

#headerWrapper ul, 
#footerWrapper ul { 
	list-style-type: none; 
}

#headerWrapper ol, 
#footerWrapper ol { 
	list-style-type: decimal; 
}

#headerWrapper img, #footerWrapper img {
    border: 0;   
} 

#headerWrapper fieldset { 
	margin: 0; 
	border: 0; 
}

#headerWrapper legend { 
	font-weight: bold; 
	font-size:1.2em; 
}


/* Header

------------------------------------------------------------------------------- */

#headerWrapper {
    padding: 0;
}

    #headerWrapper .ads {
        float: right;
        margin-top: .8em;
    }

    #logo {
        margin: 22px 0 0; 
        float: left;
    }

    #headerWrapper #mainNavWrapper1 {
        background: url(../images/bg_mainNavWrapper3.gif) bottom right no-repeat;
        padding: 0 !important;
        margin: 8px 0 0 0;
    }

     #headerWrapper #mainNavWrapper2 {
        background: url(../images/bg_mainNavWrapper4.gif) bottom left no-repeat;
        padding: 0;
        margin: 0;
    }

        #headerWrapper #mainNavWrapper2_over {
            background: url(../images/bg_mainNavWrapper4_active.gif) bottom left no-repeat; 
            padding: 0;
            margin: 0;
        }

     #headerWrapper #mainNavWrapper3 {
        background: url(../images/bg_mainNavWrapper1.gif) top left no-repeat;
        padding: 0;
        margin: 0;
    }

        #headerWrapper div#mainNavWrapper3_over {
            background: url(../images/bg_mainNavWrapper1_active.gif) top left no-repeat; 
            padding: 0;
            margin: 0; 
        }

     #headerWrapper #mainNavWrapper4 {
        background: url(../images/bg_mainNavWrapper2.gif) top right no-repeat;
        padding: 0 3px 0 3px;
        margin: 0;
    }

    #headerWrapper ul {
        padding-right: 3px;   
        clear: both;
        background: url(../images/bg_mainNav.gif) center left repeat-x #f7f8f9;
        border: solid #c00;
        border-width: 1px 0;
        margin: 0;
        height: 2.1em;
        font-family: Arial, sans-serif;
    }

    #headerWrapper li {
        float: left;  
        font-size: 15px;
        font-weight: bold;
    }
    #headerWrapper li#homepage 
    {
    
    }
    #headerWrapper li.searchWrapper {
        /*float: right;
        padding-left:3.4em;
        _padding-left:2.95em;*/
    }

        #headerWrapper li a {
            color: #000;
            padding: 0 .65em;
            line-height: 1.7em;
            border: solid #c00;
            border-width: 0 1px 0 0;
            display: block;
            text-decoration: none;
        }

        #headerWrapper li.active a, #headerWrapper li a:hover {
            color: #fff;
            background: url(../images/bg_mainNav_active.gif) center left repeat-x #fe0800;
            
        }
        
            #headerWrapper li.active a:hover, #headerWrapper li.active a:active {
                cursor: default;
            }

        #headerWrapper li a.subscribeLink {
            border: 0;
            color: #036;
            text-decoration: underline;
            padding-left: 2em;
        }

        #headerWrapper li a.subscribeLink:hover {
            background: none;
            color: #c00;
        }

        #headerWrapper li fieldset {
            /*padding: .15em 0 0 1em; 
            padding: .15em 0 0 0;*/
            background: transparent;
            /*float: right;*/
            margin-left:4em;
            _margin-left:3.75em;
        }
        #FreeSearch {width:auto;}
                #headerWrapper li fieldset input {
                    float: left;
                    /*IE 7 and Opera need this narrow to fit in the bar*/
                    width: 102px;
                    height: 16px; 
                    /*font-size: .7em;*/
                    margin-top: .1em;
                }

                #headerWrapper li fieldset .submitWrapper1 {
                }

                #headerWrapper li fieldset .submitWrapper3 {
                    padding-bottom: 2px;
                }

                    #headerWrapper li fieldset .submitWrapper1 input {
                        height: 1.5em !important;
                        padding: 2px 8px 1px;
                        float: none !important;
                        width: auto !important;
                        background: url(../images/bg_buttonWrapper4.gif) top right no-repeat;
                    }

    #headerWrapper #frmQSWrapper1 {
        background: url(../images/bg_frmQS1.gif) top left no-repeat #dbe3e5;
        float: left;
        width: 19.5em;
        margin: 0;
    }

    #headerWrapper #frmQSWrapper2 {
        background: url(../images/bg_frmQS2.gif) top right no-repeat transparent;
    }

    #headerWrapper #frmQSWrapper3 {
        background: url(../images/bg_frmQS3.gif) bottom right no-repeat transparent;
    } 

    #headerWrapper #frmQSWrapper4 {
        background: url(../images/bg_frmQS4.gif) bottom left no-repeat transparent;
        padding: 5px 5px 10px 5px;
        font-family: Arial, Helvetica, sans-serif;
    } 

    #headerWrapper form#frmQS {  
        font-size: .9em;
        margin-bottom: 0;
    }   

        #headerWrapper form#frmQS h3 {
            display: inline;
            font-size: 1em;
            
            margin: 0;
            font-weight: bold;
            padding-right: .2em;
            background: transparent;
            color: #000;
        }     

      /*  #headerWrapper form#frmQS input {
            margin: 0 .1em;
            float: none;   
            position: relative;
            top: .2em;
        }*/

        #headerWrapper form#frmQS select {
            width: 14em;
            display: block;
            margin: .3em .2em 0 0;
            float: left;
            padding: 0 !important;
        }

        /*#headerWrapper form#frmQS #frmQSsubmit {
             width: 28px;
             height: 20px; 
             margin: 0;
             padding: 0; 
             float: left;
             position: relative;
             top: 4px;
             cursor: pointer;
        }
*/
        #headerWrapper form#frmQS .submitWrapper1 {
            margin-top: .3em;
        }
        
        #headerWrapper form#frmQS #frmQSsubmit {
            padding: 2px 4px 1px;
        }

			#headerWrapper form#frmQS td {
				white-space: nowrap;
			}

#breadcrumb {
	float: left;
	width: 60%;
	margin: .5em 0 .6em;
}

	#breadcrumb li {
		float: left;	
		margin-right: .5em;
	}
	
		#breadcrumb li a {
			text-decoration: none;	
			background: url(../images/bg_breadcrumb2.gif) right center no-repeat;
			padding-right: 13px;
		}
		
#breadcrumb li:last-child  a
		{
			background-image:none!important;
		}

#subNav {
	float: right;
	margin: .5em 0 .6em;
}

	#subNav li {
		float: left;
		margin-left: 1em;	
		display: inline;
	}
	
		#subNav li a {
			text-decoration: none;	
			padding-left: 20px;
			color: #959595;
		}
		
		#subNav li a:hover {
			color: #000;	
		}
		
		#subNav li.sendAFriend a {
			background: url(../images/bg_sendAFriend.gif) left center no-repeat;
		}
		
		#subNav li.saveCarReview a {
			background: url(../images/bg_saveReview.gif) left center no-repeat;
		}
		
		#subNav li.printPage a {
			background: url(../images/bg_printPage.gif) left center no-repeat;
		}
			

/* Contents
-------------------------------------------------------------------------------
------------------------------------------------------------------------------- */

/* main layout elements
------------------------------------------------------------------------------- */


#contentWrapper 
{
    z-index:1;
	
}

#navBar {
	float: left;
	width: 14em;
}

#contentColumn {
	
}

.standardContentColumn {
	float: left;
	width: 40em;
	padding-bottom: 5em;
	margin-right:1em;
}

.standardReviewContentColumn {
	float: left;
	width: 66em;
	padding-bottom: 5em;
}
#NewCarReview_Summary.standardReviewContentColumn {
	float: left;
	width: 66em;
	padding-bottom:0!important;
}
.standardReviewContentColumn_Newcar_Review_Summary .standardReviewInnerContentColumn
{
    margin-left:1em!important;
}
.standardReviewContentColumn_Newcar_Review_Summary .additionalReviewNav 
{
 padding-top:0;   
}
.standardReviewContentColumn_Newcar_Review_Summary .priceRange 
{
    
 margin-bottom:1em;   
}

.sidebarNoNavContentColumn {
	float: left;
	width: 55em;
}

.wholePageReviewInnerContentColumn {
	padding-bottom: 5em;
}

#sidebar {
	float: right;
	width: 24.8em;
}

/* forms & fieldsets
------------------------------------------------------------------------------- */

fieldset {
	background: url(../images/bg_fieldset.gif) top right;
	padding: .15em 0;
	margin-bottom: 2em;
	font-size: .9em;
}

	fieldset h2 {
		color: #c00;
		font-weight: bold;
		font-size: 1.5em;
		margin-bottom: 1em;
	}
	
	fieldset h3 {
		color: #000;
		font-size: 1.2em;
		background: transparent;
		float: none;
	}
	
		fieldset h3 strong {
			color: #c00;
		}



/* standard content box (with the blue rounded corner)
------------------------------------------------------------------------------- */

.contentBox {
	background: url(../images/bg_contentBox2.gif) 100% 0 no-repeat;
	padding: 0 .5em 1em 0;
}

.contentBox2 {
	background: url(../images/bg_contentBox2.gif) top right no-repeat;
	padding: 0 .5em 1em 0;
	width: 26em;
	margin: 0 2em 3em 0;
	float: left;
}

.noHeading {
	padding-top: 2em !important;
}

	.contentBox h1, .contentBox h3, .contentBox2 h2 {
		font-weight: bold;
		color: #c00;
		padding-right: .3em;
		margin-bottom: .6em;
	}
	
	    .contentBox2 h1 span, .contentBox2 h2 span {
		    padding-right: .7em;
	    }
	
		.contentBox h1 span {
			color: #000;
			background: #fff;
		}
	
	    .contentBox h1 span, .contentBox2 h2 span, .contentBox h2 span, .contentBox h3 span {
	        padding-right: 0.3em;
	        background: #fff;
	        position: relative;
	        color: #c00;
	        top: 0;
	        left: 0;
	    }
	    
	     .wholePageReviewInnerContentColumn .contentBox h3 span {
            position: static;
        }
	    
        .companyCarTaxResults h1 span {
            color: #111;
        }
	
	.nestedContentBox {
		background: url(../images/bg_nestedContentBox.gif) bottom left no-repeat;
		padding: 0 0 1em .5em;
		float: left;
		width: 21.5em;
		margin: 0 1em 1em 0;
	}
	
	.contentBox .last {
		margin-right: 0;
	}
	
		.nestedContentBox h4 {
			font-weight: bold;
			border-bottom: 1px solid #e2e9ea;
			padding: 0 0 .2em .5em;
			margin-bottom: .5em;
			background: url(../images/bg_nestedContentBoxHeading.gif) center right no-repeat;
		}
		
			.nestedContentBox h4 a {
				color: #c00;
				text-decoration: none;
				display: block;
			}
		
			.nestedContentBox h4 a:hover {
				color: #369;
				text-decoration: underline;
			}
		
		.nestedContentBox p {
			padding-left: .55em;
		}
	
	.nestedContentBox2 {
		padding: 0 0 1em 1em;
		float: left;
		width: 16.5em;
		margin: 1em 1em 1em 0;
		min-height: 12em;
	}
	
	.contentBox .nestedContentBox2 {
		border-left: 1px solid #e2e9ea;
		width: 15.5em;		
	}
	
	.contentBox .first {
		border-left: 0;
	}
	
		.nestedContentBox2 h4 {
			color: #c00;
			font-weight: bold;
			font-size: 1.3em;
			border-bottom: 1px solid #e2e8e9;
			padding-bottom: .2em;
			margin-bottom: .2em;
			height: auto;
		}
		
			.nestedContentBox2 h4 a {
				float: right;
				display: inline;
				font-size: .8em;
				margin-top: .2em;
			}
			
			.nestedContentBox2 h4 span {
				/*width: 8em;*/
				display: block;
				float: left;
			}
			
    .nestedContentBox3 {
		float: left;
		width: 26em;
		margin: 0 1em 1em 0;
    }
    
    .nestedContentBox3.right {
        float: right;
        margin-right: 0;
    }
    
    .nestedContentBox3 .clearfix {
        min-height: 87px;
        _height: 87px;
    }
    
    .nestedContentBox3 h3 {
        font-weight: normal;
    }
    
    .nestedContentBox3 p, .nestedContentBox3 .newCarsDealText {
        float: left;
        color: #000;
        font-weight: bold;
        margin-left: 1em;
        width: 12em;
    }
    
    .nestedContentBox3 a {
        font-weight: normal;
        text-decoration: none;
    }
      
    .nestedContentBox3 img {
        float: right;
    } 


/* standard teaser box (50% content width, comes in pairs)
------------------------------------------------------------------------------- */
/* Alex Billerey - valuation teaser box div code START */

.teaserBox div 
{
 display:block;
 clear:both; 
 /*background: url(../images/bg_valuation.gif) top left no-repeat !important; */
}
.teaserBox div.clearfix 
{
 background: url(../images/bg_valuation.gif) top left no-repeat !important;
}
.valuationImageBox 
{
    /*
 margin-top:-45px;   
_margin-top:-40px!important;
*/
 position:relative;
 float:left;
}
.valuationImageBox img 
{

}
.valuation h3 
{
 _margin-bottom:0!important;   
}
/* Alex Billerey - valuation teaser box div code END */
			
.teaserBox {
	background: url(../images/bg_contentBox2.gif) top right no-repeat;
	padding: 0 1em 0 0;
	float: left;
	width: 25.9em;
	margin: 0 1em 1.4em 0;
}
.teaserBox h3 
{
 color:#036;   
}			

	.teaserBox h1, .teaserBox h3 {
		/*float: left;
		padding-right: .7em;*/
		margin-bottom: .5em;
		color: #c00;
		font-weight: bold;
		background: transparent;
	}
	
	.teaserBox h1 span, .teaserBox h3 span {
	    padding-right: .7em;
	    background: #fff;
	}
	.teaserBox h3 
	{

	    padding-right:0!important;
	    display:block;
	}
	 .teaserBox h3 span 
	 {
	  padding-right:0.3em!important;   
	 }
	.teaserBox h4 {
		/*clear: both;*/
		font-weight: bold;
		font-size: 1em;
		margin-bottom: .5em;
	}
	
		.teaserBox h4 a {
			text-decoration: none;
		}
	
		.teaserBox img {
			float: left;
			margin: 0px .5em .5em 0;
		}
	
		.teaserBox p, .teaserBox ul {
			clear: both;
			margin-bottom: 1em;
		}
		
			.teaserBox li, .staticList li {
				background: url(../images/bg_listing.gif) 0 .5em no-repeat;
				padding-left: 12px;
			}
            .teaserBox ul li 
            {
            background: url(../images/bg_findOutMore.gif) left 5px no-repeat!important; 
            padding-left: 10px!important;  
            }
			.teaserBox ul li a {
				text-decoration: none;
				/*background: url(../images/bg_findOutMore.gif) left center no-repeat;
				padding-left: 10px;*/
			}
			
.last .teaserBox {
    margin-right: 0;
}

.latestDeals {
	background: url(../images/bg_weeklyDeals.gif) top right no-repeat;
}

.comingSoon p, .qa p {
	float: right;
	width: 13em;
	clear: none;
}

    .qa p.p2 {
        width: 25em;
        float: none;
        clear: both;
    }

.comingSoon p .more, .qa p .more {
	display: block;
	float: none;
	white-space: nowrap;	
}
			

/* teaser box 2 (reuses .contentbox and puts contents into two columns)
------------------------------------------------------------------------------- */

.teaserBox2 {
	margin-bottom: 1em;
	clear: both;
}

	.teaserBox2 h3 {
		margin-bottom: .5em;
	}
	
	.teaserBox2 h4 {
		color: #c00;
		margin-bottom: .3em;
		font-weight: bold;
	}

	.teaserBox2 .wrapper1 {
		clear: both;
		float: left;
		width: 26.9em;
		margin-right: 1em;
	}
	
	.teaserBox2 .wrapper2 {
		float: left;
		width: 27.9;
	}
	
		.teaserBox2 ul li a {
			background: url(../images/bg_findOutMore.gif) left center no-repeat;
			padding-left: 10px;
			text-decoration: none;			
		}
		
.teaserBox3	{
	float: left;
	width: 265px;
	min-height: 130px;
	_height: 130px;
	margin: 0 35px 15px 0;
	padding: 15px;
	color: #666;
	font-weight: bold;
	background: url(../images/bg_teaserBox3.gif) top left no-repeat;
}

	.teaserBox3 h2 {
		color: #c00;	
		font-weight: bold;
	}
	


/* content tab navigation
------------------------------------------------------------------------------- */


.contentTabsNav {
	clear: both;
	margin: 0 0 1em 0;
	background: url(../images/bg_fullReviewNav.gif) bottom left repeat-x;
	border-bottom: 1px solid #e2e8e9;
	padding-bottom: .1em;
}

	.contentTabsNav li {
		float: left;
		height: auto;
		margin: 0 1em;
		padding-top: .2em;
		margin-bottom: -.2em;
	}

	.contentTabsNav li.active {
		background: url(../images/bg_fullReviewNavLink1.gif) top left no-repeat #fff;
		height: auto;
		position: relative;
		bottom: -0.2em;
		padding-top: 0;
	}

		.contentTabsNav li a {
			font-weight: bold;
			text-decoration: none;
			font-size: 1.33em;
			height: auto;
			display: block;
			padding: .5em;
		}

		.contentTabsNav li.active a {
			color: #C00;
			background: url(../images/bg_fullReviewNavLink2.gif) top right no-repeat;
		}
/* results
------------------------------------------------------------------------------- */
		
.resultsBox {
    float: left;
    width: 40.833333em;
}

.resultsBox2 {
	background: url(../images/bg_contentBox2.gif) top right no-repeat;
    float: left;
    width: 40.833333em;
	padding-top: 1.5em;
}
#searchResultsBox.resultsBox2, #searchResultsBox.resultsBox
{
 width:auto;  
}

/* content toolbox
------------------------------------------------------------------------------- */

.contentToolbox {
    background: #e2e9ea;
    margin-bottom: 22px;
    padding-bottom: 1px;
	float: right;
	width: 16em;
	margin: 2em 0 1em 0;
	/*min-height: 12em;*/
}	

	.contentToolbox .toolBox {
		padding-bottom: 4px;
	}

		.contentToolbox .toolBox li {
			padding-left: .8em;
			border-bottom: #e2e9ea;
			padding: .3em;
			margin-bottom: 1px;
			margin-top: 1px;
		}
	
			.contentToolbox .toolBox li a {
				color: #036;
				/*font-size: 1.2em;*/
				text-decoration: none;
			}




/* articles
------------------------------------------------------------------------------- */

.article {
	padding: 2.3em 1em 0 0;
	margin-bottom: 2em;
}

	.article h1, .article h2 {
		font-weight: bold;
		line-height: 1.1em;
		margin-bottom: .3em;
		float: none;
	}

		.article h2 span {
			color: #000;
			position: static;
		}

	.article .date {
		color: #999;
		margin-bottom: 1em;
		display: block;
	}

	.article ul {
		/*font-size: 1.3em;*/
		margin-bottom: 1em;
		list-style-type: disc;
		list-style-position: inside;
	}

	.article img {
		margin: 0 0 1em 0;
	}
	
	.article .articleWrapper 
	{
		min-height:170px;
		height:auto!important;
		height:170px;
		/*
		_background-color:red;
		position:relative;
		*/
	}
	.article .articleWrapper a
	{
	 text-decoration:none;   
	}
	
	.article .articleWrapper a:hover 
	{
	 text-decoration:underline;   
	}
	
	.alternateArticle .articleWrapper {
		float: left;
		width: 32em;
	}
	
		.alternateArticle img {
			float: right;
		}
		
.articleSideBoxWrapper {
		float: right;
		margin: 0 0 1em 1em;
		/*width:270px;*/
	}
.articleSideBoxWrapper ul 
{
margin:0;
padding:0;
float:left;	
}
.articleSideBoxWrapper ul li
{
	list-style-type:none;
	margin:0;
	padding-left:0;
}
/*.articleSideBoxWrapper ul li a 
{
	position:relative;
	font-size:76%;	
}*/
.sidebarNoNavContentColumn .alternateArticle .flowAlternative 
{
width:100%;	
}
.sidebarNoNavContentColumn .alternateArticle .flowAlternative img 
{
margin-left:10px;	
}
.sidebarNoNavContentColumn .alternateArticle .flowAlternative .articleSideBoxWrapper 
{
/*clear:right;*/
margin-left:10px;
display:block;
clear:both;	
}
.alternateArticle .articleSideBoxWrapper img {
		float: none;
	}
.standardContentColumn .contentBox .articleSideBoxWrapper 
{
width:234px;	
}	
	.articleSideBox {
		background: #e2e9ea;
		margin-bottom: 1em;
		padding: 12px 12px 0 12px;
		margin: 0 0 1em 0;
		width: 211px;
	}

		.articleSideBox h3 {
			float: none;
			background-color: transparent;
			color: #000;
			font-size: 1em;
			/*margin-bottom: 1em;*/
		}
	.articleSideBox h3 span 
	{
	background-color:transparent;
	color:#000;	
	}
		.articleSideBox ul {
			font-size: 1em;
			list-style-type: none;
		}
	
			.articleSideBox ul a {
				text-decoration: none;
				background: url(../images/bg_findOutMore.gif) 0 4px no-repeat;
				padding-left: 10px;
				display: block;
				list-style-position: outside;
			}		
		
.contentBox .articleSideBoxWrapper h3 span 
{
color:#000;	
}
/* downloadBox
------------------------------------------------------------------------------- */

.downloadBox {
	/*border: 3px dashed #dbe3e5;
	padding: 3px;*/
	margin-bottom: 0;
	padding-bottom:0;
	
}
.downloadBox br 
{
 line-height:0;
 height:0; 
}
	.downloadBox ul {
		background: url(../images/bg_downloadBox.gif) bottom left repeat-x;
		padding: 1em;
		list-style-type:none;
		margin-bottom:0;
	}

		.downloadBox li.pdfLink {
			background: url(../images/bg_pdfLink.gif) top left no-repeat;
			padding: 0 0 1em 55px;
			min-height: 60px;
		}

			.downloadBox ul li a {
				display: block;
				text-decoration: none;
				font-size: 1.33em;
			}
						
/* browseBox
------------------------------------------------------------------------------- */		

.browseBox {
	display: block;
	clear: both;
	background: url(../images/bg_browseBox.gif) top left transparent;
	padding: 1em;
}

	.browseBox h3 {
		background: transparent;
		margin-bottom: .5em;
	}
	
	.browseBox select {
		width: 100%;
		margin-top: 0;
	}
	
	.browseBox .submitWrapper1 {
		margin-left: 0 !important;
	}
	
	.contentBox .browseBox {
		width: 27em;
	}
	
    #sidebar .browseBox {
        margin-bottom: 1em;
    }

/* notepad
------------------------------------------------------------------------------- */

.buyersNotes {
	padding-bottom: 0 !important;
}

	.buyersNotes h3 {
		margin-bottom: 0;
	}

.notePadWrapper {
	padding: .5em 0 1em 0;
	background: url(../images/bg_alternateContentBox.gif) bottom left repeat-x;
	margin-top:15px;
}

	.notePadWrapper .notePadWrapper2 {
		float: left;
		width: 24.5em;
		margin: 0 .5em 0 1em;
		background: url(../images/bg_notePad.gif) top right repeat-x #fff;
		padding-top: 10px;
	}

	.notePadWrapper .notePad {
		padding: 3.5em 1em 2em 1em;
		margin-top: 0;
		border: solid #e2e9ea;
		border-width: 0 1px 3px 1px;
		/*min-height:450px;
		height:auto!important;
		height:450px;*/
	}
		.notePadWrapper2 .notePad {
		padding: 3.5em 1em 2em 1em;
		margin-top: 0;
		border: solid #e2e9ea;
		border-width: 0 1px 3px 1px;
		/*min-height:422px;*/
		/*height:auto!important;
		height:422px;*/
	}
    .targetTeam p 
    {
     font-size:83%;   
    }
    .targetTeam p span 
    {
     font-weight:bold;   
    }
	.notePadWrapper .last {
		margin-right: 0 !important;
	}

		.notePadWrapper .notePad h3 {
			font-family: clarendon, times, 'times new roman', serif;
			color: #c00;
			margin-bottom: 1.3em;
			float: none;
			padding-top:5px;
		}

			.notePadWrapper .notePad h3.targetPrice, #contentWrapper .notePadWrapper .notePad h3.targetPrice {
				padding: 10px 0 10px 40px;
				margin-bottom: 0;
				margin-left: -.5em;
				background: url(../images/bg_targetPriceHeading.gif) left center no-repeat;
				line-height: 1.2em;
				position: relative;
				top: -7px;
			}

		.notePadWrapper .notePad h4 {
			color: #036;
			font-weight: bold;
			font-size: 1em;
			clear: both;
		}	

			.notePadWrapper .notePad ul li {
				border-bottom: 1px solid #e2e9ea;
				padding: .2em 0;
			}

				.notePadWrapper .notePad ul li a {
					font-weight: bold;
					font-size: 1.2em;
				}

		.notePadWrapper .notePad .author {
			font-weight: bold;
			color: #333;
			float: left;
			position: relative;
			top: -1em;
			margin-bottom: 0;
		}
		
		.notePadWrapper .notePad .readerRatingSmall1,
		.notePadWrapper .notePad .readerRatingSmall2,
		.notePadWrapper .notePad .readerRatingSmall3,
		.notePadWrapper .notePad .readerRatingSmall4,
		.notePadWrapper .notePad .readerRatingSmall5 {
			margin-left: .4em;
			float: left;
			position: relative;
			top: -0.7em;
		}
		
		.notePadWrapper .notePad .more {
			clear: both;
		}


/* third party listings
------------------------------------------------------------------------------- */

.thirdParty {
	margin: 1em 0 2em 0;
}

	.thirdParty li {
		float: left;
		display: block;
		padding: 0 1.5em 1.5em 0;
	}

	
/* standard text box
------------------------------------------------------------------------------- */

.textBox {
	padding-right: 2em;
}

	.textBox p {
		margin-bottom: 1.3em;	
	}

	.textBox .intro {
		clear: both;
	}
	
	.textBox h2 {
		margin-bottom: 1.2em	
	}
	
	.textBox h4 {
		color: #c00;
		font-size: 1.3em;
		font-weight: bold;
		margin-bottom: .2em;
		clear: both;
	}
	
	.textBox h5 {
		color: #000;
		font-size: 1.3em;
		margin-bottom: .3em;
	}
	
	.textBox .submitWrapper1 {
		margin: 0 0 2em 0 !important;
	}



/* nav bar
-------------------------------------------------------------------------------
------------------------------------------------------------------------------- */

	#navBar {	
		width: 13.7em;
		margin-right: 1em;	
		padding-bottom: 2em;
	}
	#navBar_NewCarReview_Summary 
	{
	 width: 13.7em;
		margin-right: 1em;
		clear:both;
		float:left;   
	}

	#navBar h3 {
		color: #c00;
	}
	
	#navBar h4 {
		color: #CC0000;
		font-size: 1em;
		font-weight: bold;
		margin: .5em 0 .5em 0;
	}
	
	#navBar li {
	    /*border-bottom: 1px solid #fc0;*/
	    display: inline;
	}
	
		#navBar li h4 {
			background: #f1f4f5;
		}
	
		#navBar li ul {
			margin: 0;
		}
	
			#navBar li ul li {
				background: #f1f4f5;
			}

.colNavWrapper {
    width: 13.7em;
	float: left;
	display: inline;
	background: url(../images/bg_colNav.gif) top left repeat-x #e6eded;
	margin: 0 1em 0 0;
	padding-bottom: 1em;
	overflow: hidden;
	_margin-right:0;
}


    .colNavWrapper h3 {
        font-size: 1.3em;
        margin: 6px;
        font-weight: bold;
    }

    .colNavWrapper a {
        margin: 0 6px 0 6px; 
		background: url(../images/bg_findOutMore.gif) 0 7px no-repeat;
		padding: .3em 0 .3em 10px;
		text-decoration: none;
		display: block;
		line-height: 1.3em;
    }
    
		.colNavWrapper .active a {
			font-weight: bold;	
		}

    .colNavWrapper .noMoreFilters {
        font-weight: bold;
        margin: 8px 8px 0 8px;
    }

    .colNavWrapper .moreFilters {
       	display: none;   
     }

		.colNavWrapper .breadcrumb {
			padding: 6px 6px 18px 6px;
			background: url(../images/bg_breadcrumb.gif) center bottom no-repeat;
			margin-top: 6px;
			color: #c00;
		}

		    .colNavWrapper .breadcrumb a {
			    color: #c00;
			    font-weight: bold;
			    padding: 0;
			    margin: 0;
			    font-size: 1em;
		    }

		    .colNavWrapper .breadcrumb h4 {
		        font-weight: bold;
		        font-size: 1em;
		    }

		    .colNavWrapper .breadcrumb li {
		        padding: 2px 0 5px 0;   
		    }

		    .colNavWrapper .breadcrumb .removeWrapper {
		        margin-top: 2px;
		        background: url(../images/bg_removeWrapper.gif) center left no-repeat;
		        float: left;
		    }

		    .colNavWrapper .breadcrumb .removeWrapper a {
		        margin: 0;
		        color: #000;
		        background: url(../images/bg_remove.gif) center right no-repeat;
		        font-size: .75em;
		        font-weight: normal;
		        text-decoration: none;
		        padding: 1px 6px 2px 12px;
		        line-height: 1.3em;
		        display: block;
		    }


	.colNav {
		padding: 6px 6px 0 6px;
	}

	    .colNav ul {
	        margin: 0;
	        padding: 0;   
	    }

	    .colNav li a {
        	color: #000;
	        font-weight: bold;
	        text-decoration: none;
	        margin: 0;
	        padding-left: 10px;
	        background: url(../images/bg_colNav_inactive.gif) 2px 7px no-repeat;
	        _background-position: 2px 8px;
	        _display:inline-block;
	    }

	    .colNav li.active a {
	        padding-left: 10px;
	        background: url(../images/bg_colNav_active.gif) 0 4px no-repeat;
	    }


	    .colNav li ul {
	        padding-left: 10px;
	        line-height: 1.6em;
	    }

	    .colNav li li a, .colNav li.active li a {
	        color: #036;   
	        font-weight: normal;
	        padding: 0;
	        background: none;
	    }

	    .colNav .viewAllWrapper {
	        background: url(../images/bg_viewAllWrapper.gif) center left no-repeat !important;
	        float: left;
	        margin: 3px 0 0 0;
	    }

	    .colNav a.viewAll {
	        color: #000;
	        background: url(../images/bg_viewAll.gif) center right no-repeat !important;
	        font-size: .75em;
	        font-weight: normal;
	        text-decoration: none;
	        padding: 1px 6px 2px 12px !important;
	        line-height: 1.3em;
	        display: block;
	    }
				


/* marginal boxes
-------------------------------------------------------------------------------
------------------------------------------------------------------------------- */

.marginBox {
    background: #e2e9ea;
    margin-bottom: 22px;
    position: relative;
}

#sidebar .hotBuys {
    margin-top: -24px;
}

.alternateMarginBox {
	width: 14.3em;
	float: left;
}

/*.alternateMarginBox .contentBox .homepageSidebar {
	margin-bottom:1em;
}*/



/* tool boxes
------------------------------------------------------------------------------- */


/*    
	.marginBox h2.editorsPicksHeading {
        background: url(../images/bg_editorsPicksHeading.gif) top left no-repeat;
        top: 9px;
    }

    .marginBox h2.toolBoxHeading {
        background: url(../images/bg_toolBoxHeading.gif) top left no-repeat;
    }
*/

.toolBoxWrapper1 {
	background: url(../images/bg_headingWrapper_alt2.gif) bottom left no-repeat;
    float: none;
}

.toolBoxWrapper2 {
	background: url(../images/bg_headingWrapper_alt1.gif) bottom right no-repeat;
	height: 2.5em;
}


.alternateMarginBox .toolBoxWrapper1 {
    background: url(../images/bg_headingWrapper_alt2.gif) bottom left no-repeat;
    float: none;
}

.alternateMarginBox .toolBoxWrapper2 {
    background: url(../images/bg_headingWrapper_alt1.gif) bottom right no-repeat;
    height: 2.5em;
    color: #fff;
}

.toolBoxWrapper3 {
    background: url(../images/bg_headingWrapper3.gif) top left no-repeat;
}       

.toolBoxWrapper4 {
        background: url(../images/bg_headingWrapper4.gif) top right no-repeat;
        margin: 0;
        padding: .3em 0 0 1em;
}

	.toolBoxWrapper1 h2 {
		font-size: 1.5em;
		margin-top: 0em;
		color: #fff;
	}
	
		.alternateMarginBox .toolBoxWrapper1 h2 {
			margin-top: .1em;
		}

	.toolBoxWrapper1 h2 span {
		position: static;
		color: #fff;
		font-weight: bold;
	}

/*
.contentToolbox .toolBoxWrapper1 {
    background: url(../images/bg_headingWrapper_alt2.gif) bottom left no-repeat;
    float: none;
}

.contentToolbox .toolBoxWrapper2 {
    background: url(../images/bg_headingWrapper_alt1.gif) bottom right no-repeat;
    height: 2.5em;
    color: #fff;
}
*/


ul.toolBox {
    margin: 3px 0 0 0;    
}

    ul.toolBox h4 {
        font-size: 1em;
        margin-top: .5em;
    }
    
        ul.toolBox h4 a:link, ul.toolBox h4 a:visited {
            text-decoration: none;
        }

    .marginBox ul.toolBox li {
        margin: 3px 0 3px 0;
        padding: 12px 12px 12px 60px; 
        background: #fff;
		clear: both;
    }
    
    .alternateMarginBox ul.toolBox li {
		padding: 4px 6px 9px 40px;
    }

	.contentToolbox ul.toolBox li {
        margin: 1px 6px;
        padding: 4px 6px 2px 6px; 
        background: #fff;
		clear: both;
    }
    
    ul.toolBox li.dealChecker {
        background: url(../images/bg_dealChecker.gif) 10px 18px no-repeat #fff;
        padding-bottom: 24px;  
    }

    .alternateMarginBox ul.toolBox li.dealChecker {
        background: url(../images/bg_dealChecker2.gif) 7px 11px no-repeat #fff;
        padding-bottom: 13px;
    }
    
	ul.toolBox li.yourBudget {
        background: url(../images/bg_yourBudget.gif) 17px 12px no-repeat #fff;  
    }

    .alternateMarginBox ul.toolBox li.yourBudget {
        background: url(../images/bg_yourBudget2.gif) 10px 5px no-repeat #fff;  
    }	

    ul.toolBox li.depreciationIndex {
        background: url(../images/bg_depreciationIndex.gif) 13px 18px no-repeat #fff;  
    }
    
    .alternateMarginBox ul.toolBox li.depreciationIndex {
    	background: url(../images/bg_depreciationIndex2.gif) 10px 10px no-repeat #fff;  
    }

    ul.toolBox li.taxCalculator {
        background: url(../images/bg_companyCarTax.gif) 13px 16px no-repeat #fff;  
    }
    
    .alternateMarginBox ul.toolBox li.taxCalculator {
        background: url(../images/bg_taxCalculator2.gif) 10px 16px no-repeat #fff;  
    }
    
    ul.toolBox li.targetPrice {
        background: url(../images/bg_targetPrice.gif) 13px 14px no-repeat #fff; 
    }
    
    ul.toolBox li.carComparison {
        background: url(../images/bg_carComparison.gif) 6px 14px no-repeat #fff;  
    }
    
    ul.toolBox li.newCars {
        background: url(../images/bg_newCars.gif) 8px 14px no-repeat #fff;
        border-bottom: 3px solid #E2E9EA;
    }
    ul.toolBox li.noticeBoard {
        background: url(../images/bulbSmall_FindsYou.jpg) 0px 8px no-repeat #fff;
        border-bottom: 3px solid #E2E9EA;
    }

div.toolBox {
	margin: 3px 3px 0 3px;
}

	.toolBox .section {
		background: #fff;
		padding: .3em .5em .5em .5em;
		border-bottom: 3px solid #e2e9ea;
	}
	
	.toolBox h3 {
		font-size: 1.3em;
		margin: .4em 0;
	}
	
	.toolBox h4 {
		font-size: 1em;
		font-weight: bold;
		color: #c00;
	}
	
	.toolBox p {
		margin-bottom: .3em;
		color:#036;
	}

		.toolBox .section a {
			text-decoration: none;
		}

			.toolBox .section ul li {
				clear: both;
			}

			.toolBox .section ul a, .latestNewsSideBar a,.articleSideBoxWrapper ul li a {
				background: url(../images/bg_findOutMore.gif) 0 7px no-repeat;
				padding: .3em 0 .3em 10px;
				display: block;
				float: left;
				line-height: 1.2em;
				text-decoration: none;
			}
			 .latestNewsSideBar a 
			 {
			 float:none;	
			 }
			 .articleSideBoxWrapper ul li a 
			 {
			 clear:both;
			 /*font-size:76%;*/
			 }
			 .LatestNewsSection a 
			 {
			 /*font-size:76%;	*/
			 }

/* advice boxes
------------------------------------------------------------------------------- */
#sidebar .latestNewsSideBar 
{
	margin-bottom:1em;
}
.adviceBox {
	background: url(../images/bg_adviceBox.gif) top right no-repeat #fff;
}

	.adviceBox h2 {
		background: url(../images/bg_adviceBoxHeading.gif) 0 .5em no-repeat transparent;
		height: 36px;
		width: 100%;
		margin-bottom: 0;
	}

		.adviceBox h2 span {
			position: absolute;
			left: -2000em;
			top: -2000em;
		}
		
	.adviceBox h3 {
		margin-bottom: .5em;
		font-size: 1.3em;
	}
	
	.adviceBox h4 {
		font-size: 1em;
		font-weight: bold;
	}

	.adviceBox a {
		text-decoration: none;
	}
	
	.adviceBox ul {
		border-bottom: 0;
	}
	
		.adviceBox ul li {
			clear: both;
		}

		.adviceBox ul a {
			background: url(../images/bg_findOutMore.gif) 0 7px no-repeat;
			padding: .3em 0 .3em 10px;
			line-height: 1.2em;
			float: left;
			display: block;
		}
		
		.adviceBox ul.mediaPlayerList li a {
		    background: transparent;
		    float: none;
		}
		
		.adviceBox ul.mediaPlayerList li.windowsMedia {
		    background: url(../images/bg_windowMediaPlayer.gif) no-repeat 0 2px;
		    padding-left: 12px;
		}
		
		.adviceBox ul.mediaPlayerList li.real {
		    background: url(../images/bg_realMediaPlayer.gif) no-repeat 0 2px;
		    padding-left: 12px;
		}
		
	.adviceBox .section {	
		padding-top: .8em;
		border-right: 5px solid #e2e9ea;
		padding-right: .4em;
		position: relative;
	}

/* Footer

------------------------------------------------------------------------------- */

#footerWrapper {
    clear: both;
    margin: 0;
    padding-bottom: 5em;
    color: #686868;
    font-size: .9em;
    padding: 10px 0;
    font-family: Arial, Sans-Serif;
}

    #footerWrapper a {
        color: #c00;
        text-decoration: none !important;    
    }
   

    #footerWrapper a:hover {
        text-decoration: underline;
    }

    #footerWrapper ul#footerNav {
        background: #e2e9eb;
        padding: 10px 1em 6px 0;
        margin: 4em 0 1.5em 0;    
    }

        #footerWrapper ul#footerNav li {
            float: left;
        }

            #footerWrapper ul#footerNav li a {
                color: #369;
                font-size: 1.1em;
                line-height: 18px;
                display: block;
                border-right: 1px solid #fff;
                padding: 0 1em;
                text-decoration: none !important;
            }

            #footerWrapper ul#footerNav li.myWCLink a, #footerWrapper ul#footerNav li.myProfileLink a {
                color: #c00;
            }

			#footerWrapper ul#footerNav li.rssLink {
				padding-left: 1.5em;
			}

            #footerWrapper ul#footerNav li.rssLink a {
                border: 0;
                padding-left: 20px;
                background: url(../images/bg_rssLink.gif) left center no-repeat;
                padding-bottom: 3px;
                text-decoration: none !important;
            }
            
			#footerWrapper ul#footerNav li.subscribe {
				position: relative;
			}
			
				#footerWrapper ul#footerNav li.subscribe img {
					position: absolute;
					top: -54px;
					
				}

        #footerWrapper #haymarketFooter img {
            display: block;
            margin-bottom: .5em;
        }
   

        #footerWrapper #haymarketFooter li {
            display: inline;   
        }

            #footerWrapper #haymarketFooter li a {
                padding: 0 .7em 0 0;
                margin-right: .3em;
                border-right: 1px solid #ccc;  
                text-decoration: none !important; 
            }

            #footerWrapper #haymarketFooter li.last a {
                border: 0;   
            }                

/* ads
-------------------------------------------------------------------------------
------------------------------------------------------------------------------- */

.adCol {
	float: right;
	width: 120px;
}

#mpuWrapper {
	padding-bottom: 1em;
	text-align: center;
	float: right;
	width: 300px;
}

#headerBannerWrapper {
	float: right;
	margin-top: 20px;	
}

#buttonAdWrapper {
	float: right;	
	padding-bottom: 1em;
}

.googleAdsense468x60, #three_wide_ad_unit {
    clear: both;
}
#googleAdSense468x60 h3 
{
font-size:1em;
color:#000;
font-weight:normal;
padding-top:0.25em;	
}
#googleAdSense468x60 div div a
{
 text-decoration:none;
}

#googleAdSense468x60 a
{
 text-decoration:none;
}
.googleTextAdContainer {
    margin:1em .5em .5em 0;
    /*width:32%;
    float:left;*/
}
.googleTextAdContainer p.line1,.googleTextAdContainer p.line3 
{
 width:auto!important;
 clear:both;
 margin-bottom:0!important;
 
}
a span.googleTextLine1 
{
  

}
.googleTextLine2 
{

 
}
.googleTextLine3 
{
  
}
.googleTextAdContainer .googleTextLine1 {
    /*display:block;*/
    clear:both;
    font-weight: bold;
    font-size: 1.2em;
}

.googleTextAdContainer .googleTextLine2, .googleTextAdContainer .googleTextLine3 {
    /*  display:block;
    clear:both; */
    font-weight: normal;
    font-size: 1em;
    color:#000;
}

.googleTextAdContainer .googleTextUrl {
    /*display:block;*/
    clear:both;
    font-weight: normal;
    font-size: 1em;
    color:#c00
}
.googleTextAdContainer a  span.googleTextUrl, .googleAdDiv h3 a 
{
color:#003366;
text-decoration:none;	
}
.googleTextAdContainer a,.googleTextAdContainer a span.googleTextLine1, .googleTextAdContainer a span.googleTextLine2, .googleTextAdContainer a span.googleTextLine3 
{
text-decoration:none;
}
.googleTextAdContainer a:hover span.googleTextUrl, .googleTextAdContainer a:focus span.googleTextUrl 
{
	color:#cc0000;
	text-decoration:none;
}
.extHomeAds
{
	width:100%!important;
}
.extHomeAds .googleTextAdContainer
{
	width:295px;
	float:left;
	padding-right:30px;
}
#pageWrapper .extReviewResultsAds
{
	width:470px!important;
	padding-top:0px;
	margin-left:180px;
	margin-top:20px;
	float:left;
}
#pageWrapper ul li .extReviewResultsAds
{
	float:none;
	margin-left:0px;
	margin-top:0px;
}
.extReviewResultsAds .googleTextAdContainer
{
	width:auto;
}
.extReviewResultsAds h3
{
	font-size: 1em;
    font-weight: normal;
    padding-bottom:5px;
    padding-top: 0px;
    margin:0px;
}
.extReviewResultsAds span
{
	display:block;
	float:none;
}
.extReviewResultsAds a span
{
	padding-top:10px;
}
.extReviewResultsAds a:hover,
.extSearchNCRAds #threeGoogleAFSAdsTop a:hover
{
	color: #cc0000!important;
	text-decoration:none;
}
#leaderBoardWrapper {
    height: 90px;
    width: 728px;
    margin: 8px 0 2px;
    float: right;
}

#leaderBoardWrapper #leaderBoardWrapperAd, #leaderBoardWrapper #leaderBoardWrapperAd #inlineAdHolder_leaderboard {
    margin: 0 auto;
}


#skyWrapper .injectedAdvert {
    margin-bottom: 1em;
}


/* rating
-------------------------------------------------------------------------------
------------------------------------------------------------------------------- */

.rating1 {
     background: url(../images/rating1.gif) top left no-repeat;
     width: 73px;
     height: 13px;   
 }

.rating2 {
    background: url(../images/rating2.gif) top left no-repeat;
     width: 73px;
     height: 13px;  
 }

.rating3 {
     background: url(../images/rating3.gif) top left no-repeat;
     width: 73px;
     height: 13px;  
 }

.rating4 {
     background: url(../images/rating4.gif) top left no-repeat;
     width: 73px;
     height: 13px;  
 }

.rating5 {
     background: url(../images/rating5.gif) top left no-repeat;
     width: 73px;
     height: 13px;  
 }

     .rating0 span, .rating1 span, .rating2 span, .rating3 span, .rating4 span, .rating5 span {
         position: absolute;
         top: -1000em;
         left: -1000em;   
     }

.ratingSmall1 {
     background: url(../images/ratingSmall1.gif) top left no-repeat;
     width: 56px;
     height: 10px;   
 }

.ratingSmall2 {
    background: url(../images/ratingSmall2.gif) top left no-repeat;
     width: 56px;
     height: 10px;
 }

.ratingSmall3 {
     background: url(../images/ratingSmall3.gif) top left no-repeat;
     width: 56px;
     height: 10px;
 }

.ratingSmall4 {
     background: url(../images/ratingSmall4.gif) top left no-repeat;
     width: 56px;
     height: 10px;
 }

.ratingSmall5 {
     background: url(../images/ratingSmall5.gif) top left no-repeat;
     width: 56px;
     height: 10px;
 }

     .ratingSmall0 span, .ratingSmall1 span, .ratingSmall2 span, .ratingSmall3 span, .ratingSmall4 span, .ratingSmall5 span {
         position: absolute;
         top: -1000em;
         left: -1000em;   
     }

.readerRating1 {
     background: url(../images/readerRating1.gif) top left no-repeat;
     width: 73px;
     height: 13px;   
 }

.readerRating2 {
    background: url(../images/readerRating2.gif) top left no-repeat;
     width: 73px;
     height: 13px;  
 }

.readerRating3 {
     background: url(../images/readerRating3.gif) top left no-repeat;
     width: 73px;
     height: 13px;  
 }

.readerRating4 {
     background: url(../images/readerRating4.gif) top left no-repeat;
     width: 73px;
     height: 13px;  
 }

.readerRating5 {
     background: url(../images/readerRating5.gif) top left no-repeat;
     width: 73px;
     height: 13px;  
 }

     .readerRating0 span, .readerRating1 span, .readerRating2 span, .readerRating3 span, .readerRating4 span, .readerRating5 span {
         position: absolute;
         top: -1000em;
         left: -1000em;   
     }

.readerRatingSmall1 {
     background: url(../images/readerRatingSmall1.gif) top left no-repeat;
     width: 57px;
     height: 10px;   
 }

.readerRatingSmall2 {
    background: url(../images/readerRatingSmall2.gif) top left no-repeat;
     width: 57px;
     height: 10px;
 }

.readerRatingSmall3 {
     background: url(../images/readerRatingSmall3.gif) top left no-repeat;
     width: 57px;
     height: 10px;
 }

.readerRatingSmall4 {
     background: url(../images/readerRatingSmall4.gif) top left no-repeat;
     width: 57px;
     height: 10px;
 }

.readerRatingSmall5 {
     background: url(../images/readerRatingSmall5.gif) top left no-repeat;
     width: 57px;
     height: 10px;
 }

     .readerRatingSmall0 span, .readerRatingSmall1 span, .readerRatingSmall2 span, .readerRatingSmall3 span, .readerRatingSmall4 span, .readerRatingSmall5 span {
         position: absolute;
         top: -1000em;
         left: -1000em;   
     }


/* misc
-------------------------------------------------------------------------------
------------------------------------------------------------------------------- */


.message {
	color: #999;
	font-size: 1.8em;
	font-weight: bold;	
	padding: .5em 0;
	margin-bottom: 1em;
}

.formError {
	background: url(../images/bg_fieldset.gif) top left repeat;
	padding: 1em;
	margin-bottom: 1em;
}

.contentBox .formError {
	margin-right: 1em;
	margin-bottom: 1em;	
}

	.formError p, .formError ul {
		background: #fff;
		padding: .5em 1em;
		margin: 0;
		color: #c00;
		font-weight: bold;
		font-size: 1.2em;
	}

.pagination {
    float: right;
    margin: 5px 5px 5px 0;
}

    .pagination .noshow {
        display: none;    
    }

    .pagination li {
        display: inline;   
    }

        .pagination li a {
            border-right: 1px solid #abadad;
            padding: 0 5px;   
            text-decoration: none;
        }

            .pagination li.next a, .pagination li.previous a, .pagination li.first a, .pagination li.last a, .pagination li.hasnone a, .pagination li.pageTotal a {
               border-right: 0;
               padding: 0 5px;
            }

            .pagination li.pageTotal a {
                font-weight: bold;   
            }

            .pagination li.current a {
                font-weight: bold;
                text-decoration: underline;   
            }


.wrapper1 {
	float: left;
}

.wrapper2 {
	float: right;
}

.more {
	display: block;
	font-weight: normal;
	background: url(../images/bg_findOutMore.gif) left center no-repeat;
	padding-left: 10px;
	text-decoration: none;
}

.more2 {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	background: url(../images/bg_findOutMore.gif) left center no-repeat;
	padding-left: 10px;
	text-decoration: none;
	margin-bottom: 1em;
}

.annotation {
	background: url(../images/bg_annotation.gif) 0 5px no-repeat;
	padding-left: 13px;
	margin: .5em 0 .8em 0;
}

.noMatches {
    padding: 15px;
    width: 630px;
    border: solid #dbe3e5;
    border-width: 0 4px 0 4px;
}

    .didYouMean h5 {
        margin-bottom: 0;
        display: inline;
    }

    .didYouMean ul {
        margin: 0;
        padding: 0;
        display: inline;
    }

    .didYouMean li {
        display: inline;
    }

.rating-1, .rating0, .readerRating-1, .readerRating0 {
    display: none;    
}

.viewEditionsLink {
    font-weight: bold;    
}

.pageNav {
	clear: both;
	margin-bottom: 2em;
}

	.pageNav li {
		float: left;
	}

	.pageNav li.prev {
		background: url(../images/bg_pageNavPrev1.gif) bottom right no-repeat;
		margin-right: .3em;
	}

	.pageNav li.next {
		background: url(../images/bg_pageNavNext1.gif) bottom left no-repeat;
	}
	
	.pageNav li.top {
		background: url(../images/bg_pageNavTop1.gif) bottom left no-repeat;
		float: right;
		position: relative;
		top: -0.5em;
	}
			
		.pageNav li.prev a {
			display: block;
			background: url(../images/bg_pageNavPrev2.gif) bottom left no-repeat;
			margin: 0 12px 0 0;
			padding: 10px 15px 10px 30px;
			line-height: .8em;
			text-decoration: none;	
			position: relative;
			top: 4px;
			font-weight:bold;	
		}
	
		.pageNav li.next a {
			display: block;
			background: url(../images/bg_pageNav2Next.gif) bottom right no-repeat;
			margin: 0 0 0 12px;
			padding: 10px 30px 10px 15px;
			line-height: .8em;
			text-decoration: none;
			position: relative;
			top: 4px;
			font-weight:bold;
		}
		
		.pageNav li.top a {
			display: block;
			background: url(../images/bg_pageNavTop2.gif) bottom right no-repeat;
			margin: 0;
			padding: 12px 14px 5px 23px;
			text-decoration: none;
		}
		
		
.last {
	margin-right: 0 !important;
}

.first {
	margin-left: 0 !important;
}		


/* lightboxes
-------------------------------------------------------------------------------
------------------------------------------------------------------------------- */

.lightbox {
	margin: 2em;
	padding-top: 80px;
}

	.lightbox h1 {
		color: #c00;
		font-size: 1.2em;
		font-weight: bold;
		margin-top: 1.5em;
		border-bottom: 1px solid #e2e9ea;
		padding-bottom: .3em;
	
	}
	
	a#TB_closeWindowButton {
		font-weight: bold !important;
		text-decoration: none !important;
		font-size: 1.2em;
	}



/* buttons
-------------------------------------------------------------------------------
------------------------------------------------------------------------------- */

.submitWrapper1 {
    float: left;
    margin: 0 0 0 .4em;
    background: url(../images/bg_buttonWrapper1.gif) bottom left no-repeat #fff; 
    padding: 0;
}

.submitWrapper2 {
    background: url(../images/bg_buttonWrapper2.gif) bottom right no-repeat; 
    padding: 0 0 2px 0;
    margin: 0;
}

.submitWrapper3 {
   background: url(../images/bg_buttonWrapper3.gif) top left no-repeat;
    padding: 0 0 1px 0;
    margin: 0;
}

    .submitWrapper3 input, .submitWrapper3 a {
        border: 0;   
        font-size: 0.9em;
        width: auto !important; 
        background: url(../images/bg_buttonWrapper4.gif) top right no-repeat;
        padding: 2px 8px 1px 8px;
        font-weight: bold;
        cursor: pointer;
        margin: 0 !important;
		text-decoration: none;
		line-height: 1.2em;
		font-weight: bold !important;
    }
    
    .submitWrapper3 a {
        display: block;
        color: #000;   
    }
    
    .submitWrapper3 a:hover {
        color: #000;   
    }

.submitPointerWrapper {
    float: left;
    margin: 0 0 0 .4em !important;
    background: url(../images/bg_submitPointerWrapper.gif) left center no-repeat #fff; 
    padding: 0;
	position: relative;
	left: -9px;
}

    .submitPointerWrapper input, .submitPointerWrapper a {
        border: 0;   
        font-size: 0.9em;
        width: auto !important; 
        padding: 1px 14px 1px 0;
        font-weight: bold;
        cursor: pointer;
        margin: 0 !important;
		text-decoration: none;
		line-height: 1.8em;
		font-weight: bold !important;
	    background: url(../images/bg_submitPointer.gif) right center no-repeat transparent;
		display: block;
		position: relative;
		right: -9px;
		text-transform: uppercase;
    }

    .submitPointerWrapper a {
        display: block;
        color: #000;   
    }

    .submitPointerWrapper a:hover {
        color: #000;   
    }
    
.jumpLink, .jumpHeading {
    position: absolute;
    left: -1000em;
    top: -1000em;    
}

.enlargeWrapper1 {
	background: url(../images/bg_enlargeWrapper.gif) top left no-repeat #c00;
	float: right;
	margin: 1em 1em .5em .5em;
}

.enlargeWrapper2 {
	background: url(../images/bg_enlargeWrapper.gif) top right no-repeat transparent;
}

.enlargeWrapper3 {
	background: url(../images/bg_enlargeWrapper.gif) bottom right no-repeat transparent;
	padding-right: .3em;
}

.enlargeWrapper4 {
	background: url(../images/bg_enlargeWrapper.gif) bottom left no-repeat transparent;
}

.enlarge {
	background: url(../images/bg_enlarge.gif) center right no-repeat transparent;
	color: #fff;
	text-decoration: none;
	padding: .5em 17px .7em .5em;
}

a.enlarge:hover {
	color: #fff;
}	

.for strong, .against strong, .verdict strong {
	color: #c00;
}

.footnote {
	display: block;
	float: none;
	clear: both;
	font-size: .95em;
	padding-top: 1em;
}

.important {
	color: #c00;
}

.obligatory {
	color: #c00;
}

.intro {
	clear: both;
}
.companyCarTaxResults p.intro 
{
 font-size:1em;   
}

.newVersionWrapper {
	background: url(../images/bg_newVersion.gif) left center no-repeat;
	float: left;
}

.newVersion {
	background: url(../images/bg_newVersionWrapper.gif) right center no-repeat;
	padding: .4em .6em;
	color: #fff;
	font-size: .9em;
}

.newModelWrapper {
	background: url(../images/bg_newModel.gif) left center no-repeat;
	float: left;
}

.newModel {
	background: url(../images/bg_newModelWrapper.gif) right center no-repeat transparent;
	padding: .4em .6em;
	color: #fff;
	font-size: .9em;
}

/* Low emmisions  car make and model table */
table#lowEmissions thead th#emissionCar 
{
	width:287px;
}
#showRowsBelow 
{
background: transparent url(../images/bg_colNav_inactive.gif) no-repeat scroll 2px 4px;
padding-left:15px;	
}
#showRowsBelow.active
{
background: transparent url(../images/bg_colNav_active.gif) no-repeat scroll 0px 6px;
}


/* Last weeks poll results table */
table#lastWeeksResults 
{
width:auto;	
}
table#lastWeeksResults caption 
{
background:none;
font-weight:normal;
padding-bottom:5px;
}
table#lastWeeksResults th
{
background:transparent none;
font-weight:normal;
padding-left:0;
font-size:1em;
color:#000;
}
table#lastWeeksResults td {
font-weight:600;
color:#333;
background:transparent none;
}
/* End of last weeks poll results table */

/* Alex Billerey - this weeks poll START */

ul.thisWeeksPoll li {
	display:block;
    clear:both;
}
ul.thisWeeksPoll li input 
{
 float:left;
 margin-right:10px;
 margin-bottom:10px;
margin-top:3px;
_margin-top:0;
}
ul.thisWeeksPoll li span 
{
 float:left;
margin-left:30px;
  
}

/* Alex Billerey - this weeks poll END */


/* Alex Billerey = google Ads for car comparison pages START */
.googleAdDiv 
{
 display:block;
 clear:both;
 width:657px;
 /*float:left;*/
 padding-top:20px;

}
#sidebar .googleAdDiv 
{
 width:24.8em;
 padding-top:0; 
}
.valuationResult .googleAdDiv 
{
 padding-top:0;  
}
/* Alex Billerey = google Ads for car comparison pages END */




span.pollQuestion 
{
 float:left;
 width:80%;     
}
span.pollPercent 
{
  float:right;
  width:19%;
  font-weight:bold; 
}
/* whatcar stylesheet, mtk for haymarket */

/* New code Alex Billerey 30 Novemeber 2009 */
#sidebar #wdic2 .alternateMarginBox  
{
 width:174px!important;   
}
#navBar #wdic, #navBar #wdic2  
{
 float:left;
 width:13.7em;
 float:left;
 margin-top:1em;
}
ul.reviewsSidebarNav
{
 margin-bottom:1em!important;   
}
ul.reviewsSidebarNav_New 
{
  margin-bottom:1em!important;  
}
ul.reviewsSidebarNav_New li 
{
 display:block!important;
 font-size:1.25em;
 margin-bottom:.7em;   
}
ul.reviewsSidebarNav_New li a 
{
 font-weight:bold;
 color:#000;
 text-decoration:none;   
}
ul.reviewsSidebarNav_New li a span 
{
 display:block!important;   
}
ul.reviewsSidebarNav_New li a span,ul.reviewsSidebarNav_New li a span strong 
{
 color:#cc0000;
 font-weight:normal;   
}
.contractHireLinkWrapper_New 
{
 width:24em;
 float:left;
  
}
.contractHireLinkWrapper_New a 
{
 font-size:1.25em;
 text-decoration:none;
 color:#000;
 font-weight:bold;  
}
.contractHireLinkWrapper_New a span 
{
 color:#cc0000;   
}
#contentWrapper #navBar #wdic2  
{
 margin-top:0em!important;   
}

#navBar #wdic ul.toolBox,#navBar #wdic2 ul.toolBox
{
   padding-bottom:1px; 
}
#navBar #wdic li,#navBar #wdic2 li,#navBar_NewCarReview_Summary  #wdic li
{
 display:block;
 clear:both;
 padding:0; 
}
#navBar #wdic li a,#navBar #wdic2 li a,#navBar_NewCarReview_Summary #wdic li a
{
 display:block;
 background-color:#fff;
 text-decoration:none;
 padding-left:45px;
 padding-right:10px;
 padding-top:7px;
 padding-bottom:7px;  
}

#wdic .toolBoxWrapper4,#wdic2 .toolBoxWrapper4 
{
 padding:.3em 0 0 .6em   
}
#wdic .alternateMarginBox,#wdic2 .alternateMarginBox  
{
 width:13.7em;   
}
#wdic h3,#wdic2 h3,.marginBoxWrapper #wdic2 h3 
{
color:#ffffff!important;
font-size:1.25em;
text-align:center;
padding-top:.3em;
}
#wdic a.taxCalculator 
{
 background: url(../images/bg_companyCarTax.gif) 3px 10px no-repeat #fff;
 padding-right:20px!important;     
}

#wdic a.depreciationIndex
{
 background: url(../images/toolboxLogos.gif) 5px 5px no-repeat #fff;     
}
#wdic a.wdic_BB 
{
 background:url(../images/toolboxLogos.gif) 5px -50px no-repeat #fff;
 /*padding-right:40px!important;*/ /*Makes the text wrap ovwer two lines instead of one */
}
#wdic a.wdic_targetPrice 
{
   padding-right:50px!important; /*Makes the text wrap ovwer two lines instead of one */
   background:url(../images/bg_wdic_targetPrice.gif) 0 5px no-repeat #fff;  
}
#wdic a.wdic_NCD 
{
   background:url(../images/bg_wdic_NCD.gif) 0 5px no-repeat #fff;
   padding-right:50px!important; /*Makes the text wrap ovwer two lines instead of one */
   padding-bottom:5px!important;
   height:39px;  
}
#wdic a.wdic_NoticeBoard 
{
   background:url(../images/bg_pinBig.jpg) 5px 10px no-repeat #fff;    
}
ul.floatRight 
{
 float:right!important;
 padding-top:5px;  
}
li.compare, li.seeAll 
{
 float:right;
 display:inline-block;
 margin-top:10px!important;   
}
li.compare 
{
 margin-right:10px;   
}
li.compare a, li.seeAll a 
{
 text-decoration:none;
 color:#036;
 font-weight:bold;
 padding: 5px 5px 5px 10px;
 position:relative;
 background-image:url(../images/bg_findOutMore.gif);
 background-repeat:no-repeat;
 background-position:left 10px;
 outline:0;
}
li.compare a:hover, li.seeAll a:hover {
color:#c00;
}
div.alternateMarginBox div div.clearfix span 
{
 float:left;
 color:#c00;   
 font-size:1.25em;
 font-weight:bold;
}
div.alternateMarginBox div div.clearfix a.more 
{
 float:right;   
}
.ourPickImageWrapper 
{
 position:relative;   
}
img.ourPickIcon 
{
    position:absolute;
    right:0;
    top:0;
}
h4.ourPickTitle 
{
 color:#036!important; 
 font-weight:bold; 
 font-size:0.95em!important; 
}

div.alternateMarginBox .ourPickImageWrapper 
{
 /*margin-top:10px;  */
}
a.VideoReviewLink 
{
 position:relative;   
}
a.VideoReviewLink span 
{
 position:absolute;
 left:0;
 top:-100px;
 height:110px;
 width:180px;
 background:transparent url(../images/ic_startVideo_big.png) no-repeat scroll center center 
}
div.additionalReviewNavNew 
{
 background:transparent url(../images/bg_addNavBackGround.gif) no-repeat scroll 0 0;
 padding:10px 0;
 float:left;
}
div.additionalReviewNavNew ul 
{
 display:block;
 margin-bottom:10px;
 position:relative;
 float:left; 
}
div.additionalReviewNavNew li 
{
 position:relative;
 background-image:url(../images/bg_additionalNav1.png);
 float:left;
 width:145px;
 height:38px;
 text-align:center;
 display:inline-block;
}

div.additionalReviewNavNew li.marginBig 
{
 margin-right:13px;   
}

div.additionalReviewNavNew li.marginSmall 
{
 margin-right:14px;   
}

div.additionalReviewNavNew li a 
{
 text-decoration:none;   
 color:#036;
 /*font-weight:bold;*/
  background-image:url(../images/bg_findOutMore.gif);
 background-repeat:no-repeat;
 background-position:left 15px;
 padding:10px 5px 5px 10px;
 display:inline-block;
}
div.additionalReviewNavNew li a:hover 
{
    color:#c00;
}


.homepageSidebar ul li span 
{
 color:#000!important;
 font-size:1em!important;
 font-weight:normal!important;   
}
 .comparisonChooserTableWrapper,.comparisonChooser
{
    /*width:469px!important;*/
}
table.comparisonChooserTable tr 
{
    height:19px;
}
p.vmd a 
{
 padding-left:10px;
 background-image:url(../images/bg_findOutMore.gif);
 background-repeat:no-repeat;
 background-position:left center;
 color: #000;
 text-decoration:none;  
}
p.vmd a:hover 
{
 padding-left:10px;
 background-image:url(../images/bg_findOutMore.gif);
 background-repeat:no-repeat;
 background-position:left center;
 color:#c00;
  text-decoration:none;   
}
#dataTableHolder 
{
 width:100%;
}
#DaddidataTableHolder .comparisonChooserTableWrapper 
{
 height:auto!important;   
}
#InnerAdditionalReviewNavNew 
{
 width:40em;
 padding-left:1em;
}
#searchResults_googleAdDiv.googleAdDiv 
{
 margin-left:179px;
 width:480px;
}
#searchResults.contentBox 
{
 margin-top:38px;   
}
.reviewVideoTeaser li 
{
 _display:inline!important;   
}
.flowAlternative .abstractWrapper img 
{
    margin-top:-5em;
}
#wdic2 a 
{
 text-decoration:none;   
}
#wdic2 li 
{
 _display:inline-block!important;   
}
#wdic2 a.wcWarranty
{
background-image: url(../images/bg_shopIconcar-warrantySmall.gif)!important; 
background-repeat:no-repeat!important;
background-position:5px 10px!important;
background-color:#fff!important; 
}
#wdic2 a.noticeBoard
{
 background-image:url(../images/bulbSmall_FindsYou.jpg)!important;
background-repeat:no-repeat!important;
background-position:5px 10px!important;
background-color:#fff!important;  
}
#wdic2 a.gapPartner
{
  background-image:  url(../images/I32x32.gif)!important;
  background-position:5px 10px!important;
  background-repeat:no-repeat!important;
  background-color:#fff!important;   
}
#wdic2 .alternateMarginBox ul.toolBox li 
{
    padding:0;
}
#wdic2 .alternateMarginBox ul.toolBox li a 
{
    padding:6px 6px 9px 40px;
    display:block;
}
.narrowMarginBox .marginBox
{
 margin-bottom:10px!important;   
    
}
#pushdownWrapper 
{
 margin-top:13px;
 margin-bottom:0;   
}
#pushdownWrapper table 
{
    margin-bottom:0;
}
.e328LatestNewsArticle,.e329NewsReport 
{
  margin-top:1.5em;
  margin-bottom:-.6em;
   display:block;
 clear:both;   
}
.ne319AlternativeArticle 
{
 margin:-2em 0 3em 0;
    display:block;
 clear:both;
}
#newsReportContextLinks 
{
 display:block;
 clear:both;  
}
#newsArticleContextLinks 
{
  float:left;
  margin:1em 0 0 0;
  width:100%; 
}
#newsReportContextLinks ul,#newsArticleContextLinks ul 
{
 list-style-type:none;
 width:50%;
 float:left;
 
}
#newsReportContextLinks li,#newsArticleContextLinks li 
{
    font-size:12.6px;
    margin: 0 1em 0.5em 0;
    font-weight:bold;
    background: url("../images/bg_additionalReviewNav1.gif") no-repeat scroll left top transparent;
    margin: 0 1em 1em 0;
    width:auto!important;
}

#newsArticleContextLinks li.floatright
{
float:right;
margin-right:0;
}
#newsReportContextLinks li a,#newsArticleContextLinks li a 
{
  padding: 3px 1em 6px 25px;
   white-space: nowrap;
   background: url("../images/bg_additionalReviewNav2.gif") no-repeat scroll right top transparent;
   display:block;
   text-decoration:none;  
}

