body {
	background-color: #000000;
	font-family: Arial;
	font-size: 14px;
	color: #9d9ea1;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

a img {
	border: none;
}

p {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	line-height: 20px;
}

a {
	color: #cccccc;
	text-decoration: none;
	font-weight: bolder;
}

a:visited {
	color: #cccccc;
}

a:hover {
	text-decoration: underline;
}

.highlight {
	background: #9bbebe;
	color: white;
}

ul {

}

li {

}

.logo {
	margin: 0px 0px 5px 0px;
}

.error {
	color: red;
	margin: 5px 0px;
	padding: 5px;
	background: #cccccc;
	border: black;
	tex-align: center;
	font-weight: bold;
}

.body {
	/*background: #ffffff;*/
	min-height: 100%;
}

.wrapper {
	width: 982px;
	margin: 10px auto 0px auto;
}

.bodyTable td {

}

.shadowLeft {
	background: url(/images/left-shadow.jpg) repeat-y top right;
	width: 9px;
}

.mainContent {
	background: #272727;
	margin: -18px auto 0px auto;
	clear: both;
	padding: 10px;
	width: 962px;
}

.topContent {

}

.flashHeader {
	width: 690px;
	height: 190px;
}

.boxTop {
	background: url(/images/box/top.png) no-repeat;
	width: 638px;
	height: 28px;
}

.boxBody {
	background: url(/images/box/body.png) repeat-y;
	width: 578px;
	padding: 0px 30px;
}

.boxBottomHome {
	background: url(/images/box/bottom-box.png) no-repeat;
	width: 598;
	padding: 0px 20px;
	height: 110px;
}

.boxBottom {
	background: url(/images/box/bottom.png) no-repeat;
	width: 638px;
	height: 30px;
}

.boxTopTestimonials {
	background: url(/images/box/topTestimonials.png) no-repeat;
	width: 310px;
	height: 27px;
}

.boxBodyTestimonials {
	background: url(/images/box/bodyTestimonials.png) repeat-y;
	width: 250px;
	padding: 0px 30px;
}

.boxBottomTestimonials {
	background: url(/images/box/bottomTestimonials.png) no-repeat;
	width: 310px;
	height: 28px;
}

.box2TopOrange {
	background: url(/images/box/sample_eb_title.jpg) no-repeat;
	width: 276px;
	height: 22px;
	color: white;
	text-align: center;
	padding: 10px 0px;
	font-size: 18px;
	font-weight: bold;
}

.box2TopRed {
	background: url(/images/box/become_ar_title.png) no-repeat;
	width: 276px;
	height: 21px;
	color: white;
	text-align: center;
	padding: 10px 0px;
	font-size: 18px;
	font-weight: bold;
}

.box2Body {
	background: url(/images/box/sample_eb_body.jpg) repeat-y;
	width: 256px;
	padding: 0px 10px;
}

.box2Bottom {
	background: url(/images/box/sample_eb_footer.jpg) no-repeat;
	width: 276px;
	height: 8px;
}

.shadowRight {
	background: url(/images/right-shadow.jpg) repeat-y top left;
	width: 9px;
}

.leftMenu {
	width: 160px;
	background: #dfdcd9;
	color: #cccccc;
	font-weight: bold;
	float: left;
	margin: 0px 5px 0px 0px;
	text-align: left;
}

.leftMenu a {
	color: #cccccc;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.leftMenu a:hover {
	text-decoration: underline;
}

.leftMenu div {
	background: #d7d3ce;
	margin: 2px 0px 0px 0px;
	width: 145px;
	padding: 5px 5px 5px 10px;
}

.successMessage {
	background: #004488;
	color: #ffffff;
	width: 90%;
	margin: 0px auto 10px auto;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

h1 {
	padding: 5px 0px 0px 20px;
	background: #fea002;
	color: #272727;
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	margin-left: 0px;
}

h2 {
	color: white;
	font-size: 18px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
	/*color: #ff9801;*/
	color: #ffffff;
}

h3 {
	color: white;
	font-size: 14px;
	margin: 5px 0px 5px 10px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
}

.footer {
	text-align: center;
	width: 100;
	color: #cccccc;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 0px auto;
	clear: both;
}


.footer a {
	color: #cccccc;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 10px;
}

.footer a:visited: {
	color: #cccccc;
}

.footer a:hover {
	color: #333333;
}

.language {
	position: absolute;
	z-index: 20;
	top: 5px;
	right: 10px;
}

.language span {
	color: white;
	font-weight: bold;
}

.featuredListing {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 200px;
	width: 213px;
	/*height: 301px;*/
	padding: 20px;
	background: url(/images/details-top-bg.png);
	border: 4px solid rgb(54, 54, 54);
	border-top: none;
	z-index: 200;
}

.menu {
	position: relative;
	top: -18px;
}

.menu a {
	color: #cccccc;
	font-weight: normal;
	text-decoration: none;
}

.menu a:visited {
	color: #cccccc;
}

.menu a:hover {
	color: #cccccc;
}

.menuOn {
	text-align: center;
	color: #ffffff;
	width: 196px;
}

.menuOn div {
	height: 38px;
	background: url(/images/selected_menu_bg.png) no-repeat;
	width: 196px;
	padding: 10px 0px 0px 0px;
}

.menuOn a {
	text-decoration: none;
	font-size: 20px;
	color: #ffffff;
}

.menuOn a:visited {
	color: #ffffff;
}

.menuOn a:hover {
	color: #ffffff;
}

.menuOff {
	text-align: center;
	color: #ffffff;
}

.menuOff div {
	width: 100%;
	height: 28px;
	background: #3c3c3b;
	padding: 5px 0px 0px 0px;
}

.menuOff:hover {
	width: 196px;
}

.menuOff:hover div {
	height: 38px;
	background: url(/images/selected_menu_bg.png) no-repeat;
	width: 196px;
	padding: 10px 0px 0px 0px;
}

.menuOff a {
	text-decoration: none;
	font-size: 20px;
	color: #ffffff;
}

.menuOff a:visited {
	color: #ffffff;
}

.menuOff a:hover {
	color: #ffffff;
}

.flag {
	float: right;
	margin: -5px 0px 0px 5px;
}

.sep {
	border-top: 2px solid #684f40;
	width: 960px;
	margin: 0px auto;
}

.sep100p {
	border-top: 2px solid #684f40;
	width: 100%;
}

.moreInformation {

}

.featuredBox {
	border: 3px solid #c6c6c6;
	margin: 5px 0px 0px 0px;
}

.featuredBox p {
	padding: 0px 5px;
}

.featuredBox a {
	text-decoration: none;
	color: black;
}

.featuredBox a:visited {
	text-decoration: none;
	color: black;
}

.featuredBox a img {
	border: none;
}

.featuredBox a:hover {
	text-decoration: underline;
}

.featuredTitle {
	font-size: 16px;
	font-weight: bold;
	color: white;
	background: #004488;
	padding: 5px 0px;
	text-align: center;
}

.featuredReadMore {
	float: right;
	margin: 5px;
	background: #004488;
	padding: 5px;
}

.featuredReadMore a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.featuredReadMore a:visited {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.featuredReadMore a:hover {
	text-decoration: none;
}

.featuredReadMore:hover {
	background: #695547;
}

.newsletterBox {
	border: 3px solid #e7d9c5;
	margin: 5px 0px 0px 0px;
}

.newsletterTitle {
	font-size: 16px;
	font-weight: bold;
	color: white;
	background: #695547;
	padding: 5px 0px;
	text-align: center;
}

.newsletterTable {
	width: 95%;
	margin: 0px auto;
}

.newsletterTable tr th {
	font-weight: bold;
}

.newsletterTable tr td {
	text-align: center;
}

.newsletterTable tr td input {
	width: 90%;
}

.newslettersignup {
	float: right;
	margin: 5px;
	background: #695547;
	padding: 5px;
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.newslettersignup:hover {
	background: #004488;
	cursor: pointer;
}

.latestNews img {
	margin: 5px 0px;
}

.latestNews td {
	padding: 0px 5px;
}

.latestNewsReadMore {
	float: right;
	margin: 5px;
	background: #695547;
	padding: 5px;
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.latestNewsReadMore:hover {
	background: #004488;
	cursor: pointer;
}

.latestNewsReadMore a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.latestNewsReadMore a:visited {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.latestNewsReadMore a:hover {
	text-decoration: none;
}

.latestNewsReadMore img {
	margin: 0px;
}

.carlisttr:hover {
	background: #cccccc;
	cursor: pointer;
}

.carlisttr a {
	text-decoration: underline;
	font-weight: bold;
	color: #47000a;
}

.carlisttr a:hover {
	text-decoration: underline;
}

.original {
	background: #e2ecdf;
}

.gain {
	background: #cce8c3;
}

.final {
	background: #aae396;
}

.backcol {
	background: #fbfbfb;
}

.homecarlist a {
	text-decoration: none;
	color: #31363A;
	font-size: 11px;
}

hr {
	border: none;
	border-top: #000000 1px solid;
	width: 100%;
	margin-bottom: 10px;
	color: black;
}

.pointerUnderline {
	color: #9bbebe;
}

.pointerUnderline:hover {
	cursor: pointer;
	text-decoration: underline;
}

.contactform {
	font-size: 12px;
	margin: 0px;
	text-align: left;
	padding: 10px;
	margin-left: 50px;
}

.contactform input {
	width: 200px;
}

.contactform textarea {
	width: 200px;
}

.contactform th {
	text-align: right;
	padding: 5px;
	font-size: 14px;
}

.hover:hover {
	cursor: pointer;
}

.sharedLinks {
	font-size: 11px;
}

.sharedLinks a {
	color: grey;
	text-decoration: none;
}

.sharedLinks a:visited {
	color: grey;
}

.sharedLinks a:hover {
	text-decoration: underline;
}

.box1 {
	background: #9bbebe;
	color: white;
	padding: 10px;
	width: 462px;
}

.box2 {
	background: #709191;
	color: white;
	padding: 10px;
	width: 210px;
	float: right;
}

.readMoreWhite {
	background: white;
	color: #9bbebe;
	float: right;
	padding: 2px;
	margin: 5px 0px 0px 0px;
}

.readMoreWhite a {
	color: #7c9fa5;
	text-decoration: none;
	font-weight: bold;
}

.readMoreWhite a:visited {
	color: #7c9fa5;
	text-decoration: none;
	font-weight: bold;
}

.readMoreWhite:hover {
	background: #709191;
}

.readMoreWhite:hover a {
	color: white;
}

.readMoreGreen {
	background: #7c9fa5;
	color: #9bbebe;
	float: right;
	padding: 2px;
}

.readMoreGreen a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.readMoreGreen a:visited {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.readMoreGreen:hover {
	background: white;
}

.readMoreGreen:hover a {
	color: #7c9fa5;
}

sup {
	font-size: 20px;
	color: #fea002;
}



/*********************************************************************
********************** Scrollable-min ********************************
**********************************************************************/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
div.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 900px;
	height:300px;

	/* custom decorations */
	margin: 5px 0px 0px 0px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;

	/* decoration */

}

div.scrollable div.items a {
	text-decoration: none;
	color: black;
}

div.scrollable div.items a:hover {
	text-decoration: underline;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;

	/* custom decoration */
	width:900px;
	height: 300px;
	padding:0px;
	font-size:14px;
}

/* active item */
div.scrollable div.items div.active {

}




/*********************************************************
********************** Scrollable Navig ******************
**********************************************************/
/* this makes it possible to add next button beside scrollable */
div.scrollable {
	clear: both;
	margin: 10px auto;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:30px;
	height:30px;
	background:url(/images/vehiclebox/previous.jpg) no-repeat;
	cursor:pointer;
	z-index: 99;
	position: relative;
	left: 2px;
	top: -32px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {

}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage {
	background:url(/images/vehiclebox/next.jpg) no-repeat;
	left: 205px;
	top: -62px;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin: 10px auto 10px auto;
	text-align: center;
	height: 40px;
}


/* items inside navigator */
div.navi div {
	cursor:pointer;
	background: #272727;
	padding: 10px 20px;
	margin: 0px;
	border: 1px solid #cccccc;
	width: 150px;
	float: left;
	font-weight: bold;
}

/* mouseover state */
div.navi div:hover {
	background: #3c3c3b;
}

/* active state (current page state) */
div.navi div.active {
	background: #fea002;
	color: #272727;
}

