/*------------------------------------------------------------------------------------*/
/* -------------------------------INITIAL STYLE------------------------------ */
/*------------------------------------------------------------------------------------*/
* {margin:0; padding:0;}
body{color:#656565; font:11px/1 Tahoma; text-align:center; background:#A1A2A3 url(../images/bg.jpg) repeat 0 0;}
table{border-collapse:collapse;}
table td{vertical-align:top;}
img{border:0;}
a{color:#A19526; text-decoration:none;}
a:hover{text-decoration:underline;}

.page{position:relative; top:0; left:0; width:946px; margin:0 auto; padding:17px 0;}

/* Header */
.header{position:relative; top:0; left:0; width:auto; height:70px; padding:2px 0 5px; border-top:2px solid #FFF; border-right:11px solid #FFF; border-bottom:2px solid #FFF; border-left:11px solid #FFF; text-align:left; overflow:hidden; background:#EBEBEB;}
	.header .logo{position:absolute; top:15px; left:21px; width:284px; height:44px; display:block; text-decoration:none;}
	.header .system{float:right; width:593px; height:70px; margin-right:2px; overflow:hidden; background:#C7C7C7 url(../images/bg_system.png) repeat-x 0 0;}
		.header .search{float:left; width:351px; height:100%; background:url(../images/bg_system.png) no-repeat 0 -70px;}
			.header .search form{width:100%; height:100%; background:url(../images/bg_system.png) no-repeat 100% -140px;}
				.header .search form p{padding:25px 0 0 65px; color:#FFF; font:900 14px/1 Arial;}
					.header .search form p input{width:110px; padding:1px 5px; border:1px solid #AFAFAF; color:#000; font:900 14px/1 Arial;}
					.header .search form p input.button{width:80px; padding:0 5px; border:1px solid #CB6205; /border:0; color:#FFF; cursor:pointer; background:#F67705 url(../images/bg_button.png) repeat 0 50%;}
		.header .basket{height:100%; margin-left:351px; padding-top:9px; background:url(../images/bg_system.png) repeat-x 0 -210px;}
			.header .basket .name{float:left; margin-top:19px; padding:0 10px; color:#FFF; font:900 14px/1 Arial;}
			.header .basket .summ{height:53px; margin:0px 5px 0 85px; padding:0 5px; border:1px solid #D46E00; line-height:150%;}
			.header .basket strong{color:#000;}
			.header .basket span{color:#864500;}
			.header .basket .complet{color:#FFFFFF;}
				.header .basket .complet a{color:#FFFFFF; text-decoration:underline;}
				.header .basket .complet a:hover{text-decoration:none;}

/* Navigation */
.nav{position:relative; top:0; left:0; width:auto; height:310px; padding:0 11px; text-align:left; background:#FFF;}
	.nav .best{float:left; width:185px; height:306px; background:#A1A1A1;}
		.nav .best .title{background:#F67705 url(../images/bg_title_blue.png) repeat-x 0 100%;}
			.nav .best .title p{padding:0 27px 0 11px; background:url(../images/point_title_blue.png) no-repeat 100% 4px;}
		.nav .best .top, .nav .best .bottom{display:block; width:165px; height:16px; margin-left:10px;}
		.nav .best .carusel{position:relative; width:165px; height:230px; margin-left:10px; overflow:hidden;}
			.nav .best .carusel ul{position:absolute; top:0px; width:165px; height:10000px;}
				.nav .best .carusel ul li{list-style:none; height:110px; padding:3px 0 7px 0; list-style:none; background:url(../images/border.gif) repeat-x 0 100%;}
					.nav .best .carusel ul li a{display:block; color:#000; font-weight:900;}
						.nav .best .carusel ul li a b{display:block; margin-top:8px; padding:4px; border:1px solid #EEE; background:#EEE;}
							.nav .best .carusel ul li a b em{display:block; border:1px solid #D0D0D0; text-align:center; background:#FFF;}
								.nav .best .carusel ul li a b em img{vertical-align:bottom;}
	.nav .menu{position:relative; float:right; width:733px; height:304px; border:1px solid #898989; overflow:hidden;}
		.nav .menu ul{padding-top:2px;}
			.nav .menu ul li{float:left; width:121px; height:300px; margin-left:0; border-left:1px solid #919191; list-style:none;}
			.nav .menu ul li.first{border-left:1px solid #FFF;}
				.nav .menu ul li a{display:block; width:117px; height:298px; margin:0 0 0 1px; padding:0; border:1px solid #919191; text-transform:uppercase; cursor:pointer;}
				.nav .menu ul li a:hover{text-decoration:none;}
					.nav .menu ul li a b{display:block; width:117px; height:262px;}
					.nav .menu ul li a span{display:block; width:117px; height:37px; background:#F97905 url(../images/bg_menu.png) no-repeat 100% 0;}
						.nav .menu ul li a span em{display:block; padding:4px 0 0 5px; color:#FFF; font:normal 900 12px/1.2 Arial;}
						.nav .menu ul li a:hover span em{text-decoration:underline;}
/* Products */
.products{position:relative; top:0; left:0; width:auto; height:214px; padding:0 11px; text-align:left; background:#FFF url(../images/bg_footer.png) no-repeat 50% 189px;}
	.products ul{}
		.products ul li{float:left; width:216px; height:153px; padding:0; list-style:none;}
		.products ul li.border{width:20px; background:url(../images/border2.gif) repeat-y 50% 0;}
			.products ul li a.product{display:block; padding-bottom:4px; border-bottom:3px solid #FFF; cursor:pointer; background:#DFDFDF;}
				.products ul li a.product span{display:block; height:29px; padding:1px 7px; border-bottom:1px solid #FFF; color:#FFF; font:900 11px/1.3 Arial; background:#818181;}
				.products ul li a.product b{display:block; margin:4px 4px 0 4px; padding:5px; border:1px solid #828282; background:#EEE;}
					.products ul li a.product b em{display:block; height:70px; border:1px solid #D0D0D0; text-align:center; background:#FFF;}
						.products ul li a.product b em img{vertical-align:bottom;}
				.products ul li a:hover{text-decoration:none;}
					.products ul li a:hover span{text-decoration:underline;}
			.products ul li p{display:block; height:27px; color:#FFF; background:#F67705;}
				.products ul li p .basket, .products ul li p .zoom{float:right; border-left:2px solid #FFF;}
				.products ul li p span{display:block; padding:8px 0 0 15px;}
					.products ul li p strong{padding-left:10px; color:#000;}

/* Main part */
.main{position:relative; top:0; left:0; width:auto; min-height:100px; _height:100px; margin:0 auto; text-align:left; background:#FFF;}
	.content{float:left; width:686px; min-height:100px; border-left:11px solid #FFF; background:#FFF;}
		.content p{padding:7px 0;}
	.sitebar{float:right; width:216px; min-height:100px; border-right:11px solid #FFF; background:#FFF;}
		.sitebar ul{margin-bottom:10px;}
			.sitebar ul li{list-style:none; background:url(../images/border.gif) repeat-x 0 100%;}
				.sitebar ul li a{display:block; padding:7px 13px; _padding:7px 0 0 13px; color:#6B6B6B; font-weight:900; background:url(../images/point_menu.gif) no-repeat 2px 11px;}
				.sitebar ul li a:hover{text-decoration:underline; background:url(../images/point_menu.gif) no-repeat 5px 11px;}
	.clear{clear:both; height:15px;}

/* Footer */
.footer{clear:both; position:relative; top:0; left:0; width:auto; height:70px; padding-top:15px; text-align:left; background:#FFF url(../images/bg_footer.png) no-repeat 50% 56px;}
	.footer .sys{width:auto; height:41px; padding:0 10px; border-right:11px solid #FFF; border-left:11px solid #FFF; background:#F97905;}
		.footer .sys p{float:left; color:#FFF;}
		.footer .sys p a{margin-right:5px;}
		.footer .sys p.stat{margin-top:5px;}
		.footer .sys p.copy{margin-top:15px; padding-left:20px;}


/*------------------------------------------------------------------------------------*/
/* --------------------------------OTHER STYLE------------------------------- */
/*------------------------------------------------------------------------------------*/

/* curvature corner */
.b1, .b2, .b3, .b4{position:relative; top:0; left:0; width:auto; height:1px; font-size:1px; line-height:1px; display:block; background:#FFF;}
.b1{margin:0 5px;}
.b2{margin:0 3px;}
.b3{margin:0 2px;}
.b4{margin:0 1px;}

/* titles */
.title{width:auto; height:29px; margin-bottom:5px; text-transform:uppercase; background:#004293 url(../images/bg_title_red.png) repeat-x 0 100%;}
	.title p{height:29px; padding:0 60px 0 20px; color:#FFF; font:900 14px/29px Arial; background:url(../images/point_title_red.png) no-repeat 100% 4px;}
		.title p a.sys{float:right; color:#FFF; font:300 12px/29px Arial; text-decoration:underline; text-transform:none;}
		.title p a:hover.sys{text-decoration:none;}

.all{color:#004293; font-weight:900;}