@charset "UTF-8";

/** Imports **/
@import url("src/reset.css");
@import url("src/base.css");
@import url("src/layout.css");
@import url("src/form.css");
@import url("src/typography.css");

@media screen
{
	/* ----------------------------------------------*/
	/* -------------->>> MAIN STYLES <<<-------------*/
	/* ----------------------------------------------*/

		body {
				background: #EFF1F3; color: #6c6c6c; line-height: 17px;
				/*font: normal 11px Arial, Helvetica, FreeSans, "Nimbus Sans L", sans-serif, sans-serif;*/
				font-family:arial, helvetica, verdana, "times new roman", sans-serif;
				font-size:62.5%; 
			}
		html>body {
				font-size:12px;
			}

		/** debug body { background: url("../images/grid.png"); } **/

	   	a, a:link {
			color: #036;
			text-decoration:none;
		}
		a:hover {
			color: #00ADEF;
			text-decoration:underline;
		}
		a:hover {
			text-decoration:none;
		}
		a:focus {
			outline-style:none;
		}
	    a:hover {  }

	    p { }

	    legend { font: normal 11px Arial, Helvetica, FreeSans, "Nimbus Sans L", sans-serif, sans-serif; color: #6c6c6c; }
	   	input { font: normal 11px Arial, Helvetica, FreeSans, "Nimbus Sans L", sans-serif, sans-serif; }

	    h1 { 
			font-family: "Times New Roman", Times, serif; 
			font-size: 20px; font-weight: normal; margin: 0px 0px 18px 0px; }
	   	h2 { font-family: Arial, Helvetica, FreeSans, "Nimbus Sans L", sans-serif, sans-serif; }
	    h3 { font-family: Arial, Helvetica, FreeSans, "Nimbus Sans L", sans-serif, sans-serif; font-weight: bold; }
		h4 { font-family: Arial, Helvetica, FreeSans, "Nimbus Sans L", sans-serif, sans-serif; }
	   	h5 { font-family: Arial, Helvetica, FreeSans, "Nimbus Sans L", sans-serif, sans-serif; }
	   	h6 { font-family: Arial, Helvetica, FreeSans, "Nimbus Sans L", sans-serif, sans-serif; }

		input[type="text"] { border: 1px solid #999999; }
				
		input.submit { /* buttons light */
			float:left;
			padding:5px;
			color:#036;
		}
				
		.btnNext span, .btnNext input {
			/* button type next */
			padding-left: 20px;
			background-image: url( ../images/btnIconNext.gif );
		}
		
		.btnLightIcon {
/* buttons light */
    float: left;
    padding: 0 5px 0 0;
    background: url( ../images/btnLight.gif ) right top no-repeat;
    color: #036;
    font-size: 1.1em;
}

.btnLightIcon span, .btnLightIcon input {
/* inner element for the bg */
    float: left;
    padding: 2px 6px 4px 11px;
    background: url( ../images/btnLight.gif ) left top no-repeat;
    color: #036;
}

.btnLightIcon input {
/* inner input element */
    padding: 1px 4px 4px 8px;
    margin: 0;
    border: none;
    text-align: left;
    width: auto;
    cursor: pointer;
    font-size: 11px;
	overflow: visible;
}

.btnLightIcon:hover, .btnLightIcon:focus, .btnLightIcon:hover span, .btnLightIcon:focus span, .btnLightIcon:hover input, .btnLightIcon:focus input {
/* hover focus state button */
    color: #EC8000;
}

.btnLightIcon:hover span, .btnLightIcon:focus span, .btnLightIcon:hover input, .btnLightIcon:focus input {
    background-position: 0 -80px;
}

.btnPrev span, .btnPrev input {
/* button type previous */
    padding-left: 20px;
    background-image: url( ../images/btnIconPrev.gif );
}

.btnPrev input {
    padding-left: 17px;
}

.btnNext span, .btnNext input {
/* button type next */
    padding-left: 20px;
    background-image: url( ../images/btnIconNext.gif );
}

.btnNext input {
    padding-left: 17px;
	
}

.btnCancel span, .btnCancel input {
/* button type cancel */
    padding-left: 23px;
    background-image: url( ../images/btnIconCancel.gif );
}

.btnCancel input {
    padding-left: 20px;
}

.btnReload span, .btnReload input {
/* button type reload */
    padding-left: 24px;
    background-image: url( ../images/btnIconReload.gif );
}

.btnReload input {
    padding-left: 21px;
}

.btnPrint span, .btnPrint input {
/* button type reload */
    padding-left: 28px;
    background-image: url( ../images/btnIconPrint.gif );
}

.btnPrint input {
/* button type reload */
    padding-left: 25px;
}

.btnSearch input {
/* button type search */
    padding-left: 23px;
    background-image: url( ../images/btnIconSearch.gif );
}

.btnDownload span {
/* button type download */
    padding-left: 27px;
    background-image: url( ../images/btnIconDownload.gif );
}

.btnChange span, .btnChange input {
/* button type change */
    padding-left: 27px;
    background-image: url( ../images/btnIconChange.gif );
}

.btnChange input {
    padding-left: 24px;
}

#nav1Box {
	width: 234px; margin: 0px 0px 0px 10px; position: relative;  }
#nav1Box #nav1BoxSub1 { background: url("../images/bg_navi_pcn_mddl_24b.png") left top repeat-y;  }
#nav1Box #nav1BoxSub2 { background: url("../images/ms93_bg_navi_sn_top_24b.png") left top no-repeat; }
#nav1Box #nav1BoxSub3 { background: url("../images/bg_navi_pcn_bttm_24b.png") left bottom no-repeat; padding: 1px 0px 0px 0px; }
#nav1Box ul { 
	margin: 0px auto 0px auto; list-style: none; width: 222px; padding-bottom: 15px; padding-top: 15px; }
#nav1Box ul li {
	background: url("../images/btn_navi_pcn.gif") left top no-repeat; margin: 0px 0px 5px 0px; }
#nav1Box ul li span { 
	padding: 0px 0px 0px 15px; position: relative; white-space: nowrap; width: 207px; line-height: 20px; color: #003366; }
#nav1Box ul li ul { 
	margin: 0px 0px 0px 0px; width: 220px; padding-bottom: 0px; position: relative; top: 0px; padding-top: 0px; }
#nav1Box ul li ul li { background: #FFFFFF; border-bottom: 1px solid #cccccc; margin: 0px 0px 0px 0px; height: auto; }
#nav1Box ul li ul li a { 
	text-decoration: none; line-height: 20px; padding: 0px 0px 0px 15px; height: auto; margin: 0px 0px 0px 0px;
	display: block; background: #FFFFFF; }
#nav1Box ul li ul li a.cur { color: #00ADEF; }	
#nav1Box ul li ul li a:hover { background: #ECECEC; color: #00ADEF; }
#nav1Box ul li ul li a, a:link {
			color: #036;
			text-decoration:none;
		}
#nav1Box ul li ul .last { border-bottom: none; }
	
#nav1Box ul li .current { 
		padding: 0px 0px 0px 15px; position: relative; white-space: nowrap; width: 207px; line-height: 20px; color: #003366; }
	
	/* ----------------------------------------------*/
	/* ---------------->>> LAYOUTS <<<---------------*/
	/* ----------------------------------------------*/
		#ie_historyFrame  { display: none; }
		.dealer * {}
		td.form { text-align: left; }
		/** Wrapper layout **/
	    #wrapperLayout { width: 1000px; min-height: 100%; overflow: hidden; background: #FFFFFF; }
	    #wrapperLayout #wrapperLayoutSub1 {
			width: 1000px; overflow: hidden; position: relative; padding: 0px 0px 27px 0px; }

	    /** Center layout **/
	    #centerLayout { width: 100%; overflow: hidden; }
		#centerLayout #centerLayoutSub1 { }
		#centerLayout #centerLayoutSub2 { }

	   	/** Header layout **/
	   	#headerLayout {
	   		position: relative; height: 93px; width: 1000px;
	   		background: url("../images/header_bg.png") left top no-repeat; }

	    /** Footer layout **/
	   	#footerLayout { 
	   		position: fixed; clear: both; width: 1000px; height: 27px; bottom: 0px; left: 0px;
	   		background: url("../images/footer_bg.png") left top no-repeat; z-index: 10; }

	    /** Content layout **/
	   	#contentLayout {
			width: 100%; overflow: hidden; padding: 0px 0px 15px 0px; }

	/* ----------------------------------------------*/
	/* ------------>>> NAVIGATIONS <<<---------------*/
	/* ----------------------------------------------*/
	
		/** standartNavigation **/
		#standartNavigation { position: absolute; top: 9px; right: 12px; }
		#standartNavigation ul { margin: 0px 0px 0px 0px; list-style: none; }
		#standartNavigation ul li { border-left: 1px solid #333333; float: left; padding: 0px 8px 0px 8px; line-height: 10px; }
		#standartNavigation ul li:first-child { border-left: none; }
		#standartNavigation ul li a { color: #333333; font-size: 10px; text-decoration: none; }
		#standartNavigation ul li a:hover { text-decoration: underline; }

		/** mainNavigation **/
		#mainNavigation { position: absolute; top: 65px; right: 58px; z-index: 99; }
		#mainNavigation ul { margin: 0px 0px 0px 0px; list-style: none; z-index: 29; }
		#mainNavigation ul li { float: left; position: relative;  z-index: 29; }
		#mainNavigation ul li a { color: #333333; text-decoration: none; margin: 0px 0px 0px 0px; display: block; }
		#mainNavigation ul li a:hover { color: #00adef; }
		#mainNavigation ul li span { color: #333333; }
		#mainNavigation ul li .current { 
			display: block; height: 28px;
			background: url("../images/main_menu_bg1.png") left top repeat-x; }
		#mainNavigation ul li .currentSub1 { 
			display: block; height: 28px;
			background: url("../images/main_menu_bg2.png") left top no-repeat; }
		#mainNavigation ul li .currentSub2 { 
			padding: 6px 10px 0px 10px; display: block; height: 28px;
			background: url("../images/main_menu_bg3.png") right top no-repeat; }
		#mainNavigation ul li .sub1 { display: block; height: 28px; }
		#mainNavigation ul li .sub2 { display: block; height: 28px; }
		#mainNavigation ul li .sub3 { padding: 8px 10px 0px 10px; display: block; height: 26px; }
		#mainNavigation ul li .sub1:hover { 
			display: block; height: 28px;
			background: url("../images/main_menu_bg4.png") left top repeat-x; }
		#mainNavigation ul li .sub2:hover { 
			display: block; height: 28px;
			background: url("../images/main_menu_bg5.png") left top no-repeat; }
		#mainNavigation ul li .sub3:hover { 
			display: block; height: 28px;
			background: url("../images/main_menu_bg6.png") right top no-repeat; color: #00adef; }
		#mainNavigation ul li .sub1_2 {
			display: block; height: 28px; background: url("../images/main_menu_bg4_2.png") left top repeat-x; }
		#mainNavigation ul li .sub2_2 {
			display: block; height: 28px; background: url("../images/main_menu_bg5_2.png") left top no-repeat; }
		#mainNavigation ul li .sub3_2 {
			padding: 8px 10px 0px 10px; display: block; height: 26px;
			background: url("../images/main_menu_bg6_2.png") right top no-repeat; color: #333333; }
		#mainNavigation ul li .subMenu { position: absolute; width: 199px; display: none; z-index: 99; }
		#mainNavigation ul li .subMenu .subMenuSub1 { background: url("../images/main_menu_bg8.png") left top repeat-y; width: 199px; }
		#mainNavigation ul li .subMenu .subMenuSub1 ul { 
			margin: 0px 0px 0px 0px; list-style: none; border-bottom: 1px solid #d8d8d8; width: 191px; margin: 0px 0px 0px 1px; }
		#mainNavigation ul li .subMenu .subMenuSub1 ul li { float: none; padding: 3px 0px 3px 10px; border-top: 1px solid #d8d8d8; }
		#mainNavigation ul li .subMenu .subMenuSub2 { 
			background: url("../images/main_menu_bg7.png") left top no-repeat;
			width: 199px; height: 40px; }
		
	/* ----------------------------------------------*/
	/* -------------->>> BOXES <<<-------------------*/
	/* ----------------------------------------------*/

		/** logoBox **/
		#logoBox { position: absolute; top: 25px; left: 103px; }
		#titleBox { position: absolute; top: 6px; left: 270px; font-size:10px }
		#titleBox a, a:link {
			color: #666666;
			text-decoration:none;
		}
		#titleBox a:hover {
			color: #00ADEF;
			text-decoration:underline;
		}
		#titleBox a:hover {
			text-decoration:none;
		}
		#titleBox a:focus {
			outline-style:none;
		}
	    #titleBox a:hover {  }
		#langBox { position: absolute; top: 22px; right: 20px; }
		#dealerBox { position: absolute; top: 43px; right: 10px; }
		#dealerlinkBox { position: absolute; top: 70px; right: 164px; font-size:11px; color:#333333; }
		#dealerlinkBox .left { padding-left: 10px; padding-right: 26px; }  
		#dealerlinkBox .right { padding-right: 10px; padding-left: 26px; }
		#dealerlinkBox a.left {
			background-image:url(/images/css/lsi_arrow_left_ant_cyan_2.gif);
			background-position:0px 4px;
			background-repeat:no-repeat;
			color:#333333;
		}
		#dealerlinkBox a.left:hover {
			background-position:0px -30px;
			color:#00ADEF;
		}
		#dealerlinkBox a.right {
			background-image:url(/images/css/lsi_arrow_right_ant_cyan_2.gif);
			background-position:100% 4px;
			background-repeat:no-repeat;
			color:#333333;
		}
		#dealerlinkBox a.right:hover {
			background-position:100% -30px;
			color:#00ADEF;
		}
		
		#footerlinkBox { position: absolute; bottom: 30px; right: 20px; font-size:11px; color:#333333; padding:10px 0 10px 0 }
		#footerlinkBox .left { padding-left: 10px; padding-right: 26px; }  
		#footerlinkBox .right { padding-right: 10px; padding-left: 26px; }
		#footerlinkBox .center { padding-right: 26px; padding-left: 26px; }
		#footerlinkBox a.left {
			background-image:url(/images/css/lsi_arrow_left_ant_cyan_2.gif);
			background-position:0px 4px;
			background-repeat:no-repeat;
			color:#333333;
		}
		#footerlinkBox a.left:hover {
			background-position:0px -30px;
			color:#00ADEF;
		}
		#footerlinkBox a.right {
			background-image:url(/images/css/lsi_arrow_right_ant_cyan_2.gif);
			background-position:100% 4px;
			background-repeat:no-repeat;
			color:#333333;
		}
		#footerlinkBox a.right:hover {
			background-position:100% -30px;
			color:#00ADEF;
		}
		#footerlinkBox a.center {
			/*background-image:url(/images/css/lsi_arrow_right_ant_cyan_2.gif);
			background-position:100% 4px;
			background-repeat:no-repeat;*/
			color:#333333;
		}
		#footerlinkBox a.center:hover {
			/*background-position:100% -30px;*/
			color:#00ADEF;
		}	
		#footerlinkBox span.center {
			/*background-image:url(/images/css/lsi_arrow_right_ant_cyan_2.gif);
			background-position:100% 4px;
			background-repeat:no-repeat;*/
			color:#333333;
		}
		
		/** copyrightBox **/
		#copyrightBox { position: absolute; top: 5px; left: 56px; }
		
		/** copyright2Box **/
		#copyright2Box { position: absolute; top: 8px; right: 21px; }
		#copyright2Box p { margin: 0px 0px 0px 0px; font-size: 10px; color: #666666; }
		#copyright2Box span { color: #00ADEF; }
		#copyright2Box a, a:link  { color: #666666;  }
		#copyright2Box a:hover {
			color: #00ADEF;
			text-decoration:none;
		}
					
		/** content1Box **/
		#content1Box {
			height: 310px; width: 1000px; background: url("../images/car2.jpg") left top no-repeat; }
		#content12Box {
			height: 1px; width: 1000px; }
			
		#content1Box #content1BoxImg {  }
			
		/** content2Box **/
		#content2Box { width: 100%; overflow: visible; }
		#content2Box #content2BoxSub1 {
			background: url("../images/content_bg2.png") left top repeat-x; min-height: 160px; padding: 20px 20px 0px 20px;	}

		/** content3Box **/
		#content3Box { width: 100%; overflow: visible; position: relative; }
		#content3Box #content3BoxSub1 { padding: 20px 20px 0px 20px;	}
		
		/** newsBox **/
		#newsBox { position: absolute; right: 10px; top: 168px; z-index: 40; width: 232px; }
		#newsBox .subHead {
			width: 232px; height: 3px; background: url("../images/news_bg.png") left top no-repeat; }
		#newsBox .subBody{
			width: 232px; padding: 6px 0px 2px 0px; background: url("../images/news_bg2.png") left top repeat-y; }
		#newsBox .subFoot{
			width: 232px; height: 6px; background: url("../images/news_bg3.png") left top no-repeat; }
		#newsBox .line { width: 99%; overflow: hidden; padding: 9px 0px 9px 0px; border-top: 1px solid #DDDDDD; }
		#newsBox .line:first-child { padding: 0px 0px 9px 0px; border-top: none; }
		#newsBox .last { margin: 0px 0px 0px 0px; padding: 9px 0px 0px 0px; }
		#newsBox .line .image { width: 80px; float: left; position: relative; z-index: 4; padding: 0px 0px 0px 8px; }
		#newsBox .line .body { float: right; width: 100%; margin: 0px 0px 0px -88px; }
		#newsBox .line .bodySub1 { margin: 0px 0px 0px 88px; position: relative; z-index: 2; padding: 0px 14px 0px 0px; }
		#newsBox .line .bodySub1 h2 { font-size: 12px; background: url("../images/arrow1.png") left 4px no-repeat; padding: 0px 0px 0px 9px; }
		#newsBox .line .bodySub1 h2 a { text-decoration: none; color: #003366; }
		#newsBox .line .bodySub1 h2 a:hover { text-decoration: underline; }
		#newsBox .line .bodySub1 p { line-height: 15px; color: #666666; font-size: 12px; margin: 0px 0px 0px 0px; }
			
		/**  loginBox **/
		#loginBox { float: right; margin: 35px 10px 0px 0px; z-index: 20; }
		#loginBox #loginBoxSub1 {
			background: url("../images/login_bg.png") left top no-repeat; width: 232px; height: 114px; padding: 1px 0px 0px 0px; }
		#loginBox h2 {
			font-family: "Times New Roman",Times,"Nimbus Roman No9 L","FreeSerif",serif; font-size: 22px; font-weight: normal;
			color: #343434; margin: 11px 0px 0px 20px; }
		#loginBox .form { margin: 9px 3px 0px 19px; }
		#loginBox .line { margin: 0px 0px 5px 0px; width: 100%; overflow: hidden; }
		#loginBox .subLeft { float: left; width: 45px; }
		#loginBox .subRight { float: left; width: 165px; }
		#loginBox .subRight *  { vertical-align: middle; }
		#loginBox label { font-size: 12px; color: #333333; }
		#loginBox .text { background: #FFFFFF; border: 1px solid #999999; }
		#loginBox .text5 { width: 160px; }
		#loginBox .text6 { width: 94px; }
		#loginBox .submit { padding: 0px 0px 0px 6px; }
		#loginBox .lostPasswordLink { 
			display: block; float: right; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 6px;
			color: #333333; font-size: 12px; text-decoration: none;
			background: url("../images/login_bg2.png") left center no-repeat; }
		#loginBox .lostPasswordLink:hover { text-decoration: underline; }

		/** priceBox **/
		#priceBox {  }
		#priceBox .form { width: 100%; overflow: hidden; margin: 0px 0px 0px 0px; }
		#priceBox .form .cell1 { float: left; width: 362px; }
		#priceBox .form .cell2 { float: left; width: 141px; padding: 0px 0px 0px 217px; }
		#priceBox .form input[type="text"] { zoom: 1; display: block; margin: 0px 0px 5px 0px; width: 100%; }
		#priceBox .form strong { display: block; margin: 0px 0px 10px 0px; font-size: 12px; }
		#priceBox .form .submitLink { 
			text-align: right; margin: 0px -1px 0px 0px; padding: 0px 0px 0px 0px;
			background: url("../images/arrow2.png") right 4px no-repeat; }
		#priceBox .form .submitLink a { font-size: 12px; color: #515964; padding: 0px 7px 0px 0px; }

		/** news2Box **/
			#news2Box { }
			#news2Box .line { width: 100%; overflow: hidden; margin: 0px 0px 22px 0px; }
			#news2Box .line .image { width: 185px; float: left; position: relative; z-index: 4; }
			#news2Box .line .body { float: right; width: 100%; margin: 0px 0px 0px -185px; }
			#news2Box .line .bodySub1 { margin: 0px 0px 0px 185px; position: relative; z-index: 2; }
			#news2Box .line .bodySub1 h2 { 
				font-size: 12px; background: url("../images/arrow1.png") left 5px no-repeat; 
				padding: 0px 0px 0px 9px; font-weight: bold; color: #003366; }
			#news2Box .line .bodySub1 h2 a { text-decoration: none; color: #003366; }
			#news2Box .line .bodySub1 h2 a:hover { text-decoration: underline; }
			#news2Box .line .bodySub1 p { line-height: 15px; color: #333333; }
		
		
		/** secondNavigation **/
		#secondNavigation { }
		#secondNavigation ul { margin: 0px 0px 0px 0px; list-style: none; width: 170px; border-bottom: 1px solid #dddddd; }
		#secondNavigation ul li { 
			background: url("../images/second_menu_bg.gif") 9px 8px no-repeat; padding: 0px 0px 0px 19px;
			border-top: 1px solid #dddddd; }
		#secondNavigation ul li a { display: block; color: #003366; text-decoration: none; padding: 3px 0px 2px 0px; }
		#secondNavigation ul li a:hover { text-decoration: underline; }
		#secondNavigation ul .current { background: #ececec url("../images/second_menu_bg2.gif") 9px 8px no-repeat; }
		#secondNavigation ul .current span { display: block; color: #00adef; padding: 3px 0px 2px 0px; }

		/** content3Box **/
	   	#content3Box { 
	   		width: 100%; overflow: hidden; padding: 36px 0px 15px 0px; }
	   	#content3Box #leftLayout { width: 190px; }
	   	#content3Box #rightLayout { margin: 0px 0px 0px -190px; background: #ffffff; }
	   	#content3Box #rightLayoutSub1 { margin: 0px 0px 0px 190px; padding: 0px 15px 0px 0px; }

	/* ----------------------------------------------*/
	/* ---------->>> DECORATION STYLES <<<-----------*/
	/* ----------------------------------------------*/

	   	
		.table1 { border-collapse: collapse; width: 100%; table-layout: fixed; }
		.table1 td, .table1 th { border: 1px solid #DDDDDD; }
		.table1 td { width: 50%; font-size: 12px; padding: 9px 0px 9px 15px; color: #515964; }
		.table1 th {
			background: #ECECEC; text-align: left; padding: 9px 0px 9px 15px;
			color: #515964; text-decoration: underline; }
        
        .pDecor1 { border: 1px solid #DDDDDD; margin: 20px 0px 0px 0px; padding: 6px 0px 6px 14px; }
		.pDecor1 a {
			font-size: 12px; padding: 0px 10px 0px 0px;
			background: url("../images/arrow2.png") right center no-repeat; }
}