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

* { padding: 0; margin: 0; }

/* Html ////////////////////////////////////////////////////////////////////////////////////////////////*/
body { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; background: #ccc; padding: 15px 0; color:#333;}
div { display: block; }
ul { list-style: none; }
img { border: 0;}
a { color: #666; text-decoration: none; }
p { margin-bottom: 1.5em; line-height: 1.4em; }
h3 { color: #131f6c; font-size: 1.3em; margin-bottom: 0.5em; }
h4 { color: #333; font-weight: bold; font-size: 1em; margin-bottom: 1em; }
table {text-align: left; margin-bottom: 1.5em; }
td,th { padding: 5px; vertical-align: top;  }
select { height: 20px; margin:0 ; }


/* Elements ////////////////////////////////////////////////////////////////////////////////////////////*/
.clear { clear: both; }
.noBG { background: none; }
.alt { background: #ccc; }
.right { float: right; }
.left { float: left; }
.hide { display: none; }

/* Basics //////////////////////////////////////////////////////////////////////////////////////////////*/
.gotop { font-size: 0.8em; background: url('../_media/arrow_top.gif') left no-repeat; padding-left: 10px; }
/*.error { color: #f00; padding-left: 15px; margin: 3px 0; background: url('../_media/icon_attention.gif') left 3px no-repeat; }*/
.btn { margin-right: 5px; } 
.thanks { font-weight: bold; }
.disable { color: #999; }
.regional_site { float:right; width: 200px; height: 20px; border:0; }

/* Layout //////////////////////////////////////////////////////////////////////////////////////////////*/
.base { width: 910px; background: #fff url('../_media/base_bg.gif') repeat-y; margin: 0 auto ; }
.header { height: 60px; color: #666; font-size: 0.9em; }
.navigation { width: 900px; height: 25px; font-weight: bold; background: #131F6C; margin-left: 5px; }
.subnavi { width: 900px;  height: 30px; background: url('../_media/subnavi_bg.jpg') bottom no-repeat; padding-top: 5px; margin: 0 0 15px 5px;}
.masthead { width: 900px; margin-left: 5px; margin-bottom: 15px; }
.content { padding: 0 5px; }
.copy { width: 695px; padding-right: 15px; margin-bottom: 15px; float: right; }
.side { width: 160px; padding-left: 15px; float: left; }
.relate_link { width: 160px; float: right; }
.footer { height: 45px; font-size: 0.8em; color: #666; background: #fff url('../_media/footer_bg.gif') no-repeat; padding: 1px 12px 0 12px; }

/* Header //////////////////////////////////////////////////////////////////////////////////////////////*/
.header h1 a { display: block; width: 298px; height: 39px; background: url('../_media/h_logo.gif') no-repeat; margin: 11px 0 8px 16px; float: left; }
.header h1 span { display: none; }
.header .top_navi { width: 425px; text-transform: uppercase; margin-top: 22px; float: right; padding-right: 20px; }
.header .top_navi a:hover { color: #4b53a9; }
.header .top_navi a.on { color: #131F6C; font-weight: bold; }
.header select { width: 190px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #666; margin-left: 10px; text-transform: capitalize; float: right; }

/* Navigation //////////////////////////////////////////////////////////////////////////////////////////*/
.navigation li { text-align: center; float: left; }
.navigation li a { display: block; width: 300px ; height: 20px; color: #fff; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; padding-top: 5px; }
.navigation li a:hover,
.navigation li a.on { background-color: #4b53a9; }
.navigation li .dotline { background: url('../_media/dotline_v.gif') repeat-y right; }

.our_brands .subnavi ul { width: 560px; margin: 0 auto; }
.our_reach .subnavi ul { float: right; }
.subnavi li { float: left; margin-right: 15px; }
.subnavi li a:hover,
.subnavi li a.on { color: #131f6c; }
.subnavi li a.on { font-weight: bold; }

/*Masthead /////////////////////////////////////////////////////////////////////////////////////////////*/
.lv1 .masthead { height: 100px; margin-top: 1px; }
.lv2 .masthead { height: 300px; }
.lv2 .masthead ul li a span { display: none; } 
.lv3 .masthead { height: 240px; }

.home .masthead { margin-bottom: 0; }
.home .masthead .banner { width: 760px; height: 300px; float:left; background: #000; }
.home .masthead .country { width: 140px; height: 300px; float: right; background: #0B0B0D; text-transform: uppercase; }
.home .masthead .country ul { width: 100px; margin: 45px auto;}
.home .masthead .country li {  height: 28px; background: url('../_media/dotline_h.gif') repeat-x bottom;  text-align: center; padding-top: 12px } 
.home .masthead .country li.noBG { background: none; }
.home .masthead .country li a { color: #999; letter-spacing: 0.2em; font-weight: bold; }
.home .masthead .country li a:hover { color: #fff; }


.about_us .masthead { background: url('../_media/masthead_about_us.jpg') no-repeat; height: 240px; margin-top: 15px; }
.careers_with_us .masthead { background: url('../_media/masthead_careers_withus.jpg') no-repeat; }
.contact_us .masthead,
.feedback .masthead { background: url('../_media/masthead_contact_us.jpg') no-repeat; }
.sitemap .masthead { background: url('../_media/masthead_sitemap.jpg') no-repeat; }
.terms .masthead { background: url('../_media/masthead_terms.jpg') no-repeat; }

.our_brands .masthead { width: 885px; background: url('../_media/ourbrands_masthead_bg.gif') no-repeat; padding-reight: 15px; }
.our_brands .masthead ul { float: right; }
.our_brands .masthead ul li { float: left; } 
.our_brands .masthead ul li a { display: block; width:84px; height: 300px; background: url('../_media/ourbrands_overview_masthead_grey.jpg') no-repeat; margin-left: 3px; }
.our_brands .masthead ul li a:hover { background-image: url('../_media/ourbrands_overview_masthead_color.jpg') } 
.our_brands .masthead .pics { width: 693px; height:238px; border: #4b4b4b solid 1px;  background: url('../_media/loading.gif') 50% 50% no-repeat; float: right;}

.our_brands .masthead .bentley a { background-position: 0 ;}
.our_brands .masthead .bugatti a { background-position: -86px; }
.our_brands .masthead .jaguar a { background-position: -173px ;}
.our_brands .masthead .landrover a { background-position: -260px ;}
.our_brands .masthead .mazda a { background-position: -347px ;}
.our_brands .masthead .renault a { background-position: -434px ;}
.our_brands .masthead .volkswagen a { background-position: -521px ;}
.our_brands .masthead .volvo a { background-position: -608px ;}

.our_brands .masthead .bentley a:hover { background-position: 0 ;}
.our_brands .masthead .bugatti a:hover { background-position: -86px; }
.our_brands .masthead .jaguar a:hover { background-position: -173px ;}
.our_brands .masthead .landrover a:hover { background-position: -260px ;}
.our_brands .masthead .mazda a:hover { background-position: -347px ;}
.our_brands .masthead .renault a:hover { background-position: -434px ;}
.our_brands .masthead .volkswagen a:hover { background-position: -521px ;}
.our_brands .masthead .volvo a:hover { background-position: -608px ;}

.bentley .masthead { background: url('../_media/masthead_bentley.jpg') no-repeat; }
.bugatti .masthead { background: url('../_media/masthead_bugatti.jpg') no-repeat; }
.chevrolet .masthead { background: url('../_media/masthead_chevrolet.jpg') no-repeat; }
.jaguar .masthead { background: url('../_media/masthead_jaguar.jpg') no-repeat; }
.landrover .masthead { background: url('../_media/masthead_landrover.jpg') no-repeat; }
.mazda .masthead { background: url('../_media/masthead_mazda.jpg') no-repeat; }
.renault .masthead { background: url('../_media/masthead_renault.jpg') no-repeat; }
.volkswagen .masthead { background: url('../_media/masthead_volkswagen.jpg') no-repeat; }
.volvo .masthead { background: url('../_media/masthead_volvo.jpg') no-repeat; }

.our_reach .masthead { background: url('../_media/ourreach_masthead_bg.gif') no-repeat; width: 885px; padding-right: 15px; }
.our_reach .masthead .flash { float: right; }


/* Side ////////////////////////////////////////////////////////////////////////////////////////////////*/
.side ul { background: url('../_media/dotline_side.gif') top repeat-x; padding-top: 1px; }
.side li a { display: block; width: 150px; height: 20px; padding: 5px 5px 0 5px; background: url('../_media/dotline_side.gif') bottom repeat-x; }
.side li a:hover,
.side li a.on { background-color: #ccc; color: #333; }
.side li a.on { font-weight: bold; }

/* Content /////////////////////////////////////////////////////////////////////////////////////////////*/
.copy a { color: #131f6c; font-weight: bold; }
.copy a:hover { text-decoration: underline; }
.copy ul { margin-bottom: 1.5em; list-style: disc; line-height: 1.4em; padding-left: 35px; }
.copy img { margin-bottom: 15px; }
.copy .holder { width: 520px; }
.copy .relate_link ul { padding:0; border-top: #d2d2d2 solid 1px; border-bottom: 1px solid #d2d2d2; list-style: none; }
.copy .relate_link ul li { padding: 3px 5px 3px 10px; background: url('../_media/arrow_double.gif') left 8px no-repeat; }
.copy .relate_link a.lightblue { color: #4b53a9; padding-left: .7em; }

.brands { height: 58px; padding: 10px 0;}
.brands li { list-style: none; float: left; }
.brands li a { display:block; width: 91px; height: 58px; }
.brands li a:hover { background: url('../_media/home_bluebox.gif') no-repeat; }
.brands li a span { display: none; }

.home .brands { padding-left: 23px; border-bottom: 1px solid #d2d2d2; background: url('../_media/home_brands.jpg') no-repeat left 10px; }
.home .brands li a { margin-right: 18px; }
.home .highlights { padding: 15px 0 15px 15px; }
.home .highlights li { float: left; }
.home .highlights li a { display: block; width: 210px; height: 100px; margin-right: 10px; }
.home .highlights li a:hover { filter: alpha(opacity:70); KHTMLOpacity: 0.70; MozOpacity: 0.70; opacity: 0.70; }

.our_reach .brands { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background: no-repeat left 10px; margin-bottom: 15px; }
.singapore .brands { background-image: url('../_media/ourreach_sg_brands.jpg') ;}
.singapore .brands li a { margin-right: 29px; }

.singapore .content .side a { display: block; width: 160px; height: 80px; margin-bottom: 15px;  }
.singapore .content .side a:hover { filter: alpha(opacity:70); KHTMLOpacity: 0.70; MozOpacity: 0.70; opacity: 0.70; }
.hongkong .brands { background-image: url('../_media/ourreach_hk_brands.jpg') ;}
.indonesia .brands { background-image: url('../_media/ourreach_id_brands.jpg') ;}
.thailand .brands { background-image: url('../_media/ourreach_th_brands.jpg') ;}
.malaysia .brands { background-image: url('../_media/ourreach_ml_brands.jpg') ;}

.hongkong .brands li a,
.indonesia .brands li a,
.thailand .brands li a,
.malaysia .brands li a { margin-left:10px; margin-right: 15px; }

.our_reach .brands ul { padding: 0; }

/* Subpg ///////////////////////////////////////////////////////////////////////////////////////////////*/
.about_us table { background: #eee; }
.about_us table li { margin-bottom: 1em; margin-left: -1.5em; }
.about_us table img { margin: 5px 10px 10px 0; border: 1px solid #222; }

.careers_with_us table { margin-left: 15px; }

.contact_us .copy ul.anchorlink { height: 18px; padding: 0; margin-bottom: 15px; }
.contact_us .copy ul.anchorlink li { margin-right: 15px; list-style: none; float: left; }

.contact_us .bar { display: block; height: 16px; background: #c7c9de; padding: 3px 5px; margin-bottom: 10px; }
.contact_us h4 { color: #131f6c; font-size: 1em; text-transform: uppercase; margin:0; }
.contact_us .gotop { float: right;}
.contact_us table { width: 340px; line-height: 1.4em; }
.contact_us table span { color: #4b53a9; font-weight: bold; }
.contact_us table td { padding-bottom:0; padding-top:0 }
.contact_us b { color: #666; }

.feedback .text_fild { width: 200px; }
.feedback textarea { width: 350px; height: 100px; }
.feedback span { color: #666; font-weight: normal;}

.sitemap .copy  ul { padding-left:15px; }
.sitemap .copy  ul ul { list-style: circle; margin-bottom: 15px; }
.sitemap .copy  ul ul ul { margin: 0;}
.sitemap .copy  ul ul a { font-weight: normal; }

/* Ad //////////////////////////////////////////////////////////////////////////////////////////////////*/
#ad_holder { height: 265px; width:695px; background: #000; padding:0; }
#ad_holder img { margin: 0;}
#hilite-nav { position: relative; top: -260px; z-index: 99; padding-right: 10px; float: right; }
#hilite-nav a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color:#ccc; width: 9px;  height: 12px; background-color: #111; margin:1px; padding-left: 4px; text-decoration: none; position: relative; float:left; }
#hilite-nav a:hover { background: #333;}
#hilite-nav .activeSlide, #hilite-nav a.activeSlide:hover { background-color: #369; color: #fff; }

/* Footer //////////////////////////////////////////////////////////////////////////////////////////////*/
.bottom_navi { float: right; }
.footer a:hover { color: #131F6C; }