﻿html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th, div {
	margin: 0;
	padding: 0;
}

html, body {height: 100%;}

body {background: #76e1cd; /*color: #fff;*/	font-family: georgia; font-size: 100.01%;}

img {border: none;}

ul, li {list-style: none;}
a {color: #0058c4;}
a:hover {color: #000 !important;}

.pseudo_link {border-bottom: 1px dashed; cursor: pointer;}
.clickable {cursor: hand; cursor: pointer;}

span.rur {text-transform: uppercase;}
span.rur span {position: absolute; overflow: hidden; width: 0.45em; height: 1em; margin: 0.2ex 0 0 -0.7em;}
span.rur span:before { content: '\2013';}

#content {padding-bottom: 130px; min-height: 400px;}

#measurer {position: absolute; left: 0; top: -1em; visibility: hidden; width: 100%; height: 1em; line-height: 1em;}
#layout {/*height: 100%;*/ min-height: 100%; min-width: 970px; position: relative;	width: 100%; overflow: hidden;}
#background_container {height: 100%; overflow: hidden; position: absolute; width: 100%;	top: 0;}
#background {min-width: 1127px;	position: absolute;	width: 100%; /*height: auto; */z-index: -1;}
#header {position: relative; z-index: 4;}
#logo {font-size: 0; left: 4%; position: absolute; top: 20px; z-index: 1; margin-left: -13px;}
#logo a {display: block; width: 382px; height: 33px; text-decoration: none;}
#logo a:hover {background: url(logo-hover.gif) no-repeat 0 0 !important;}
#logo a:hover img {visibility: hidden;}

#shares_link {width: 16em; height: 1.65em; background: #df0202; position: absolute; left: 100%; margin-left: -16em; font-style: italic; font-family: Arial, sans-serif; z-index: 2; font-size: 0.8em;}
#shares_link a {margin-left: 23px; color: #fff;}

#main_navigation {left: 4%; position: absolute;	top: 78px; width: 326px; z-index: 1;}
#main_navigation li {position: absolute;}
#main_navigation li a {cursor: pointer;}

#main_navigation li a, #main_navigation li b, #main_navigation li span {/*background: url("0.gif");*/ display: block; height: 35px; overflow: hidden; position: relative;}
#main_navigation li a:hover {background: url(0.gif) no-repeat 0 0;}
#main_navigation li span {height: 49px; margin-top: -10px; position: relative;}
#main_navigation li a span, #main_navigation li b span {background: url("main_menu.png") no-repeat; height: 724px; margin: 0; position: relative;	width: 104px; z-index: -1;}

#main_navigation li.stores {left: 86px;}
#main_navigation li.stores a span, #main_navigation li.stores b span {top: -160px;}

#main_navigation li.stores a:hover span {top: -41px;}

#main_navigation li.brand a span, #main_navigation li.brand b span {top: -120px;}

#main_navigation li.instructions a span, #main_navigation li.instructions b span {top: -200px;}
#main_navigation li.instructions {left: 203px;}


#main_navigation li.brand a, #main_navigation li.brand b, #main_navigation li.brand span {width: 53px;}
#main_navigation li.brand a:hover span {top: 0px;}

#main_navigation li.stores a, #main_navigation li.stores b, #main_navigation li.stores span {width: 85px;}


#main_navigation li.instructions a, #main_navigation li.instructions span {width: 74px;}
#main_navigation li.instructions a:hover span {top: -81px;}


/*#main_navigation .brand span span {top: -240px;}
#main_navigation .stores span span {top: -300px;}
#main_navigation .instructions span span {top: -360px;}*/

#main_navigation li.selected a, #main_navigation li.selected b {height: 55px; margin-top: -10px;}

#main_navigation li.brand.selected a.brand span {top: -420px;}
#main_navigation li.brand.selected a.brand:hover span {top: -490px;}

#main_navigation li.selected.brand b.selected span {top: -240px;}
#main_navigation li.selected.stores b.selected span {top: -299px;}
/*#main_navigation .stores.selected b span {top: -150px;}*/
#main_navigation li.selected.instructions b.selected span {top: -360px;}

#main_navigation li.instructions.selected a.instructions span {top: -623px;}
#main_navigation li.instructions.selected a.instructions:hover span {top: -679px;}

#main_navigation li.collection {left: 310px;}
#main_navigation li.collection a {width: 53px;}
#main_navigation li.collection a span {top: -550px;}
#main_navigation li.collection a:hover span {top: -589px;}

div#header ul#main_navigation li.selected span.arrow {background: url("icons.png") 0 0 no-repeat; font-size: 0; height: 40px; left: -5px; margin: 0 0 0 50%; position: absolute; top: 48px; width: 10px;}

div.width_fix {width: 100%;}

#cart {color: #000; font-size: 0.8em; position: absolute; right: 3%; text-align: right; top: 66px;}
#cart .user {font-family: arial; margin: 0 0 0.2em 0;}
#cart .user a {color: #000; font-style: normal;}
#cart .user .pseudo_link {font-style: italic;}
#cart .wears {font-size: 0.85em; font-style: italic; left: -1em; position: relative;}
#cart .wears a {color: #155e0a; font-weight: bold;}
#cart .wears a:hover {color: #000;}
#cart .border {font-size: 0.85em; left: 1em; position: relative;}

#fitting {color: #000; font-size: 0.85em; position: absolute; right: 26px; text-align: right; top: 64px; width: 16em;}
#fitting span.fitting {font-family: Georgia; margin: 1.5em 0 0.2em 0; font-style: italic; font-size: 0.8em; display: block;}
#fitting span.fitting a {color: #155e0a; font-weight: bold; margin: 0 0.2em;}
#fitting .enter, #fitting .user, #fitting .exit, #fitting .fitting, #fitting .i_store {font-family: Arial; margin: 0 0 0.2em 0; color: #000; font-size: 1.2em;}
#fitting .exit {font-style: italic; font-size: 0.9em; line-height: 1.4; position: absolute; left: 110%; top: 1.4em;}
#fitting a:hover {color: #fff !important;}
#fitting .border {font-size: 0.8em; left: 1em; position: relative; padding-top: 0.2em; /*margin: 0.6em 0 0;*/ margin: 1.6em 0 0;}
#fitting a.fitting, #fitting a.i_store {display: block; width: 84px; height: 14px; overflow: hidden; text-decoration: none; /*background: url(0.gif) no-repeat 0 0;*/ position: absolute; left: 100%; margin-left: -84px;}
#fitting a.i_store {height: 14px; width: 140px; /*margin: 0.1em 0 0 -140px;*/ margin: 0.5em 0 0 -140px;}
#fitting a.fitting img, #fitting a.i_store img {position: relative; top: -14px;}
#fitting a.fitting:hover, #fitting a.i_store:hover {background: url(0.gif) no-repeat 0 0;}
#fitting a.fitting:hover img, #fitting a.i_store:hover img {top: 0;}
/*#fitting p.border {margin-top: 1.5em;}*/

#collection {color: #000; font-family: arial; font-size: 0.75em; /*font-style: italic; */left: 39%; position: absolute; top: 14px; background: url(collection-comet.png) no-repeat 0 0;}
#collection img {margin: 39px 0 10px 136px;}
#collection p {padding: 0 0 0 145px;}
#collection a {color: #096f00;}
#collection a:hover {color: #000;}

/*#map {height: 432px; left: 54%; margin: 0 0 0 -216px; position: absolute; top: 200px; width: 432px; z-index: 1;}
#map .ball {background: url("map.png") no-repeat; height: 432px; position: absolute; width: 432px;}
#map .inner {background: url("map-inner.jpg") no-repeat; height: 312px; margin: 60px 0 0 69px; position: absolute; width: 295px;}
#map .descript {color: #000; font-family: arial; font-size: 1.3em; margin: -10px 0 0 -20px; position: absolute;}
#map dl {font-size: 0.75em; position: absolute; z-index: 1;}
#map dl h3 {font-family: arial; font-size: 1.2em; font-weight: bold;}
#map dl h3 .metro {color: #e90013;}
#map dl dt, #map dl dd {position: absolute; width: 250px;}
#map dl dt a, #map dl .mark {background: url("icons.png") no-repeat; display: block; font-size: 0; height: 40px; position: absolute; width: 21px;}
#map dl dd .mark {left: -29px; top: 25px;}
#map dl dt {margin: 25px 0 0 -29px;}

#map dl .tulskaya {left: 245px; top: 188px;}
#map dl dt.tulskaya a {background-position: 0 -190px;}
#map dl dt.tulskaya a:hover, #map dl dd.tulskaya .mark {background-position: 0 -50px;}

#map dl dt.orange {left: 185px; top: 272px;}
#map dl dd.orange {left: 25px; top: 325px;}
#map dl dt.orange a {background-position: 0 -230px;}
#map dl dd.orange .mark {left: 131px; top: -28px;}
#map dl dt.orange a:hover, #map dl dd.orange .mark {background-position: 0 -100px;}

#map dl .green {left: 266px; top: 260px;}
#map dl dt.green {margin: 25px 0 0 -29px;}
#map dl dt.green a {background-position: 0 -270px;}
#map dl dt.green a:hover, #map dl dd.green .mark {background-position: 0 -150px;}*/

.hidden {display: none;}
.show_map {margin: 1em 0 0 0;}
.show_map a {background: url("icons.png") 0 -335px no-repeat; color: #6aae4c; font-family: arial; font-style: italic; padding: 0 0 0 15px;}
.show_map a:hover {background: url("icons.png") 0 -395px no-repeat; color: #000;}

#shirt {background: url("shirt.png") no-repeat; height: 268px; left: 40%; margin: 0 0 0 -200px; position: absolute; top: 425px; width: 144px; z-index: 1;}
#shirt div {background: url("shirt_inner.jpg") no-repeat; height: 67px; margin: 160px 0 0 8px; position: absolute; width: 107px;}

#piter {background: url("piter.png") no-repeat; height: 96px; position: absolute; right: 7%; top: 222px; width: 97px; z-index: 1;}
#piter div {background: url("piter_inner.png") no-repeat; height: 93px; left: 1px; position: absolute; top: 2px; width: 95px;}

#appeal {font-size: 0.95em; left: 4%; margin: 0 0 0 39px; position: absolute; text-align: center; top: 200px; width: 180px; line-height: 1.4; z-index: 3;}
#appeal .watch, #appeal .phone {color: #000; font-size: 0.8em; margin: 0 0 0.9em 0; padding: 0 0 2.2em 0; position: relative;}
#appeal .phone {font-family: Arial, sans-serif; line-height: 1.2; font-size: 0.8em; padding-top: 0.7em;}
#appeal .phone span.phone {font-size: 1.9em;}
#appeal .phone span.code {font-size: 1.45em;}
#appeal .welcome {font-size: 1.05em; padding: 0 0 1.5em 0; position: relative; margin-bottom: 1.3em;}
#appeal .watch .circle, #appeal .welcome .circle {bottom: 0; left: -6px; margin: 0 0 0 50%; position: absolute; width: 12px;}
#appeal .watch .circle {background: url("circle.png") no-repeat; height: 12px;}
#appeal .welcome .circle {background: url("circle_half.png") no-repeat; height: 6px;}

#ficha {background: url("ficha.png") no-repeat; top: -185px; height: 407px;	position: absolute; left: 4%; width: 206px; z-index: 1; margin-left: 49px;}
#ficha div {background: url("ficha_inner.png") no-repeat; height: 344px; left: 26px; position: absolute; top: 1px; width: 179px;}
#footer {background: url("apple_bg.jpg") center bottom no-repeat; /*bottom: 0;*/ clear: both; color: #fff; font-family: arial; font-size: 0.7em; height: 260px; margin-top: -260px; letter-spacing: 0.08em; position: relative; width: 100%; z-index: 4; min-width: 970px;}
#footer .grad {background: url("bg01.png") repeat-x; height: 130px; margin-top: -129px; position: absolute; width: 100%; display: none;}
div.clear_footer {clear: both; height: 260px;}

#copyright {bottom: 45px; left: 25px; position: absolute; z-index: 1;}
#copyright a {color: #fcf321;}

a#models {margin-left: 136px;}

div#connector_container, div#connector {position: absolute; top: 0;}

div#additional_navigation {top: 0;}
div#additional_navigation div.collections {margin-bottom: 2em;}
div#additional_navigation div.bonus {margin-bottom: 1.5em;}
div#additional_navigation div.press {margin-top: 1.5em;}
/*div#additional_navigation div.news a img, div#additional_navigation div.press a img {display: none;}*/


#additional_navigation .bonus b SPAN {
	background: #6cc128;
	color: #fff;
	font-size: 1.1em;
	padding: 0.2em 0.4em 0.2em 0.2em;
}
#additional_navigation .bonus b img {
    position: absolute;
	right: 100%;
	margin: 0.45em -0.4em 0 0;
}
div.bonus b {font-weight: normal;}
#additional_navigation .bonus a img {display: none;}
div#additional_navigation {float: none; position: absolute; right: 0; top: 180px; z-index:1;}