/*------------------------------------------------------------------------------------*/
/* -------------------------------INITIAL STYLE------------------------------ */
/*------------------------------------------------------------------------------------*/
* {margin:0; padding:0;}
body{color:#FFF; 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:#65C1FF; 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:0 0 7px 0; border-top:2px solid #17324F; border-right:11px solid #17324F; border-bottom:2px solid #17324F; border-left:11px solid #17324F; text-align:left; overflow:hidden; background:#ACCBE3;}
	.header .logo{position:absolute; top:0; left:0; display:block; text-decoration:none;}
	.header .system{float:right; width:593px; height:70px; margin-right:2px; border-top:2px solid #DDF0FC; overflow:hidden; background:#0F88BD url(../images/bg_system.png) no-repeat 0 0;}
		.header .search{float:left; width:365px; height:100%;}
			.header .search form{width:100%; height:100%;}
				.header .search form p{padding:25px 0 0 65px; color:#FFF; font:900 14px/1 Arial;}
					.header .search form p input{width:130px; padding:1px 5px; border:1px solid #B95813; color:#000; font:900 14px/1 Arial;}
					.header .search form p input.button{width:80px; padding:0 5px; border:1px solid #17324F; /border:0; color:#FFF; cursor:pointer; background:#1369A6;}
		.header .basket{height:100%; margin-left:365px; padding-top:9px;}
			.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 82px; padding:0 5px; border:1px solid #E00; line-height:150%;}
			.header .basket strong{color:#FFF;}
			.header .basket span{color:#F00;}
			.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:#17324F;}
	.nav .best{float:left; width:185px; height:306px; background:#A8A8A8;}
		.nav .best .title{height:28px; background:#0F88BD url(../images/bg_title_blue.png) repeat-x 50% 100%;}
			.nav .best .title p{padding:0 27px 0 11px; font:900 14px/28px Arial;}
		.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 #EEEEEE; 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 #FFF; 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 #FFF; list-style:none;}
			.nav .menu ul li.first{border-left:1px solid #17324F;}
				.nav .menu ul li a{display:block; width:117px; height:298px; margin:0 0 0 1px; padding:0; border:1px solid #37405A; 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:#0F88BD url(../images/bg_menu.png) no-repeat 0 0;}
						.nav .menu ul li a span em{display:block; padding:4px 0 0 5px; color:#FFF; font:normal 900 11px/1.3 Arial;}
							.nav .menu ul li a span em strong{color:#895C26;}
						.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:#17324F 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 #17324F; cursor:pointer; background:#DFDFDF;}
				.products ul li a.product span{display:block; height:29px; padding:1px 7px; border-bottom:1px solid #17324F; color:#FFF; font:900 11px/1.3 Arial; background:#999FB0;}
				.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:#E88729;}
				.products ul li p .basket, .products ul li p .zoom{float:right; border-left:2px solid #17324F;}
				.products ul li p span{display:block; padding:8px 0 0 15px;}
					.products ul li p strong{padding-left:10px; color:#FFF;}

/* Main part */
.main{position:relative; top:0; left:0; width:auto; min-height:100px; _height:100px; margin:0 auto; text-align:left; background:#17324F;}
	.content{float:left; width:686px; min-height:100px; border-left:11px solid #17324F; background:#17324F;}
		.content p{padding:7px 0;}
	.sitebar{float:right; width:216px; min-height:100px; border-right:11px solid #17324F; background:#17324F;}
		.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:#FFF; 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:#17324F url(../images/bg_footer.png) no-repeat 50% 56px;}
	.footer .sys{width:auto; height:41px; padding:0 10px; border-right:11px solid #17324F; border-left:11px solid #17324F; background:#1369A6 url(../images/bg_copy.jpg) repeat-x 0 0;}
		.footer .sys p{float:left; color:#FFF; font-weight:900;}
		.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:#17324F;}
.b1{margin:0 5px;}
.b2{margin:0 3px;}
.b3{margin:0 2px;}
.b4{margin:0 1px;}

/* titles */
.title{width:auto; height:33px; margin-bottom:5px; text-transform:uppercase; background:#FF31A9;}
	.red{background:#C46518 url(../images/bg_title_red.png) no-repeat 100% 50%;}
	.title p{height:33px; padding:0 60px 0 20px; color:#FFF; font:900 14px/33px Arial;}
		.title p a.sys{float:right; color:#FFF; font:300 12px/33px Arial; text-decoration:underline; text-transform:none;}
		.title p a:hover.sys{text-decoration:none;}

.all{font-weight:900;}


