@charset "utf-8";
/* CSS Document */

body {
	background: #f5f5f5 bottom repeat-x url(/skin/images/body-bg-tile.gif);
	margin: 0;
}
body, td, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6a6969;
}

h1 {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}
h2 {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cb0133;
	text-transform: uppercase;
}
h3 {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6a6969;
	padding-bottom: 5px;
	border-bottom: 1px solid #cdcdcd;
}
h4 {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6a6969;
	text-transform: uppercase;
}

img {
	border: 0;
}

em {
	color: #cb0133;
	font-style: normal;
}

a:link, a:active, a:visited {
	color: #cb0133;
	text-decoration: none;
}
a:hover {
	color: #cb0133;
	text-decoration: underline;
}

/* FLOAT CLEARING */
.clearleft {
	clear: left;
	overflow: hidden;
	height: 0;
}
.clearright {
	clear: right;
	overflow: hidden;
	height: 0;
}
.clearboth {
	clear: both;
	overflow: hidden;
	height: 0;
}

form {
	margin: 0;
	padding: 0;
}
/*input, select, textarea {
	border: 0;
	padding: 5px 6px 4px 6px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}*/

input {
	width: 164px;
	border: 0;
	padding: 5px;
	background: top left no-repeat url(/skin/images/input-bg.gif);
	font-size: 12px;
	color: #696868;
}
select {
	width: 174px;
	border: 0;
	padding: 5px 3px;
	background: top left no-repeat url(/skin/images/input-bg.gif);
	font-size: 12px;
	color: #696868;
}
textarea {
	width: 164px;
	height: 145px;
	border: 0;
	padding: 5px;
	background: top left no-repeat url(/skin/images/textarea-bg.gif);
	font-size: 12px;
	color: #696868;
}
input.none {
	background: none;
	width: auto;
	padding: 0;
}
input.button {
	width: auto;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.error {
	margin: 10px 0;
	padding: 12px 25px;
	background: #efefef 5px 11px no-repeat url(/skin/images/icon-error.png);
	border: 4px solid #d8d8d8;
	color: #555555;
	font-weight: bold;
}
.notification {
	margin: 10px 0;
	padding: 12px 25px;
	background: #efefef 5px 11px no-repeat url(/skin/images/icon-notification.png);
	border: 4px solid #d8d8d8;
	color: #555555;
	font-weight: bold;
}


.divider {
	background: center repeat-x url(/skin/images/dotted-div.gif);
	padding: 10px 0 0 0;
}


#container {
	background: left repeat-y url(/skin/images/container-bg-tile.gif);
	width: 950px;
	margin: 0 auto;
}


#header {
}

/* Site Map Menu */
#menu-sitemap {
	background: top center no-repeat url(/skin/images/menu-sitemap-bg.gif);
	text-align: center;
	margin-bottom: 18px;
	padding: 6px 0 6px 19px;
}
#menu-sitemap a:link, #menu-sitemap a:active, #menu-sitemap a:visited {
	color: #cb0133;
	text-decoration: none;
	margin: 0 15px;
}
#menu-sitemap a:hover {
	color: #cb0133;
	text-decoration: underline;
}

/* Main Menu */
#menu {
	margin-bottom: 10px;
}
#menu ul {
	width: 190px;
	float: left;
	margin: 0 0 0 12px;
	padding: 0;
}
#menu li {
	position: relative;
	float: left;
	width: 188px;
	margin: 0;
	padding: 0;
	background: left bottom no-repeat url(/skin/images/menu-bg-list.gif);
	list-style: none;
	z-index: 100;
}
#menu a:link, #menu a:active, #menu a:visited {
	display: block;
	width: 188px;
	padding: 5px 0 7px 2px;
	color: #FFFFFF;
	text-decoration: none;
}
#menu a:hover {
	color: #1d0108;
	text-decoration: none;
}
/* -- Sub menu */
#menu li ul {
	display: none;
	height: auto;
	background-color: #CC0033;
	border-top: 1px solid #eb033d;
	border-left: 1px solid #eb033d;
	border-right: 1px solid #ad032e;
	position: absolute;
	padding: 0;
	margin: -28px 0 0 188px;
}
#menu li:hover ul, #menu li.sfhover ul {
	display: block;
}
#menu li:hover a:link, #menu li:hover a:active, #menu li:hover a:visited, #menu li.sfhover a:link, #menu li.sfhover a:active, #menu li.sfhover a:visited {
	color: #1d0108;
}
#menu li:hover a:hover, #menu li.sfhover a:hover {
	color: #1d0108;
}
#menu li:hover a.submenu:link, #menu li:hover a.submenu:active, #menu li:hover a.submenu:visited, #menu li.sfhover a.submenu:link, #menu li.sfhover a.submenu:active, #menu li.sfhover a.submenu:visited {
	color: #1d0108;
	background: 175px 6px no-repeat url(/skin/images/menu-icon-arrow.gif);
}
#menu li:hover a.submenu:hover, #menu li.sfhover a.submenu:hover {
	color: #1d0108;
	background: 175px 6px no-repeat url(/skin/images/menu-icon-arrow.gif);
}
/* Sub styles */
#menu li:hover li a:link, #menu li:hover li a:active, #menu li:hover li a:visited, #menu li.sfhover li a:link, #menu li.sfhover li a:active, #menu li.sfhover li a:visited {
	width: 183px;
	padding: 5px 0 7px 7px;
}
#menu li:hover li a:hover, #menu li.sfhover li a:hover {
	color: #FFFFFF;
}

/* Member Login */
#memberlogin {
	width: 168px;
	margin: 0 auto;
	background: top no-repeat url(/skin/images/panel-login-bg.gif);
	padding: 45px 13px 20px 13px;
	color: #FFFFFF;
}
#memberlogin input {
	width: 158px;
	margin-bottom: 9px;
	padding: 6px 5px;
	background: top left no-repeat url(/skin/images/panel-login-input.gif);
	font-size: 11px;
	color: #696868;
}
#memberlogin .links {
	float: left;
	width: 110px;
	font-size: 11px;
}
#memberlogin input.button {
	width: auto;
	margin: 0;
	padding: 0;
}
#memberlogin a:link, #memberlogin a:active, #memberlogin a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#memberlogin a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}



#content {
	padding-bottom: 20px;
}

.content-left {
	float: left;
	width: 214px;
}
.content-right {
	width: 716px;
	margin-left: 230px;
}
.content-right p {
	line-height: 20px;
}


/* Split search area */
#split-search {
	width: 510px;
}
.section {
	width: 100%;
	background: top repeat-x url(/skin/images/dotted-div.gif);
	margin: 5px 0 0 0;
	padding-top: 2px;
}

/* Home Page Selection hovers */
.selection-cars {
	width: 510px;
	float: left;
}
.selection-cars ul {
	width: 510px;
	float: left;
	margin: 0 0 25px 0;
	padding: 0;
}
.selection-cars li {
	position: relative;
	float: left;
	width: 170px;
	height: 143px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.selection-cars a span {
	display: none;
}
.selection-cars a.findacar {
 	display: block;
	width: 170px;
	height: 143px;
	background: 0px 0px no-repeat url(/skin/images/selection-findacar.gif);
}
.selection-cars a.findacar:hover {
	background-position: -170px 0px;
}
.selection-cars a.findadealer {
 	display: block;
	width: 170px;
	height: 143px;
	background: 0px 0px no-repeat url(/skin/images/selection-findadealer.gif);
}
.selection-cars a.findadealer:hover {
	background-position: -170px 0px;
}
.selection-cars a.carswanted {
 	display: block;
	width: 170px;
	height: 143px;
	background: 0px 0px no-repeat url(/skin/images/selection-carswanted.gif);
}
.selection-cars a.carswanted:hover {
	background-position: -170px 0px;
}

/* Car search */
.searchform-car {
	background: top repeat-x url(/skin/images/shade-bg.gif);
	padding-top: 20px;
	width: 100%;
}
.searchform-car td.required {
	background: right no-repeat url(/skin/images/icon-required.gif);
	padding-right: 15px;
}
.searchform-car th {
	text-align: left;
	color: #cc0033;
	font-weight: normal;
	font-size: 14px;
	padding: 4px 2px;
}
.searchform-car td {
	font-size: 14px;
	padding: 4px 2px;
}

/* Members Area Selection hovers */
.selection-member {
	width: 716px;
	float: left;
}
.selection-member ul {
	background: top repeat-x url(/skin/images/dotted-div.gif);
	width: 680px;
	float: left;
	margin: 0 0 25px 0;
	padding: 2px 0 0 0;
}
.selection-member li {
	position: relative;
	float: left;
	width: 170px;
	height: 143px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.selection-member a span {
	display: none;
}
.selection-member a.homemycars {
 	display: block;
	width: 170px;
	height: 143px;
	background: 0px 0px no-repeat url(/skin/images/selection-homemycars.gif);
}
.selection-member a.homemycars:hover {
	background-position: -170px 0px;
}
.selection-member a.placenewad {
 	display: block;
	width: 170px;
	height: 143px;
	background: 0px 0px no-repeat url(/skin/images/selection-placenewad.gif);
}
.selection-member a.placenewad:hover {
	background-position: -170px 0px;
}
.selection-member a.modifyad {
 	display: block;
	width: 170px;
	height: 143px;
	background: 0px 0px no-repeat url(/skin/images/selection-modifyad.gif);
}
.selection-member a.modifyad:hover {
	background-position: -170px 0px;
}
.selection-member a.deletead {
 	display: block;
	width: 170px;
	height: 143px;
	background: 0px 0px no-repeat url(/skin/images/selection-deletead.gif);
}
.selection-member a.deletead:hover {
	background-position: -170px 0px;
}
.selection-member a.editmyprofile {
 	display: block;
	width: 170px;
	height: 143px;
	background: 0px 0px no-repeat url(/skin/images/selection-editmyprofile.gif);
}
.selection-member a.editmyprofile:hover {
	background-position: -170px 0px;
}
.selection-member a.logout {
 	display: block;
	width: 170px;
	height: 143px;
	background: 0px 0px no-repeat url(/skin/images/selection-logout.gif);
}
.selection-member a.logout:hover {
	background-position: -170px 0px;
}


/* Car Results - Members Area */
.list-members {
	width: 100%;
	border: 1px solid #e0dfdf;
	border-collapse: collapse;
}
.list-members .title {
	margin-bottom: 10px;
}
.list-members p {
	margin: 0;
	font-size: 11px;
	line-height: normal;
}
.list-members td {
	vertical-align: top;
	padding: 8px;
	border-bottom: 1px solid #e0dfdf;
}
.list-members td.thumb {
	width: 122px;
	background: right repeat-y url(/skin/images/dotted-div-vert.gif);
}
.list-members td.thumb img {
	border: 1px solid #e0dfdf;
}
.list-members td.buttons {
	width: 147px;
	background: left repeat-y url(/skin/images/dotted-div-vert.gif);
	text-align: center;
	line-height: 24px;
}


/* Split panels area */
#split-panels {
	float: right;
	width: 198px;
	padding-top: 17px;
}
#split-panels .panel {
	background: bottom no-repeat url(/skin/images/panel-bottom.gif);
	margin-bottom: 13px;
	padding: 0 10px 10px 10px;
}
#split-panels .panel p {
	margin: 0;
}
#split-panels h3 {
	width: 198px;
	height: 42px;
	margin: 0;
	padding: 0;
	border: 0;
}
#split-panels h3 span {
	display: none;
}
#split-panels h3.guide {
	background: top no-repeat url(/skin/images/panel-head-autobuyersguide.gif);
}
#split-panels h3.finance {
	background: top no-repeat url(/skin/images/panel-head-carfinance.gif);
}
#split-panels h3.insurance {
	background: top no-repeat url(/skin/images/panel-head-carinsurance.gif);
}
#split-panels h3.featured {
	background: top no-repeat url(/skin/images/panel-head-featuredproduct.gif);
}

/* Car listing */
.car-buttons {
	text-align: center;
	margin-bottom: 10px;
	padding: 5px 0 7px 0;
	background: bottom repeat-x url(/skin/images/dotted-div.gif);
}
.car-buttons a {
	margin: 0 20px;
}

.car-details {
}
.car-details th {
	width: 120px;
	text-align: left;
	padding: 4px;
	vertical-align: top;
}
.car-details td {
	padding: 4px;
	vertical-align: top;
}

#split-details {
	width: 390px;
}

#split-images {
	float: right;
	width: 304px;
}
#split-images img {
	padding: 7px;
}
#split-images a img {
	border: 1px solid #c0c0c0;
	background-color: #d8d8d8;
	margin-bottom: 13px;
}
#split-images a:hover img {
	border: 1px solid #920025;
	background-color: #cc0033;
}
#split-images img.imagestyle {
	border: 1px solid #c0c0c0;
	background-color: #d8d8d8;
}


/* Breadcrumbs */
.breadcrumbs {
	font-size: 11px;
	margin: 10px 0;
	color: #888888;
}
.breadcrumbs em {
	color: #333333;
	margin: 0 5px;
}
.breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited {
	color: #888888;
	margin: 0 5px;
}
.breadcrumbs a:hover {
	color: #888888;
}

/* Form */
.form {
	margin: 0 auto;
}
.form th {
	width: 150px;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	padding: 4px 2px;
}
.form td {
	padding: 4px 0 4px 6px;
}
.form td.required {
	background: right no-repeat url(/skin/images/icon-required.gif);
	padding: 4px 15px 4px 6px;
}
.form .image {
	margin: 5px;
	border: 1px solid #e0dfdf;
}

#footer {
	background: bottom repeat-x url(/skin/images/body-bg-tile.gif);
	height: 52px;
	padding-top: 42px;
	font-size: 11px;
	color: #4e4e4e;
}
#footer .content-left {
	width: 414px;
}
#footer .content-right {
	width: 516px;
	margin-left: 430px;
	text-align: right;
}
#footer a:link, #footer a:active, #footer a:visited {
	color: #4e4e4e;
	margin: 0 5px;
}
#footer a:hover {
	color: #cc0033;
	text-decoration: none;
}