@charset "utf-8";
/* Основные */
* {
	margin:0;
	padding:0;
}

body {
	width:100%;
	color:#333;
	font-family:Arial;
	font-size:100%;
	background:#1C629A url(/img/design/bg.png) top center repeat-x;
	behavior:url(/hover.htc);
}

table {
	font-size:100%;
	border-collapse:collapse;
}

img {
	border:0;
}

.clear {
	width:100%;
	clear:both;
	float:none !important;
	overflow:hidden;
	height:0;
	font-size:0;
}

a {color:#035290;}
a:hover {color:#CA3737;}





/* Все */
#all {
	max-width:1600px;
	min-width:980px;
	width:expression((document.documentElement.clientWidth	|| document.body.clientWidth) < 980 ? '980px' : (document.documentElement.clientWidth || document.body.clientWidth) > 1600 ? '1635px' : '99.9%' );
}





/* Логотип */
#logo {
	float:left;
	width:20%;
	text-align:center;
}

#logo img {
	width:175px;
	height:67px;
	margin:30px 10px 20px -10px;
}





/* Шапка */
#head {
	float:left;
	width:80%;
	//margin-right:-100%;
}





/* Закладки */
#login {
	clear:both;
	width:100%;
	float:left;
	margin:1em 0 2em 0;
}

#login input.text {
	display:block;
	float:left;
	width:15%;
	height:1.5em;
	margin:0 3px 0 0;
	background:#E5E5E5;
	border:1px solid #1C629A;
	border-right:1px solid #CDDDDF;
	border-bottom:1px solid #CDDDDF;
	font-size:80%;
}

#login input:focus.text {
	background:#fff;
	border:1px solid #FCED6A;
	border-right:1px solid #FCED6A;
	border-bottom:1px solid #FCED6A;
}

#login input.button {
	display:block;
	float:left;
	width:15%;
	height:1.7em;
	margin:0 30px 0 0;
	color:#fff;
	background:#82A6C4 url(/img/design/login.png) top left repeat-x;
	border:0;
	cursor:pointer;
	font-size:80%;
}

#login a:hover.registration,
#login a:hover.forgot {
	color:#FCED6A;
}

#login a.registration {
	display:block;
	float:left;
	height:1.5em;
	margin:0 30px 0 0;
	color:#fff;
	font-size:80%;
}

#login a.forgot {
	display:block;
	float:left;
	height:1.5em;
	margin:0 30px 0 0;
	color:#8FB2D0;
	font-size:80%;
}

#login a {
	display:block;
	float:left;
	height:1.5em;
	margin:0 30px 0 0;
	color:#fff;
	font-size:80%;
}

#login b {
	display:block;
	float:left;
	height:1.5em;
	margin:0 30px 0 0;
	color:#fff;
	font-size:80%;
}



/* Кнопки */
#buttons {}

.cn {filter: expression(fixPNG(this));}

#buttons a.button {
	display:block;
	float:left;
	color:#fff;
	font-size:80%;
	font-weight:normal;
	white-space:nowrap;
	cursor:pointer;
	text-decoration:none;
}

#buttons a:hover.button {color:#FCED6A;}

#buttons a.button#width-1 {width:17%;}
#buttons a.button#width-2 {width:18%;}
#buttons a.button#width-3 {width:17%;}
#buttons a.button#width-4 {width:18%;}
#buttons a.button#width-5 {width:30%; //margin-right:-1px;}

#buttons a.button .content {
	margin:0 10px -2px 0;
	background:url(/img/design/button-bg.png) top left repeat-x;
	text-align:center;
}

#buttons a.button .content-bg {
	position:relative;
	background:url(/img/design/button-bg2.png) top right no-repeat;
	text-align:center;
}


	#buttons #current a.button {color:#000; margin-bottom:-1px;}
	
	#buttons #current a.button .cn {background:url(/img/design/button-current.png);}
	
	#buttons #current a.button .content {
		background:#FFDC43 url(/img/design/button-current-bg.png) top left repeat-x;
	}
	
	#buttons #current a.button .content-bg {
		background:url(/img/design/button-current-bg2.png) top right no-repeat;
	}
	

#buttons a.button .tb, 
#buttons a.button .bb {
	position:relative;
	height:6px;
	overflow:hidden;
	z-index:1;
}

#buttons a.button .tb {
	z-index:1;
}

#buttons a.button .bb {
	z-index:1;
}

#buttons a.button .cn {
	position:relative;
	width:6px;
	height:24px;
	overflow:hidden;
}

#buttons a.button .cn.r {
	position:absolute;
	margin-left:100%;
	left:-16px;
	top:-6px;
}

#buttons a.button .bb .cn {
	margin-top:-12px;
}


#buttons a.button .cn {
	background:url(/img/design/button.png);
}

#buttons a.button .cn.l {
	width:auto;
	margin-right:16px;
}





/* Закладки */
#bookmarks {padding-top:1em;}

.cn {filter: expression(fixPNG(this));}

#bookmarks a.button {
	position:relative;
	display:block;
	float:left;
	color:#fff;
	font-size:130%;
	font-weight:normal;
	white-space:nowrap;
	cursor:pointer;
	text-decoration:none;
}

#bookmarks a:hover.button {color:#FCED6A;}

#bookmarks a.button#width-1 {width:26%;}
#bookmarks a.button#width-2 {width:48%;}
#bookmarks a.button#width-3 {width:26%; //margin-right:-1px;}

#bookmarks a.button .content {
	margin:0 10px 0 0;
	background:#1C629A url(/img/design/bookmark-bg.png) top left repeat-x;
	text-align:center;
}

#bookmarks a.button .content-bg {
	position:relative;
	padding:0 0 8px 0;
	background:url(/img/design/bookmark-bg2.png) top right no-repeat;
	text-align:center;
}


	#bookmarks #current a.button {color:#000; margin-bottom:-1px;}
	
	#bookmarks #current a.button .cn {background:url(/img/design/bookmark-current.png);}
	
	#bookmarks #current a.button .content {
		background:#FFDC43 url(/img/design/bookmark-current-bg.png) top left repeat-x;
	}
	
	#bookmarks #current a.button .content-bg {
		background:url(/img/design/bookmark-current-bg2.png) top right no-repeat;
		padding-bottom:9px;
	}
	

#bookmarks a.button .tb, 
#bookmarks a.button .bb{
	position:relative;
	height:12px;
	overflow:hidden;
	z-index:1;
}

#bookmarks a.button .tb {
	z-index:1;
}

#bookmarks a.button .bb {
	z-index:1;
}

#bookmarks a.button .cn {
	position:relative;
	width:12px;
	height:48px;
	overflow:hidden;
}

#bookmarks a.button .cn.r {
	position:absolute;
	margin-left:100%;
	left:-22px;
	top:-12px;
}

#bookmarks a.button .bb .cn {
	margin-top:-24px;
}


#bookmarks a.button .cn {
	background:url(/img/design/bookmark.png);
}

#bookmarks a.button .cn.l {
	width:auto;
	margin-right:22px;
}





/* Разделитель */
.hr {
	width:100%;
	float:left;
	clear:both;
	overflow:hidden;
	height:5px;
	//padding-right:1px;
	font-size:0;
	background:#FFDC50;
	border-top:1px solid #FCEC6A;
	border-bottom:1px solid #DADADA;
}

.hr#passive {
	background:#1C629A;
	border-top:1px solid #2D73AF;
	border-bottom:1px solid #DADADA;
}

.hr#bottom {
	background:#035290;
	border-top:1px solid #DADADA;
	border-bottom:1px solid #034886;
}






/* Контент */
div#content {
	float:left;
	clear:both;
	width:100%;
	padding-bottom:10px;
	//padding-right:1px;
	background:#E5E5E5;
}

div#content div#left {
	float:left;
	width:20%;
	//margin-right:-100%;
}

div#content div#right {
	float:right;
	width:80%;
}

	div#content div#right h1 {
		padding:10px 20px 0 20px;
		font-size:130%;
		font-weight:normal;
	}

	div#content div#right h2 {
		padding:1em 20px 0 20px;
		font-size:110%;
		font-weight:normal;
	}

	div#content div#right p {
		padding:1em 20px 0 20px;
		font-size:80%;
		font-weight:normal;
		line-height:140%;
	}

	div#content div#right big {
		display:block;
		padding:1em 20px 0 20px;
		font-weight:normal;
	}
	
	div#content div#right table#other {
		margin:0 0 0 20px;
		font-size:80%;
		font-weight:normal;
	}
	
	div#content div#right table#other td {
		padding:1em 20px 0 20px;
		font-weight:normal;
		line-height:140%;
	}

	ul.error {
		padding:10px 20px 0 20px;
		font-weight:normal;
		color: #FF0000;
	}	
	
	
	/* Уголки */
	.cn {filter: expression(fixPNG(this));}
	
	.corners {
		display:block;
		clear:both;
		font-weight:normal;
		text-decoration:none;
	}
	
	.corners .content {
		background:#EFEFEF;
		border-left:1px solid #DBDBDB;
		border-right:1px solid #DBDBDB;
	}
	
	.corners .tb, 
	.corners .bb {
		position:relative;
		height:12px;
		overflow:hidden;
		z-index:1;
	}
	
	.corners .cn {
		position:relative;
		width:12px;
		height:48px;
		overflow:hidden;
	}
	
	.corners .cn.r {
		position:absolute;
		margin-left:100%;
		left:-12px;
		top:-12px;
	}
	
	.corners .bb .cn {
		margin-top:-24px;
	}
	
	.corners .cn {
		background:url(/img/design/gray-corners.png);
	}
	
	.corners .cn.l {
		width:auto;
		margin-right:12px;
	}


	/* Корзина */
	div#content div#left div#basket {margin:10px 5px 0 10px;}
	div#content div#left div#basket .corners {width:100%;}	
	div#content div#left div#basket .corners .cn {background:url(/img/design/white-corners2.png);}
	div#content div#left div#basket .corners .content {background:#fff;}
	
	div#content div#left div#basket div.corners a,
	div#content div#left div#basket div.corners p {
		display:block;
		padding:0.5em 20px 0 40px;
		font-size:80%;
	}
	
	div#content div#left div#basket div.corners a {
		background:url(/img/design/basket.png) 15px 0.7em no-repeat;
		font-weight:bold;
	}


	/* Навигация */
	div#content div#left div#navigation {margin:5px 5px 10px 10px; background:#EFEFEF;}
	div#content div#left div#navigation .corners {width:100%;}	
	div#content div#left div#navigation .corners .cn {background:url(/img/design/gray-corners2.png);}
	
	div#content div#left div#navigation div.corners a,
	div#content div#left div#navigation div.corners strong {
		display:block;
		width:100%;
		padding:0.5em 0 0.5em 0;
		text-decoration:none;
		border-bottom:1px solid #EFEFEF;
		font-size:80%;
	}
	
	div#content div#left div#navigation div.corners a span,
	div#content div#left div#navigation div.corners strong span {
		display:block;
		padding:0 40px;
		text-decoration:underline;
	}
	
	div#content div#left div#navigation div.corners strong span {
		text-decoration:none;
	}
	
	div#content div#left div#navigation div.corners a:hover {
        background:#fff url(/img/design/hover.png) top left repeat-x;
        border-bottom:1px solid #fff;
        color:#000;
	}
	
   div#content div#left div#navigation div.corners strong,
   div#content div#left div#navigation div.corners a#current {
        color:#000;
        font-weight:bold;
        background:#FFDC43 url(/img/design/bookmark-current-bg.png) top left no-repeat;
        border-top:1px solid #FFFFB2;
        border-bottom:1px solid #DBDBDB;
    }
     
     	
	div#content div#left div#navigation div.corners big {
		font-size:110%;
	}
	
	div#content div#left div#navigation div.corners big a {
		padding:0.5em 0 0.5em 0;
	}
	
	div#content div#left div#navigation div.corners big a span,
	div#content div#left div#navigation div.corners big strong span {
		padding:0 20px;
	}


	/* Алфавит */
	div#content div#alphabet {
		float:right;
		//display:inline;
		position:relative;
		margin:10px 10px -11px 0;
		font-size:70%;
		background:#EFEFEF url(/img/design/tl.png) top left no-repeat;
	}
	
	div#content div#alphabet .content {
		padding:12px 15px 6px 20px;
		background:url(/img/design/tr.png) top right no-repeat;
	}
	
	div#content div#alphabet .content a,
	div#content div#alphabet .content strong {
		padding:0 5px 0 0;
	}


	/* Страницы */
	div#content div#right div#pages {
		float:right;
		//display:inline;
		margin:-1px 10px 0 0;
		background:#EFEFEF url(/img/design/bl.png) bottom left no-repeat;
	}
	
	div#content div#right div#pages .content {
		padding:6px 15px 12px 20px;
		font-size:70%;
		background:url(/img/design/br.png) bottom right no-repeat;
	}
	
	div#content div#right div#pages .content a,
	div#content div#right div#pages .content strong,
	div#content div#right div#pages .content span {
		padding:0 5px 0 0;
	}


	/* Таблица */
	div#content div#right div#table {
		clear:both;
		margin:10px 0 0 0;
		padding:0 10px 0 0;
	}
	
	div#content div#right div#table table {
		width:100%;
		border:1px solid #DADADA;
		background:#EFEFEF;
	}
	
	div#content div#right div#table table tr.white {background:#fff;}
	div#content div#right div#table table tr:hover {background:#EFEFEF url(/img/design/hover2.png) top left repeat-x;}
	div#content div#right div#table table thead tr:hover {background:#EFEFEF;}
	div#content div#right div#table table tr:hover.white {background:#fff url(/img/design/hover.png) top left repeat-x;}

	div#content div#right div#table table thead tr:hover.white {background:#FFFFFF;}
	div#content div#right div#table table thead tr:hover.gray {background:#EFEFEF;}
	
	div#content div#right div#table table td {
		padding:10px;
		vertical-align:top;
	}
	
	div#content div#right div#table table thead {
		color:#7F7F7F;
		font-size:70%;
	}
	
	div#content div#right div#table table thead.dop {
		color:#000;
		font-size:100%;
	}
	
	div#content div#right div#table table td.id {font-size:70%;}
	div#content div#right div#table table td.description strong {font-size:90%;}
	div#content div#right div#table table td.description p {padding:0.5em 0 0 0; font-size:80%;}
	div#content div#right div#table table td.region {font-size:70%;}
	div#content div#right div#table table td.language {font-size:70%;}
	div#content div#right div#table table td.os {font-size:70%;}
		div#content div#right div#table table td.os img {margin-bottom:5px;}
	div#content div#right div#table table td.cd-dvd {font-size:70%;}
	div#content div#right div#table table td.date {font-size:70%;}
	div#content div#right div#table table td.price {font-size:70%; white-space:nowrap;}
	div#content div#right div#table table td.buy {font-size:0;}
		

    div#content div#right div#text a.buy {}
    div#content div#right div#text a.buy img {background:none; display:inline; width:32px; height:32px; border:0;}		
		

	/* Текст на главной */
	div#content div#index-text {
	padding:10px 20px 0 10px;
	}
	
	div#content div#index-text h3 {
	font-size:90%;
	font-weight:bold;
	}
	
	div#content div#index-text p {
	font-size:80%;
	line-height:140%;
	}
	
	
	/* Три главных раздела (на главной) */
     div#content div#right div#index-columns {clear:both; padding-right:1px;}
	
	div#content div#right div#index-columns table {
		width:100%;
		margin:10px 0 0 0;
	}
	
	div#content div#right div#index-columns table td {vertical-align:top;}
	
	div#content div#right div#index-columns table td.bookmark {
		vertical-align:middle;
		background:url(/img/design/index/tr.png) top right no-repeat;
	}
	
	div#content div#right div#index-columns table td.bookmark a {
		color:#fff;
		text-decoration:none;
	}
	
		div#content div#right div#index-columns table td.bookmark a:hover {color:#FCED6A;}
	
	div#content div#right div#index-columns table td.w33 {width:33%; padding-top:12px; background:#EFEFEF url(/img/design/index/right.png) bottom right no-repeat; border-left:1px solid #DEDEDE;}
	div#content div#right div#index-columns table td.w34 {width:34%; padding-top:12px; background:#EFEFEF url(/img/design/index/right.png) bottom right no-repeat; border-left:1px solid #DEDEDE;}
	
	div#content div#right div#index-columns table tr#products td {width:34%; background:#EFEFEF url(/img/design/index/right-white.png) bottom right no-repeat; border-left:1px solid #DEDEDE;}
	div#content div#right div#index-columns table tr#products td img {display:block; margin:20px 20px 0.5em 20px;}
	div#content div#right div#index-columns table tr#products td a strong {display:block; font-size:90%; padding:0 20px 0.2em 20px; text-decoration:underline;}
	div#content div#right div#index-columns table tr#products td p {padding:0 20px 0.5em 20px; font-size:80%;}
	
	div#content div#right div#index-columns table tr#bottom-corners td { font-size:0; background:url(/img/design/index/br.png) bottom right no-repeat; border-left:1px solid #DEDEDE;}
	div#content div#right div#index-columns table tr#bottom-corners td div.bl { position:relative; top:0; left:-1px; width:16px; height:16px; background:url(/img/design/index/bl.png) bottom left no-repeat;}
	
	div#content div#right div#index-columns table td.bookmark h2 {
		height:100%;
		margin:0;
		padding:12px 20px 12px 10px;
		font-size:110%;
		font-weight:normal;
		text-align:center;
		white-space:nowrap;
		background:url(/img/design/index/tl.png) top left no-repeat;
		cursor:pointer;
	}

		/* Навигация на главной */
		div#content div#right div#navigation {margin:0 10px 1px 0; padding-bottom:0.5em; background:#EFEFEF;}
		div#content div#right div#navigation .content {width:100%;}
		
		div#content div#right div#index-columns table div#navigation a {
			display:block;
			width:100%;
			padding:0.5em 0 0.5em 0;
			text-decoration:none;
			border-bottom:1px solid #EFEFEF;
			font-size:80%;
		}
		
		div#content div#right div#index-columns table div#navigation a span {
			display:block;
			padding:0 40px;
			text-decoration:underline;
		}
		
		div#content div#right div#index-columns table div#navigation strong span {
			text-decoration:none;
		}
		
		div#content div#right div#index-columns table div#navigation a:hover {
			background:#fff url(/img/design/hover.png) top left repeat-x;
			border-bottom:1px solid #fff;
			color:#000;
		}
		
		div#content div#right div#index-columns table div#navigation big {
			display:block;
			margin:0;
			padding:0;
			font-size:110%;
		}
		
		div#content div#right div#index-columns table div#navigation big a {
			margin:0;
			padding:0.5em 0 0.5em 0;
		}
		
		div#content div#right div#index-columns table div#navigation big a span {
			margin:0;
			padding:0 20px;
		}





/* © */
div#copyright {
	width:100%;
	float:left;
	clear:both;
	color:#E5E5E5;
	font-size:70%;
}

div#copyright div.column {
	float:left;
	width:20%;
}

div#copyright div.column p {
	padding:20px 0;
}

div#copyright div.column p#counter {
	padding:10px 0 0 20px;
}

div#copyright div.column a {color:#E5E5E5;}
div#copyright div.column a#none {text-decoration:none;}
div#copyright div.column a:hover {color:#fff;}

	#text .corners {
	margin:10px 10px 0 0;
	}
	
	#text .corners .cn {
		background:url(/img/design/white-corners3.png);
	}
	
	#text .corners .content {
		background:#fff;
	}



#otherform input.button {
	display:block;
	width:170px;
	height:1.7em;
	margin:0 0 30px 0;
	color:#fff;
	background:#82A6C4 url(/img/design/login.png) top left repeat-x;
	border:0;
	cursor:pointer;
}



table#prod_info {
	margin:20px;
	font-size:90%;
}

table#prod_info td{
	padding:5px;
}

table#prod_info #desc{
	padding-right:20px;
}



#screens table tr td {
	padding: 10px;
	text-align: center;
	vertical-align: top;
}
#screens table tr td p {
	padding: 0 !important;
	margin: 0 !important;
}