@charset "utf-8";
/* Seemed tidier to have all this lot separate */

/* YELLOW FIELDSET STYLES */
.yellow h2 {
	background-image: url(/images/headers/yellow.jpg);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	padding: 0 10px 0 0;
	line-height: 25px;
	height: 27px;
}

.yellow h2 span {
	float: left;
	background-image: url(/images/headers/yellow-left.jpg);
	background-repeat: no-repeat;
	margin-right: 7px;
	width: 3px;
	height: 27px;
}

.yellow {
	border: 1px solid #b88d21;
	background-color: #f9edd2;
}

.yellow img { border: 1px solid #b88d21; }

.yellow img.locationMap { border: 0; }


.yellow div.entries ul {
	list-style: none;
	border-top: 1px solid #b88d21;
	font-size: 10px;
}

.yellow div.entries ul li {
	display: block;
	border-bottom: 1px solid #b88d21;
}

div#wrapper .yellow div.entries ul li a {
	display: block;
	padding: 5px 5px 0 5px;
	color: #b88d21;
}

.yellow div.entries ul li a:hover {
	background-color: #f4dfa9;
}

/* green view all button and hover style */
.yellow .viewAll a { background-image: url(/images/buttons/viewallYellow.jpg); }
.yellow .viewAll a:hover { background-image: url(/images/buttons/viewall-active.jpg); }

/* the price, and the car title */
.yellow div.entryHolder div.entryPrice, 
.yellow div.entryHolder span.title  {
	color: #b88d21
}

.yellow div.carImages div {
	border-left: 1px solid #b88d21;
}
/* END OF YELLOW FIELDSET STYLES */

/* ------------------------------------------------------------------------------- */

/* GREEN FIELDSET STYLES */
.green h2 {
	background-image: url(/images/headers/green.jpg);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	padding: 0 10px 0 0;
	line-height: 25px;
	height: 27px;
}

.green h2 span {
	float: left;
	background-image: url(/images/headers/green-left.jpg);
	background-repeat: no-repeat;
	margin-right: 7px;
	width: 3px;
	height: 27px;
}

.green {
	border: 1px solid #81b469;
	background-color: #e0f4d7;
}

.green img { border: 1px solid #81b469; }


.green div.entries ul {
	list-style: none;
	border-top: 1px solid #81b469;
	font-size: 10px;
}

.green div.entries ul li {
	display: block;
	border-bottom: 1px solid #81b469;
}

div#wrapper .green div.entries ul li a {
	display: block;
	padding: 5px 5px 0 5px;
	color: #81b469;
}

.green div.entries ul li a:hover {
	background-color: #c7e6b9;
}

/* green view all button and hover style */
.green .viewAll a { background-image: url(/images/buttons/viewallGreen.jpg); }
.green .viewAll a:hover { background-image: url(/images/buttons/viewall-active.jpg); }

/* the price, and the car title */
.green div.entryHolder div.entryPrice, 
.green div.entryHolder span.title  {
	color: #81b469
}

.green div.carImages div {
	border-left: 1px solid #81b469;
}
/* END OF GREEN FIELDSET STYLES */

/* ------------------------------------------------------------------------------- */

/* PURPLE FIELDSET STYLES */
.purple h2 {
	background-image: url(/images/headers/purple.jpg);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	padding: 0 10px 0 0;
	line-height: 25px;
	height: 27px;
}

.purple h2 span {
	float: left;
	background-image: url(/images/headers/purple-left.jpg);
	background-repeat: no-repeat;
	margin-right: 7px;
	width: 3px;
	height: 27px;
}

.purple {
	border: 1px solid #613c9c;
	background-color: #e9ddfb;
}

.purple img { border: 1px solid #613c9c; }


.purple div.entries ul {
	list-style: none;
	border-top: 1px solid #613c9c;
	font-size: 10px;
}

.purple div.entries ul li {
	display: block;
	border-bottom: 1px solid #613c9c;
}

div#wrapper .purple div.entries ul li a {
	display: block;
	padding: 5px 5px 0 5px;
	color: #613c9c;
}

.purple div.entries ul li a:hover {
	background-color: #d7c7f0;
}

/* purple view all button and hover style */
.purple .viewAll a { background-image: url(/images/buttons/viewallPurple.jpg); }
.purple .viewAll a:hover { background-image: url(/images/buttons/viewall-active.jpg); }

/* the price, and the car title */
.purple div.entryHolder div.entryPrice, 
.purple div.entryHolder span.title  {
	color: #613c9c
}

.purple div.carImages div {
	border-left: 1px solid #613c9c;
}
/* END OF PURPLE FIELDSET STYLES */

/* ------------------------------------------------------------------------------- */

/* BLUE FIELDSET STYLES */
.blue h2 {
	background-image: url(/images/headers/blue.jpg);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	padding: 0 10px 0 0;
	line-height: 25px;
	height: 27px;
}

.blue h2 span {
	float: left;
	background-image: url(/images/headers/blue-left.jpg);
	background-repeat: no-repeat;
	margin-right: 7px;
	width: 3px;
	height: 27px;
}

.blue {
	background-color: #e6f4fc;
	border: 1px solid #babdc2;
}

.blue img { border: 1px solid #babdc2; }


.blue div.entries ul {
	list-style: none;
	border-top: 1px solid #5f9148;
	font-size: 10px;
}

.blue div.entries ul li {
	display: block;
	border-bottom: 1px solid #5f9148;
}

div#wrapper .blue div.entries ul li a {
	display: block;
	padding: 5px 5px 0 5px;
	color: #01397e;
}

.blue div.entries ul li a:hover {
	background-color: #d2f7c3;
}

/* blue view all button and hover style */
.blue .viewAll a { background-image: url(/images/buttons/viewallBlue.jpg); }
.blue .viewAll a:hover { background-image: url(/images/buttons/viewall-active.jpg); }

/* the price, and the car title */
.blue div.entryHolder div.entryPrice, 
.blue div.entryHolder span.title  {
	color: #613c9c
}

.blue div.carImages div {
	border-left: 1px solid #babdc2;
}
/* END OF BLUE FIELDSET STYLES */

/* ------------------------------------------------------------------------------- */

/* RED FIELDSET STYLES */
.red h2 {
	background-image: url(/images/headers/red.jpg);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	padding: 0 10px 0 0;
	line-height: 25px;
	height: 27px;
}

.red h2 span {
	float: left;
	background-image: url(/images/headers/red-left.jpg);
	background-repeat: no-repeat;
	margin-right: 7px;
	width: 3px;
	height: 27px;
}

.red {
	background-color: #f7c6c6;
	border: 1px solid #d54f4f;
}

.red img { border: 1px solid #d54f4f; }


.red div.entries ul {
	list-style: none;
	border-top: 1px solid #d54f4f;
	font-size: 10px;
}

.red div.entries ul li {
	display: block;
	border-bottom: 1px solid #d54f4f;
}

div#wrapper .red div.entries ul li a {
	display: block;
	padding: 5px 5px 0 5px;
	color: #d54f4f;
}

.red div.entries ul li a:hover {
	background-color: #e5a6a6;
}

/* red view all button and hover style */
.red .viewAll a { background-image: url(/images/buttons/viewallRed.jpg); }
.red .viewAll a:hover { background-image: url(/images/buttons/viewall-active.jpg); }

/* the price, and the car title */
.red div.entryHolder div.entryPrice, 
.red div.entryHolder span.title  {
	color: #d54f4f
}

.red div.carImages div {
	border-left: 1px solid #d54f4f;
}

/* END OF RED FIELDSET STYLES */

/* ------------------------------------------------------------------------------- */

/* WHITE FIELDSET STYLES */
.white h2 {
	background-image: url(/images/headers/blue.jpg);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	padding: 0 10px 0 0;
	line-height: 25px;
	height: 27px;
}

.white h2 span {
	float: left;
	background-image: url(/images/headers/blue-left.jpg);
	background-repeat: no-repeat;
	margin-right: 7px;
	width: 3px;
	height: 27px;
}

.white {
	border: 1px solid #babdc2;
	background-color: #FFFFFF;
}
/* END OF WHITE FIELDSET STYLES */