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

html, body {
height: 100%;
}
*{  }
a { text-decoration:none; }

@font-face {
    font-family: 'BMWTypeV2RegularBold';
    src: url('../assets/bmwb-webfont.eot');
    src: url('../assets/bmwb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/bmwb-webfont.woff') format('woff'),
         url('../assets/bmwb-webfont.ttf') format('truetype'),
         url('../assets/bmwb-webfont.svg#BMWTypeV2RegularBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { background:#000 url(../img/top.png) repeat-x; margin:0; padding:0; outline:none; height:100%; font-family: Arial,Helvetica,sans-serif; font-size: 11px; }

.indent { text-indent:15px;}
.center { text-align:center; }
#mainContainer { /*background:url(../img/bottom.png) bottom repeat-x;*/ height:auto; min-height:100%; width:100%; min-width:1002px; margin:0 auto; position:relative; }

#container { width:960px; margin:0 auto; position:relative; min-height:626px; }

#module { position:absolute; top:0; right:14px; background:url(../img/module.png) no-repeat; width:191px; height:93px; z-index:100; }

#thumbs { top:585px; position:absolute; width:100%; z-index:99; }
#menuArea { width:554px; height:29px; border:1px solid #2678bf; background:url(../img/menu.jpg) no-repeat center #0e2d4f; float:left; position:relative; margin-left:150px; font-family:BMWTypeV2RegularBold; font-size:14px; padding-left:65px; overflow:hidden; }
#menuArea ul { margin-top:7px; width:800px; }
#menuArea ul li { margin-right:23px; float:left; }
#menuArea ul li a { color:#fff; margin:0 !important; }
#t0 { color:#fff; font-family:BMWTypeV2RegularBold; font-size:14px; height:21px; padding-top:7px; padding-left: 12px; padding-right: 12px; position:absolute; left:145px; z-index:2; top:2px; cursor:pointer; }

#thumbs a { float:left; margin-left:5px; margin-top:-1px; } 
.navi a { color:#fff; cursor:pointer; display:inline-block; height:21px; padding-top:7px; padding-left:12px; padding-right:12px; margin:0!important; }
#t7 { padding-right:13px;}
.navi a.active, #t0.active { background:url(../img/selected.png) center no-repeat; border:1px solid #2678bf;}
#tools { width:960px; height:539px; position:relative; top:32px; overflow:hidden; }

#intro { width:960px; height:539px;  position:relative; top:32px; background:#fff; }
#homeText { position:absolute; bottom:1px; right:0; width:524px; height:86px; background:url(../img/homeText.png); z-index:3; }
#h1 { width:563px; height:517px; position:absolute; top:11px; left:11px; z-index:2;background:url(../img/home1.png) no-repeat;  }
#h1 a { width:400px; height:517px; display:block; }
#h3 { width:585px; height:517px; position:absolute; top:11px; right:11px; z-index:1; background:url(../img/h3.png) no-repeat; }





#exterior { width:960px; height:539px; position:relative; background:#fff;  }
#interior { background:#fff; width:960px; height:539px; position:relative; }
#specs { background:#fff; width:938px; height:517px; position:relative; padding:11px; }
#dealers {  width:938px; height:517px; position:relative; padding:11px; background:#fff url(../img/dealers.png) 322px 11px no-repeat;  }
#contact {  width:938px; height:517px; position:relative; padding:11px; background:#fff url(../img/contact.png) 322px 11px no-repeat;  }
#lines { width:960px; height:539px; position:relative; background:#fff; }



#int1 { width:655px; height:517px; position:absolute; top:11px; left:11px; z-index:1; background:url(../img/int1.png) no-repeat; }
#int2 { width:383px; height:259px; position:absolute; top:11px; right:11px; z-index:2; background:url(../img/int2.png) no-repeat; }
#int3 { width:353px; height:248px; position:absolute; bottom:11px; right:149px; z-index:2; background:url(../img/int3.png) no-repeat; }
#int4 { width:236px; height:248px; position:absolute; bottom:11px; right:11px; z-index:4; background:url(../img/int4.png) no-repeat; }

#int1 .tt { width:300px; height:200px; position:absolute; top:20px; left:81px; background:url(../img/empty.png); }
#int1 .tt:hover { background:url(../img/int1T.png) no-repeat; }
#int2 .tt { width:212px; height:139px; position:absolute; top:89px; right:58px; background:url(../img/empty.png); }
#int2 .tt:hover { background:url(../img/int2T.png) no-repeat; }
#int3 .tt { width:246px; height:217px; position:absolute; top:31px; right:70px; background:url(../img/empty.png); }
#int3 .tt:hover { background:url(../img/int3T.png) bottom no-repeat; }
#int4 .tt { width:124px; height:162px; position:absolute; top:64px; left:91px; background:url(../img/empty.png); }
#int4 .tt:hover { background:url(../img/int4T.png) no-repeat; }


.small { font-size:11px;}

#ext1 { width:654px; height:272px; position:absolute; top:11px; left:11px; background:url(../img/ext1.png) no-repeat -2px 0; z-index:1; }
#ext2 { width:493px; height:517px; position:absolute; top:11px; right:11px; background:url(../img/ext2-.png) no-repeat; z-index:2; }
#ext3 { width:533px; height:235px; position:absolute; bottom:11px; left:11px; background:url(../img/ext3-.png) no-repeat -2px 0; z-index:1; }


#ext1 .tt { width:524px; height:212px; position:absolute; top:22px; left:96px; background:url(../img/empty.png); }
#ext1 .tt:hover { background:url(../img/ext1T.png) no-repeat; }

#ext2 .tt1 { width:309px; height:144px; position:absolute; top:135px; right:35px; background:url(../img/empty.png); }
#ext2 .tt1:hover { background:url(../img/ext2-T1.png) no-repeat; }
#ext2 .tt2 { width:187px; height:259px; position:absolute; bottom:0px; left:87px; background:url(../img/empty.png); }
#ext2 .tt2:hover { background:url(../img/ext2-T2.png) no-repeat; }
#ext2 .tt3 { width:159px; height:184px; position:absolute; bottom:0px; right:68px; background:url(../img/empty.png); }
#ext2 .tt3:hover { background:url(../img/ext2-T3.png) no-repeat; }

#ext3 .tt { width:241px; height:161px; position:absolute; bottom:6px; left:130px; background:url(../img/empty.png); }
#ext3 .tt:hover { background:url(../img/ext3-T.png) no-repeat; }



#specsArea { width:938px; height:199px; margin-top:11px; background:#f5f5fa url(../img/specs2.jpg) no-repeat; position:relative; }
#dw { width:228px; height:26px; position:absolute; bottom:0; right:0; background:url(../img/dwBg.png) no-repeat; z-index:100; }
#dwbg { background:#fff; height:26px; margin-left:11px; width:217px; }
a.dw { position:absolute; top:5px; right:14px; }
.tbl { width:500px; color:#88888b; font-size:12px; }
.tbl tr { height:25px; border:1px solid #5d5d5e; }
.tbl td { padding:7px; }
.tbl .header { background:#e6e7e8; font-weight:bold; color:#515153; }


#dealersArea { width:352px; height:300px; position:relative; left:32px; top:122px; text-align:left; }
#dealersArea h1 { font-size:17px; font-family:'BMWTypeV2RegularBold',Arial, Helvetica, sans-serif; text-transform:uppercase; }
#dealersArea p { margin-left:16px; margin-top:9px; margin-bottom:10px; font-size:11px; color:#000; }

#contactArea { width:352px; height:300px; position:relative; left:32px; top:102px; }
#contactArea h1 { font-size:17px; font-family:'BMWTypeV2RegularBold',Arial, Helvetica, sans-serif; text-transform:uppercase; }
.form { margin-left:16px; margin-top:9px; color:#72706d; font-size:12px; }
.input { width:257px; height:17px; border:1px solid #cecece; margin-bottom:6px; }
.textarea { width:257px; height:54px; border:1px solid #cecece; margin-bottom:6px; }
.send { width:49px; height:18px; float:right; text-indent:-99999px; overflow:hidden; background:url(../img/send.jpg) no-repeat; cursor:pointer; outline:none; border:none; }


.urbanLine { width:940px; height:253px; position:relative; top:11px; left:11px;}
.sportLine { width:940px; height:253px; position:relative; top:22px; left:11px;}
.sportLine ul { list-style:none; margin:0; padding:0;}
.sportLine ul li { margin:0; float:left; width:885px; height:253px; position:relative;}
#ur1 { background:url(../img/ur1.png) no-repeat; position:relative;}
#ur1 .ur1t1 { width:131px; height:201px; position:absolute; top:11px; left:25px; background:url(../img/empty.png); z-index:2; }
#ur1 .ur1t1:hover { background:url(../img/ur1T1.png) no-repeat; }
#ur1 .ur1t2 { width:255px; height:86px; position:absolute; bottom:0px; left:115px; background:url(../img/empty.png); }
#ur1 .ur1t2:hover { background:url(../img/ur1T2.png) no-repeat; }
#ur1 .ur1t3 { width:131px; height:74px; position:absolute; bottom:0px; right:32px; background:url(../img/empty.png); }
#ur1 .ur1t3:hover { background:url(../img/ur1T3.png) no-repeat; }
#ur1 .ur1t4 { width:184px; height:108px; position:absolute; bottom:-1px; right:206px; background:url(../img/empty.png); }
#ur1 .ur1t4:hover { background:url(../img/ur1T4.png) no-repeat; }
#ur1 .ur1t5 { width:200px; height:119px; position:absolute; top:6px; left:357px; background:url(../img/empty.png); }
#ur1 .ur1t5:hover { background:url(../img/ur1T5.png) no-repeat; }
#ur1 .ur1t6 { width:188px; height:147px; position:absolute; top:19px; right:80px; background:url(../img/empty.png); }
#ur1 .ur1t6:hover { background:url(../img/ur1T6.png) no-repeat; }

#ur2 { background:url(../img/ur2.png) no-repeat; position:relative;}
#ur2 .ur2t1 { width:280px; height:215px; position:absolute; top:29px; left:36px; background:url(../img/empty.png); }
#ur2 .ur2t1:hover { background:url(../img/ur2T1.png) no-repeat; }
#ur2 .ur2t2 { width:194px; height:146px; position:absolute; bottom:0px; right:237px; background:url(../img/empty.png); }
#ur2 .ur2t2:hover { background:url(../img/ur2T2.png) no-repeat; }



#sp1 { background:url(../img/sp1.png) no-repeat;}
#sp1 .sp1t1 { width:243px; height:191px; position:absolute; top:8px; left:69px; background:url(../img/empty.png); }
#sp1 .sp1t1:hover { background:url(../img/sp1T1.png) no-repeat; }
#sp1 .sp1t2 { width:282px; height:137px; position:absolute; bottom:0px; left:114px; background:url(../img/empty.png); }
#sp1 .sp1t2:hover { background:url(../img/sp1T2.png) no-repeat; }
#sp1 .sp1t3 { width:205px; height:80px; position:absolute; bottom:0px; left:27px; background:url(../img/empty.png); }
#sp1 .sp1t3:hover { background:url(../img/sp1T3.png) no-repeat; }
#sp1 .sp1t4 { width:186px; height:110px; position:absolute; top:6px; left:303px; background:url(../img/empty.png); }
#sp1 .sp1t4:hover { background:url(../img/sp1T4.png) no-repeat; }
#sp1 .sp1t5 { width:268px; height:94px; position:absolute; bottom:0px; right:142px; background:url(../img/empty.png); }
#sp1 .sp1t5:hover { background:url(../img/sp1T5.png) no-repeat; }
#sp1 .sp1t6 { width:40px; height:193px; position:absolute; top:6px; left:597px; background:url(../img/empty.png); }
#sp1 .sp1t6:hover { width:164px; background:url(../img/sp1T6.png) no-repeat; }


#sp2 { background:url(../img/sp2.png) no-repeat;}
#sp2 .sp2t1 { width:260px; height:218px; position:absolute; bottom:13px; left:117px; background:url(../img/empty.png); }
#sp2 .sp2t1:hover { background:url(../img/sp2T1.png) no-repeat; }
#sp2 .sp2t2 { width:150px; height:133px; position:absolute; top:6px; right:168px; background:url(../img/empty.png); }
#sp2 .sp2t2:hover { background:url(../img/sp2T2.png) no-repeat; }
#sp2 .sp2t3 { width:174px; height:93px; position:absolute; bottom:11px; right:168px; background:url(../img/empty.png); }
#sp2 .sp2t3:hover { background:url(../img/sp2T3.png) no-repeat; }

.sp { position:absolute; width:180px; height:253px; top:0; left:0; background:url(../img/sp.png) no-repeat;}
.ur { position:absolute; width:230px; height:252px; top:0; right:0; background:url(../img/ur.png) no-repeat;}


#tblContainer {  }
.tbl { width:500px; color:#88888b; font-size:12px; }

	#dhtmlgoodies_scrolldiv{
		width:517px!important; right:3px; top:9px; position:absolute; overflow:hidden;
	height:193px!important;	/* The height of the scrolling div */
	z-index: 1;
	}
	#scrolldiv_parentContainer{
		width:500px !important;	/* Width of the scrolling text */
		height:193px;
		overflow:hidden;
		float:left;
		position:relative;
		z-index: 88;
	}
	
	/*
	CSS for the scrolling content 
	*/
	#scrolldiv_content{
		position:relative;
	}
	
	
	/*
	The scrollbar slider 
	*/
	#scrolldiv_slider{
		width:8px;
		margin-left:2px;
		height:192px;
		float:right;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar{
		width:5px;
		height:175px !important;
		position:relative;
		background: transparent url(../img/scrolBar.jpg) repeat-y;
	}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
		margin:1px;
		width:8px;
		height:24px;
		background: transparent url(../img/scroller.png) no-repeat;
		position:absolute;	
		top:0px;
		left:-3px;
		cursor:pointer;
	}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollUp,#scrolldiv_scrollDown{
		width:15px;
		height:16px;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:pointer;
		display: none;
	}
	#scrolldiv_scrollUp{
		margin-bottom:2px;
	}
	#scrolldiv_scrollDown{
		margin-top:2px;
	}

.panes div { display:none; margin-left:16px; margin-top:15px; color:#555556; font-size:11px; }
.urTabs, .spTabs { list-style:none; z-index:2; position:absolute; bottom:11px; right:0px; }
.urTabs li, .spTabs li { float:right; }
.urTabs a.current,.spTabs a.current { display:none; }

.extBt { width:117px; height:32px; cursor:pointer; text-indent:-99999px; overflow:hidden; background:url(../img/extBt.png) no-repeat; display:block; }
.intBt { width:117px; height:32px; cursor:pointer; text-indent:-99999px; overflow:hidden; background:url(../img/intBt.png) no-repeat; display:block; }

.validator { color:#72706D !important; display:inline-block; height:12px; vertical-align:middle; }