/*******************************************************************************
		Coded by Att on 15.12.2009, True Vision
*******************************************************************************/

/* ======================= */

#promo-gold {
    background: url(../images/promo-gold.jpg) #743e00 left no-repeat;
    border: 1px solid #171717;
    padding: 7px 0 0 223px;
    margin: 0 1px 20px 1px;
    height: 70px;
}
#promo-gold h2 { margin-bottom: 1px; color: #ffbd51; font-size: 18px; }
#promo-gold h3 { margin-bottom: 3px; }
#promo-gold small { font-size: 11px; }

#promo-rings {
    border: 0px solid #171717;
    padding: 0px 0 0 0px;
    margin: 0 48px 20px 123px;
    height: 70px;
}

/* ======================= */

div.index-banners { margin-left: 55px; position: absolute; width: 920px; z-index: 20; }

table.banners { height: 234px; }
div.banner-fix { position:relative; zoom: 1; z-index: 2; }
div.banner-box {
	background: url(../images/common/overlays/531x234.png) no-repeat;
	margin-left: -265px;
	position: absolute;
	left: 50%;
	height: 234px; width: 531px;
	color: #000;
}
div.banner-box h2 { color: #000; color: inherit; }
div.banner-box div.banner-bg { background-repeat: no-repeat; background-position: 11px 13px; height: 234px; width: 531px; }
div.banner-box div.banner-bg table.txt {
	background: url(../images/i/bg/banner.png) top left no-repeat;
	width: 502px; height: 112px;
	position: absolute;
	top: 200px; left: -29px;
}
div.banner-box div.banner-bg table.txt td {
	padding: 0 60px 10px;
	vertical-align: middle;
	font-size: 0.9em;
}
div.banner-box div.banner-bg table.txt td h2 { margin-bottom: 10px; }

img.banner-map { margin-left: -500px; position: absolute; left: 50%; width: 1000px; height: 234px; z-index: 11; }

div.banner-pages { padding:9px 0; text-align:center; line-height:0; font-size:0; }
div.banner-pages a { margin:0 5px; }

/* ======================= */

div.intro {
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
div.intro-block {
	position: absolute;
	z-index: 100;
	width: 100%;
	top: 111px;
}
div.intro-block table.wrapper {
	margin: 0 auto;
	width: 830px;
}
div.intro-block table.wrapper td {
	padding-left: 525px;
}
div.intro-block ul { float: right; }
div.intro-block ul li {
	padding: 0 0 0 30px;
	margin: 0;
	background: none;
	float: left;
	font-size: 0.786em;
}
div.intro-block ul li a { color: #ddd; }
div.intro-block ul li a:hover { color: #fff; }
div.intro-block div.txt { margin: 15px 0 0 70px; color: #8b8b8b; font-size: 0.857em; width: 70%; }

/* ======================= */

div.intro-footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 100;
}
div.intro-footer table { width: 100%; }
div.intro-footer table td.r { background: url(../images/i/bg/intro-px.png); width: 5%; }
div.intro-footer table td.m { height: 62px; vertical-align: bottom; }
div.intro-footer table td.m div.footer-fix { background: url(../images/i/bg/intro.png) no-repeat right; width: 900px; height: 62px; float: right; }
div.intro-footer ul { margin: 25px 35px 0 0; float: right; font-size: 0.857em; }
div.intro-footer ul li {
	background: none;
	padding: 0 0 0 30px;
	margin: 0;
	float: left;
}
div.intro-footer div.tv { position: absolute; bottom: 0; left: 5%; }

/* ======================= */

div.about { padding-top: 40px; margin-bottom: 50px; height: 281px; background-repeat: no-repeat; position: relative; }
div.about h1 { margin: 0 0 0 50px; }
div.about div.layer { background: #747060; padding: 20px 25px; width: 400px; position: absolute; bottom: 0; right: 0; }
div.about div.txt { margin: 0; color: #fff; }

/* ======================= */

div.contacts { margin-bottom: 50px; }
div.contacts h2 { font-size: 2.571em; font-style: normal; }
div.contacts table td.info {
	background: url(../images/i/bg/contacts-l.gif) #212121 top left repeat-x;
	padding: 40px 30px 40px 50px;
	width: 70%;
}
div.contacts table td.form {
	background: url(../images/i/bg/contacts-r.gif) #181818 top left repeat-x;
	padding: 40px 40px;
	width: 30%;
}

/* ======================= */

table.contacts { margin-bottom: 20px; }
table.contacts th { padding-right: 25px; width: 120px; }

/* ======================= */

div.brands table.brands { margin-bottom: 35px; }
table.brands td.brand { padding: 0 3px; }
table.brands td.brand div.im { -moz-opacity: 0.2; filter: Alpha(opacity=20); opacity: 0.2; zoom: 1; }
table.brands-collapse td.brand div.im { height: 108px; width: 194px; position: relative; background: #888; }
table.brands-collapse td.brand div.im img { display: none; }
table.brands td.active div.im { -moz-opacity: 1; filter: Alpha(opacity=100); opacity: 1; }
table.brands td.brand table.logo {
	margin-top: -108px;
	height: 108px;
	width: 100%;
	position: relative;
	z-index: 1;
	zoom: 1;
}
table.brands-collapse td.brand table.logo { cursor: pointer; }
table.brands td.brand table.logo td { padding-bottom: 8px; text-align: center; vertical-align: middle; }

/* ======================= */

div.offer-box { margin-bottom: 30px; }
div.offer-box h1 { color: inherit; }
div.offer-box .back { font-size: 0.857em; }

/* ======================= */

div.shops { margin: 0 auto 40px; width: 968px; }
div.shops h1 { margin: 40px 0 0 86px; position: absolute; z-index: 100; }
table.shops td.shop { padding: 0 1px; }
table.shops td.shop div.shop { background: #242424; }
table.shops td.shop div.shop-data {
	height: 80px;
	padding: 20px 40px 20px 30px;
	font-size: 0.857em;
}
table.shops td.shop div.shop-data p { margin-bottom: 0.4em; font-size: 1.08em; }
table.shops td.shop div.shop-data td { width: 99%; }
table.shops td.shop div.shop-data td.im { padding-right: 30px; width: 1%; }
table.shops td.shop div.shop-data td.map { padding-left: 20px; }
table.shops td.shop div.shop-data td.time { padding-left: 30px; white-space: nowrap; width: 1%;}

/*=======================*/

div.brand-shop-list { }
div.brand-shop-list h3 { margin-bottom: 1em; font-size: 1em; color: #ccc; }
div.brand-shop-list ul { margin: 0; padding: 0; }
div.brand-shop-list ul li {
	background: none;
	margin: 0 0 0.8em 0;
	padding: 0;
	font-size: 0.92em;
}
div.brand-shop-list ul li a { border-color: #fff; }
* html div.brand-shop-list ul li a { }
div.brand-shop-list ul li a:hover {  }
div.brand-shop-list ul li img { vertical-align: middle; }
div.brand-shop-list ul li span { color: #888889; }
div.brand-shop-list div.group { margin-bottom: 20px; }

/*=======================*/

div.brand-shop-list table.shop-columns { width: 100%; }
div.brand-shop-list table.shop-columns td.l { padding-right: 15px; width: 50%; }
div.brand-shop-list table.shop-columns td.r { padding-left: 15px; width: 50%; }

/* ======================= */

div.assortment { margin-bottom:13px; }
div.assortment a { cursor:pointer; }
div.assortment span.item {
	padding:0 2px 2px 0;
	width:145px; height:145px;
	display:block;
	float:left;
	overflow:hidden;
}
div.assortment span.item img { background: #fff; }
div.assortment span.zoom {
	position:absolute; z-index:1;
	background:url(../images/i/ico/loop.png) 0 0 no-repeat;
	margin:123px 0 0 119px;
	width:19px; height:17px;
	display:block;
}

/* ======================= */

div.brand-box { margin: 0 0 40px 48px; }
div.brand-box table { width: 100%; }
div.brand-box table td.desc { padding-right: 25px; width: 33%; }
div.brand-box table td.desc div.www { margin: 0.5em 0 1em 0;}

/* ======================= */

table.offers { margin-bottom: 40px; }
table.offers td.prev,
table.offers td.next { padding-top: 50px; }
table.offers td.prev a,
table.offers td.next a { position: relative; z-index: 12; }
div.offers { background: #242424; padding-top: 40px; width: 900px; height: 400px; }
div.offers h1 { margin: 0 0 12px 50px; }
div.offers div.index-banners { width: 900px; margin: 0 0 0 15px;}
div.offers div.banner-pages { margin-top: 235px; }

/* ======================= */

div.shops-box { background: url(../images/i/bg/shops.gif) top left repeat-x; }
div.shops-box td.shops-box,
div.shops-box th.shops-box { height: 119px; vertical-align: middle; }
div.shops-box th.shops-box { padding: 0 50px 25px; width: 33%; }
div.shops-box p { margin-bottom: 3px; font-size: 0.857em; }
div.shops-box p a { font-size: 1.083em; }
div.shops-box table.shop td { padding-right: 50px; }
div.shops-box table.shop td.im { padding-right: 12px; }

/* ======================= */

div.shop-box { padding: 20px; }
div.shop-box table td.im { padding-right: 12px; }
div.shop-box table td.im img { border:1px solid #CECBBF; }
div.shop-box table td p { margin-bottom: 0.5em; }
div.shop-box div.txt { margin: 20px 0 0 0; max-width: 640px; }
* html div.shop-box div.txt { width: 640px; /* expression( this.clientWidth > 640 ? "640px" : "auto" );*/ }

/*=======================*/