body { background-color: #000000; font-size: 0.75em; /*overflow: hidden;*/ }

#site-wrapper 
{
	position: relative;
	width: 100%;
	max-width: 1080px;/*1181px;*/
	height: 787px;
	margin: 0 auto;	
	padding-top: 100px;
	overflow: hidden;
}

#boutique-link {
position:absolute;
right:16px;
top:94px;
z-index:400;
width:244px;
}
#boutique-link a {  
z-index:400;
position:relative;
}
#video-link {
position:absolute;
right:300px;
top:94px;
z-index:400;
width:244px;
}
#video-link a {  
z-index:400;
position:relative;

}
#boutique-details {
width:244px;
background-color:#bd3366;
top:-5px;
position:relative;
z-index:390;
color:#fff;
text-align:left;
font-size:140%;
line-height:135%;
font-family:Helvetica, Arial;
}
#boutique-details img { border:2px solid #FFF;margin-right:5px;}
.boutique-toggle {
position:relative;
z-index:395;
}

/**********************************/
/*             IMAGES             */
/**********************************/
#bg-image 
{ 
	position: relative;
	width: 100%;
	height: 787px;
	z-index: 1; 
	overflow: auto;
	overflow-y: hidden;
}
#bg-image .scroller 
{ 
	position: absolute;
	height: 100%;
}
#bg-image .scroller img { float: left; height: auto; position: relative; z-index: 1 }
#bg-image .scroller img.loading
{
	width: 100%;
	height: 100%;
	background: #000000 url(/images/ajax-loader.gif) 50% 50% no-repeat;
}

#image-control
{
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#image-control .main-change 
{ 
	position: absolute;
	top: 57%;
	width: 68px; 
	height: 68px; 
	margin-top: -70px;
	cursor: pointer;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#image-control .main-change.main-left { left: 20px; background-image: url(/assets/visual/arrow-left-new.png); }
#image-control .main-change.main-left:hover { background-image: url(/assets/visual/arrow-left-new-hover.png); }
#image-control .main-change.main-right { right: 20px; background-image: url(/assets/visual/arrow-right-new.png); }
#image-control .main-change.main-right:hover { background-image: url(/assets/visual/arrow-right-new-hover.png); }
#image-control .main-change.disable { background-image: url(/assets/visual/arrow-disable.png); }

#image-control .thumbs
{ 
	position: absolute;
	bottom: -56px;
	width: 100%;
	border-top: 1px solid #B53765; 
	background-color: #000000;
}
#image-control .thumbs span 
{ 
	cursor: pointer;
	display: block;
	position: absolute;
	top: -7px;
	width: 140px;
	left: 50%;
	margin-left: -70px;
	background: url(/assets/visual/arrow-up.png) #B53765 50% 50% no-repeat;
	height: 7px;
}
#image-control .thumbs:hover { border-color: #712845; }
#image-control .thumbs:hover span { background-color: #712845; }
#image-control .thumbs.open span { background-image: url(/assets/visual/arrow-down.png); }

#image-control .thumbs .thumbs-scroll 
{ 
	position: absolute; 
	z-index: 5;
	width: 25px;
	height: 101px;
	background-color: #B53765;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#image-control .thumbs .thumbs-scroll.thumbs-left { left: 0px; background-image: url(/assets/visual/arrow-left.png); }
#image-control .thumbs .thumbs-scroll.thumbs-right { right: 0px; background-image: url(/assets/visual/arrow-right.png); }
#image-control .thumbs .thumbs-scroll:hover { background-color: #4a1b2c; }

#image-control .thumbs .scroll-wrap
{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
#image-control .thumbs .scroll 
{
	position: absolute;
	z-index: 3;
	top: 0px;
	height: auto;
	width: 3000px;
	background-color: #333333;
}
#image-control .thumbs .scroll img
{ 
	cursor: pointer; 
	border-right: 1px solid #000000;
	border-bottom: 2px solid #000000;
}
#image-control .thumbs .scroll img.loading
{
	width: 150px;
	height: 99px;
	background: #000000 url(/images/ajax-loader.gif) 50% 50% no-repeat;
}
#image-control .thumbs .scroll img.active { border-bottom-color: #b53765; }

#download-brochure
{
    position: absolute;
    bottom: 0px;
    right: 0px;
}

/**********************************/
/*        CONTENT OVERLAYS        */
/**********************************/
#info-overlay
{
	display: none;
	position: absolute;
	top: 135px;
	right: 40px;
	width: 40%;
	padding: 10px 30px 40px 40px;
	z-index: 3;
	background: url(/assets/visual/pink-stripe-bg.png) top left repeat;
	font-family: Helvetica, Arial;
	font-size: 1.2em;
}
#info-overlay .close 
{ 
	position: relative;
	right: -28px;
	float: right;
	width: 35px;
	height: 20px;
	margin-bottom: 10px;
	text-align: center;
	color: #FFFFFF;
}
#info-overlay .close:hover 
{ 
	cursor: pointer;
	font-weight: bold;
	font-size: 1.3em;
}
#info-overlay .top
{ clear: right; }
#info-overlay .inner 
{ 
	clear: right;
	position: relative;
	height: 515px;
	overflow: auto;
	color: #FFFFFF; 
}

#info-overlay .inner h1 { color: #FFFFFF; font-family: Helvetica, Arial; }
#info-overlay .inner .content { line-height: 1.4em; margin-right: 10px; }

div.stockists { display: none; }


/************************************/
/*             STOCKISTS            */
/************************************/
div#stockists table tr td { padding-bottom: 10px; font-weight: bold; }
div#stockists table tr td .select { position: relative; }
div#stockists table tr td span 
{ 
	display: block;
	width: 180px;
	cursor: pointer; 
	margin-left: 10px;
	padding: 2px 4px;
	background: url(/assets/visual/dropdown-arrow.gif) #000000 96% 7px no-repeat;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
div#stockists table tr td .options 
{ 
	z-index: 150;
	position: absolute;
	top: 0px;
	left: 10px;
	width: 180px;
	max-height: 280px;
	overflow: auto;
	padding: 2px 4px;
	border: 1px solid #FFFFFF;
	background-color: #000000;
	color: #FFFFFF;
}
div#stockists table tr td .options li 
{
	cursor: pointer;
	margin-bottom: 1px;
	padding: 2px 2px;
	border-bottom: 1px solid #333333;
}
div#stockists table tr td .options li:hover, div#stockists table tr td .options li.active { color: #9B365B; }
div#stockists table tr td .options.counties li { display: none; }

div#stockists .stockists-found { margin-top: 5px; background-color: #B53766; }
div#stockists .stockist 
{
	position:relative;
	padding: 15px;
	border-bottom: 1px solid #752F4B;
	color: #FFFFFF;
}
div#stockists .stockist span
{
	position:absolute;
	top:15px;
	right:15px;
}

#contact-panel .error
{ 
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #881e45;
	background-color: #cc5a83;
	color: #000000;
}
#contact-panel .processing, #contact-panel .thankyou, #contact-panel .error { display: none; }
table.contact-country { margin-top: 15px; }
table.contact-country td { text-align: left; }
table.contact-country td span { color: #eeaac3;}


/**********************************/
/*       SITE TOP NAVIGATION      */
/**********************************/
#site-top 
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	overflow: auto;
	z-index: 5; 
	background-color: #000000;
	border-bottom: 1px solid #B53765;
}
#site-top .logo { float: left; margin: 20px; }
#site-top div { float: right; margin: 20px 20px 0px 0px; }
#site-top div.nav a 
{ 
	display: block;
	float: left;
	background: url(/assets/visual/menu.gif) top left no-repeat; 
	text-indent: -9000px; 
	overflow: hidden;
	width: 100px;
	height: 26px;
}
#site-top div a.collection { width: 120px; background-position: 26px 0px; }
#site-top div a.autobiography { width: 164px; background-position: -84px 0px; }
#site-top div a.stockists { width: 131px; background-position: -226px 0px;}
#site-top div a.press { width: 118px; background-position: -335px 0px; }
#site-top div a.contact { width: 121px; background-position: -432px 0; }

#site-top div a.collection.hover, #site-top div a.collection.active { background-position: 26px -22px; }
#site-top div a.autobiography.hover, #site-top div a.autobiography.active { background-position: -84px -22px; }
#site-top div a.stockists.hover, #site-top div a.stockists.active { background-position: -226px -22px;}
#site-top div a.contact.hover, #site-top div a.contact.active { background-position: -343px -22px; }

#site-top .credit 
{ 
	position: absolute;
	top: 20px;
	right: 32px;
	margin: 0px;
	font-family: Helvetica,Arial; 
	color :#B53765; 
	font-size:130%;
}
#site-top .buy-online {float:right;}
.video img {
padding-right:4px; 
margin-top:1px;
}
#site-top .brochure 
{ 
	position: absolute;
	top: 20px;
	right: 590px;
	margin: 0px;
	font-family: Helvetica,Arial; 
	font-size:130%;
}
.brochure  img
{ 
	padding-right:4px; 
	margin-top:1px;
}



/**********************************/
/*     SITE BOTTOM NAVIGATION     */
/**********************************/
#site-bottom 
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 45px;
	z-index: 4;
	overflow: auto;
	background-color: #000000;
	font-family: Helvetica, Arial;
	font-size:11px;
} 
#site-bottom div.left { float: left;  margin: 14px 8px 0px; color: #484747; }
#site-bottom div.center {float: right; text-align:center; width:280px; margin: 10px 8px 0px; color: #484747; }
#site-bottom div.right { float: right;  margin: 8px; width:175px; }
#site-bottom a 
{ 
	display: block;
	float: left;
	background: url(/assets/visual/footer-menu.gif) top left no-repeat; 
	text-indent: -9000px; 
	overflow: hidden;
	width: 87px;
	height: 25px;
}
#site-bottom a#video { background-position: 0px 0px; width:300px; }
#site-bottom a#video.hover { background-position: 0px -21px; width:300px; }
#site-bottom a#privacy { background-position: -315px 0px; }
#site-bottom a#privacy.hover { background-position: -315px -21px; }
#site-bottom a#skylight { background-position: -415px 0px; }
#site-bottom a#skylight.hover { background-position: -415px -21px; }