﻿/* Reset styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}

a img {
	border:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul {
	list-style:none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content:"";
}

/* Site styles */

html {
	font-size:100.01%;
	height:100%;
}

body {
	font:0.75em/1.3em "Trebuchet MS";
	color:#575e68;
	background:#fff url("../images/bg.gif") repeat-x top;
	min-height:100%;
	position:relative;
}

a {
	text-decoration:underline;
	color:#0485bb;
}

a:hover {
	text-decoration:none;
}

/* Titles */

h1 {
	font:normal 1.5em "Trebuchet MS";
	color:#158dc0;
	margin-bottom:10px;
	text-transform:uppercase;
}

h2 {
	font:normal 1.2em "Trebuchet MS";
	color:#158dc0;
	margin-bottom:10px;
	text-transform:uppercase;
}

h3 {
	font:normal 1em "Trebuchet MS";
}

	h3 img {margin-bottom:-1px}

h4 {
	font:bold 1em "Trebuchet MS";
	color:#158dc0;
	margin-bottom:10px;
	text-transform:uppercase;
}

h5 {
	font:bold 1em "Trebuchet MS";
	margin-bottom:5px;
	color:#0485bb;
}

	h5 span {
		color:#91959b;
		margin-right:10px;
		font-weight:normal;
		font-size:0.9em;
	}
	
	h5 a {text-decoration:none;}
	h5 a:hover {text-decoration:underline;}

/* Form elements */

input[type="text"], input[type="password"] {
	border:1px solid #8e9aaa;
	background:#fff;
	font:normal 1em "Trebuchet MS";
	color:#626870;
	padding:1px;
}

select {
	border:1px solid #8e9aaa;
	background:#fff;
	font:normal 1em/1em "Trebuchet MS";
	color:#626870;
}

textarea {
	border:1px solid #8e9aaa;
	background:#fff;
	font:normal 1em/1em "Trebuchet MS";
	color:#626870;
	padding:1px;
}

/* Structure */

.wrapper {
	min-width:1000px;
	background:url("../images/topmenu.png") no-repeat right top;
	padding:0 0 80px;
}

	.wrapper:after {
		clear:both;
		display:block;
		content:"";
	}

.wrap {
	width:100%;
	float:left;
	margin-right:-290px;
}

/* Header */

.header {
	position:relative;
	height:198px;
	background:url("../images/header.png") repeat-x left bottom;
	margin-bottom:10px;
}

	.logo {
		position:absolute;
		top:74px;
		left:23px;
	}

	/* Top menu */

	.topmenu {
		top:6px;
		right:10px;
		position:absolute;
		overflow:hidden;
		color:#d7dce0;
	}
	
		.topmenu li {
			float:left;
			padding:0 6px 1px;
			border-right:1px solid #b9c0c6;
			line-height:1em;
			margin-right:-1px;
		}
		
			.topmenu a {
				color:#b9c0c6;
			}
			
			.topmenu a:hover, .topmenu .act a {color:#d7dce0;text-decoration:none;}
	
	/* Top navigation */
	
	.nav {
		position:absolute;
		top:8px;
		left:62px;
	}
	
		.nav li {
			padding:0 9px;
			float:left;
		}
	
	/* Login */
	
	.login {
		position:absolute;
		top:52px;
		right:15px;
	}
	
		.login p {margin-bottom:5px;}
		
		.login .title1 {margin-bottom:3px;}
		
			.login input[type="text"], .login input[type="password"] {width:142px;}
			
			.login-reg {
				font-size:0.8em;
				color:#0485bb;
				margin-bottom:3px;
			}
	
	/* Personal cabinet */
	
	.pc {
		position:absolute;
		top:52px;
		right:15px;
		text-align:right;
	}
	
		.pc p {
			margin:5px 0 6px;
		}
	
	/* Basket */
	
	.basket {
		position:absolute;
		top:52px;
		right:330px;
	}
	
		.basket p {
			margin-top:13px;
		}
	
	/* Titles */
	
	.title1 {
		font:normal 1.5em "Trebuchet MS";
		color:#0485bb;
		text-transform:uppercase;
	}
	
	.title2 {
		background:#f576a6 url("../images/title2.png") no-repeat right top;
		font:normal 1.5em/30px "Trebuchet MS";
		text-transform:uppercase;
		color:#fff;
		padding:0 12px;
		margin-bottom:10px;
	}
	
	.title3 {
		background:#ff6251 url("../images/title3.png") no-repeat right top;
		font:normal 1.2em/30px "Trebuchet MS";
		text-transform:uppercase;
		color:#fff;
		padding:0 12px;
		margin-bottom:10px;
	}
	
	.title4 {
		background:#f66900 url("../images/title4.png") no-repeat left top;
		font:normal 1.5em/30px "Trebuchet MS";
		text-transform:uppercase;
		color:#fff;
		padding:0 12px;
		margin-bottom:20px;
		width:189px;
	}
	
	.title5 {
		background:#3e93e2 url("../images/title5.png") no-repeat left top;
		font:normal 1.5em/30px "Trebuchet MS";
		text-transform:uppercase;
		color:#fff;
		padding:0 12px;
		margin-bottom:20px;
		width:189px;
	}
	
	.title6 {
		background:#60aa39 url("../images/title6.png") no-repeat left top;
		font:normal 1.5em/30px "Trebuchet MS";
		text-transform:uppercase;
		color:#fff;
		padding:0 12px;
		margin-bottom:20px;
		width:189px;
	}
	
		.title2 a, .title3 a, .title4 a, .title5 a, .title6 a {
			color:#fff;
			text-decoration:none;
		}
	
	/* Button */
	
	.button {
		border:1px solid #7c899c;
		color:#fff;
		background:#979fae url("../images/button.gif") repeat-x left bottom;
		text-decoration:none;
		font:1em/20px "Trebuchet MS";
		display:inline-block;
		padding:0 15px;
		-moz-border-radius:2px;
		border-radius:2px;
	}
	
		.button:hover {
			border-color:#9ca9bc;
			color:#eee;
		}
	
/* Content */

.container {
	margin-right:290px;
}

	.right {text-align:right;}
	.center {text-align:center;}

/* Central column */

.content {
	margin-left:245px;
	padding:0 18px 0;
}

	/* Navigation */

	.navigation {
		overflow:hidden;
		font-size:0.8em;
		margin:0 0 15px -10px;
	}
	
		.navigation li {
			float:left;
			background:url("../images/nav-sep.gif") no-repeat left 5px;
			padding:0 12px 0 8px;
			margin-left:-8px;
		}
	
	/* Text block */
	
	.textblock p {margin-bottom:10px;}
	
	.textblock ul {
		margin:0 0 10px 20px;
		list-style:disc;
	}

	.textblock ol {
		margin:0 0 10px 25px;
		list-style:decimal;
	}

	/* Gallery */
	
	.gallery {
		background:url("../images/dot.gif") repeat-y left top;
		margin:0 -18px 15px;
		overflow:hidden;
		position:relative;
	}
	
		.gs {
			height:250px;
			background:url("../images/dot.gif") repeat-y right top;
			display:block;
			position:absolute;
			right:0;
			width:1px;
			top:0;
		}
	
		.g-cell {
			float:left;
			width:33.2%;
			position:relative;
		}
		
			.imgblock {margin-bottom:4px;}
		
				.imgblock img {
					border:1px solid #c1c4cd;
					padding:1px;
					-moz-border-radius:2px;
					border-radius:2px;
					vertical-align:top;
				}
			
			.g-cell input[type="text"] {width:25px;}
			
			.imp {color:#f00;}
		
			.g-cell .imgblock, .g-cell h3, .g-cell p {padding:0 18px;}
	
	.all {
		text-align:right;
		font-size:0.85em;
	}
	
	/* Paging */
	
	.paging {
		text-align:center;
		margin-bottom:10px;
		padding-top:5px;
	}
	
		.paging li {
			display:inline;
			padding:0 3px;
		}
	
	/* Preview */
	
	.preview {
		overflow:hidden;
		margin-bottom:20px;
	}
	
		.appearance {
			float:left;
			width:150px;
			font-size:0.9em;
		}
		
			.appearance p {margin-bottom:10px;}
		
			.appearance input[type="text"] {width:38px;}
		
		.rating {
			text-align:center;
			margin-bottom:10px;
		}
		
		.add-fav {
			background:url("../images/add-fav.gif") no-repeat right 2px;
			padding-right:14px;
		}
		
		.extra {font:0.9em/1.2em "Trebuchet MS";}
		
		/* Images preview */
	
		.imgpreview {
			text-align:center;
			margin-bottom:10px;
			position:relative;
		}
		
			.imgpreview img {
				border:1px solid #c1c4cd;
				padding:1px;
				-moz-border-radius:2px;
				border-radius:2px;
				vertical-align:top;
			}
			
			.zoom-button {
				position:absolute;
				bottom:2px;
				right:10px;
				line-height:0;
			}
			
				.zoom-button img {
					border:none;
					padding:0;
				}
	
		.description {
			margin-left:167px;
		}
		
			.description ul {
				margin:0 0 0 20px;
				list-style:disc;
			}

			.description ol {
				margin:0 0 0 25px;
				list-style:decimal;
			}

			/* Parameters */

			.description .params {
				background:url("../images/menu.gif") repeat-x left top;
				padding:1px 0 0;
				margin:0 0 10px;
				list-style:none;
			}
			
				.params li {
					background:url("../images/menu.gif") repeat-x left bottom;
					padding:4px 4px 5px;
				}
				
					.params span {color:#0485bb;}
	
	/* Rating block */
	
	.rating-block {
		padding:0 0 5px;
		background:url("../images/menu.gif") repeat-x left bottom;
		margin-bottom:5px;
	}
	
		.rating-block p {margin-bottom:10px;}
	
	/* Comment */
	
	.comment {
		background:url("../images/menu.gif") repeat-x left bottom;
		padding:0 0 5px;
		margin:0 0 5px;
	}
	
		.comment-rating {
			float:right;
		}
		
		.comment .note {
			margin-bottom:10px;
		}
	
	/* Content form */
	
	.form {
		padding:15px 0 20px;
	}
	
		.form th {
			width:115px;
			text-align:right;
			font-weight:normal;
			vertical-align:top;
			padding:3px 3px 8px 0;
		}
		
		.form td {
			vertical-align:top;
			padding:3px 0 8px;
		}
		
			.form input[type="text"] {width:160px;margin-top:-3px;}
			.form textarea {width:250px;margin-top:-1px;}
			
			.code {font-size:0.8em;}
			
				.code img {vertical-align:top;}
				.code input[type="text"] {
					width:80px;
					margin:3px 0 0 10px;
				}
			
			.tips {font-size:0.8em;}
	
	/* Prod table */
	
	.prod {
		width:100%;
		margin-bottom:20px;
	}
	
		.prod td {
			vertical-align:top;
			border-top:1px solid #fff;
			border-right:1px solid #fff;
			background:#f3f4f6;
			padding:5px;
		}
		
		.prod .even td {
			background:#ebedef;
		}
		
		.prod td.head {
			background:#d7dce0;
			border-top:none;
		}
		
			.prod input[type="text"] {
				font:normal 0.8em Arial;
				background:none;
				width:40px;
			}
			
	.edit {
		font:10px "Trebuchet MS";
		margin-left:10px;
		text-transform:none;
	}
	
	.n-order {
		text-transform:uppercase;
		font-size:1.2em;
	}
		.n-order span {color:#158dc0;}
	
	/* FAQ */
	
	.faq {
		margin:10px 0;
		background:url("../images/menu.gif") repeat-x left top;
		padding:1px 0 0;
	}
	
		.faq li {
			background:url("../images/menu.gif") repeat-x left bottom;
			padding:5px 8px;
		}
	
		.faq span {
			margin-right:10px;
		}
		
			.faq a:hover {color:#575e68;}
	
	.sort {
		padding-bottom:12px;
		background:url("../images/menu.gif") repeat-x left bottom;
		margin-bottom:6px;
	}
	
		.sort .right {
			float:right;
			margin-top:-6px;
		}
		
		.question {
			background:#f3f5f6;
			padding:5px 3px;
			margin-bottom:5px;
		}
		
		.answer {
			padding:0 10px 5px 25px;
		}
	
	/* Content footer */
	
	.c-footer {
		font-size:0.8em;
		padding:10px 0;
	}
	
		.c-footer a {margin-right:20px;}
	
		.archive {
			padding-left:18px;
			background:url("../images/archive.gif") no-repeat left 2px;
		}
		
		.print-version {
			padding-left:18px;
			background:url("../images/print-version.gif") no-repeat left;
		}
	
	/* Map site */
	
	.mapsite {
		margin-bottom:20px;
	}
	
		.mapsite .first {font-weight:bold;}
		
		.mapsite .first, .mapsite .second, .mapsite .third, .mapsite .fourth, .mapsite .fifth {
			margin-bottom:3px;
		}
		
		.mapsite .secondmenu, .mapsite .thirdmenu, .mapsite .fourthmenu, .mapsite .fifthmenu {
			margin-left:30px;
		}
		
		.mapsite a:hover {color:#575e68;}
	
	/* Shortnews */
	
	.shortnews {
		background:url("../images/menu.gif") repeat-x left bottom;
		padding:0 0 10px;
		overflow:hidden;
		margin:0 0 10px;
	}
	
		.shortnews img {
			float:left;
			margin-right:15px;
			border:1px dotted #898989;
			padding:2px;
		}
		
		.shortnews p {margin-bottom:2px;}
		
	/* Calendar */
	
	.year {
		overflow:hidden;
		margin-bottom:25px;
	}
	
		.year li {
			float:left;
			padding-right:17px;
		}
		
	.calendar {
		overflow:hidden;
		font-size:0.9em;
		color:#878787;
	}
	
		.calendar li {
			float:left;
			height:165px;
			width:190px;
			padding-left:20px;
		}
		
				.calendar th {
					padding:5px 3px;
					width:18px;
					text-align:right;
					font-weight:normal;
					background:url("../images/calendar.gif") repeat-x left bottom;
				}
				
				.calendar td {
					padding:1px 3px;
					width:18px;
					background:none;
					text-align:right;
				}
	
/* Left column */

.leftside {
	width:213px;
	padding:20px 0 0 18px;
	float:left;
}

	/* Menu */
	
	.menu {margin-bottom:20px;}

		.menu li {
			background:url("../images/menu.gif") repeat-x left bottom;
			padding:5px 10px 6px;
		}
	
	/* Banner block */
	
	.banner-block {
		text-align:center;
		margin-bottom:15px;
	}
	
	/* Sale block */
	
	.sale {
		padding:0 10px 13px;
		background:url("../images/menu.gif") repeat-x left bottom;
		margin-bottom:15px;
	}
	
/* Right column */

.rightside {
	width:255px;
	padding:30px 21px 0 0;
	float:right;
}

	/* Search */

	.search {
		margin-bottom:20px;
	}
	
		.search .title1 {
			text-align:right;
			margin-bottom:15px;
		}
	
		.search dl {
			overflow:hidden;
		}
		
			.search dt {
				float:left;
				width:97px;
				text-align:right;
				padding:3px 3px 0 0;
			}
			
			.search dd {
				padding:0 0 9px 0;
				width:155px;
				display:table-cell;
			}
			
				.search dd input[type="text"] {width:151px;}
				.search select {width:155px;}
				
				.search dd .priceline input[type="text"] {width:54px;}
				
				.search label {
					float:left;
					padding:3px 5px 0 0;
				}
				
					.search label span {float:left;}
	
	/* Tags cloud */
	
	.tag-cloud {
		text-align:center;
		margin-bottom:20px;
		line-height:1.5em;
	}
	
		.tag-cloud a {text-decoration:none;}
		.tag-cloud a:hover {text-decoration:underline;}
		
		.tag1 {font-size:0.8em;}
		.tag2 {font-size:0.9em;}
		.tag3 {font-size:1em;}
		.tag4 {font-size:1.2em;}
		.tag5 {font-size:1.4em;}
		.tag6 {font-size:1.5em;}
		.tag7 {font-size:1.8em;}
	
/* Footer */

.footer {
	background:#424c56 url("../images/topmenu.png") repeat-y right top;
	padding:25px 0 0;
	height:45px;
	position:relative;
	color:#9da2a6;
	overflow:hidden;
	bottom:0;
	position:absolute;
	width:100%;
}

	.f-menu {
		position:absolute;
		top:10px;
		color:#d7dce0;
		right:50%;
	}
	
		.f-menu ul {
			position:relative;
			right:-50%;
			line-height:1em;
			overflow:hidden;
		}
	
			.f-menu li {
				float:left;
				border-left:1px solid #b9c0c6;
				margin-left:-1px;
				padding:0 6px 1px 5px;
			}
			
				.f-menu a {
					color:#b9c0c6;
				}
	
	.copyright {
		font:0.8em "Trebuchet MS";
		padding:15px 0 0 50px;
	}
	
		.copyright a {color:#9da2a6;text-decoration:none;}
	
	.c-block {
		float:right;
		padding:0 10px 0 0;
	}

/* Print */

body.print {
	background:#fff;
}

	.print-wrap {
		position:relative;
		width:430px;
		padding:115px 35px 30px;
	}
	
	.print-wrap .logo {
		top:16px;
		left:34px;
	}
.gallery li {
 float:left;
 margin-right:5px;
}
