body {
  margin:0; padding:0;
}
div {
  margin:0; padding:0;
}
dl {
  margin:0; padding:0;
}
dt {
  margin:0; padding:0;
}
dd {
  margin:0; padding:0;
}
ul {
  margin:0; padding:0;
}
ol {
  margin:0; padding:0;
}
li {
  margin:0; padding:0;
}
h1 {
  margin:0; padding:0;
}
h2 {
  margin:0; padding:0;
}
h3 {
  margin:0; padding:0;
}
h4 {
  margin:0; padding:0;
}
h5 {
  margin:0; padding:0;
}
h6 {
  margin:0; padding:0;
}
pre {
  margin:0; padding:0;
}
form {
  margin:0; padding:0;
}
fieldset {
  margin:0; padding:0;
}
input {
  margin:0; padding:0;
}
textarea {
  margin:0; padding:0;
}
p {
  margin:0; padding:0;
}
blockquote {
  margin:0; padding:0;
}
th {
  margin:0; padding:0;
}
td {
  margin:0; padding:0;
}
select {
  margin:0; padding:0;
}
option {
  margin:0; padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset {
  border:0;
}
img {
  border:0;
}
address {
  font-style:normal; font-weight:normal;
}
caption {
  font-style:normal; font-weight:normal;
}
cite {
  font-style:normal; font-weight:normal;
}
code {
  font-style:normal; font-weight:normal;
}
dfn {
  font-style:normal; font-weight:normal;
}
em {
  font-style:normal; font-weight:normal;
}
strong {
  font-style:normal; font-weight:normal;
}
th {
  font-style:normal; font-weight:normal;
}
var {
  font-style:normal; font-weight:normal;
}
ol {
  list-style:none;
}
ul {
  list-style:none;
}
li {
  list-style:none;
}
caption {
  text-align:left;
}
th {
  text-align:left;
}
h1 {
  font-size:100%; font-weight:normal;
}
h2 {
  font-size:100%; font-weight:normal;
}
h3 {
  font-size:100%; font-weight:normal;
}
h4 {
  font-size:100%; font-weight:normal;
}
h5 {
  font-size:100%; font-weight:normal;
}
h6 {
  font-size:100%; font-weight:normal;
}
q:before {
  content:'';
}
q:after {
  content:'';
}
abbr {
  border:0;
}
acronym {
  border:0;
}





.clear { clear: both; }

*html img {
  behavior: url("/images/pngfix/iepngfix.htc")
}
*html div {
  behavior: url("/images/pngfix/iepngfix.htc")
}
*html input {
  behavior: url("/images/pngfix/iepngfix.htc")
}
*html div {
  zoom: 1;
}
*html ul {
  zoom: 1;
}
*html ol {
  zoom: 1;
}
*html li {
  zoom: 1;
}




html {
	background: url(/images/bg-top.png?1272465730) left top repeat-x #FFF; height: 100%;
}
html body { background: url(/images/bg-bottom.png?1272465730) left bottom repeat-x; display: block; min-height: 100%; position: relative; }
html.scroll { height: 100%; }
html.scroll body { height: 100%; overflow-y: hidden; width: 100%; position: absolute; left: 0; top: 0; }
html body.noScroll div.header img.logo { position: absolute; }


a { color: #000; }
a:hover {text-decoration: none;}

div.pageContainer {
	z-index: 100;
	min-height: 630px; min-width: 900px;
}
div.pageContainer h1 { font-size: 23px; text-transform: uppercase; }
div.pageContainer h3 { font-size: 20px; color:#666;  font-weight: bold; text-transform: uppercase; margin-bottom: 0.834em; }
div.pageContainer h4 { font-size: 12px; color:#8f8f8f;  text-transform: uppercase; margin-bottom:0.75em;}

div.header {
	position: relative; z-index: 200;
}
div.header img.logo { position: fixed; top: 35px; left: 22px; z-index: 1000; }
div.header object { position: absolute; left: -20px; top: -20px; }
div.header div.topNavigation {
  position: absolute; top: 127px; left: 28px; z-index: 0;
  width: 150px; text-align: center;
  text-transform: uppercase; font-size: 11px; line-height: 1.364em;
  letter-spacing: 0.2em;
}
div.header div.topNavigation span.smallLetterSpacing { letter-spacing: normal; }
div.header div.topNavigation li { margin: 0 0 1.773em; position: relative; }
div.header div.topNavigation li span.selectCollections { position: absolute; top: 50%; margin-top: -4px; right: -19px; }
div.header div.topNavigation li.blog a { color: #00352c; }
div.header div.topNavigation ul.additionalLinks {
  padding-top: 10px;
}
div.header div.topNavigation ul.additionalLinks span.currentItem { display: none; }
div.header div.topNavigation ul.additionalLinks li { margin-bottom: 4px; color: #00352c; }
div.header div.topNavigation ul.additionalLinks li.current {
  padding-left: 16px;
}
div.header div.topNavigation ul.additionalLinks li.current span.currentItem { display: inline; padding-left: 6px; }
div.header div.topNavigation ul.additionalLinks a { color: #00352c; }
div.header div.adminMenu {
  position: absolute; right: 20px; top: 10px; font-size: 12px;
}
div.header div.adminMenu span { padding: 0 5px; font-size: 16px; position: relative; top: 3px; }
div.header div.adminMenu a { padding: 0 1px; }

.ie6 div.header img.logo { position: absolute; }

div.contacts {
	position: absolute; bottom: 73px; left: 71px; width: 210px; font-size: 12px; line-height: 17px; z-index: 300;
}
div.contacts div.office { margin-bottom: 37px; }
div.contacts h4 { font-size: 12px; color: #4c2b11; margin-bottom: 2px; letter-spacing: 0.2em; }
div.contacts p { font-size: 12px; color: #000; }
div.contacts p em { font-style: italic; }
div.contacts a { color: #00352c; text-decoration: underline; }
div.contacts img { cursor: pointer; }


div.footer {
	position: absolute; bottom: 30px; height: 100px; width: 280px; z-index: 200;
}
div.footer span.contactsLink {
  position: absolute; bottom: 30px; left: 69px; font-size: 11px; letter-spacing: 0.2em;
  color: #00352c; text-transform: uppercase; padding-bottom: 0px;
  background:url(/images/contacts-dot.png?1272465730) left bottom repeat-x;
  cursor:pointer;
}
div.footer span.contactsLink:hover { background: none; }
div.footer a.switchLanguageLink {
  font-size: 11px; color: #00352c; text-decoration: underline;
  position: absolute; left: 80px; bottom: 12px;
}
div.footer a.switchLanguageLink:hover { text-decoration: none; }

div.topOverlay {
	position: absolute; width: 100%; height: 100%; z-index: 100;
}

div.pagePadding {
	padding-top: 102px; padding-left: 205px; min-width: 400px; max-width: 1100px;
}

ul.itemsList {
	padding: 20px 0;
	font-size: 14px;
}



div.content {
	font-size: 13px; line-height: 1.539em;
}
div.content p { margin-bottom: 2.077em; }
div.content h5 { font-size:14px; color: #000; font-weight: bold;}


form.formtastic {
	padding: 10px; width: 600px;
}
form.formtastic input { width: 150px; margin-bottom: 10px; }
form.formtastic a.destroyLink { display: block; color: #F00; text-align: right; font-size: 13px; margin-top: -2em; }
form.formtastic div.switchLanguages {
  position: relative;
}
form.formtastic div.switchLanguages p.switch { width: 100px; position: absolute; top: 0; right: 0; text-align: right; }
form.formtastic div.switchLanguages p.switch a { text-decoration: underline; cursor: pointer; }
form.formtastic div.switchLanguages p.switch a.current { text-decoration: none; }
form.formtastic fieldset.inputs li.boolean input { display: inline; width: auto; }
form.formtastic fieldset.inputs li.boolean label { display: block; }
form.formtastic fieldset.inputs li.boolean label label { display: inline; padding-left: 6px; }
form.formtastic fieldset.inputs li.date {
  display: block; width: 100%;
}
form.formtastic fieldset.inputs li.date ol li {
  float: left; margin: 0 5px;
}
form.formtastic fieldset.inputs li.date ol li label { text-transform: none; font-weight: normal; font-size: 12px; }
form.formtastic fieldset.inputs li.date ol li select { margin: 0; }
form.formtastic fieldset.inputs li.date fieldset { clear: both; width: 100%; margin-bottom: 15px; }
form.formtastic fieldset.inputs label {
  display: block; width: 100%; text-transform: uppercase;
  font-weight: bold; font-size: 12px; padding-bottom: 5px;
}
form.formtastic fieldset.inputs fieldset legend {
  display: block; width: 100%; text-transform: uppercase;
  font-weight: bold; font-size: 12px; padding-bottom: 5px;
}
form.formtastic fieldset.inputs li.halfSizeLeft { width: 45%; margin-right: 4%; display: inline-block; }
form.formtastic fieldset.inputs li.halfSizeRight { width: 50%; display: inline-block; }
form.formtastic fieldset.inputs input {
  padding: 1px; width: 100%; margin-bottom: 15px; font-size: 12px;
}
form.formtastic fieldset.inputs textarea {
  padding: 1px; width: 100%; margin-bottom: 15px; font-size: 12px;
}
form.formtastic fieldset.inputs select {
  padding: 1px; width: 100%; margin-bottom: 15px; font-size: 12px;
}
form.formtastic fieldset.buttons input { width: 150px; margin: 10px 0; }


div.serviceLinks { font-size: 13px; padding-top: 20px; font-style: italic; }

ul.sortableList {
	font-size: 13px;
}
ul.sortableList li { border-left: 3px solid #666; padding-left: 5px; margin-bottom: 5px; }

div.swfUploader {
	padding-top: 30px; margin-top: 10px; border-top: 3px solid #CCC;
	position: relative; z-index: 100000;
}
div.swfUploader div.area { padding-bottom: 30px; }
div.swfUploader ul.uploadContainer li { padding-bottom: 20px; font-size: 14px;  }
div.swfUploader ul.uploadContainer div.progress { background: #666; height: 3px; margin-top: 5px; }



div.startpage div.mirror {
  position: absolute; top: 50%; left: 50%; margin: -272px 0 0 -429px; z-index: 100;
}
div.startpage div.mirror img {
  position: absolute; z-index: 200;
}
div.startpage div.forest {
  background: url(/images/startpage/forest.jpg?1272465730) 50% 50% no-repeat;
  position: relative; left: -20000px;
}
div.startpage div.forestVertical {
  position: absolute; overflow: hidden;
  width: 169px; height: 265px;
  margin: 130px 0 0 345px;
}
div.startpage div.forestVertical div {
  width: 217px; height: 265px; position: relative;
  margin: 0 0 0 -24px;
}
div.startpage div.forestHorizontal {
  margin: 173px 0 0 321px; position: absolute;
  width: 217px; height: 179px;
}
div.startpage div.smallShow {
  position: absolute; left: 70%; top: 187px; z-index: 200;
}
div.startpage div.smallShow img {position: absolute;}
div.startpage div.flashContainer {
  display: block; position: absolute; width: 217px; height: 265px; margin: 130px 0 0 321px; z-index: 1000; cursor: pointer;
}
div.startpage div.flashMirror {
  position: absolute; margin: 130px 0 0 321px; z-index: 10000; left: -2000px;
  width: 217px; height: 265px; cursor:pointer;
}

a.silaLink {
	position: absolute; right: 44px; bottom: 40px;
	font-size: 11px; color: #8ea597; letter-spacing: 0.2em;
}
a.silaLink:hover { text-decoration: none; }

div.visibleCamera div.mirror img { cursor: pointer; }
div.visibleCamera div.flashMirror { left: 0; }


div.flowers {position: absolute; left: 50%; top: 50%; margin: -106px 0 0 -260px;}
div.flowerTop {
	position: absolute; margin: 0; z-index: 300;
}
div.flowerLeft {
	position: absolute; margin: 80px 0 0 2px; z-index: 300;
}
div.flowerRight {
	position: absolute; margin: 51px 0 0 76px; z-index: 300;
}




div.slidingContainer {
	position: absolute; top: 50%; margin-top: -225px; left: 16px; padding-right: 16px;
}

div.slidingContent ul {
  padding: 0 0 0 16px;
}
div.slidingContent ul li { position: absolute; }

li.look {
	position: absolute; 
}
li.look span.index {
  position: absolute; bottom: -12px; right: 10px; font-size: 10px;
  color: #a4a39e;
}

div.manageLooks {
  position: absolute; height: 100%;
}
div.manageLooks div.manageLooksForm { position: absolute; left: 10px; bottom: 150px; z-index: 100000; width: 300px; overflow: hidden; }
div.manageLooks div.manageRandomItemsForm { position: absolute; left: 320px; bottom: 150px; width: 300px; z-index: 100000;  }
div.manageLooks a.destroy { font-size: 18px; position: absolute; right: -10px; top: -10px; color: #F00; text-decoration: none; }
div.manageLooks a.largeLink { display: block; text-align: center; }
div.manageBackstage {
  position: absolute; height: 100%;
}
div.manageBackstage div.manageLooksForm { position: absolute; left: 10px; bottom: 150px; z-index: 100000; width: 300px; overflow: hidden; }
div.manageBackstage div.manageRandomItemsForm { position: absolute; left: 320px; bottom: 150px; width: 300px; z-index: 100000;  }
div.manageBackstage a.destroy { font-size: 18px; position: absolute; right: -10px; top: -10px; color: #F00; text-decoration: none; }
div.manageBackstage a.largeLink { display: block; text-align: center; }

div.manageBackstage div.manageRandomItemsForm { left: 10px; }

div.bigLook {
	position: fixed; display: none; z-index: 200; margin: -310px 0 0 -175px; top: 50%; left: 50%; text-align: center; width: 350px;
}
div.bigLook span.index { position: absolute; top: 0; width: 100%; left: 57px; text-align: center; }
div.looks ul li {display: inline-block; vertical-align: top;}
* html div.looks ul li {
  zoom: 1; display: inline;
}
*+ html div.looks ul li {
  zoom: 1; display: inline;
}
.ie6 div.bigLook { position: absolute; }


div.video {
	position: fixed; top: 50%; left: 50%; margin: -226px 0 0 -232px; z-index: 2000;
}


img.logoWhite {display: none;}
body.dark img.logoBlack { display: none; }
body.dark img.logoWhite { display: block; }
body.dark div.looksContainer {
  overflow: hidden;
}
body.dark div.shade {
  width: 100000px; height: 100000px; position: absolute; bottom: 0; right: 0; background: #000; z-index: 200;
  -moz-opacity: 0.97; filter:alpha(opacity=97); opacity: 0.97;
}
body.dark div.collectionNav h1 { color: #FFF; }
body.dark div.collectionNav li a { color: #505050; }
body.dark div.collectionNav li a.active { text-decoration: none; }
body.dark div.collectionNav li a:hover { color: #FFF; }
body.dark div.collectionNav li span.soundTrack span.width { background: #FFF; }



li.store {
	width: 130px; font-size: 13px; line-height: 17px;
}
li.store h2 { font-size: 18px; text-transform: uppercase; margin-bottom: 13px; }
li.store h4 { font-size: 13px; color: #4c2b11; margin-bottom: 0; }
li.store a { color: #023636; }
li.store div.city { font-style: italic; }

ul.imagesList li { margin: 10px; position: relative; width: 100px; height: 140px; position: relative; }
ul.imagesList li img { max-width: 100px; max-height: 100px; }
ul.imagesList li a.destroy { color: #F00; display: block; font-size: 12px; }

ul.imagesList li {display: inline-block; vertical-align: top;}
* html ul.imagesList li {
  zoom: 1; display: inline;
}
*+ html ul.imagesList li {
  zoom: 1; display: inline;
}

div.storesIndex {
	padding-top: 101px; padding-bottom: 150px; padding-left: 34px; position: relative;
}
div.storesIndex img.titleImage { position: absolute; left: 50%; margin-left: -14px; top: 6px; }
div.storesIndex h2 {
  letter-spacing: 0.2em;
}
div.storesIndex h4 {
  letter-spacing: 0.2em;
}
div.storesIndex div.firstStore {
  position: relative; margin-right: 46px;
}
div.storesIndex div.firstStore div.images { margin: 0 auto; width: 325px; position: relative; }
div.storesIndex div.firstStore div.images img { position: absolute; }
div.storesIndex div.firstStore div.images img.image_1 { left: 0; top: -10px; }
div.storesIndex div.firstStore div.images img.image_2 { left: 112px; top: -28px; }
div.storesIndex div.firstStore div.images img.image_3 { left: 178px; top: 14px; }
div.storesIndex div.firstStore div.images img.image_4 { left: 259px; top: -9px; }
div.storesIndex div.firstStore h2 { font-size: 18px; text-transform: uppercase;  }
div.storesIndex div.firstStore h4 { text-transform: none; font-size: 16px;  margin-bottom: 6px; letter-spacing: normal; color: #023636; }
div.storesIndex div.firstStore li.store { width: 100%; text-align: center;  font-size: 17px;  }
div.storesIndex div.firstStore div.city { margin-bottom: 2px; }
div.storesIndex div.firstStore div.address { line-height: 22px; font-size: 16px; }
div.storesIndex div.firstStore ul { margin-top: 102px; margin-bottom: 54px; }
div.storesIndex div.row {
  padding-bottom: 35px;
}
div.storesIndex div.row li.store { width: 24%; }
div.storesIndex div.otherCountries { padding-top: 13px; }
div.storesIndex div.group.first h2 { font-size: 18px; }

div.storesIndex div.row li.store {display: inline-block; vertical-align: top;}
* html div.storesIndex div.row li.store {
  zoom: 1; display: inline;
}
*+ html div.storesIndex div.row li.store {
  zoom: 1; display: inline;
}



ul.yearsIndex { padding-top: 20px; }
ul.yearsIndex li { margin-right: 20px; margin-bottom: 20px; }

ul.yearsIndex li.year {display: inline-block; vertical-align: top;}
* html ul.yearsIndex li.year {
  zoom: 1; display: inline;
}
*+ html ul.yearsIndex li.year {
  zoom: 1; display: inline;
}

li.year {
	width: 200px;
}
li.year h3 { font-size: 20px; color: #4c2b11; margin-bottom: 11px; letter-spacing: 3px; font-weight: normal; }
li.year h3 a { color: #4c2b11; }
li.year div.text { font-size: 13px; color: #000; margin-bottom: 11px; line-height: 17px; }

body.storyPage { height: 100%; float: left; }

div.storyPage {
	left: 206px; margin-top: -194px;
}
div.storyPage div.slidingContent { width: 5000px; }
div.storyPage div.intro {
  float: left;
}
div.storyPage div.description {
  float: left;
}
div.storyPage div.kaleidoscope {
  float: left;
}
div.storyPage ul.years {
  float: left;
}
div.storyPage div.intro {
  background: url(/images/large-a.png?1272465730) left top no-repeat;
  padding: 15px 0 0 17px;
  width: 320px; margin-right: 28px;
  font-size: 21px; line-height: 31px;
}
div.storyPage div.intro span.firstLetter { padding-left: 16px; }
div.storyPage div.description {
  margin: 22px 38px 0 0;
  width: 335px; font-size: 13px; line-height: 17px;
}
div.storyPage div.description p { margin-bottom: 10px; }
div.storyPage div.kaleidoscope {
  width: 498px; height: 498px; margin-top: -61px;
  background: url(/images/circle.png?1272465730) left top no-repeat; margin-right: 37px;
}
div.storyPage div.years { float: left; margin-top: 23px; width: 160px; height: 350px; }
div.storyPage div.years li { position: static; margin-bottom: 10px; }
div.storyPage div.years li img { position: absolute; margin-top: -50px; }
div.storyPage div.years a { color: #4c2b11; }
div.storyPage div.years a:hover { color: #000; }

.webkit div.storyPage div.intro { padding-top: 14px; }



div.collectionNavContainer {
	position: absolute; bottom: 120px; left: 10px; width: 500px; z-index: 1000;
}

div.pike { background: url(/images/pike.png?1272465730) 0 0 no-repeat; position: fixed; bottom: 18px; left: 68px; width: 200px; height: 100px;  }
.ie div.pike { position: absolute; }

div.collectionNav {
	padding: 40px 0 0 0; margin: 3px 0 0 26px;
	position: fixed;
}
div.collectionNav h1 { font-size: 17px; font-weight: normal; text-transform: none; margin: 0 0 0.118em 0; }
div.collectionNav h1 span.selectCollections {
  background: url(/images/select-collection.png?1272465730) right 12px no-repeat;
  padding: 9px 17px 0 0; cursor: pointer;
}
div.collectionNav li {
  font-size: 13px; margin: 0 0.231em 0 0;
}
div.collectionNav li a { color: #505050;  text-decoration: underline; cursor: pointer; }
div.collectionNav li a.active { text-decoration: none; }
div.collectionNav li a:hover { color: #000; }
div.collectionNav li span.soundTrack { color: #505050; position: relative; cursor: pointer; }
div.collectionNav li span.soundTrack span.border {
  position: absolute; bottom: 1px; right: 0; display: block;
}
div.collectionNav li span.soundTrack span.width {
  position: absolute; bottom: 1px; right: 0; display: block;
}
div.collectionNav li span.soundTrack span.border { width: 100%; height: 1px; background: url(/images/soundtrack-dot.png?1272465730) right bottom repeat-x; }

body.dark div.collectionNav h1 span.selectCollections {
  background-image: url(/images/select-collection-white.png?1272465730);
}

.webkit div.collectionNav h1 span.selectCollections { background-position: right 11px; }
.ie div.collectionNav h1 span.selectCollections { zoom: 1; }

ul.largeHiddenCollections {
	position: absolute; bottom: -26px; left: 26px;
	text-transform: uppercase; font-size: 11px; line-height: 1.364em;
	letter-spacing: 0.2em;
}
ul.largeHiddenCollections li { margin-bottom: 10px; position: relative; }
ul.largeHiddenCollections span.smallLetterSpacing { letter-spacing: normal; }

body.dark ul.largeHiddenCollections li a { color: #FFF; }

.ie6 div.collectionNav { position: absolute; }
*+html div.collectionNav li { margin-right: 8px; }
div.collectionNav li {display: inline-block; vertical-align: top;}
* html div.collectionNav li {
  zoom: 1; display: inline;
}
*+ html div.collectionNav li {
  zoom: 1; display: inline;
}