/* CSS Document */

*
{
	margin:					0;
	padding:				0;
}

body {
	text-align:		center;
	background: 	url(images/bkg_main.jpg) repeat-x #FFFFFF;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	color: 			#424C56;
	font-size: 		70%;
	line-height: 	140%;
}

h1 {
	font-size: 200%;
}
h1#car-index{
	margin: 0 0 0 0;
}
h1 strong{
	display: none;
}

h2, h4, h6 {
	color: #424C56;
	font-size: 105%;
}

h2 {
	margin-bottom: 10px;
}

a {
	text-decoration: underline; color: #CC0000;
}
a:hover {
	text-decoration: underline; color: #637286;
}

ul {
	padding: 0px 0px 0px 15px;
}
li {
	padding: 5px 0px 0px 0px;
}


#frame {
	width: 			980px;
	margin-right: 	auto;
	margin-left: 	auto;
	text-align:		left;
	background: 	url(images/bkg_nav.jpg) repeat-x #FFFFFF;
}

		
#content-top {
	width: 			940px;
	margin: 		0px 20px 0px 20px;
	float: 			left;
	position:		relative;
}

* html #content-top {
	margin: 		0px 0 0px 20px;
}

#content-top h2{
	position:absolute;
	top: 0;
	right: 0;
}

#content-top a strong
{
    position:   absolute;
    left: -9999px;
    top: -9999px;
}
		
#content-left {
	width: 			180px;
	margin-left: 	20px;
	margin-top: 	24px;
	float:			left;
	display:inline;
}

#content-left p {
	background: 	#E6EAED;
	height: 		22px;
	width: 			155px;
	border-bottom:	1px solid #FFFFFF;
	margin: 		0px;
	padding-left:	25px;
}


/****************************************************************************
	=special nav elements with background images. Uses pixel-shunting method!
*****************************************************************************/

/* START - LEFT NAV styles ***************************************************/
#leftnav {
	padding: 						2px 0 1px 0;	
	border-top: 					1px solid #E6EAED;
	border-bottom: 					1px solid #E6EAED;
}

#leftnav img
{
	display:						block;
}

#content-left ul {
	list-style:						none;
	width:							180px;
	padding:						0;
}

#content-left ul li {
	padding:						0;
	font-size:						0;
	line-height:					0;
}

#content-left ul li a {
	display:						block;
	height:							38px;
	line-height:					normal;
	font-size:						11px;
}

#content-left ul li a strong {
display: block;
    position: absolute;
    left: -9999px;
    top: -9999px;
}
/* END   - LEFT NAV styles ***************************************************/


/* START - LEFT NAV image links ***************************************************/
#content-left ul li#gen2 a {
	background:						url(images/but_gen2.gif) 0 0 no-repeat;
}
#content-left ul li#gen2 a:hover,
#content-left ul li#gen2 a.selected {
	background-position:			bottom right;
}

#content-left ul li#savvy a {
	background:						url(images/but_savvy.gif) 0 0 no-repeat;
}
#content-left ul li#savvy a:hover,
#content-left ul li#savvy a.selected {
	background-position:			bottom right;
}

#content-left ul li#satria a {
	background:						url(images/but_satria_neo.gif) 0 0 no-repeat;
}
#content-left ul li#satria a:hover,
#content-left ul li#satria a.selected {
	background-position:			bottom right;
}

#content-left ul li#ecologic a {
	background:						url(images/but_ecologic.gif) 0 0 no-repeat;
}
#content-left ul li#ecologic a:hover,
#content-left ul li#ecologic a.selected {
	background-position:			bottom right;
}
/* END   - LEFT NAV image links ***************************************************/

/* START - LEFT NAV SECOND-LEVEL styles ***************************************************/
#content-left ul li ul {
	list-style:						none;
}
#content-left ul li ul li {
	height:	23px;
	padding: 0;
}
#content-left ul li ul li a {
	text-decoration: none;
	color: #637286;	
	display: block;
	width: 140px; height: 19px;
	margin: 0px; padding-left: 40px; padding-top: 3px;
	background: url(images/but_arrow_nav.gif) 0 0 no-repeat #E6EAED;
	border-bottom: 1px solid #FFFFFF;
}

#content-left ul li ul li a:hover,  #content-left ul li ul li a.selected {
	text-decoration: none; color: #CC0000;
	background-position: -155px 0;
}
/* END   - LEFT NAV SECOND-LEVEL styles ***************************************************/


/* START - TOP NAV image links ***************************************************/
#logo-but a{
	display: block; float: left; width: 157px; height: 115px;
	background: url(images/proton_logo.jpg) 0 0 no-repeat;
}

#home-but a {
	display: block; float: left; width: 73px; height: 30px; margin: 80px 0px 0px 40px;
	background: url(images/but_nav_home.gif) 0 0 no-repeat;
}
	
#home-but a:hover, #home-but a.selected {	
	background-position: -73px 0;
}

#about-but a {
	display: block; float: left; width: 123px; height: 30px; margin: 80px 0px 0px 0px;
	background: url(images/but_nav_about.gif) 0 0 no-repeat;
}
	
#about-but a:hover, #about-but a.selected {	
	background-position: -123px 0;
}

#special-but a {
	display: block; float: left; width: 154px; height: 30px; margin: 80px 0px 0px 0px;
	background: url(images/but_nav_special.gif) 0 0 no-repeat;
}
	
#special-but a:hover, #special-but a.selected {	
	background-position: -154px 0;
}

#press-but a {
	display: block; float: left; width: 113px; height: 30px; margin: 80px 0px 0px 0px;
	background: url(images/but_nav_press.gif) 0 0 no-repeat;
}
	
#press-but a:hover, #press-but a.selected {	
	background-position: -113px 0;
}

#dealer-but a {
	display: block; float: left; width: 153px; height: 30px; margin: 80px 0px 0px 0px;
	background: url(images/but_nav_dealer.gif) 0 0 no-repeat;
}
	
#dealer-but a:hover, #dealer-but a.selected {	
	background-position: -153px 0;
}

#contact-but a {
	display: block; float: left; width: 125px; height: 30px; margin: 80px 0px 0px 0px;
	background: url(images/but_nav_contact.gif) 0 0 no-repeat;
}
	
#contact-but a:hover, #contact-but a.selected {	
	background-position: -125px 0;
}
/* END   - TOP NAV image links ***************************************************/











	
#content-newsletter {
	float: left; border-bottom: solid 1px #E6EAED; margin: 0px; padding-bottom: 20px;
}
	
#content-index-main {
	width: 750px; margin-left: 10px; margin-top: 24px; float:left;
}
	

#content-centre {
	width: 560px;
	float:left;
	padding-top: 2px;
	border-top: 1px solid #E6EAED;
}

#content-centre p {
	margin: 0px; padding-bottom: 20px;
}
#content-centre p.car, #content-centre p.tandc{
	padding-bottom: 3px;
}


#content-centre h3 {
	border-bottom: 1px solid #E6EAED; padding: 0px 0px 2px 0px; margin: 0px; height: 190px;
}

#content-centre h1 {
	padding: 10px 0px 10px 0px;
}

#content-centre h5 {
	border-top: 1px solid #E6EAED; border-bottom: 1px solid #E6EAED; padding: 17px 0px 20px 0px; margin: 0px;
}


#content-centre h6 {
	color: #879DB9; margin: 0px; padding: 0px; font-size: 105%;
}


#content-image-swap-left {
	float: left;
}

#content-image-swap-right {
	float: left; padding: 30px 0px 0px 0px;
}

#gallery-thumbnails {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #E6EAED;
	margin-bottom: 10px;
}

table#gallery-cms{
	width: 560px;
}
table#gallery-cms td{
	border: 1px solid black;
	background: #CCCCCC;
	height: 51px;
	text-align: center;
}
table#gallery-cms td.empty{
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
table#gallery-cms tr.errors td{
	border: 1px solid red;
	color: red;
}
table#gallery-cms input{
	font-size: 85%;
	font-weight: bold;
	color: #000;
	background: #E6EAED;
	border: 2px outset #d7b9c9;
}
table#gallery-cms input.disabled{
	color: #999;
}
table#gallery-cms td.empty input{
	background: #EEF0F2;
}

table#news-cms{
	width: 560px;
}
table#news-cms td{
	border: 1px solid black;
	background: #CCCCCC;
	text-align: center;
}
table#news-cms td.label{
	font-size: 85%;
	color: black;
}
table#news-cms td.empty{
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
table#news-cms tr.errors td{
	border: 1px solid red;
	color: red;
}


img.swap-border {
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin:	0 0 2px 0;
}

.img-swap-cms {	
	width: 88px;
	height: 51px;
	display: inline;
	border: 1px solid #CCCCCC;
	padding: auto;
	margin:	0 0 2px 0;
}


#content-news {
	padding: 0px;
}

#content-news img {
	float: left;
	padding: 0px 10px 5px 0px;
}

#content-news h2 {
	color: #424C56; font-size: 1 05%; margin: 0px;
}

#content-newslist {
	padding: 0px;
}

#content-newslist p {
	margin: 0px;
	padding: 0px;
}
#content-newslist h2 {
	border-bottom: 1px solid #E6EAED; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; font-weight: normal; font-size: 105%;
}
#content-newslist .unpublished{
	border: 2px solid green;
	background-color: #CCCCCC;
}



#content-download {
	border-top: 1px solid #E6EAED; padding: 20px 0px 0px 0px; margin: 0px;
}

#content-download img {
	padding-top: 10px;
}

#content-full-span {
	width: 750px;
	border-top: 0px; 
	padding-top: 0px;
}

#content-full-span p {
	margin: 0px; padding-bottom: 20px;
}
#content-about-col1 p, #content-about-col1 p {
	padding-bottom: 0;
}

#content-full-span h3 {
	border-top: 1px solid #E6EAED; padding: 15px 0px 15px 0px; margin: 0px;
}

#content-full-span h5 {
	border-top: 1px solid #E6EAED;
	border-bottom: 1px solid #E6EAED;
	padding: 2px 0px 2px 0px;
	margin-bottom: 20px;
}


#content-full-span h1 {
	padding: 10px 0px 15px 0px;
}

#content-right {
	width: 180px; padding: 0px 0px 0px 10px; float:left;
}

#content-right h3 {
	border-top: 1px solid #E6EAED; padding: 2px 0px 10px 0px; margin: 0px;
}

#content-map {
	margin: 0px; height: 186px; padding: 0px 10px 0px 10px;
	background: url(images/bkg_map.jpg) no-repeat top;
}

#content-right form {
	margin: 0px; padding: 140px 0px 0px 0px;
}

#flash {
	border-top: 1px solid #E6EAED; border-bottom: 1px solid #E6EAED; padding: 2px 0px 2px 0px;
}
	
.index-car {
	width: 179px; margin: 0px 11px 0px 0px; padding: 0px; float: left;
}

.index-car ul {
	padding: 0px 0px 0px 15px; margin: 0px;
}

.index-car li {
	padding: 5px 0px 0px 0px; margin: 0px;
}

.index-car h1 {
	margin: 5px 0px 0px 0px;
}

.index-car2 {
	width: 179px; margin: 0px; padding: 0px; float: left;
}

.index-car2 ul {
	padding: 0px 0px 0px 15px; margin: 0px;
}

.index-car2 li {
	padding: 5px 0px 0px 0px; margin: 0px;
}

.index-car2 h1 {
	margin: 5px 0px 0px 0px;
}

#index-intro {
	width: 749px; float: left; background: url(images/bkg_intro_txt.gif) repeat-x; padding-top: 10px;
}

#index-intro p {
	padding: 0px 15px 15px 15px; margin: 0px; background: url(images/bkg_intro_txt_base.gif) repeat-x bottom;
}

#index-intro h1 {
	padding: 5px 5px 0px 15px; margin: 0px;
}

#content-banner {
	 float: left; width: 750px; height: 188px; background: #FFFFFF; margin: 0px 0px 0px 10px;
}

.form-pad {
	margin: 0px;
}

#base-nav {
	height: 63px; margin: 50px auto 0px auto; font-size: 90%;
	padding-top: 15px; text-align:center; background: url(images/bkg_base_nav.gif) repeat-x;
}

#base-nav-links {
	width: 980px; margin: 0px auto 0px auto;
}

#base-nav-links a {
	text-decoration: none; color: #424C56;
}

#base-nav-links a:hover {
	text-decoration: none; color: #CC0000;
}

#caveat {
	margin: 0px auto 0px auto; font-size: 90%;
	padding: 0px 0px 10px 0px;
}

#content-img-panel {
	padding: 30px 15px 0px 15px; height: 190px;
	background: url(images/bkg_img_panel.gif) repeat-x;
}

#content-img-panel img{
	padding: 0px 5px 0px 5px;
}

#content-base-buts {
	border-top: 1px solid #E6EAED;
	margin: 14px 0px 10px 0px;
	width: 560px;
	padding: 20px 0px 0px 0px;
}

* html #content-base-buts {
	border-top: 1px solid #E6EAED;
	margin: 24px 0px 10px 0px;
	width: 560px;
	padding: 20px 0px 0px 0px;
}

#content-features {
	border-top: 1px solid #E6EAED;
	margin-top: 12px; margin-bottom: 8px;
}

#content-column-1 {
	float: left; width: 180px; margin: 15px 10px 0px 0px;
}

#content-column-2 {
	float: left; width: 180px; margin: 15px 0px 0px 0px;
}


#content-about-col1 {
	float: left; width: 180px; margin: 0px 10px 20px 0px;
	border-top: 1px solid #E6EAED;
}

#content-about-col1 img {
	margin: 2px 0px 10px 0px;
	border: 0;
}

#content-about-col2 {
	float: left; width: 180px; margin: 0px 0px 20px 0px;
	border-top: 1px solid #E6EAED;
}

#content-about-col2 img {
	margin: 2px 0px 10px 0px;
	border: 0;
}

#content-search-bar {
	background: #E7EAEC; padding: 10px; width: 540px; margin: 0px 0px 20px 0px;
}

#content-search-bar form {
	margin: 0px;
}

#content-search-bar img{
	margin: 0px;
}




ul#findout-buttons {
	list-style:						none;
	text-align: 					left;
	height: 						24px;
	margin: 						10px 0px 10px 0px;
	padding:						0;
}
ul#findout-buttons li {
	padding: 						0;
	display: 						inline;
}
ul#findout-buttons li a {
	float: 							left;
	width: 							179px;
	height: 						24px;
	margin: 						10px 11px 10px 0px;
	background: url(images/but_findout.jpg) 0 0 no-repeat;
}
ul#findout-buttons li.last a {
	margin-right:					0px;
}
ul#findout-buttons li a:hover {
	background-position: 			bottom right;
}
ul#findout-buttons li a strong {
	display:						none;
}



.tell-me-more-but a {
	float: inherit;
	display: block;
	width: 132px;
	height: 36px;
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
	background: url(images/but_tell_me_more.gif) 0 0 no-repeat;
}	
.tell-me-more-but a:hover {	
	background-position: bottom right;
}
.tell-me-more-but a strong {
	display: none;
}
.red-arrow-but a {
	display: block;
	margin: 0px;
	width: 154px;
	padding: 0px 0px 0px 16px;
	text-decoration: none; 
	background: url(images/but_red_arrow.gif) 0 0 no-repeat;
}	

.red-arrow-but a:hover {
	text-decoration: underline; 
	background-position: -310px 0;
}

.special_offer_content .red-arrow-but a {
	width: 284px!important;
}

#peace-of-mind-but a {
	display: block; width: 270px; height: 174px;
	background: url(images/but-peace-of-mind.gif) 0 0 no-repeat;
}
#peace-of-mind-but a:hover {	
	background-position: bottom right;
}
#rac-cover-but a {
	display: block; width: 270px; height: 174px;
	background: url(images/but-rac-cover.gif) 0 0 no-repeat;
}
#rac-cover-but a:hover {	
	background-position: bottom right;
}



#main-booking-but a {
	display: block; width: 180px; height: 193px; padding: 0px; padding-top: 3px;
	background: url(images/but_right_book.jpg) 0 0 no-repeat;
}	

#main-booking-but a:hover {	
	background-position: -180px 0;
}

#main-brochure-but a {
	display: block; width: 180px; height: 183px; margin: 0px; padding: 0px;
	background: url(images/but_brochure_main.jpg) 0 0 no-repeat;
}
#main-brochure-but a:hover {	
	background-position: -180px 0;
}


#main-magazine-but a {
	display: block; width: 180px; height: 193px; margin: 0px; padding: 0px;
	background: url(images/but_right_magazine.jpg) 0 0 no-repeat;
}	

#main-magazine-but a:hover {	
	background-position: -180px 0;
}



/* START - LEFT NAV THIRD-LEVEL styles ***************************************************/
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #369;
}

ul#third-tier-nav {
	list-style:						none;
	text-align: 					left;
	height: 						32px;
	margin: 						0px 0px 20px 0px;
	background: 					#E6EAED; 
	padding:						0;
}
ul#third-tier-nav li {
	padding:						0;
	display: 						inline;
}
ul#third-tier-nav li a {
	height:							32px;
	float: left;
}

ul#third-tier-nav li a strong {
	display:						none;
}
/* END   - LEFT NAV THIRD-LEVEL styles ***************************************************/


/* Start Nav sub ***************************************************/

.red-bold-txt {
	font-weight: bold;
	color: #CC0000;
}

pre {
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
}

img.swatch {
	margin: 0px 0px 10px 10px;
}
img.brochure {
	border: 1px solid #CCC;
}
img.imglink {
	margin: 5px 10px 5px 0;
	border: 0;
}
.hidden {
    display: none;
}


.btn_continue {width:104px;height:24px;}

#content-index-main h1 {margin:0px 0 0;}
#content-index-main p {padding-bottom:0;margin: 0;line-height:1.5em;}
#content-index-main form ol {list-style:none;margin:0;padding:0;}
#content-index-main form li {clear:both;padding:0;line-height:2.5em;}
#content-index-main form li.newgroup {margin-top: 1.5em;}
#content-index-main form li label {width:14em;padding-right:1em;font-weight:bold;text-align:right;float:left;}
#content-index-main form li label.optional {font-weight:normal;}
#content-index-main form p {padding:0;margin-bottom:0.5em;}
#content-index-main form p.indent {margin-left:15em;margin-top:0.3em;}
#content-index-main form li p {margin-bottom:1em;}
#content-index-main form select.indent {margin-left:8.5em;}
#content-index-main form p.buttons {clear:both;margin-left:15em; margin-top:1em;}
div.car {border:2px solid #EAEAEA; padding:1em;margin-bottom:1em;}
div.car h3 {margin-bottom:0;}
#content-index-main form div.car p {margin:1em 0 0; padding:0;}
#content-index-main dt {float:left;width:10em;font-weight:bold;}
ul.errors {color:#900;margin-bottom:1em;}

div#prizedraw-thankyou {width:750px;height:320px;text-indent:-9999px;background:white url(images/thankyou.jpg) top left no-repeat;}

h1#are-your-details-correct {width:340px;height:31px;display:block;text-indent:-9999px;background:transparent url(images/h1-are-your-details-correct.gif) top left no-repeat;}
h1#your-contact-details {width:300px;height:31px;display:block;text-indent:-9999px;background:transparent url(images/h1-your-contact-details.gif) top left no-repeat;}
h1#about-your-car {width:300px;height:31px;display:block;text-indent:-9999px;background:transparent url(images/h1-about-your-car.gif) top left no-repeat;}
h1#about-your-cars {width:300px;height:31px;display:block;text-indent:-9999px;background:transparent url(images/h1-about-your-cars.gif) top left no-repeat;}