/* Body style definitions */

html
{
	background: #e6e6e6 
}

body
{
	background: #fff url(../images/header_top.gif) repeat-x;
	font-family: Arial,Helvetica,Garuda,sans-serif;
}

.blueColor{ color:#476995; font-family:sans-serif!important;}

#custom-doc
{
	margin: 0 auto;
	width: 75.85em;
}

/* Header */

#hd
{
	position: relative;
	background: url(../images/header.png) no-repeat;
	height: 152px;
	_height: 155px;
}

#hd #logo-link
{
	display: block;
	position: absolute;
	width: 340px;
	height: 102px;
	top: 0;
	left: 0;
}

/* Logo */

.logoArea{ width:343px; _width:340px;height:102px; float:left; margin-right:5px;}
.headerFla{ width:638px; height:111px; float:left;}



/* Navigation */

#navigation
{
	position: absolute;
	top: 124px;
	left: 0px;
	text-transform: uppercase;
}

#navigation li
{
	float: left;
	padding-left: 3px;
}

#navigation li a
{
	float: left;
	position: relative;
	padding: 0 19px 0 19px;
    line-height: 29px;
	font-size: 116%;
    text-decoration: none;
}

#navigation li a:link,
#navigation li a:visited
{
    background: url(../images/nav_left.gif) no-repeat top left;
	color: #a2a2a2;
}

#navigation li a:hover,
#navigation li a:active,
#navigation li.active a
{
    background: url(../images/nav_active_left.gif) no-repeat top left !important;
	color: #969696 !important;
}

#navigation li.special a
{
    background: url(../images/nav_special_left.gif) no-repeat top left !important;
	color: #fff !important;
}

#navigation li a span
{
	position: absolute;
	right: 0;
	top: 0;
    height: 29px;
	width: 6px;
}

#navigation li a:link span,
#navigation li a:visited span
{
    background: url(../images/nav_right.gif) no-repeat top right;  
}

#navigation li a:hover span,
#navigation li a:active span,
#navigation li.active a span
{
    background: url(../images/nav_active_right.gif) no-repeat top right !important;  
}

#navigation li.special a span
{
    background: url(../images/nav_special_right.gif) no-repeat top right !important;  
}

/* Languages */

#languages
{
	position: absolute;
	top: 123px;
	right: 0;
}

#languages li
{
	float: left;
	padding-left: 3px;
}

#languages li a:link,
#languages li a:visited
{
	float: left;
	display: block;
	background: url(../images/language_bg.gif) no-repeat;
	width: 38px;
	height: 20px;
	padding-top: 9px;
}

#languages li a:hover,
#languages li a:active,
#languages li.active a
{
	background: url(../images/language_bg_active.gif) no-repeat !important;
}

/* Content */

#bd
{
	padding: 28px 0 33px 0;
	color: #797979;
	line-height: 18px;
	text-align: left;
}

#bd h1,
#bd h2
{
	font-family: sans-serif;
	font-size: 182%;
	font-weight: normal;
	padding-bottom: 5px;
}

#bd .content-row {}

#bd .text-block
{
	float: left;
	background: url(../images/text_block_bg.png) no-repeat top left;
	width: 488px;
	padding: 22px 0 30px 22px;
}

/* Car filter main */

#bd #car-filter-main-wrap
{
	float: right;
	width: 202px;
	height: 252px;
	border: 1px solid #d1d1d1;
}

#bd #car-filter-main
{
	padding: 16px;
	width: 168px;
	height: 218px;
	background: #fff url(../images/car_filter_main_bg.gif) repeat-x;
	border: 1px solid #fff;
}

#bd #car-filter-main h3
{
	display: block;
	background: url(../images/separator_bg.gif) repeat-x bottom left;
	height: 27px;
	margin-bottom: 20px;
	font-size: 114%;
	color: #476995;
	text-align: center;
}

#bd .input
{
	padding-bottom: 2px;
}

#bd .input select
{
	width: 164px;
	height: 23px;
	color: #808080;
}

#bd .input-button button
{
    background: url(../images/button_right.gif) no-repeat top right;
    border: 0;
    color: #fff;
}

#bd .input-button button span
{
    float: left;    
    background: url(../images/button_left.gif) no-repeat top left;
    display: block;
    padding-left: 8px;
    height: 22px;
    line-height: 22px;
}

/* Car filter list */

#bd #car-filter-horizontal
{
	background: url(../images/horizontal_car_filter.png) no-repeat;
	padding: 12px 0 0 10px;
	height: 48px;
}

#bd #car-filter-horizontal .input
{
	float: left;
	padding-right: 2px;
}

/* Car gallery main */

#bd .car-gallery-head
{
	background: url(../images/head_bg.png) no-repeat top left;
	height: 36px;
	padding: 16px 0 12px 22px;
}

#bd .car-gallery-head h2
{
	width: 400px;
}

#bd .car-gallery-head .right
{
	font-size: 93%;
	color: #cbcbcb;
}

#bd .car-gallery
{
	float: left;
	width: 230px;
	padding: 0 22px 24px 0;
}

#bd .car-gallery-last
{
	padding-right: 0px !important;
}

#bd .car-gallery .photo
{
	position: relative;
	padding: 9px;
	border: 1px solid #d4d4d4;
}

/* Car price tag */

#bd .car-gallery .photo .price
{
	position: absolute;
	left: 0;
	bottom: 20px;
	padding-left: 17px;
	background: url(../images/car_price.png) no-repeat top left;
	width: 129px;
	height: 36px;
	line-height: 33px;
	font-weight: bold;
	font-size: 108%;
	color: #404f66;
}

#bd .car-gallery .photo .price span
{
	font-weight: bold;
	font-size: 131%;
	color: #fff;
}

/* Car savings tag */

#bd .car-gallery .photo .savings
{
	position: absolute;
	right: 20px;
	bottom: 5px;
	padding-top: 7px;
	background: url(../images/savings.png) no-repeat top left;
	width: 52px;
	height: 52px;
	font-weight: bold;
	font-size: 106%;
	color: #fff;
	text-align: center;
line-height: 10px;
}

#bd .car-gallery .photo .savings span
{
	font-weight: normal;
	font-size: 75%;

}

#bd .car-gallery .info
{
	background: #fff url(../images/car_info_bg.gif) repeat-x;
	padding: 15px 17px;
	height: 156px;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

#bd .car-gallery .no-text
{
	height: auto;
	padding: 15px 17px 0px 17px;	
}

#bd .car-gallery .info .title
{
	padding-bottom: 14px;
	font-weight: bold;
	font-size: 123.1%;
}

/* Car list */

#bd #car-list
{
	margin: 15px 0 30px 0;
	border-bottom: 1px solid #cecece;
}

#bd #car-list .dark
{
	background-color: #ededed;
}

#bd #car-list .light
{
	background-color: #f4f4f4;
}

#bd #car-list th
{
	padding-bottom: 12px;
}

#bd #car-list tr a
{
	padding-bottom: 9px;
	text-decoration: none;
	color: #476995;
}

#bd #car-list tr a.arrow-down
{
	background: url(../images/arrow_down_grey.gif) no-repeat bottom center;
}

#bd #car-list tr a.arrow-up
{
	background: url(../images/arrow_up_grey.gif) no-repeat bottom center;
}

#bd #car-list tr a.arrow-down-active
{
	background: url(../images/arrow_down_blue.gif) no-repeat bottom center;
}

#bd #car-list tr a.arrow-up-active
{
	background: url(../images/arrow_up_blue.gif) no-repeat bottom center;
}


#bd #car-list tr a:hover
{
	color: #162e4c;
}

#bd #car-list .title
{
	font-weight: bold;
	color: #515151;
}

#bd #car-list .cl
{
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
}

#bd #car-list .cl-r1
{
	width: 110px;
	vertical-align: top;	
}

#bd #car-list .cl-r1 img
{
	padding: 1px;
	border-right: 1px solid #9c9c9c;
	border-bottom: 1px solid #9c9c9c;
}

#bd #car-list .cl-r2
{
	width: 195px;
	padding-left: 10px;
	border-right: 1px solid #cecece;
}

#bd #car-list .cl-r3
{
	width: 130px;
	border-left: 1px solid #fff;
	border-right: 1px solid #cecece;
	text-align: center;
}

#bd #car-list .cl-r4
{
	width: 75px;
	border-left: 1px solid #fff;
	border-right: 1px solid #cecece;
	text-align: center;
}

#bd #car-list .cl-r5
{
	width: 76px;
	border-left: 1px solid #fff;
	border-right: 1px solid #cecece;
	text-align: center;
}

#bd #car-list .cl-r6
{
	width: 59px;
	border-left: 1px solid #fff;
	border-right: 1px solid #cecece;
	text-align: center;
}

#bd #car-list .cl-r7
{
	width: 72px;
	border-left: 1px solid #fff;
	border-right: 1px solid #cecece;
	text-align: center;
}

#bd #car-list .cl-r8
{
	padding: 10px;
	border-left: 1px solid #fff;
	font-size: 85%;
}

/* Pagination */

#bd .pagination
{
	float: right;
}

#bd .pagination div
{
	float: left;
}

#bd .pagination ul li
{
	float: left;
	line-height: 23px;	
	padding: 0 2px 0 2px;
}

#bd .pagination a
{
	float: left;
	line-height: 23px;
	color: #2c61a5;
}

/* One car page */

#bd .car-info-head
{
	background: url(../images/head_bg.png) no-repeat top left;
	height: 36px;
	padding: 16px 0 12px 22px;
}

#bd .car-info-head h1,
#bd .car-info-head h2
{
	float: left;
}

#bd .car-info-head h2
{
	color: #9c9c9c;
}

/* Car gallery specific */

#bd .car-info-gallery
{
	float: left;
	width: 200px;
}

#bd .car-info-gallery li
{
	float: left;
	display: inline;
	padding: 7px;
	margin-bottom: 12px;
	background: #fff;
	border: 1px solid #d5d5d5;
}

/* Car options */

#bd .car-info-options
{
	float: left;
	width: 524px;
}

#bd .car-info-options ul
{
	margin-bottom: 27px;
}

#bd .car-info-options ul li
{
	float: left;
	width: 100%;
	padding: 0 0 0 16px;
	height: 30px;
}

#bd .car-info-options ul li.dark
{
	background: url(../images/info_row_bg_dark.gif) repeat-x;
}

#bd .car-info-options ul li.light
{
	background: url(../images/info_row_bg_light.gif) repeat-x;
}

#bd .car-info-options ul li .options-title
{
	float: left;
	line-height: 30px;
	font-weight: bold;
	font-size: 108%;
	color: #476995;
}

#bd .car-info-options ul li .option-label
{
	float: left;
	width: 180px;
	line-height: 30px;	
	font-size: 108%;
	color: #585858;
}

#bd .car-info-options ul li .option-value
{
	float: left;
	line-height: 30px;	
	font-weight: bold;
	font-size: 108%;
	color: #686868;
}


/* Car contacts box */

#bd .car-info-contacts
{
	float: right;
	width: 227px;
}

#bd .car-info-contacts #car-price
{
	background: url(../images/car_price_big.png) no-repeat top left;
	padding: 0 0 20px 25px;
	width: 202px;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	font-size: 167%;
	color: #fff;
}

#bd .car-info-contacts #car-price span
{
	font-size: 81%;
	color: #404f66;
}

#bd .car-info-contacts #car-savings
{
	padding-bottom: 55px;
}

#bd .car-info-contacts #car-savings .title
{
	padding-bottom: 11px;
	font-weight: bold;
	font-size: 138.5%;
	color: #476995;
}

#bd .car-info-contacts #car-savings .title span
{
	font-size: 138.5%;
}

#bd .car-info-contacts #contacts-wrapper
{
	background: #fff;
	border: 1px solid #d1d1d1;
	padding: 1px;
}

#bd .car-info-contacts #contacts
{
	background: #fff url(../images/contacts_box_bg.gif) repeat-x;
	padding: 15px 13px 10px 13px;
	width: 196px;
}

#bd .car-info-contacts #contacts h3
{
	display: block;
	background: url(../images/separator_bg.gif) repeat-x bottom left;
	height: 27px;
	margin-bottom: 12px;
	font-size: 114%;
	color: #476995;
}

#bd .car-info-contacts #contacts #contacts-details
{
	background: url(../images/separator_bg.gif) repeat-x bottom left;
	margin-bottom: 20px;
	padding-bottom: 12px;
	color: #8d8d8d;
}

#bd .car-info-contacts #contacts input,
#bd .car-info-contacts #contacts textarea
{
	background-color: #ffffff;
	width: 100%;
	border: 1px solid #bfbfbf;
	margin-bottom: 10px;
	color: #b3b3b3;
}

#bd .car-info-contacts #contacts input
{
	padding: 2px 0 2px 0;
	height: 16px;
}

#bd .car-info-contacts #contacts textarea
{	
	padding: 2px 0 2px 0;
	height: 132px;
}

#bd .car-info-contacts #contacts .input-button div
{
	width: 50%;
	font-size: 93%;
	color: #b3b3b3;
}

/* Banners */

#bd .banners {}

#bd .banner
{
	float: left;
	padding: 0 19px 0 45px;
}

/* Footer */

#ft
{
	background: url(../images/footer.gif) repeat-x;
	width: 100%;
	height: 67px;
	font-size: 93%;
	color: #a3a3a3;
}

#ft-wrap
{
	margin: 0 auto;
	padding-top: 18px;
	width: 986px; /* em's doesn't line up with custom-doc */
}

#ft-wrap .left
{
	width: 530px;
	text-align: left;
}

#ft-wrap .right
{
	width: 180px;
	text-align: right;
}

/* Various fixes */

.right
{
    float: right;
}

.left
{
    float: left;
}

.center
{
	text-align: center;
}

strong
{
    font-weight: bold;
} 

button 
{ 
    border: 0; 
    cursor: pointer; 
    text-align: center; 
}

button span
{
    position: relative;
    display: block;
    white-space: nowrap;
    margin: -1px -1px 0 0;
}

.clearfix:after 
{
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix 
{
    display: inline-block;
}

html[xmlns] .clearfix 
{
    display: block;
}

* html .clearfix 
{
    height: 1%;
}



/*------------------Added CSS----------------*/
.bColor{ width:700px; float:left}
.bColor p{ color:#585858; width:653px; line-height:18px; font-size:13px; margin-bottom:20px;}
.bColor p img{ float: left;	display: inline; padding: 7px; margin-bottom: 12px;	background: #fff; border: 1px solid #d5d5d5; margin:0 20px 0px 0}
.bColor ul{ margin:0; padding:0; color:#585858; margin-bottom:20px;  }
.bColor ul li{ list-style:none; background:url(../images/arrow.gif) no-repeat left; padding-left:15px;} 



#bd .car-info-contacts #contacts h1
{
	display: block;
	background: url(../images/separator_bg.gif) repeat-x bottom left;
	height: 27px;
	margin-bottom: 12px;
	font-size: 114%;
	color: #476995;
	text-transform:uppercase;
	font-weight:200px;
}
#bd .car-info-contacts #contacts #gglMap
{
	background: url(../images/separator_bg.gif) repeat-x bottom left;
	margin-bottom: 20px;
	padding-bottom: 12px;
	color: #8d8d8d;
	font-size:15px;
	line-height:18px;
}



#bd .mapWp
{
	float: right;
	width: 250px;
	margin-bottom:30px;
}


#bd .mapWp .map-wrapper
{
	background: #fff;
	border: 1px solid #d1d1d1;
	padding: 1px;
	margin-bottom:30px;
}

#bd .mapWp .gglmap
{
	background: #fff url(../images/contacts_box_bg.gif) repeat-x;
	padding: 15px 13px 10px 15px;
	width: 218px;

}
#bd .mapWp .gglmap img{ border:1px solid #d1d1d1;}

#bd .mapWp .gglmap h3
{
	display: block;
	background: url(../images/separator_bg.gif) repeat-x bottom left;
	margin-bottom: 12px;
	padding-bottom:7px;
	font-size: 114%;
	color: #476995;
}


#bd .mapWp .gglmap .map-details
{
	padding-bottom: 12px;
	color: #8d8d8d;
	font-size:13px;
}





/*-----------------------Start Info Page------------------------------*/
#bd .blogwp
{
	float: left;
	width: 700px;
}

#bd .blogwp .contentBlog
{
	float: left;
	width: 100%;

}
#bd .blogwp .contentBlog .heading{

	padding: 7px 0 0 16px;
	height: 30px;
	background: url(../images/info_row_bg_dark.gif) repeat-x;
	color:#858688;
	margin:0;
	font-size:14px; font-weight:bold; text-transform:uppercase;
	}

#bd .blogwp .contentBlog .blogArea{ width:auto; border-bottom:1px solid #ccc; padding-bottom:20px; margin:15px 0}
#bd .blogwp .contentBlog .nobdr{ border:none; margin-bottom:0;}


							.quest{ color:#476995; font-size:14px; font-weight:bold; margin-bottom:5px;}							
#bd .blogwp .contentBlog .blogArea p{ width:auto; font-size:13px; line-height:18px; margin:0; padding:0}
#bd .blogwp .contentBlog .blogArea a{ color:#476995; text-decoration:underline}
#bd .blogwp .contentBlog .blogArea a:hover{ text-decoration:none}



#bd .blogwp .contentBlogN
{
	float: left;
	width: 100%;

}
#bd .blogwp .contentBlogN .heading{

	padding: 7px 0 0 16px;
	height: 30px;
	background: url(../images/info_row_bg_dark.gif) repeat-x;
	color:#858688;
	margin:0;
	font-size:14px; font-weight:bold; text-transform:uppercase; 
	
	}

#bd .blogwp .contentBlogN .blogArea{ width:auto; padding-bottom:20px; margin:15px 0}
#bd .blogwp .contentBlogN .nobdr{ border:none; margin-bottom:0;}


							.quest{ color:#476995; font-size:14px; font-weight:bold; margin-bottom:5px;}							
#bd .blogwp .contentBlogN .blogArea p{ width:auto; font-size:13px; line-height:18px; margin:0; padding:0}
#bd .blogwp .contentBlogN .blogArea a{ color:#476995; text-decoration:underline}
#bd .blogwp .contentBlogN .blogArea a:hover{ text-decoration:none}





#bd .rtList
{
	float: right;
	width: 232px;
}

#bd .rtList ul
{
	margin-bottom: 27px;
}

#bd .rtList ul li
{
	float: left;
	width: 100%;
	padding: 0 0 0 11px;
	_padding: 0 0 0 14px;
	height: 30px;
	line-height:29px;
	background:none;
	margin:0;

}
#bd .rtList ul li a{ font-size:14px; background:url(../images/arrow.gif) no-repeat left; background-repeat:no-repeat!important; font-weight:bold; color:#476995;  padding-left:15px; text-decoration:none}
#bd .rtList ul li a:hover{ color:#6697d6;}
#bd .rtList ul li.last { border-bottom:1px solid #d5d5d5}
	#bd .rtList ul li.darkN
			{
				background: url(../images/info_row_bg_dark.gif) repeat-x;
			}

	#bd .rtList ul li.lightN
			{
				background: url(../images/info_row_bg_light.gif) repeat-x;
			}


#bd .mapWp .txt{ width:auto; padding-left:20px;}


/*-------------------------Start Nous Page----------------------------*/
.nousWp{ width:451px; float:left}
.nousWp img{ float: left; display: inline; padding: 7px; margin-bottom: 12px; background: #fff; border: 1px solid #d5d5d5; margin:0 20px 20px 0}

.nousTxt{ width:500px; float:left; display:inline; margin-left:20px;}
.nousTxt p{ width:410px; font-size:13px; margin-bottom:20px;}
.nousTxt .upTxt{ text-transform:uppercase}
.nousTxt .line{ border-bottom:1px solid #585858}
.nousTxt a{ color:#476995; font-weight:bold; text-decoration:underline}
.nousTxt a:hover{ text-decoration:none}




#bd .contactWp
{
	width:75.85em;
	_width:70.85em;
	margin:0;
	padding:0;

}


#bd .contactWp #contact-area
{
	background: #fff;
	border: 1px solid #d1d1d1;
	padding: 1px;
	margin-bottom:30px;
}

#bd .contactWp #contactBg
{
	background: #fff url(../images/contacts_box_bg.gif) repeat-x;
	padding:30px 40px 10px 40px;
	width: 903px;


}
#bd .contactWp #contactBg img{ border:1px solid #d1d1d1;}

#bd .contactWp #contactBg h3
{
	display: block;
	background: url(../images/separator_bg.gif) repeat-x bottom left;
	margin-bottom: 22px;
	padding-bottom:7px;
	font-size: 114%;
	color: #476995;
}


#bd .contactWp #contactBg #contactForm
{
	padding-bottom: 12px;
	color: #8d8d8d;
	font-size:13px;
}

#bd .contactWp #contactBg #contactForm table.tblcontact{ width:auto; margin:0; padding:0}
#bd .contactWp #contactBg #contactForm table.tblcontact input.inpuTxt{ width:355px; border-top:2px solid #bfbfbf; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; border-left:2px solid #bfbfbf; height:18px; margin-bottom:13px; color:#a4a4a4; font-size:13px; padding-left:5px;; padding-top:2px; margin-right:2px;}

#bd .contactWp #contactBg #contactForm table.tblcontact .txtarea{ width:485px; height:224px; overflow:auto; border-top:2px solid #bfbfbf; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; border-left:2px solid #bfbfbf; margin-bottom:13px; color:#a4a4a4; font-size:13px; padding-left:5px;; padding-top:2px;}

#bd .contactWp #contactBg #contactForm table.tblcontact input.btn{ width:88px; height:26px;} 
#bd .contactWp #contactBg #contactForm table.tblcontact span{ color:red;}