/* WOOD-WIN.RU Screen style sheet									*/
/* Author: Alexey Ryumin (ryumin_av@panteon1.ru)					*/
/* Copyright: Panteon &amp; M &copy; 2008 (http://www.panteon1.ru/)	*/
.win-types {
	margin: 10px 0;
}
.win-types tr {
	vertical-align: top;
}
.win-types th {
	padding: 5px;
	text-align: left;
	font-size: 11pt;
}
.win-types td {
	padding: 5px;
	text-align: justify;
	font-size: 9pt;
}
#search input {
	width: 50px !important;
}
/*#discount {
	position: absolute;
	top: 50px;
	right: 260px;
	width: 100px;
	height: 100px;
	background: url(/img/5-year-guarantee.gif) no-repeat;
	z-index: 10;
}*/
/*#discount {
	position: absolute;
	top: 0;
	right: 340px;
	width: 222px;
	height: 100px;
	background: url(/img/discount1.gif) no-repeat;
	z-index: 10;
}*/
#discount {
	position: absolute;
	top: 49px;
	right: 260px;
	width: 87px;
	height: 102px;
	background: url(/img/winter-discount.gif) no-repeat;
	z-index: 10;
}
#action {
	position: absolute;
	top: 0;
	left: 232px;
	width: 420px;
	height: 71px;
	background: url(/img/action-bg.jpg) no-repeat;
	text-align: center;
	color: red;
	padding-top: 10px;
	font-size: 18px;
}
#offer {
	border: 2px dashed #b8cacd;
	padding: 5px 20px;
	margin-bottom: 10px;
}
#offer td {
	padding: 0 10px;
}
#offer span {
	font-size: 14pt;
	color: #b8cacd;
	font-weight: bold;
}
#ral td {
	text-align: center;
}
.type {
	border: 2px dashed #b8cacd;
	padding: 5px 10px;
	margin-bottom: 10px;
}

/* COMMON */
html, body {
	height: 100%;
	width: 100%;
	min-width: 930px;
	font: 10pt "Trebuchet MS", Arial, Sans-Serif;
}
body {
	margin: 0;
	padding: 0;
	color: #333;
	background: url(/img/bg-r.gif) 79% repeat-y #fff;
}
h1 {
	margin: 10px 0;
	padding-left: 38px;
	color: #5c6566;
	font-size: 26px;
	background: url(/img/bg-h1.gif) top left no-repeat;
}
h1.win-name {
	margin: 10px 0;
	padding-left: 38px;
	color: #5c6566;
	font-size: 26px;
	background: url(/img/bg-h1.gif) top left no-repeat;
}
h2 {
	margin: 5px 0;
	padding-left: 24px;
	color: #5c6566;
	font-size: 16px;
	background: url(/img/bg-h2.gif) center left no-repeat;
}
h3.win-name {
	margin: 5px 0;
	padding-left: 24px;
	color: #5c6566;
	font-size: 16px;
	background: url(/img/bg-h2.gif) center left no-repeat;
}
h4 {
	font-size: 12pt;
	color: #5c6566;
	border-bottom: 1px dashed #5c6566;
}
img {
	border: 0;
}
img.border {
	border: 1px solid #5c6566;
}
h3.image, h3.image a, h3.image a:visited {
	color: #b8cacd;
	margin: 0;
	padding: 0;
	/* Mac IE5 hack */
	/* \*/
  	overflow: hidden;
}
h3.image span {
	display: block;
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	z-index: 1;
}
a { text-decoration: underline; }
/*
a:link { color: #808d8f; }
a:visited { color: #808d8f; }
*/
a:link { color: #0082cc; }
a:visited { color: #0082cc; }
a:hover { text-decoration: none; }
a:active { color: #f00; }
p {
	margin: 0 0 10px 0;
	padding: 0;
}
form {
	margin: 0;
}
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
img {
	border: 0;
	vertical-align: bottom;
}
dt {
	font-weight: bold;
}
table.price {
	border-collapse: collapse;
}
table.price td {
	/*font-size: 10px;*/
	padding: 0 2px;
	border-bottom: 1px solid #fc0;
	border-left: 1px solid #fff;
	vertical-align: top;
}
table.price th {
	/*font-size: 10px;
	background: #fc0;
	color: #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
	border-left: 1px solid #fff;
	border-bottom: 1px solid #000;
	background: #fc0;
	padding: 0 2px;
}
table.qst {
	border-collapse: collapse;
}
table.qst td {
	padding: 0 10px;
	border-left: 1px solid #fff;
}
table.qst th {
	background: #fc0;
	color: #fff;
	border-left: 1px solid #fff;
	padding: 0 10px;
}
table.door tr {
	vertical-align: top;
}
table.door td {
	padding: 5px 10px;
}
table.board {
	border-collapse: collapse;
}
table.board td {
	padding: 2px 5px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fc0;
}
table.board th {
	background: #fc0;
	color: #fff;
	border-left: 1px solid #fff;
	padding: 0 10px;
}

/* DIVISIONS */
#counters {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#header, #breadcrumbs-outer, #main-outer, #footer-outer {
	min-width: 970px;
}
#left, #main, #right {
	margin-top: 100px;
}

/* HEADER */
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
}
#logo-outer {
	float: left;
	width: 216px;
	height: 61px;
}
h3#logo {
	width: 219px;
	height: 66px;
	padding: 10px;
}
h3#logo span {
	width: 216px;
	height: 61px;
	background: url(/img/panteon-logo.gif) no-repeat;

}
#menu-top {
	position: absolute;
	top: 49px;
	right: 10px;
	width: 246px;
	height: 15px;
}
#menu-top * {
	color: #b8cacd;
}
#menu-top img  {
	float: right;
}
#header-print {
	display: none;
}
#contacts {
	position: absolute;
	top: 0;
	right: 0;
	width: 400px;
	text-align: right;
	padding: 5px 20px 0 0;
	font-size: 9pt;
	font-weight: bold;
}

/* BREADCRUMBS */
#breadcrumbs-outer {
	position: absolute;
	top: 71px;
	left: 0;
	width: 100%;
	background: url(/img/bg-bread-l.gif) left no-repeat #fc0;
}
#breadcrumbs-inner {
	background: url(/img/bg-bread-r.gif) right no-repeat;
}
ul#breadcrumbs {
	margin: 0 10px;
	padding: 0;
	height: 22px;
	overflow: hidden;
	min-width: 770px;
}
ul#breadcrumbs * {
	font-size: 10pt;
	color: #fff;
}
ul#breadcrumbs li {
	display: inline;
	padding: 0 10px 0 22px;
	font-weight: bold;
	height: 22px;
	background: url(/img/li.gif) top left no-repeat;
}
ul#breadcrumbs li:first-child {
	background: none;
}

/* MAIN */
#main-outer {
	height: 100%;
	min-height: 100%;
	margin-bottom: -33px;
	border-top: 1px solid #fff;
}

html>body #main-outer {
	height: auto;
}
#main {
	float: right;
	display: inline; /* IE double left margin hack */
	width: 62%;
	border-left: 1px solid #b8cacd;
	border-right: 1px solid #b8cacd;
}
#clear {
	height: 40px;
	clear: both;
}
#win-img {
	background: #b8cacd;
	text-align: center;
	padding: 10px;
}
#win-desc {
	float: left;
	width: 300px;
	text-align: right;
}
#win-price-big {
	float: right;
	width: 200px;
	font-size: 36px;
	text-align: right;
	color: #808d8f;
	background: url(/img/asterisk.gif) 174px 5px no-repeat;
}

/* LEFT */
#left {
	float: left;
	width: 17.5%;
}
#left-menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#left-menu li {
	padding: 3px 0 3px 5px;
	/*border-bottom: 1px solid #b8cacd;*/
}
#left-menu a {
	font-size: 10pt;
	/*font-weight: bold;*/
}
#left img {
	border: 1px solid #000;
}
.menu-h {
	color: #5c6566;
	font-size: 12pt;
	border-bottom: 1px dashed #5c6566;
	margin-top: 10px;
}
.nolist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 0;
}
.submenu-h {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
}
.submenu-h * {
	font-size: 8pt;
}

/* RIGHT */
#right {
	float: right;
	width: 19.5%;
}
#right h1 {
	margin: 0;
	font-size: 18px;
	color: #fc0;
}
#right h4 {
	margin: 0;
	font-size: 16px;
	color: #fc0;
}

/* FOOTER */
#footer-outer {
	background: url(/img/bg-bread-l.gif) top left no-repeat #fc0;
}
#footer {
	height: 22px;
	font-size: 9px;
	background: url(/img/bg-bread-r.gif) top right no-repeat;
	width: auto;
}
#footer * {
	color: #fff;
}
#links-bottom {
	float: left;
	width: 380px;
	padding: 3px 0 0 21px;
}
#copyright {
	float: right;
	width: 250px;
	text-align: right;
	padding: 3px 21px 0 0;
}

/* CLASSES */
.cat {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.scat {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
}
.sscat {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
}
.cat img {
	border: 0;
}
.brd-cat {
	background: #ffea99;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 10px;
}
.brd-scat {
	background: #fff4cc;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 10px;
}
.brd-sscat {
	background: #fff9e5;
	font-size: 9pt;
	font-weight: bold;
	padding-left: 10px;
}
.brd-item {
	border-bottom: 1px solid #bfc7df;
	border-left: 1px solid #fff;
}
.nav {
	width: 100%;
}
.arr-r {
	display: block;
	height: 25px;
	padding-right: 70px;
	background: url(/img/arr-r.gif) center right no-repeat;
}
.arr-l {
	display: block;
	height: 25px;
	padding-left: 70px;
	background: url(/img/arr-l.gif) center left no-repeat;
}
.pages {
	padding: 5px;
}
.content {
	padding: 5px;
}
.content-l {
	padding: 0 10px;
}
.content-r {
	padding: 0 20px 0 10px;
}
.c {
	text-align: center;
}
.b {
	font-weight: bold;
}
.r {
	text-align: right;
}
.j {
	text-align: justify;
}
.error {
	text-align: center;
	border: 2px solid red;
	margin: 5px 0;
	padding: 10px;
}
.ok {
	text-align: center;
	border: 2px solid #080;
	margin: 5px 0;
	padding: 10px;
}
.odd {
	background: #fff9e5;
}
.red {
	color: #f00;
	font-weight: bold;
}
.small {
	font-size: 11px;
}
.thumbnail {
	float: left;
	width: 32%;
	padding-right: 5px;
}
.thumb-img {
	border: 1px solid #b8cacd;
	text-align: center;
}
.thumbnail-sel {
	float: left;
	width: 32%;
	padding-right: 5px;
}
.thumb-img-sel {
	background: #b8cacd;
	border: 1px solid #b8cacd;
	text-align: center;
}
.win-price {
	font-weight: bold;
	font-size: 20px;
	text-align: right;
	color: #808d8f;
}
.cls {
	clear: both;
}
.builder {
	border-bottom: 1px solid #b8cacd;
	text-align: center;
}
.pages {
	text-align: right;
	padding: 10px 0;
}
.img-big {
	padding: 30px 0;
	text-align: center;
}
td.ralcol {
	width: 120px;
	height: 94px;
}
.nws {
	font-size: 12px;
}
.nws-date {
	color: #999;
	font-size: 10px;
}
.doc {
	font-size: 9pt;
	border-collapse: collapse;
}
.doc tr {
	vertical-align: top;
}
.doc td, .doc th {
	padding: 2px 4px;
	border: 1px solid #808d8f;
}
.doc p {
	margin: 0;
}
table.preview {
	border-collapse: collapse;
	width: 100%;
}
table.preview td {
	background: #b8cacd;
	padding: 5px;
	text-align: center;
	border: 2px solid #fff;
}
td.timg {
	background: #b8cacd;
	padding: 5px;
	text-align: center;
	border: 2px solid #fff;
}
.border {
	border-collapse: collapse;
}
.border td {
	border: 1px solid #aaa;
	padding: 2px;
}
.border th {
	border: 1px solid #aaa;
	padding: 2px;
	white-space: nowrap;
}
.pimg {
	float: left;
	margin: 0 10px 10px 0;
}
