﻿body
{
	background-color: #C4C4C4;
	background-image: url(/Content/Shared/Img/Backgrounds/VehixBody.jpg);
	background-repeat: repeat-x;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}

a:link, a:visited { color:#336699; text-decoration:none; }
a:hover, a:active { color:#336699; text-decoration:underline; }

img
{
	border-style: none;
}

p
{
	margin-top: 0;
	margin-bottom: 16px;
}

hr
{
	background: #CCCCCC none repeat scroll 0 0;
	border-width: 0;
	clear: both;
	color: #CCCCCC;
	height: 1px;
}

/* Headers */
h2, h2.title, h3.title
{ font-size:16px; }
h1, h2, h3, h4, h5, h6 { margin:0; color:#000; }
h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:15px; }
h4 { font-size:14px; color:#CC6600;}
h5 { font-size:14px; font-weight:normal; }
h6 { font-size:12px; text-transform:uppercase; }
h1 em, h2 em, h3 em { color:#999; font-style:normal; }
h2.orange { color:#CC6600; }

h2 a.crosslnk
{
	font-size: 13px;
	font-weight: normal;
	margin-left: 10px;
}

h1.title, h2.title, h3.title, div.title, .title a
{
	font-weight: bold;
	color: #336699;
	margin: 0px;
	height: 32px;
	text-decoration:none;
}

.title a.rightlnk
{
	position: absolute;
	right: 12px;
	font-size: 12px;
	font-weight: normal;
}

.titlePanel h1.title, .titlePanel h2.title, .titlePanel h3.title, .titlePanel div.title
{
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 0 0 0 0;
	background:#F0F0F0 url(/Content/Shared/Img/Backgrounds/PanelTitleBar.gif) 0 0 repeat-x;
	text-indent: 10px;
	line-height: 32px;
	border-bottom: solid 1px #D5D5D5;
	white-space: nowrap;
}

.titlePanel
{
	border: solid 1px #E3E3E3;
	overflow:hidden;
}

.root
{
	position: relative;
	top: 0;
	left: 0;
	width: 1003px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}

.root .page
{
	background-color: #FFFFFF;
	left: 0;
	overflow: hidden;
	position: relative;
	top: 0;
	width: 1003px;
	padding: 16px 0 12px;
}

.root .page .menuShadow
{
	background-color: Transparent;
	background-image: url(/Content/Shared/Img/Backgrounds/MenuShadow.png);
	background-repeat: repeat-x;
	height: 10px;
	left: 0;
	position: absolute;
	top: 0;
	width: 1003px;
	z-index: 1000;
}

.root .page .content
{
	position: relative;
	top: 0;
	left: 0;
	width: 983px;
	margin: auto;
	overflow: hidden;
}

.root .pageShadow
{
	height: 50px;
	left: 0;
	overflow: hidden;
	position: relative;
	top: 0;
	width: 1003px;
}

.buildNumber
{
	color:#C4C4C4;
}


div.vxdrima_img div.vxdrima_left, div.vxdrima_img div.vxdrima_right
{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
}

.vxdrima_img, .vxdrima_img .vxdrima_left, .vxdrima_img .vxdrima_center, .vxdrima_img .vxdrima_right 
{
	height: 25px;
	overflow: hidden;
}
.vxdrima_img .vxdrima_left, .vxdrima_img .vxdrima_right 
{
	float: left;
	width: 8px;
	background: url(/Content/Shared/Img/Buttons/Dynamic/BlueL_8x25.gif) top no-repeat;
}
.vxdrima_img .vxdrima_right 
{
	background-image: url(/Content/Shared/Img/Buttons/Dynamic/BlueR_8x25.gif);
}
.vxdrima_img .vxdrima_center 
{
	float: left;
	background: url(/Content/Shared/Img/Buttons/Dynamic/BlueC_1x25.gif) top repeat-x;
}
.vxdrima_img a.vxdrima_center
{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 24px;
	padding: 0 8px;
}
.notificationMessagePanel
{
	position: relative;
	top: 0;
	left: 0;
	padding: 7px 12px;
	color: #CC0624;
	background-color: #FFFFCC;
	border: 1px solid #FCEF02;
	margin-bottom: 8px;
	overflow: hidden;
}

.notificationMessagePanel .closeIcon
{
	position: absolute;
	top: 2px;
	right: 2px;
	width: 14px;
	height: 14px;
	border: none;
	overflow: hidden;
	background: url(/Content/Shared/Img/Buttons/Close_14x14.gif) left no-repeat;
}

.notificationMessagePanel .lead
{
	font-weight: bold;
}

.notificationMessagePanel ul.validation-summary-errors
{
	margin: 0;
	padding: 0;
	padding-left: 12px;
}

.notificationMessagePanel .message ul.validation-summary-errors
{
	margin-top: 5px;
}

.validation-summary-errors li
{
	margin-left: 0;
}

.field-validation-error
{
	color: #CC0624;
}

.input-validation-error
{
	border: 1px solid #CC0624 !important;
}

.hidden
{
	display: none;
}

/* Header Partial View */

.pageHeadPrint
{
	display: none;
}

.pageHead, .pageHeadPrint
{
	position: relative;
	top: 0;
	left: 0;
	padding-top: 7px;
	width: 1003px;
	overflow: hidden;
}

.pageHead.home
{
	padding-top: 0;
}

.pageHead .titleBarPanel
{
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	width: 1003px;
	height: 46px;
	padding-top: 10px;
	overflow: hidden;
	text-transform: uppercase;
}

.pageHead A.findADealerLink, .pageHead A.findADealerLink:visited, .pageHead A.findADealerLink:hover, .pageHead A.findADealerLink:active
{
	background: transparent url(/Content/Shared/Img/Icons/MagnifyingGlass_13x13.gif) no-repeat scroll left 1px;
	float: left;
	margin: 3px 0px 3px 17px;
	padding: 1px 2px 1px 14px;
}

.pageHead .titleBarRightDiv
{
	left:754px;
	position:absolute;
	top:22px;
}

.pageHead .titleBarRightDiv A,
.pageHead .titleBarRightDiv A:hover,
.pageHead .titleBarRightDiv A:visited,
.pageHead .titleBarRightDiv A:active
{
	color: #FFFFFF;
	font-size: 9px;
	text-decoration: none;
} 

.pageHead .titleBarRightDiv .myVehixLink, .pageHead .titleBarRightDiv .myVehixLink:visited, .pageHead .titleBarRightDiv .myVehixLink:hover, .pageHead .titleBarRightDiv .myVehixLink:active
{
	background: transparent url(/Content/Shared/Img/Icons/Person_11x13.gif) no-repeat scroll left top;
	float: left;
	margin: 3px 17px;
	padding: 1px 2px 1px 13px;
}

.pageHead .titleBarRightDiv .separatorDiv
{
	float: left;
	height: 18px;
	width: 1px;
}

@media print
{
	.pageHead
	{
		display: none;
	}
	
	.pageHeadPrint
	{
		display: inherit;
	}
} 

/* Navigation Partial View */

.mainMenu
{
	left: 0px;
	overflow: hidden;
	position: relative;
	top: 0px;
	width: 1003px;
}

.mainMenu div.topMenuContainer
{
	background: transparent url(/Content/Shared/Img/Backgrounds/VehixToolbar.jpg) no-repeat scroll 0 0;
	height: 35px;
	left: 0;
	overflow: hidden;
	position: relative;
	top: 0;
	width: 1003px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mainMenu .topMenuContainer .menuItem, .mainMenu .topMenuContainer .menuItem.selected
{
	color: #FFFFFF;
	float: left;
	font-size: 13px;
	height: 35px;
	line-height: 35px;
	padding: 0 22px;
}

.mainMenu .topMenuContainer div.separator
{
	padding: 0;
}

.mainMenu .topMenuContainer .menuItem.selected
{
	background-color: #FFFFFF;
	color: #CC6600;
}

.mainMenu .topMenuContainer a, .mainMenu .topMenuContainer a:hover, .mainMenu .topMenuContainer a:visited, .mainMenu .topMenuContainer a:active, .mainMenu .topMenuContainer .menuItemLastSelected .menuNoLink
{
	color: #FFFFFF;
	font-size: 13px;
	text-decoration: none;
}

.mainMenu .topMenuContainer a:hover
{
	text-decoration: underline;
}

.mainMenu .topMenuContainer .menuItem.selected a, .mainMenu .topMenuContainer .menuItem.selected a:hover
{
	color: #CC6600;
}

.mainMenu .subMenuContainer
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 1003px;
	overflow: hidden;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mainMenu .subMenuContainer .subMenuItem, .mainMenu .subMenuContainer .subMenuItem.selected
{
	float: left;
	padding: 0px 22px;
	font-size: 12px;
	line-height: 28px;
	color: #CC6600;
}

.mainMenu .subMenuContainer .separator
{
	display: none;
}

.mainMenu .subMenuContainer .subMenuItem a, .mainMenu .subMenuContainer .subMenuItem a:hover, .mainMenu .subMenuContainer .subMenuItem a:visited, .mainMenu .subMenuContainer .subMenuItem a:active
{
	font-size: 12px;
	color: #CC6600;
	text-decoration: underline;
}

.mainMenu .subMenuContainer .subMenuItem.selected a, .mainMenu .subMenuContainer .subMenuItem.selected a:visited, .mainMenu .subMenuContainer .subMenuItem.selected a:hover, .mainMenu .subMenuContainer .subMenuItem.selected a:active
{
	text-decoration: none;
	cursor: default;
}

.mainMenu .topMenuContainer .separator
{
	background: url(/Content/Shared/Img/Separators/Toolbar.gif) no-repeat center bottom;
	float: left;
	height: 35px;
	overflow: hidden;
	width: 1px;
}

.mainMenu .topMenuContainer li.last, .mainMenu .topMenuContainer li.last.selected
{
	background: url(/Content/Shared/Img/Buttons/ToolbarGreen_55x21.gif) no-repeat right bottom;
	float: left;
	height: 22px;
	line-height: 21px;
	margin: 8px 22px;
	padding: 0;
	text-align: center;
	width: 55px;
	overflow: hidden;
}

@media print
{
	.mainMenu
	{
		display: none;
	}	
}
.hide
{
	display:none;
}

/* Footer */
.pvFooter
{
	clear: both;
	color: #666666;
	font-size: 9px;
	left: 0px;
	padding-top: 5px;
	position: relative;
	top: 0px;
}

.pvFooter .footerText
{
	color: #666666;
	font-size: 9px;
}

.pvFooter a,
.pvFooter a:visited,
.pvFooter a:hover,
.pvFooter a:active
{
	color: #333333;
	font-size: 10px;
	text-decoration: none;
}

.pvFooter .cms-dashboard
{
	float: right;
}

.pvFooter .cms-dashboard a
{
	display: block;
	color: #FFFFFF;
	background-color: #FF0000;
	border: 1px solid #E8E8E8;
	padding: 0 4px;
	margin-left: 3px;
}

.pvFooter .cms-dashboard a:hover
{
	color: #FF0000;
	background-color: #FFFFFF;
}

@media print
{
	.pvFooter .footerMenu
	{
		display: none;
	}
}
/* End Footer */

/* Ratings */
.starRatingsDivRow .starRatingLabel
{
	width:132px;
	margin-right:10px;
	float:left;
}
.starRatingsDivRow .starRatingStarSection .starImage
{
	height:19px;
	width:19px;
	background-image:url(../Img/Icons/FullStar.gif);
}
.starRatingsDivRow .starRatingStarSection .offStar
{
	height:19px;
	width:19px;
	background-image:url(../Img/Icons/EmptyStar.gif);
}
.starRatingsDivRow .numberRating
{
	display:none;
}

.jdpRatingRow
{
	width: 100%;
	overflow: hidden;
	line-height: 18px;
}

.jdpRatingRow .jdpRatingLabel
{
	width:142px;
	margin-right:10px;
	float:left;
}

.jdpRatingRow img.jdpImage
{
	margin-top: 5px;
}

.jdpRatingRow .jdpRating
{
	display:none;
}
/* END Ratings */

/* Stories */
.recentStoriesFragment
{
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto 12px;
	width: 162px;
	overflow: hidden;
}
.recentStoriesModule, .recentStoriesModule .storyBlurb
{
	width: 160px;
	overflow: hidden;
}
.storyBlurb a.title
{
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 10px 4px 10px;
}
.storyBlurb img.thumb
{
	margin-left: 10px;
}
.recentStoriesModule .storyBlurb p
{
	padding: 10px;
	margin: 0;
}
/* END Stories */

/* Relevant Inventory */
.relatedInventoryFragment
{
	position: relative;
	top: 0;
	left: 0;
	margin: auto;
	width: 162px;
	overflow: hidden;
}
.relatedInventoryFragment .relevantInventoryModule.titlePanel
{
	width: 160px;
}
.relatedInventoryFragment .listingVehicle
{
	width: 160px;
	padding: 0 0 10px 0;
}
.listingVehicle a.title
{
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 10px 4px 10px;
}
.listingVehicle img.thumb
{
	display: none;
}
.relatedInventoryFragment .listingVehicle div.right
{
	padding: 0 10px;
	margin: 0;
}

.relatedInventoryFragment.wide .listingVehicle div.right
{
	float: left;
	padding: 0;
	margin: 0;
	width: 121px
}
.relatedInventoryFragment.wide
{
	width: 479px;
	overflow: hidden;
}
.relatedInventoryFragment.wide .relevantInventoryModule.titlePanel
{
	width: 477px;
	overflow: hidden;
}
.relatedInventoryFragment.wide .listingVehicle
{
	clear: both;
	float: left;
	width: 228px;
	padding: 10px 0 10px 10px;
	overflow: hidden;
}
.relatedInventoryFragment.wide .listingVehicle.right
{
	clear: right;
}
.relatedInventoryFragment.wide .listingVehicle a.thumb
{
	float: left;
	width: 100px;
	margin: 2px 6px 0 0;
}
.relatedInventoryFragment.wide .listingVehicle img.thumb
{
	display: inline;
	width: 100px;
}
.relatedInventoryFragment.wide .listingVehicle a.title
{
	float: left;
	width: 228px;
	padding: 0 0 4px 0;
}

.relatedInventoryFragmentSkyScraper
{
	margin: 0 0 0 auto;
	width: 162px;
}
.relatedInventoryFragmentSkyScraper .listingVehicle
{
	padding-bottom: 15px;
}
.relatedInventoryFragmentSkyScraper .listingVehicle img.thumb
{
	display: inline;
	width: 100px;
}
.relatedInventoryFragmentSkyScraper .listingVehicle a.thumb
{
	padding-left: 10px;
}
.relatedInventoryFragmentSkyScraper .listingVehicle div.right
{
	padding-left: 10px;
}


/* END Relevant Inventory */
