/* mac hide\*/
html, body {height: 100%}
/* end hide */

html,body { padding: 0; margin: 0; }

.wideBodyClass
{
    width: 1225px;
    min-width: 1225px;
    min-height: 800px;
    margin-bottom: -52px;
}

.bodyClass
{
	width: 781px;
	min-width: 781px;
	min-height: 800px;
	margin-bottom: -52px;
}

.bodyClassPrint
{
	width: 730px;
	min-width: 730px;
}

#header, #content-primary, #content-secondary, #footer, #content-main, #content 
{
	overflow: visible;
}

/* safari and opera need this */
#header, #footer 
{
	background-color: #FFFFFF;
	color: #000000;
	overflow: visible;
}

.outerDiv, .outerDivPrint
{
	height: auto !important;
	height: 100%;
	min-height: 100%;
	width: 781px;
	min-width: 781px;
	color: #000000;
	text-align: left;
	margin: auto;
	position: relative;
}

.outerDivPrint
{
	width: 730px;
	min-width: 730px;	
}
 
html>body #outer{ height:auto; } /*for mozilla as IE treats height as min-height anyway*/

#baseBreadCrumb { margin-left: 13px; }

/*--------------------------------------------------
	Header Styles
--------------------------------------------------*/

#header
{
	border: 0;
	height: 70px;
	margin: 0;
	padding: 0;
	position: inherit;
}

#headerLogo 
{
	border: 0;
	float: left;
	height: 70px;
	margin: 0;
	padding: 0;
	width: 210px;
}

#headerLogo a
{
	float: left;
}

#headerRightAd
{
	border: 0;
	float: right;
	height: 72px;
	margin: 0;
	min-width: 561px; /* Critical Safari fix! */
	padding: 0;
	width: 571px;
}

#headerRightAd img
{
	float: left;
}

#headerWithSearchLogo
{
    float: left;
    width: 168px;
    height: 70px;
}

#headerWithSearchBox
{
    float: right;
    width: 571px;
    height: 70px;
}
#headerWithSearchBox #headerWithSearchBoxB
{
    float: left;
    padding-left: 478px;
    margin-top: -5px;
}
#headerWithSearchBox #headerWithSearchBoxA #headerWithSearchBoxAA
{
    float: left;
    padding-left: 390px;
    height: 21px;
    padding-top: 10px;
}
#headerWithSearchBox #headerWithSearchBoxA #headerWithSearchBoxAA div
{
    border: 1px solid #c9c9c7;
    width: 108px;
}
#headerWithSearchBox #headerWithSearchBoxA #headerWithSearchBoxAA div input
{
    font-size: 12px;
    margin-left: 1px;
    margin-top: 1px;
    width: 104px;
    height: 12px;
    border: thin inset;
}
#headerWithSearchBox #headerWithSearchBoxA #headerWithSearchBoxAB
{
    float: right;
    padding-top: 10px;
}

.searchButtonStyle
{
	border-width: 0px;
	height: 21px;
	width:	58px;
	display: block;
	vertical-align: bottom;
}

a.searchButtonStyle
{
	background-repeat: no-repeat;
}


/*--------------------------------------------------
	Tab Styles
--------------------------------------------------*/

.tabHomeImage, .tabNewCarsImage, .tabUsedCarsImage, .tabCompareNewCarsImage, .tabReviewsImage, .tabClassifiedsImage, .tabFinanceImage
{
	height:16px!important;
	height:16px; 
	border-width:0px; 
	vertical-align:top;
}

.tabHomeImage			{ width:59px; }
.tabNewCarsImage		{ width:86px; }
.tabUsedCarsImage		{ width:91px; }
.tabCompareNewCarsImage	{ width:117px; }
.tabReviewsImage		{ width:140px; }
.tabClassifiedsImage	{ width:100px; }
.tabFinanceImage		{ width:167px; }

#tabHome, #tabNewCars, #tabUsedCars, #tabCompareNewCars, #tabReviews, #tabClassifieds, #tabFinance
{
	position: absolute;
	top: 0;
}

#tabHome a, #tabNewCars a, #tabUsedCars a, #tabCompareNewCars a, #tabReviews a, #tabClassifieds a, #tabFinance a
{
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 0;
}

#tabHome					{ left:13px; }

#tabNewCars					{ left:73px; }

#tabUsedCars				{ left:160px; }

#tabCompareNewCars			{ left:252px; }

#tabReviews					{ left:370px; }

#tabClassifieds				{ left:511px; }

#tabFinance					{ left:612px; }

.tabBottomLeft, .tabBottomRight
{
	position: absolute;
	top: -7px;
	border-bottom: 1px solid rgb(58, 94, 139);
	vertical-align: bottom;
}

.tabBottomLeft
{	
	left: 0; 
	width: 13px;
	height: 22px;
	*min-height: 24px;
}

.tabBottomRight
{	
	left: 779px;
	width: 2px;
	height: 22px;
	*min-height: 24px;
}

.tabBottom2, .tabBottom3, .tabBottom4, .tabBottom5, .tabBottom6, .tabBottom7
{
	position: absolute; 
	/*top: 15px !important; /* Fire Fox fix */
	/*top: -3px;*/
	top: -7px;
	height: 22px;
	*min-height: 24px;
	width: 1px;
	border-bottom: 1px solid rgb(58, 94, 139);
	background-color: #e9edef;
}

.tabBottom2 { left:72px; }
.tabBottom3 { left:159px; }
.tabBottom4 { left:251px; }
.tabBottom5 { left:369px; }
.tabBottom6 { left:510px; }
.tabBottom7 { left:611px; }

/*--------------------------------------------------
	Header Styles
--------------------------------------------------*/

.mainNavBorder 
{
	width: 781px;
	height: 2px;
}

.imgNavAdBorder
{
	border: 0;
	height: 2px;
	margin-top: -3px;
	position: absolute;
	top: 0;
	vertical-align: top; 
	width: 100%; 
}

#NavContainer
{
	clear:both;
	position:relative;
	top:0px;
	width: 781px;
	vertical-align:top;	 
}

.mainNavContainer
{
	background-color: #e9edef;
	height: 31px;
	width: 781px;
	*min-height: 33px;
}

.mainNavContainerWhite
{
	background-color: #fff;
	height: 31px !important;
	height: 30px;
	width: 781px;
}

#mainNavTopRowContainer
{
	float: right;
	height: 14px;
	margin: 0;
	padding: 1px 3px 1px 0;
	position: relative;
	width: 466px;
}

#mainNavTopRowContainer .quickDealer
{
	position: absolute; left: 0px; width: 165px; height: 15px;
}

#mainNavTopRowContainer .searchUsedCar
{
	position: absolute; left: 168px; width: 165px; height: 15px;
}

#mainNavTopRowContainer .listYourCar
{
	position: absolute; left: 331px; width: 130px; height: 15px;
}

#mainNavTopRowContainer a:hover { text-decoration:underline; }

#mainNavBottomRowContainer
{
	border: 0;
	clear: both;
	position: relative;
	width: 781px;
}

#mainNavBottomRowContainer ul
{
	position: absolute;
	left: 0; 
	top: 0; 
	width: 781px;
	border-width: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
	background-color: Transparent; 
}

#mainNavBottomRowContainer li
{
	background-color: Transparent; 
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style-type: none;
}

/*--------------------------------------------------
	Ad Styles
--------------------------------------------------*/

.adBannerBox, .adBannerBoxPrint 
{
	background-color: #e9edef;
	border: 0;
	float: left;
	float: none !important;
	left: 0;
	margin-top: -4px;
	position: relative; 
	top: 4px !important;
	top: 4px;
	width: 100%;
	clear: both;
}

.adBannerBoxPrint
{
	background-color: #efefef;
	border-top: 1px solid #ced3d6;	
}

.adBanner, .adBannerPrint
{
	margin: 2px 25px 4px 25px;
	width: 730px;
}

.adBannerPrint
{
	margin: 0px 0px 10px 0px;
	top: 16px;
}

.adBannerLabel, .adBannerLabelPrint
{
	line-height: 10px;
	height: 10px;
	font-size: 10px; 
	color: #999; 
	font-family: verdana,arial,helvetica,serif; 
	text-decoration: none;
	text-align: center;
}

.adBannerLabelPrint
{
	padding-top: 3px;
	height: 16px;
}

.adBoxSmall
{
	position:relative; top:0px; left:0px;
	width:162px;
}
.adBoxContainer
{
	position:relative; top:0px; left:0px;
	text-align:left;
}
.adTallBox
{
	position:relative;
	left:0px;
	height:602px;
}
.adLabelWidth
{
    white-space:nowrap;
    width:auto; /* FF2.0 and SF3.0*/
    *width:162px!important;/*this is a hack for IE6, IE7*/
}
.adText
{
	margin:0px 8px 0px 8px;
	font-size: 10px; 
	color: #999999; 
	font-family: verdana,arial,helvetica,serif; 
	text-decoration: none;
}
.adLineContent
{
	vertical-align: middle;
	width: 302px;
	height: 10px;
	margin-bottom: 8px !important;
	margin-bottom: 2px;
}
.adContent
{
	vertical-align: middle;
	width: 302px;
	height: 250px;
}
.adUnderline
{
	font-size: 0px;
	vertical-align: top;
	width: 300px;
	height: 10px;
}
.adGreyLineImage
{
	width: 103px;
	height: 10px;
}
.greyLineBorderTop
{
	border-width: 0px;
	height: 10px;
	width: 33px;
}
.greyLineBorderBottom
{
	position: relative;
	top: -3px !important;
	top: 0px;
	border-width: 0px;
	height: 10px;
	width: 162px;
}
.contentAdFrameTall /* dart served cssclass */
{
	 padding: 0px 0px 0px 0px; 
	 vertical-align: middle; 
	 background-color: Transparent; 
	 float: right;
	 height: 602px;
	 width: 162px;
}

/*--------------------------------------------------
	Content Styles
--------------------------------------------------*/
#contentRel
{
	width: 100%;
	clear: both;
	position:relative; 
	top: 4px;
	width: 780px;
	background-color: white;
	margin-top: 10px;
	height: 750px; 
}

#contentEvenLeft
{
	position: relative;
	top: 0px; 
	left: 13px;
	float: left;
	margin-top:0px; 
	width: 360px;
	padding-bottom: 50px;
 }
 
#contentEven
{
	position: relative;
	top: 0px; 
	left: 0px;
	float: left;
	margin-top:0px; 
	padding-bottom: 50px;	
}

#contentEvenRight
{
	position: relative; 
	top: 0px; 
	left: -4px;
	float: right;
	width: 360px;
	margin-top:0px;
	padding-bottom: 50px;
} 

#contentEvenRightTop
{
	position: relative; 
	top: 0px; 
	left: -4px;
	float: right;
	width: 360px;
	margin-top:0px;
} 

.contentEvenRightYear
{
	position: relative;
	margin-left: auto;
	width: 162px;
} 

#contentReport
{
	height: 100%;
	position:relative;
	clear:both;
	top: -5px;
	width: 100%;
	background-color: white;
}

#content-primary
{
	 position: relative;
	 top: 3px!important; 
	 top: 3px;
	 margin-top:-3px;
	 left: 13px; 
	 width: 584px;  
	 float:left;
	 margin-bottom: 10px;
	 padding-bottom:10px;
}

#contentMain
{
	 position: relative;
	 top: 3px!important; 
	 top: 3px;
	 left: 13px; 
	 width: 600px;  
	 margin-top:-3px;
	 float:left;
	 margin-bottom:10px;
	 padding-bottom:10px;
}

#content-secondary
{
	position: relative; 
	top: 0px;  
	left: -4px;
	float:right;
	width: 161px;
	margin-top:0px;
	padding-bottom:50px;
} 

#content-left
{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0; 
	margin-left:13px; 
	width: 170px;
	z-index: 10;
}

#content-middle
{
	height: 100%;
	position: absolute; 
	top: 0; 
	left: 183px;  
	width: 420px;
} 

#content-full
{	
	min-height: 800px;
	height: auto !important;
	height: 100%;
	position: absolute; 
	clear: both;
	top: 0; 
	left: 183px; 
	width: 575px;
} 

#content-right
{
	height: 100%;
	left: 609px !important;
	left: 609px;
	position: absolute;
	top: -14px !important;
	top: -14px;
	width: 170px; 
} 

.content-indent
{
	text-indent:13pt;
}

.content-paragraph
{
	margin: 10px 0px 10px 0px;
}
/*--------------------------------------------------
	Footer Styles
--------------------------------------------------*/
#clearfooter { width:100%; height:0px; clear:both; font-size:0px; line-height: 0;} /* to clear footer */
#footer 
{
	color: #000;
	height: 47px;
	margin: 0; 
	padding: 0; 
	text-align: left;
	width: 100%;
}

.footerNavBar 
{
	border-top: solid 3px #8F9398;
	clear: both;
	position: relative;
	top: 23px;
	height: 18px;
	width: 100%;	
	background-color: #3A5E8B;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.footerNavBar ul 
{
	margin: 0;
	padding: 0 0 0 90px;
	white-space: nowrap;
}
.footerNavBar li 
{
	line-height: 19px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

.footerNavBar li a 
{
	font-size: 9px; 
	font-family: verdana,arial,helvetica,serif;
	text-decoration: none;
	padding: 5px;
	color: #2A4F97;
}

.footerNavBar li a:hover {
	text-decoration: underline;
	font-size: 9px; 
	font-family: verdana,arial,helvetica,serif;
	padding: 5px;
	color: #2A4F97;
}


/* Display */
.inline			{ display: inline; }
.block          { display: block; }
.none           { display: none; }
.b              { font-weight:bold; }
.i              { font-style:italic; }