@media screen {
/* ---------- Parent Styles START ---------- */
#box-wrap, #header, #footer {
	width: 1000px;
}
#box-content, #left-panel, #centre-panel, #footer {
	float: left;
}
#box-wrap {
	margin-right: auto;
	margin-left: auto;
}
#centre-panel {
	width: 625px;
	margin-right: 10px;
	margin-left: 10px;
}

#right-panel {
	width: 120px;
	float: right;
}
/* ---------- Parent Styles END ---------- */
.clear-both {
	font-size: 1px;
	clear: both;
	height: 1px;
}
}
* {
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0;
	padding: 0;
}
html {
	font-size: 100%;
	overflow-y: scroll;
}		
body {
	font: 62.5% Arial, Helvetica, sans-serif;
	background: url(/media/body-bg.jpg) repeat-x scroll left top;
}
p {
	font-size: 1.2em;
	padding-bottom: 10px;
	padding-top: 5px;
}
input {
	font-size: 1.2em;
}
select {
	font-size: 1.2em;
	padding-bottom: 10px;
	padding-top: 5px;
}
td {
	font-size: 1.2em;
	padding-bottom: 10px;
	padding-top: 5px;
}
dt {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
}
dd {
	font-size: 1.2em;
}
img {
	border: 0px;
}
#header {
	float: left;
	background-color: #2A2A2A;
	padding-bottom: 5px;
}
.head-banner {
	background: #FFFFFF;
	padding: 6px;
	margin-top: 10px;
	float: right;
	margin-right: 10px;
}
.rgd-logo {
	float: right;
	width: 300px;
	margin-top: 22px;
	text-align: right;
	margin-right: 10px;
}
a:link, a:visited, a:active {
	color: #3576ba;
}
a:hover {
	color: #3576ba;
}
/* ----------------------Top Navigation Styles START------------------ */
#slidetabsmenu, #nav-hold, #slidetabsmenu ul,#slidetabsmenu a:link, #slidetabsmenu a:visited, #slidetabsmenu a:active {
	float: left;
}
#nav-hold {
	width: 988px;
	background: #181818 url(/media/nav-bg.jpg) repeat-x left top;
	padding: 6px 6px 5px;
}
#slidetabsmenu {
	width: 828px
}
#slidetabsmenu ul {
	list-style-type: none;
	background: url(/media/ul-bg.jpg) no-repeat scroll left top;
	border-left: 1px solid #000000;
	width: 827px
}
#slidetabsmenu li {
	display: inline;
	font-size: 1.4em;
}
#slidetabsmenu a:link, #slidetabsmenu a:visited, #slidetabsmenu a:active {
	background: url(/media/nav-left.jpg) no-repeat left top;
	text-decoration: none
}
#slidetabsmenu a:hover {
	background-position: 0% -50px
}
#slidetabsmenu a:link span, #slidetabsmenu a:visited span, #slidetabsmenu a:active span {
	display: block;
	background: url(/media/nav-right.jpg) no-repeat right top;
	color: #FFFFFF;
	padding: 4px 15px 4px 14px;
	border-bottom: 1px solid #000000;
}
#slidetabsmenu a:hover span {
	background-position: 100% -50px; display: block; color: #000000
}
/* ----------------------Current Link------------------ */
#home .current .home,
#about-us .current .about-us,
#advertise .current .advertise,
#green-cars .current .green-cars,
#traffic-information .current .traffic-information,
#economical-cars .current .economical-cars,
#glossary .current .glossary,
#road-tests .current .road-tests,
#hybrid-cars .current .hybrid-cars,
#latest-news .current .latest-news {
	background-position: 0% -100px
}
#home .current .home a span,
#about-us .current .about-us a span,
#advertise .current .advertise a span,
#green-cars .current .green-cars a span,
#traffic-information .current .traffic-information a span,
#economical-cars .current .economical-cars a span,
#glossary .current .glossary a span,
#road-tests .current .road-tests a span,
#hybrid-cars .current .hybrid-cars a span,
#latest-news .current .latest-news a span {
	background-position: 100% -100px; display: block; color: #000000
}
/* ----------------------Top Navigation Styles END------------------ */
#box-content {
	width: 990px;
	padding-left: 5px;
	padding-right: 5px;
	background: #FFFFFF url(/media/left-panel-bg.gif) repeat-y scroll left top;
}
.full-width-content {
	width: 625px;
	float: left;
}
#left-panel {
	width: 225px;
	padding-top: 5px;
	background: #FFFFFF;
}
#left-panel h2 {
	background: #CCCCCC url(/media/left-panel-h2-bg.jpg) repeat-x scroll left top;
	padding: 4px 5px 4px 10px;
	width: 208px;
	border: 1px solid #000000;
	font-size: 1.5em;
}
.left-nav, .left-nav ul {
	width: 225px;
	padding-bottom: 5px;
}
.left-nav {
	font-size: 1.2em;
	background: #FFFFFF;
	margin-top: 1px;
	margin-bottom: 1px;
}
.left-nav ul {
	list-style: none;
}
.left-nav li {
	background: url(/media/dot.gif) repeat-x scroll left bottom;
	padding-bottom: 1px;
}
.left-nav a:link, .left-nav a:visited, .left-nav a:active {
	width: 215px;
	display: block;
	color: #000000;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.left-nav a:hover {
	width: 215px;
	display: block;
	color: #000000;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 10px;
	background: #E5E5E5;
}
.left-active {
	background: #CCCCCC url(/media/left-active.gif) no-repeat scroll right top;
	color: #FFFFFF;
}
#centre-panel, #blog-content, #content-full {
	padding-top: 5px;
	background: #FFFFFF;
}
#blog {
float: left; margin-left:5px; margin-right:0px; padding-top:5px;
}
#blog-content, #content-full {
	width: 625px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
}
#right-panel {
	background: #FFFFFF;
	padding-top: 5px;
}
#footer {
	background: #00CCFF;
}
.logo {
	margin-left: 10px;
	margin-top: 10px;
	float: left;
}
.news-panel {
	width: 308px;
	height: 238px;
	border: 1px solid #a2a2a2;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 5px;
	float: left;
	margin-bottom: 5px;
}
.news-panel h2, .right-news-panel h2 {
	background: url(/media/news-arrow.gif) no-repeat scroll left top;
	padding-left: 20px;
	font-size: 1.6em;
}
.right-news-panel {
	width: 288px;
	height: 238px;
	border: 1px solid #a2a2a2;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 5px;
	float: right;
}
.promotion-hold-pad {
	float: right;
	width: 300px;
	margin-left: 10px;
	margin-bottom: 5px;
	background: url(/media/promo-caption-bg.jpg) repeat-x scroll left bottom;
}
.promotion-hold {
	float: right;
	width: 300px;
	margin-bottom: 5px;
	background: url(/media/promo-caption-bg.jpg) repeat-x scroll left bottom;
}
.promotion-hold h4, .promotion-hold-pad h4 {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 2px;
	background: url(/media/video-title-arrow.gif) no-repeat scroll left top;
	padding-left: 20px;
	
}
.promotion-hold p, .promotion-hold-pad p {
	padding-right: 5px;
	padding-left: 5px;
}
.main-content {
	width: 320px;
	float: left;
	
	padding-bottom: 5px;
}
.full-width-content h1, .main-content h1,  #content-full h1, #blog-content h1, #blog h1 {
	font-size: 1.7em;
	font-weight: normal;
	background: url(/media/small-title-arrow.gif) no-repeat scroll left top;
	padding-left: 15px;
	padding-bottom: 10px;
	color: #3576ba;
}

#blog-content h2, #blog h2 {
	font-size: 1.5em;
	font-weight: normal;
	color: #3576ba;
}
.main-content h2, .news-panel h3, .right-news-panel h3, #content-full h2, .info-box-hold h5 {
	font-size: 2em;
	font-weight: normal;
	background: url(/media/dot.gif) repeat-x scroll left bottom;
	padding-bottom: 5px;
	color: #3576ba;
}
.main-content h3 {
	color: #3576ba;
	font-size: 1.6em;
	font-weight: normal;
	background: url(/media/green-li-arrow.gif) no-repeat scroll left top;
	padding-left: 20px;
}
#blog-content h3, #blog h3 {
	font-size: 1.7em;
	font-weight: normal;
	background: url(/media/small-title-arrow.gif) no-repeat scroll left top;
	padding-left: 15px;
	padding-bottom: 10px;
}
#blog-content h5, #blog h5 {
	color: #3576ba;
	font-size: 1.5em;
	font-weight: normal;
}
.main-content ul, #blog ul, #blog-content ul, #content-full ul, .info-box-hold ul, .diagram-text ul {
	padding-top: 5px;
	padding-left: 15px;
	font-size: 1.2em;
}
.main-content ol, #blog ol, #blog-content ol, #content-full ol, .info-box-hold ol, .diagram-text ol {
	padding-left: 30px;
	font-size: 1.2em;
}
.main-content li, #blog li, #blog-content li, #content-full li, .info-box-hold li, .diagram-text li {
	padding-bottom: 5px;
}
.info-box-hold {
	float: right;
	width: 300px;
}
.info-box {
	padding: 5px;
	float: right;
	width: 288px;
	border: 1px solid #a2a2a2;
	margin-bottom: 5px;
}
.info-box h2 {
	font-size: 1.4em;
	font-weight: bold;	
}
#footer {
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding: 20px 10px 10px;
	width: 980px;
	background: #2A2A2A url(/media/footer-bg.jpg) repeat-x scroll left top;
	float: left;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
	text-decoration: none;
}
#footer a:hover {
	color: #A0CE1C;
	padding-right: 2px;
	padding-left: 2px;
	text-decoration: underline;
}
#footer-under {
	color: #2A2A2A;
	text-align: center;
	padding: 5px 10px;
	width: 980px;
	background: url(/media/footer-under.jpg) repeat-x scroll left bottom;
}
.float-right {
	float: right;
}
#make-search {
	color: #000000;
	width: 1000px;
	background: #2A2A2A url(/media/make-search-mid.gif) repeat-y scroll left top;
	border-bottom: 1px solid #000000;
	float: left;
}
#make-search h2 {
	background: url(/media/make-search-top.gif) no-repeat scroll left top;
	padding-left: 35px;
	padding-top: 8px;
	font-size: 1.6em;
	font-weight: normal;
	padding-bottom: 5px;
}
#make-search p {
	padding: 10px;
	text-align: center;
	line-height: 1.5em;
	color: #0066CC;
}
.date {
	float: right;
	color: #FFFFFF;
	font-size: 1.2em;
	margin-top: 15px;
}
.green-car-stats {
	margin-bottom: 5px;
	width: 300px;
}
.green-car-stats th {
	text-align: left;
	font-size: 1.2em;
	padding: 5px;
	width: 80px;
}
.green-car-stats td {
	text-align: right;
	font-size: 1.2em;
}
.green-car-stats tr {
	background: url(/media/dot.gif) repeat-x scroll left bottom;
}
.band-a {
	background: url(/media/band-a.gif) no-repeat scroll left top;
	padding-left: 10px;
	color: #146604;
	font-weight: bold;
}
.band-b {
	background: url(/media/band-b.gif) no-repeat scroll left top;
	padding-left: 10px;
	color: #146604;
	font-weight: bold;
}
.band-c {
	background: url(/media/band-c.gif) no-repeat scroll left top;
	padding-left: 10px;
	color: #88d247;
	font-weight: bold;
}
.tax {
	color: #FF0000;
}
.economical-car {
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 10px;
	background: url(/media/eco-car-bg.jpg) no-repeat scroll left bottom;
}
ul.economical-car {
	margin-top: 5px;
	margin-left: 15px;
	padding-bottom: 10px;
}
ul.more-green-cars {
	margin-top: 0px;
	padding: 0px;
}
ul.more-green-cars li {
	background: url(/media/green-li-arrow.gif) no-repeat scroll left top;
	padding-top: 5px;
	padding-left: 20px;
	border-bottom: 1px dotted #CCCCCC;
}
.car-icon {
	padding: 5px;
	background: #EFF8E3;
}
.category-title {
	float: left;
	width: 220px;
}
.news-search {
	padding: 10px;
}
.dealprice {
	font-size: 2em;
	font-weight: bold;
	color: #FFFFFF;
	background: #000000;
	padding: 5px;
	float: left;
	width: 310px;
	margin-bottom: 5px;
}
.dealprice img {
	margin-right: 5px;
}
.dash {
	background: url(/media/dash.gif) repeat-x scroll left top;
	padding-top: 5px;
	margin-top: 5px;
}
.top-5px {
	padding-top: 5px;
}
.listing-hold {
	background: url(/media/listing-bg.jpg) repeat-x scroll left bottom;
}

.feature-container {
	background: url(/media/stripes.gif) repeat scroll left top;
	min-height: 167px;
	border: 1px solid #626262;
	padding: 10px;
	margin-top: 10px;
}
.feature-hold {
	background: #BDBDBD;
	float: left;
	width: 200px;
}
.feature-content {
	float: left;
	width: 368px;
	min-height: 156px;
	background: #FFFFFF url(/media/movie-content-bg.jpg) repeat-x scroll left bottom;
	border: 1px solid #BDBDBD;
	margin-right: 11px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#content-full h3 {
	color: #003366;
	border-bottom: 1px solid #003366;
	padding-bottom: 3px;
	font-size: 1.7em;
	background: url(/media/small-title-arrow.gif) no-repeat scroll left top;
	padding-left: 15px;
}
.image-panel {
	background: url(/media/stripes.gif) repeat scroll left top;
	float: right;
	width: 200px;
	padding: 13px;
	border-left: 5px solid #FFFFFF;
	margin-top: 10px;
}
.submitted {
	width: 615px;
	background: url(/media/stripes.gif) repeat-x scroll left top;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-top: 1px solid #666666;
}
/*diagram page styles*/
.diagram-text-hold {
	width: 210px;
	float: left;
}
.diagram-text {
	padding: 5px;
	float: left;
	width: 200px;
	border: 1px solid #000000;
	height: 100px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-bottom: 5px;
}
.diagram-text h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #BF0000;
}
.comments h2 {
	font-size: 3em;
}
.engine {
	width: 194px;
	float: left;
}
.container-pad {
	width: 20px;
	float: left;
}
.scroll-container {
	height: 300px;
	width: 225px;
	margin-bottom:10px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
}
/*diagram page styles END*/

#blog-content img, #blog img {
	/*float: right;*/
	padding-bottom: 5px !important;
}
.competition {
	background: #020202 url(/media/competition-bg.jpg) repeat-x scroll left top;
	padding-right: 10px;
}
.competition-right {
	float: left;
	width: 480px;
	margin-left: 10px;
}
.competition-right-comp {
	float: left;
	margin-left: 10px;
}
.competition-right p {
	color: #FFFFFF;
	line-height: 1.6em;
}
.competition-right a:link, .competition-right a:visited, .competition-right a:active {
	color: #FCE839;
}
.competition-right a:hover {
	color: #00CCFF;
}
.competition-field {
	height: 13px;
	width: 200px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.rightBannerMain {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	height: 100%;
}
.rightBannerInner {
	margin: 0;
	padding: 0 0 5px 0;
	text-align:center;
	z-index: 0;
}
#searchHome {
	position: relative;
	float: left;
	
	border: 1px solid #EEEEEE;
	width: 625px;
	height: 161px;
	background-image: url(/images/home_search_bg.gif);
	text-align: left;
}
.searchHomeBox {
	position: absolute;
	top: 70px;
	left: 25px;
	color: #666666;
}
.searchHomeInput {
	margin-top: 3px;
	padding: 2px 0 0 2px;
	width: 200px;
	height: 20px;
	border: solid 1px #DDDDDD;
	background-color: #FFFFFF;
	font: normal 0.9em Segoe UI, Arial, Helvetica, sans-serif;
	color: #003366;
	vertical-align: middle;
}
.searchHomeBanner {
	position: relative;
	float: right;
	border: dashed 1px #EEEEEE;
	text-align: center;
	margin: 5px;
	width: 295px;
	height: 150px;
	background-color: #FFFFFF;
}
#fleetNews {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 410px;
	text-align: left;
}
#fleetNews h2 {
	font-size: 1.5em;
	font-weight: normal;
	color: #3576ba;
}
#fleetNews li {
	
}
.scroll-container {
	height: 250px;
	width: 320px;
	margin-right: 5px;
	margin-bottom:10px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-right: 20px;
}

/* add listing form */

#details {
	position: relative;
	float: left;
	margin: 7px 0 0 7px;
	padding: 10px;
	font: normal 1em Segoe UI, Arial, Helvetica, sans-serif;
	width: 632px;
	text-align: left;
	color: #666666;
	z-index: 0;
}
#details h1 {
	background-color: #71AADB;
	text-align: left;
	vertical-align: top;
	margin: 0 -7px 10px -10px;
	padding: 2px 0 2px 10px;
	font: bold 1.2em Segoe UI, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#details form {
	width: 90%;
	text-align: center;
	background-color: #F5F5F5;
	margin: 1px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font: 1em Segoe UI, Arial, Helvetica, sans-serif;
}
#details form fieldset {
	clear: both;
	font-size: 100%;
	border: none;
	padding: 10px;
	margin: 0;
}
#details label {
	font-size: 100%;
}
#details form div {
	clear: left;
	display: block;
	width: 90%;
	height: expression('1%');
	margin: 5px 0 0 0;
	padding: 1px 3px;
	text-align: left;
}
#details form div label {
	display: block;
	float: left;
	width: 25%;
	padding: 3px 5px;
	margin: 0 2px 5px 0;
	text-align: right;
}
#details form div.optional label, label.optional {
	font-weight: normal;
	color: #666666;
}
#details form div.required label, label.required {
	font-weight: bold;
	color: #DD0000;
}
#details form input.long, #details form textarea.long {
	font: bold 1em Segoe UI, Arial, Helvetica, sans-serif;
	color: #666666;
	width: 275px;
}
#details form input.short, #details form textarea.short {
	font: bold 1em Segoe UI, Arial, Helvetica, sans-serif;
	color: #666666;
	width: 250px;
}
#details .hidden {
	border: none;
	color: #FF0000;
	width: 80%;
	text-align: center;
	background-color: #F5F5F5;
	margin: 10px;
	font: bold 1em Segoe UI, Arial, Helvetica, sans-serif;
}
.submitButton {
	margin: 10px;
	width: 100px;
	height: 22px;
	font: bold 0.9em Segoe UI, Arial, Helvetica, sans-serif;
	color: #0F78CB;
}

/* end of add listing form */

.ul-footer { padding-left: 15px; list-style-type: none; font-size: 1.2em; }
.ul-footer li { float: left; margin-right:5px; }
@media print {
#box-wrap, #header, #box-content, #footer {
	width: 600px;
}
#left-panel {
	display:none;
}
#right-panel {
	display:none;
}
}
/** {
	padding: 0px;
	margin: 0px;
}*/
a:focus {
	outline: none;
}
.clear-both {
	font-size: 1px;
	clear: both;
	height: 1px;
}
.sponsor-slider-container {
	width: 1000px;
	margin: 0 auto;
	background-color: #F4F4F4;
}
.sponsor-slider-panel {
	z-index:99;
	background-color: #F4F4F4;
	height: 100px;
	float: left;
	width: 100%;
	margin: -1px 0 0 0;
	padding: 0;
	text-align: center;
	display: none;
}
.sponsorheader {
	background-color: #F4F4F4;
	height: 46px;
	margin: 4px 4px 3px 4px;
	padding:0 3px 0 0;
	border: 1px #000000 solid;
}
.sponsorlogo {
	float: left;
	width: 188px;
	height: 45px;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 0;
	background-image: url(/images/sponsor-title-renault.jpg)
}
.sponsorclose {
	float: right;
	width: 144px;
	height: 50px;
	display: block;
	text-decoration: none;
	margin: 0 10px;
	padding: 0;
	background: url(/images/sponsor-btn-renault.jpg) no-repeat right -50px;
}
.sponsoractive {
	background-position: right 0px;
}

img {
	border: 0px;
}
.sponsorbanner {
	background-color: #000000;
	text-align: left;
	margin: 0 auto;
	width: 728px;
	height: 90px;
	padding:0;
}