/*-----------------------------------------------------------------------------
Metro Holden Cascading Style Sheet

version:   1.0
author:    Rajarshi Dubey
email:     rajarshi.dubey@carsales.com.au
website:   http://www.metroholden.com.au
-----------------------------------------------------------------------------*/
* { padding: 0em; margin: 0em; }
html ,body { margin:0px auto; background:url(bg/main_bg.jpg) no-repeat center top;}

/*---------- Layout -------------*/

#container { margin: auto; position: relative; background-color:#FFFFFF;}

/*---------- Header -------------*/

#header {height: 87px;}
.h_master {	}
.gWidth { width:931px;}
.lWidth { width:229px;}
.lHeight{ height:87px;}
.mWidth { width:473px;}
.logoimg { background-image:url(logos/metro_holden.jpg);}
.h_m_bg  { background-image:url(bg/h_m_bg.gif);}
.r_logoimg { background-image:url(logos/trademark.gif);}

/*---------- Navbigation --------*/

#navigation {height: 35px;}
#nav img { border: none; }
#nav li { display: inline; list-style:none; }
#nav li a {	float: left; display:block;	width: auto; height: 35px;}

/*---------- Flash --------------*/

#flash {height: 237px;}

/*---------- Main ---------------*/

.holder {}

/*---------- Box ----------------*/

.box { }
.rWidth { width: 350px;}
.rHeight {
	height: 390px;
}
.tHeight {height: 72px;}
.sHeight {height: 137px;}
.nHeight {
	height: 230px;
}
.nWidth {
	width: 213px;
	padding-left: 10px;
}
.ppad {
	padding-left:2px;
}

/*---------- Search Box ---------*/

.search_box {
	height: 210px;
	width:234px;
	margin:3px 25px 4px 0;
	float: left;
}
.h_range { background-image:url(buttons/h_range.gif);}
.hsv_range { background-image:url(buttons/hsv_range.gif);}
.sp_img {
}
.shop_img {
}

/*---------- Sidebar ------------*/

.sidebar { width: 230px;}
.sidebar_button { width:252px; height:30px; background-image:url(buttons/enquirenow.jpg);}
.sidebar_main_bg { background-image:url(bg/sidebar_main_bg.jpg);}
.sidebar_contact {height:auto; width:160px; padding:16px 40px 10px 30px;}
.reset_h {height:212px;}
.sidebar_bottombg {height:84px; background-image:url(bg/sidebar_bottom.gif);}
.g_padding {margin-top:27px;}
.ss_padding {
	margin-top:75px;
}

/*---------- footer -------------*/

.footer_bg { background-image:url(bg/footer_bg.gif);}
.footer_links {height:auto; width:650px; padding:17px 10px 10px 30px;}
.datamotive_logo {height:45px; width:133px; padding:17px 35px 5px 30px; background:url(logos/datamotive.jpg) no-repeat 20px;}

/*---------- Fonts --------------*/

.font_f { font-family: "Trebuchet MS", Arial, Verdana, Helvetica;}
.f_font { font-family: Verdana, Arial, Helvetica, sans-serif;}
.font_size { font-size: 11px; }
.t_font_size { font-size: 12px; }
.f_font_size { font-size: 10px; }
.f_color {color: #666666;}
.basic_color { color: #333333;}
.white_color { color: #FFFFFF;}
.font_b {font-weight: bold;}
.font_i {font-style: italic;}
.t_color {color: #cc0000;}
.line_height {line-height:16px;}
.bg_color {background-color:#FFFFFF;}

/*---------- 2ndry Page ---------*/

.top_bg {width:230px; background-image:url(bg/sidebar_top.gif);}
.mtop_bg {width:230px; background-image:url(bg/great_l_top.gif);}
.fleet_Height {height: 679px;}
.fl_Height {height: auto;}
.hsv_Height {height: 700px;}
.hsv_model {height: 800px;}
.stock_height {height: 730px;}
.auto_Height {height:auto;}
.form_Height {height: 550px;}
.parts_Height {height: 625px;}
.service_Height {height: 610px;}
.novated_Height {height: 985px;}
.mtop_height {height:66px;}
.top_height {height:57px;}
.m_top_h_extender {height:127px;}
.model_height { height:98px;}
.m_selector { width:188px;}
.content_width {width:701px;}
.models {width:219px;}
.models2 {width:179px;}
.models_text {width:401px;}
.fleet_bg_img {background-image:url(bg/fleet_bg.jpg);}
.hsv_bg_img {background-image:url(bg/hsv_bg.jpg);}
.stock_bg_img {background-image:url(bg/our_stock.jpg);}
.holden_bg_img {background-image:url(bg/holden_bg.jpg);}
.finance_bg_img {background-image:url(bg/finance_bg.gif);}
.service_bg_img {background-image:url(bg/service_bg.gif);}
.parts_bg_img {background-image:url(bg/parts_bg.gif);}
.novated_bg_img {background-image:url(bg/novated_bg.gif);}
.chattel_laon_img {background-image:url(bg/chattel_loan_bg.gif);}
.oplease_img {background-image:url(bg/oplease_bg.gif);}
.p_special {width:701px; background-image:url(bg/top_border_parts.gif);}
.l_top_bg {width:593px; background-image:url(bg/top_border.gif);}
.l2_top_bg {
	width:701px;
	background-image:url(bg/top_border_rewards.gif);
}
.ml_top_bg {width:593px; background-image:url(bg/l_great_l_top.gif);}
.ticker_top_bg {width:701px; background-image:url(bg/ticker_bg.gif);}
.ticker_box {width:556px; height:17px; margin:18px 12px 31px 133px;}
.ticker_box2 {width:535px; height:17px; padding:8px 23px 30px 125px;}
#TICKER { display:none; overflow:hidden; width:535px; }
.replace_bg {background-image:url(bg/top_border_black.gif);}
.m_top_bg {width:108px; background-image:url(bg/t_spacer.gif);}
.mm_top_bg {width:108px; background-image:url(bg/m_great_l_top.gif);}
.mtopspacer {background-image:url(bg/t_spacer_black.gif);}
.m_top_img_h {background-image:url(bg/t_spacer_h.gif);}
.m_top_img_hsv {background-image:url(bg/t_spacer_hsv.gif);}
.c_bg_img {background-image:url(bg/c_bg.gif);}
.text_holder {height:auto; width:625px; padding: 0px 40px 10px 30px;}
.iframe_holder {height:auto; width:650px; padding: 10px 15px 10px 30px;}
.title_text {width:329px; height:45px; padding:64px 21px 17px 21px; }
.title_text_img {background:url(headings/h_range_t.jpg) no-repeat 20px 64px;}
.title_text_1img {background:url(headings/h_range_t1.jpg) no-repeat 20px 64px;}
.title_text_img2 {background:url(headings/hsv_cars_t.gif) no-repeat 20px 64px;}
.title_text_img22 {background:url(headings/hsv_cars_t2.gif) no-repeat 20px 64px;}
.j_menu {height:22px; margin:92px 0px 0px 0px;}
.model_holder {width:657px; padding:5px 22px 5px 22px;background-image:url(bg/model_bg.gif);}
.map_contact {width:265px; padding-right:26px;}
.map_contact2 {width:auto; padding-right:26px;}
.map_contact3 {width:470px; padding-right:26px;}
.map_contact4 {width:auto; padding-right:7px;}
.map_padding {padding-right:50px;}
.finance_box {width:202px; padding:4px 17px 10px 0px;}
.c_padding {padding-bottom:19px;}
a {color: #cc0000; text-decoration: underline;}
a.footer { color: #666666; text-decoration: none;}
a:hover {  color:#cc0000; text-decoration: underline;}
h1 { font-weight:normal;}
h2 { font-weight:normal;}
h3 { font-weight:normal;}

/*---------- Global Style ----------*/

.float_l{ float:left;}
.float_r{
	float:right;
}
.clear_r{ clear:right;}
.float_n{ float:none;}
.float_i{ float:inherit;}
.clear_l{ clear:left;}
.clear_n{ clear:none;}
.clear_b{ clear:both;}
.bg_np {background-repeat:no-repeat;}
.bg_c {background-position:center;}
.nobgimg {background-image:none;}
.spacer {background-image:url(spacer.gif);}
.hand {
	cursor: pointer;
	float: left;
}
.hand2 {
	cursor: pointer;
	
}
.cleard { clear:both;}
.nopadding {padding:0px 0px 0px 0px;}
.top {
	float: left;
	height: auto;
	width: 700px;
}

.top_w {
	float: left;
	height: 410px;
	width: 700px;
}

#mini-result           {
	padding:31px 0 75px 26px;
	width:625px;
	height:auto;
	float:left;
	clear:right;
	margin-right:20px;
}

.data {
	width: 650px;
	padding-left: 30px;
}
.fl-cr          { float:left;}

/* News Letter Styling - Third Party */
h3.navitemtitle {
 color: #CC0000; font-weight: bold; margin: 0px; font-size: 1em; text-decoration: underline; line-height:1.5em; 
}
h3.navitemtitle:hover {
	text-decoration: none !important;
}
p.navitemprecede {
	margin-top: 0; text-align: left;
}
.news-content #listing .navitem {
	padding: 0px;
}
#gawstory h1 {
	margin:0; padding:0 0 5px 0; height: auto; font-size: 1.125em; font-weight: bold; width:auto; float:left; clear:both;
}
	/* Text navigation unordered list */
    ul#gawmakelist { width:150px; float:left; margin:0; padding:0;}
	ul#gawmakelist li { width:150px; list-style: none; float: left; clear:both; }
	ul#gawcategorylist { width:150px; float:left; clear:left; margin:0; padding:0; }
	ul#gawcategorylist li { list-style: none; float: left; }
	#listing { width:auto; float: left; margin-top:0px; }
	#listing li { list-style: none; float: left; }
    ul#gawmakelist li a, ul#gawcategorylist li a { text-decoration: underline; color: #CC0000; line-height:1.5em; }
    ul#gawcategorylist li a:hover { color: #CC0000; text-decoration: none ; }
    
	 /* Standard Listing items */
    div.navitem{ clear: both; padding: 0px 20px 0px 0px; width:auto; }
       div.navitem a img{ float: left; padding: 0px 6px 0px 6px; }

       div.navitem a{ color:#333; }
     .content-large #listing .navitem p.navitemprecede{ float: left; margin:0 0 1.5em 5px !important; width: 320px; padding: 0px;}
	 .content-large #listing .navitem h3.navitemtitle{ margin-left: 5px; float: left; width: 320px; padding-left: 0px;margin-top: -5px; text-decoration: underline; cursor:pointer;}
	 content-large #listing .navitem h3.navitemtitle:hover { text-decoration: none;}
	 
	 /* Page numbers */
    #paging{ font: 0.633em/1.5em Verdana, Arial, Helvetica, sans-serif; float:left; padding: 10px 0 0 106px; width: 300px;}
    #paging a{ }
    #paging ul{ display: block; margin:0; padding:0; }
    #paging li { list-style: none; float: left; padding-left: 5px; }
	 
	 
	/* 
=====================================================================*/
	 /* Full Story CSS */
    #gawstory{ padding: 6px; margin-top: -6px; width: 450px; }
	div.mainimage{ margin:0; padding:0; float:left; width: 450px; clear:left; }
    	div.mainimage img{ border: 3px solid #C0C0C0; clear: left; float: left; margin-bottom:1.5em; }
    	div.mainimage p{ font-size: 12px; float:left; }
    	div.mainimage p span{ font-weight: bold; margin: 0px; text-indent: 0;}
	
	p.byline{ clear: both; float: left; font: 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif;width: 300px; margin: 0px 0 0 0; }
    	p.dateline{ clear: both  !important; float: left !important; font: 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; margin:0 0 1.5em 0; padding:0; position:relative; }
		p.caption{ clear: left; float: left;  margin:0; padding:0; font: 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; width: 400px; }
    
	div.content{ clear: both; }
    	div.content p{ }
    	div.bodyimage{ }
		div.bodyimage img{ clear: both; float: left; padding: 15px 15px 15px 0; }
    		div.bodyimage p{ }
    
	 /* Footer and disclaimer CSS */
    p.gawfooter_calltoaction{ float:left; padding-left: 8px; clear:both; color: #333; font: 9px/1.5em Verdana, Arial, Helvetica, sans-serif !important; }
    	p.gawfooter_calltoaction a{font: 9px/1.5em Verdana, Arial, Helvetica, sans-serif !important; }
	 
    p.gawfooter_disclaimer{ text-align: left; font: 9px/1.5em Verdana, Arial, Helvetica, sans-serif !important; float:left; padding-left: 8px; color: #333;
}
    	p.gawfooter_disclaimer span{ font-weight: bold; text-decoration: underline; float:left;}
    
    div.gawfooter{ color: #808080; text-align: left; font: 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; float:left;}
    	div.gawfooter p{ padding-left: 8px; float:left; font-size: 9px; }
	div.gawfooter img{ margin-bottom: -8px;}/* used to make the GoAuto logo sit on the text line correctly*/
    	div.gawfooter a{ }
	 	
	a.gawback{ float:left; margin-top: 7px; padding-left: 8px; font-size: 9px;}
	#gawstory .content {
	margin: 0; padding:0; width: 430px;	
	}
	#gawstory h2 {
	font: bold 1em/1.5em Verdana, Arial, Helvetica, sans-serif !important; margin: 1.5em 0 !important; float:left; width:450px; 
	}
	ul#gawmodellist li a {
	}
	ul#gawmodellist {
	padding:0; margin: 5px 0 0 0; float:left;
	}
	ul#gawmodellist li{
	list-style:none; padding:0 0 0 10px; margin: 0;
	}
	#contactFormArea {
	float: left; margin-left: 15px;
	}
	
	#columnleft .content-large {
	margin: 0px 0px 0 5px;
	width:640px;
	float: left;
	text-align: left;
}

.news-list {
	width: 150px; float: left;
}
.news-content {
	width: 450px;
	float: left;
}

.specials_bg_img {background-image:url(bg/top_border_parts.gif);}
.rewards_bg_img {background-image:url(bg/ticker_bg.gif); padding-top: 5px;}


a.white{color:#fff;text-decoration:none; font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif !important;}
/* NEWS and REVIEWS End/
