/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* Generics */
* {outline:none}
a {text-decoration:none}
a:hover {text-decoration:none}
em {font-style:italic;}
strong {font-weight:bold;}
.invisible {display: none;}
.left {float: left;}
.right {float: right;}
.center {margin:auto; text-align:center;}
.relative {position:relative;}
.invalid {background:#ffe0e0;}
.clear {clear:both;}

/* MAIN STRUCTURE */
html {background-color:#ffffff; height: 100%;}
body {height:100%;}

img.bgmaximage {position:fixed !important;}
section {float:left; width:100%; height:100%}
aside {float:left; width:205px; min-height: 100%; background-color:#ffffff; padding-left:25px; position:absolute; z-index:200;}
* html aside {height: 100%;}
aside img.logo {margin-left:10px; margin-top:20px; margin-bottom:20px}
aside ul {}
aside ul li {line-height:11px}
aside ul li.bold {font-size:12px; letter-spacing:2px; margin-bottom:5px; margin-top:12px; padding-left:10px; text-transform: uppercase;}
aside ul li.big {font-size:20px; letter-spacing:2px; margin-bottom:5px; margin-top:10px; padding-left:10px}
aside ul li a {font-family:verdana; font-size:9px; color:#000000}
aside ul li a:hover {background:url(../images/box.gif) no-repeat center right; padding-right:25px}
aside ul li a:selected {background:url(../images/box.gif) no-repeat center right; padding-right:25px}
aside ul li a.selected {background:url(../images/box.gif) no-repeat center right; padding-right:25px}

aside ul.shopping {margin-top:30px}
aside ul.shopping li.bold a {font-size:12px; letter-spacing:2px; margin-bottom:5px; margin-top:12px; padding-left:8px }
aside ul.shopping li {padding-left:3px; font-family:verdana; font-size:9px; color:#000000; line-height:13px}

aside ul li.video {margin-bottom:6px} 
aside ul li.video a {font-family:verdana; font-size:9px; color:#636363; padding-left:10px}
aside ul.share {margin-top:25px}
aside ul.share li a {font-size:13px; padding-left:10px; background:none;} 
aside p {position:absolute; bottom:0; margin-bottom: 30px}

nav {position:absolute; top:0; right:0; width:638px; height:44px; background-color:#ffffff; margin-top:19px; z-index:1000}
nav ul {margin-top:9px; margin-left:7px}
nav ul li {display:inline; float:left;  margin-left:5px; text-align:center}
nav ul li a {font-size:11px; letter-spacing:2px; color:#000000;}
nav ul li.collection {width:95px !important}
nav ul li.boutique {width:93px}
nav ul li.story {width:84px}
nav ul li.stock {width:84px}
nav ul li.press {width:52px}
nav ul li.blog {width:49px}
nav ul li.contact {width:97px}

div.video {display:none; width:100%; margin-top:143px}
div.video div {width:740px; padding-left:230px;margin-left:auto; margin-right:auto}

/* GALLERY */
#sliderContent { width:100%; height:100%; overflow:hidden; position:absolute}
.viewer { padding:1px; overflow:hidden; position:relative; margin-left:229px}
.content-conveyor { width:100%; height:100%; position:relative; }
div.item { float:left; width:auto}
div.item div.title {position:absolute; float:right;margin-left:-100px;padding-top:6px;padding-right:6px;padding-left:6px;margin-top:100px;/*display:block; */height:20px;  font-family:verdana; font-size:9px; background-color:#000000; color:#ffffff;  z-index:300; -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}
div#slider {width:146px; margin-left:10px; margin-top:20px}
#sliderContent ul {min-width:2000px; height:100%; padding-left:230px; position:absolute; }
#sliderContent li { height:100% !important; display:inline; }
#sliderContent li img { height:100% !important; float:left; width:auto; }

#sliderContent ul li div.text {height:100% !important; float:left; width:50px; margin-left:-50px; text-align:center}
#sliderContent ul li div.text table {height:100%;}

#sliderContent ul li div.text table tr td p {width:275px; font-family:verdana; font-size:10px; height:21px; padding-top:5px; background-color:#000; color:#fff; padding-left:5px; padding-right:5px; margin-left:-105px;
-webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}

/* THE STORY */
div.story {width:100%; height:490px; margin-top:145px; background-color:#151515; overflow:hidden;}
div.story div.internal {float:left; width:630px; height:430px; padding:30px; margin-left:230px; font-family:verdana; font-size:10px; color:#ffffff; }
div.story div.internal img {float:left; width:281px; margin-right:30px}
div.story div.internal p.title {float:left; width:310px; font-size:25px; margin-bottom:10px }
div.story div.internal p.text {float:left; width:310px; }
div.story div.internal p.text a {color:#fff}

div.story div.internal form label {float:left; width:100px; height:25px;}
div.story div.internal form input {float:left; width:150px; height:17px; margin-bottom:7px}
div.story div.internal form input.send {float:left; width:99px; height:23px; margin-top:4px; border:0px; background-image:url(../images/submit.png); background-position:top left}
div.story div.internal form input.send:hover {background-position:bottom left}

/* STOCKISTS */
ul#navigation {position:absolute; z-index:200; float:left; width:230px; height:491px;	background-color:#151515; border-right:1px solid #414141; margin-top:145px; margin-left:230px; color:#ffffff}
ul#navigation ul {margin-left:30px; padding-top:14px }
ul#navigation li.sup {font-size:14px;}	
ul#navigation li.sup p {font-size:25px; padding-left:30px; margin-top:23px }
ul#navigation a {font-family:verdana; color:#fff; font-weight:bold; text-decoration:none;}				
ul#navigation .sup li{margin: 3px 0 !important; margin:-4px 0; font-size:10px;}

div.scrollableArea ul.stock {float:left; width:auto; max-width:840px; min-width:200px !important; height:491px; background-color:#151515}
div.scrollableArea ul.stock li {display:inline; float:left; min-width:200px !important;}
div.scrollableArea ul.last { padding-right:460px; }

div.scrollableArea ul.stock li.section {position:relative; float:left; height:465px; padding-left:30px; padding-top:25px}
div.scrollableArea ul.stock li.section p {font-size:18px; width:200px; padding-bottom:17px; color:#fff}
div.scrollableArea ul.stock li.section div {float:left; width:200px; height:80px; margin-bottom:30px; color:#fff; font-family:verdana; font-size:10px}

/* PRESS */
.section .press {width:auto; padding-top:0px !important; padding-left:0px !important;}
.contentpress {float:left; overflow:hidden; width:1500px !important; background-color:#151515; position:relative; height:490px !important; }
.press ul li {display:inline; float:left}
.press ul li p.date {position:absolute; width:280px; height:4px; margin-top:-260px; margin-left:159px; background-color:#000; text-align:center; font-size:11px; padding-top:7px;
 -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}
.press ul li p.date { margin-left /*\**/: 285px\9; margin-top  /*\**/: -375px\9  }

/* E-BOUTIQUE */
div.boutique {width:100%; height:auto; margin-top:135px;  overflow:hidden;}
div.boutique div.internal {/*width:100%;*/ margin-left:231px}
div.boutique div.internal ul li {display:inline; font-family:verdana; color:#6b6b6b; font-size:9px; }
div.boutique div.internal ul li a {color:#6b6b6b}
div.boutique div.internal ul li.spacer {padding-left:12px; padding-right:12px}
div.boutique div.internal ul.category {margin-top:15px;}
div.boutique div.internal ul.category li {float:left; width:248px; padding-right:10px; padding-bottom:10px;}
div.boutique div.internal ul.category li a, div.boutique div.internal ul.category li a img {overflow: hidden; float: left;}
/*div.boutique div.internal ul.category li a:hover {border:1px solid #000;}*/
/*div.boutique div.internal ul.category li a:hover img {margin: -1px;}*/
div.boutique div.internal ul.category li img#main_view {cursor: -moz-zoom-in;}
div.boutique div.internal ul.category li img.zoom {position:absolute; margin-left:94px; /*\**/: -33px\9;}
div.boutique div.internal ul.category li div {float:left; width:248px; height:19px; margin-top:-2px; background-color:#151515; color:#fff; text-align:center; padding-top:6px;}
div.boutique div.internal ul.category li div a {width:248px; color:#ffffff}
div.boutique div.internal ul.category li div a:hover {border:0px}

/* internal */
div.boutique div.internal ul.category li div.desc {float:left; width:238px; height:45px; text-align:left; padding-left:10px }
div.boutique div.internal ul.category li div.desc a {color:#ffffff; font-size:8px; text-decoration:underline}
#storecatsex {position:relative; float:right; font-size:1pt; padding-top:4px; }
.on {font-weight:bold;}

/* details */
div.boutique div.internal ul.category li div.details {float:left; width:238px; height:43px; text-align:left; padding-left:10px}
div.boutique div.internal ul.category li div.desc p.bold {font-size:16px; margin-top:-1px}
div.boutique div.internal ul.category li div.desc p.regular {font-size:14px; margin-top:-2px}
div.boutique div.internal ul.category li div.desctwo {height:45px; text-align:left; padding:6px 0px 0px 0px; color:#000; background-color:#fff}
div.boutique div.internal ul.category li.thumbs {width:74px; margin-left:4px;}
div.boutique div.internal ul.category li.thumbs a {margin-bottom:3px}
div.boutique div.internal ul.category li.thumbs a img {height:82px}

div.boutique div.internal ul.category li.order {width:250px; margin-left:5px; border-left:1px solid #d1d1d1;}
div.boutique div.internal ul.category li.order table {width:235px; margin-left:15px}
div.boutique div.internal ul.category li.order table tr td {padding-bottom:15px !important; font-size:11px; color:#000}
div.boutique div.internal ul.category li.order table tr td.maintitle {height:50px; background-color:#e7e7e7; vertical-align:top;}
div.boutique div.internal ul.category li.order table tr td.maintitle p {font-size:16px; padding:3px 0 0 5px; color:#000}
div.boutique div.internal ul.category li.order table tr td.title {width:100px; font-family:verdana; font-size:11px; font-weight:bold; color:#000; padding-left:6px;}
div.boutique div.internal ul.category li.order table tr td a {color:#000; text-decoration:underline}
div.boutique div.internal ul.category li.order table tr td input {height:16px}

div.boutique div.internal ul.category li.order ul.extras {margin-left:15px; margin-top:26px}
div.boutique div.internal ul.category li.order ul.extras p:first-child {float:left; width:227px; border:1px solid #c8c8c8; padding:3px 0 3px 5px; cursor:hand}
div.boutique div.internal ul.category li.order ul.extras p:first-child a {float:left; display:block; color:#000; border:0px}
div.boutique div.internal ul.category li.order ul.extras p:first-child:hover {background-color:#e7e7e7;}
div.boutique div.internal ul.category li.order ul.extras p.note {float:left; display:none; padding:3px 3px 3px 5px}

#addtobag{width:106px;height:22px;}

/* PRESS SCROLL */
div.scrollableArea { position: relative; width: auto; height: 491px; float:left}
div.scrollableArea ul {position:relative; float:left; width:auto; display: inline;/*border:3px solid blue*/}
div.scrollableArea table {position:relative; float:left;}
div.scrollableArea table tr td img {float:left}
div.scrollableArea table tr td div.date {float:left; margin-left:-152px; margin-top:235px; text-align:center; margin-left /*\**/: -25px\9; margin-top /*\**/: 105px\9;}
div.scrollableArea table tr td div.date p {position:absolute; width:280px; height:20px; background-color:#000; color:#fff; font-family:verdana; font-size:11px; padding-top:5px;
 -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); text-transform: uppercase;
}
div.scrollableArea table.last {margin-right:460px}

/* SCROLL for PRESS and STOCKISTS */
div#makeMeScrollable {margin-top:145px; overflow:hidden; }
div.scrollingHotSpotLeft { min-width: 190px; width: 200px; height: 491px; background-repeat: repeat; background-position: center center; position: absolute; z-index: 150; cursor: url(../images/cursors/cursor_arrow_left.cur), url(../images/cursors/cursor_arrow_left.cur),w-resize;	padding-left:460px}
div.scrollingHotSpotLeft:hover {display:block !important; background-image: url(../images/arrowleft_small.png); background-position:540px center; background-repeat: no-repeat; opacity: 0.35 !important; -moz-opacity: 0.35 !important; filter: alpha(opacity = 35) !important; /*background-color: #fff !important;*/ padding-left:460px; z-index: 150;}
div.scrollingHotSpotLeftVisible { z-index:10; background-image: url(../images/arrowleft_small.png); background-position:540px center; /*background-color: #fff;*/	background-repeat: no-repeat; opacity: 0.35; -moz-opacity: 0.35; filter: alpha(opacity = 35); zoom: 1;}
div.scrollingHotSpotRight {min-width: 75px;	width:180px;	height: 491px;	/*background-image: url(../images/big_transparent.gif);*/ background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; right: 0; cursor: url(../images/cursors/cursor_arrow_right.cur), url(../images/cursors/cursor_arrow_right.cur),e-resize;}
div.scrollingHotSpotRight:hover {display:block !important; background-image: url(../images/arrowright_small.png); background-position:80px center; background-repeat: no-repeat; opacity: 0.35 !important; -moz-opacity: 0.35 !important; filter: alpha(opacity = 35) !important; /*background-color: #fff !important;*/}
div.scrollingHotSpotRightVisible {background-image: url(../images/arrowright_small.png); background-position:80px center; /*background-color: #fff;*/	background-repeat: no-repeat; opacity: 0.35; filter: alpha(opacity = 35); -moz-opacity: 0.35; zoom: 1;}
div.scrollWrapper {margin-left:460px; position: relative; overflow: hidden; width: 100%; height: 100%;}

/* WHITE VERSION */
div.scrollingHotSpotLeft { min-width: 190px; width: 200px; height: 491px; background-repeat: repeat; background-position: center center; position: absolute; z-index: 150; cursor: url(../images/cursors/cursor_arrow_left.cur), url(../images/cursors/cursor_arrow_left.cur),w-resize;	padding-left:460px}
div.scrollingHotSpotLeft:hover {display:block !important; background-image: url(../images/arrowleft_smallwhite.png); background-position:540px center; background-repeat: no-repeat; opacity: 0.35 !important; -moz-opacity: 0.35 !important; filter: alpha(opacity = 35) !important; /*background-color: #fff !important;*/ padding-left:460px; z-index: 150;}
div.scrollingHotSpotLeftVisible { z-index:10; background-image: url(../images/arrowleft_smallwhite.png); background-position:540px center; /*background-color: #fff;*/	background-repeat: no-repeat; opacity: 0.35; -moz-opacity: 0.35; filter: alpha(opacity = 35); zoom: 1;}
div.scrollingHotSpotRight {min-width: 75px;	width:180px;	height: 491px;	/*background-image: url(../images/big_transparent.gif);*/ background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; right: 0; cursor: url(../images/cursors/cursor_arrow_right.cur), url(../images/cursors/cursor_arrow_right.cur),e-resize;}
div.scrollingHotSpotRight:hover {display:block !important; background-image: url(../images/arrowright_smallwhite.png); background-position:80px center; background-repeat: no-repeat; opacity: 0.35 !important; -moz-opacity: 0.35 !important; filter: alpha(opacity = 35) !important; /*background-color: #fff !important;*/}
div.scrollingHotSpotRightVisible {background-image: url(../images/arrowright_smallwhite.png); background-position:80px center; /*background-color: #fff;*/	background-repeat: no-repeat; opacity: 0.35; filter: alpha(opacity = 35); -moz-opacity: 0.35; zoom: 1;}
div.scrollWrapper {margin-left:460px; position: relative; overflow: hidden; width: 100%; height: 100%;}




/* gallery */
.one {height:100% !important; margin-top:0px !important}
.left {padding-left:230px !important; height:100% !important; background-position:305px center !important;}
.right {height:100% !important}
.two {margin-left:230px !important}
.three {height:100% !important}
.four {height:100% !important}

ul.four li {float:left; height:100% !important;}
ul.four li img {float:left; height:100% !important; width:auto}

div.scrollableArea ul li.part div.text {height:100% !important; float:left; width:50px; margin-left:-50px; text-align:center}
div.scrollableArea ul li.part div.text table {height:100%;}
div.scrollableArea ul li.part div.text table tr td p.small {width:275px; font-family:verdana; font-size:10px; height:21px; padding-top:5px; background-color:#000; color:#fff; padding-left:5px; padding-right:5px; margin-left:-105px;text-transform: uppercase;
-webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}

div.scrollableArea ul li.part div.text table tr td p.large {width:400px !important; font-family:verdana; font-size:10px; height:21px; padding-top:5px; background-color:#000; color:#fff; padding-left:5px; padding-right:5px; margin-left:-168px !important;text-transform: uppercase;
-webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}