/** Heal Fashion Lab
 *	Main CSS
 *  Code by : 	Partikule Studio, http://www.partikule.net
 *
 *  Text :		#
 *	Titles :	#
 *  Links :		#
 *
 */


body {
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	position:relative;left:0px;top:0px;
	z-index:0;
}
p {
	font-family:Helvetica, Arial, sans-serif;
}
a:link {
	color:#000;
}


/* Structure
/* ------------------------------------------- */

#container {
	padding:0px 0px 0 30px;
	width:960px;
}
#header {
	height:15px;
	padding-top: 5px;
	width:972px;
}

/* Sidebar : Menu */
#sidebar {
	float:left;
	position:relative;
	padding-top:90px;			/* For logo */
}
#main {
	margin-top:10px;
	margin-left:190px;
}
#content {
	overflow: hidden;
}


/* Home background image */
#bg{
	position: absolute;
	top: 0;
	z-index: -1;
	display:none;
	overflow:hidden;
}
#bg-img{
	display:block;
}

/* Global
/* -------------------------------------------- */
#footer {
	bottom:0;
	margin-top:50px;
	margin-left:30px;
	width:300px;
	overflow: hidden;
}
#footer-print {
	display:none;
}
#logo-black img,
#logo-white img
{
	border: none;
	padding:0;
}

#logo-black,
#logo-white {
	display:block;
	position:absolute;
	top:30px;
	left:30px;
	width:108px;
	height:83px;
}
#logo-black{
	z-index:1001;
}
#logo-white {
	z-index:1000;
}


/* Lang menu
/* -------------------------------------------- */

#menuLang {
	float:right;
	margin:3px 0 0 0;
}
#menuLang ul {
	list-style:none;
	margin: 0;padding: 0;
}
#menuLang ul li {
	float:left;
	margin-left:3px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:9px;
	height: 16px;
}
#menuLang ul li a:link, #menuLang ul li a:visited {
	padding-top: 4px;
	display: block;
	color:#000;
	text-decoration:none;
}
#menuLang ul li a:after {
	content: "  /  ";
}
#menuLang ul li a.last:before {
	content: "";
}
#menuLang ul li a:hover{
	color:#000;
	text-decoration:underline;
}
#menuLang ul li #sound {
	padding:0;
}
#menuLang ul li a.white:link,
#menuLang ul li a.white:visited,
#menuLang ul li a.white:active {
	color:#fff;
}


/*   Menu										
/* -------------------------------------------- */

ul#menu{
	min-height:300px;
}

ul#menu, ul#links 
{
	list-style: none;	
	clear:both;
	width:160px;
	margin:30px 0 0 0;
	padding:0;
}
li.toggler {
	color:#000;
	cursor:pointer;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin:0;
	padding:0;
}
li.toggler a:link,
li.toggler a:visited,
li.toggler a:active {
	color:#000;
	display:block;
	padding:5px 0 1px 0;
	text-decoration: none;
}
li.toggler a:hover {
	text-decoration:underline;
	padding-bottom: 1px;
}
li.toggler a.active
{
	text-decoration:underline;
	padding-bottom: 1px;
}

/* Submenu links */
ul.submenu {
	list-style: none;
	margin: 0 !important;
	padding:0;
}
ul.submenu li {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin:0;
	padding:0;
}

ul.submenu li a:link,
ul.submenu li a:visited,
ul.submenu li a:active {
	color:#000;
	display:block;
	letter-spacing: 0.1em;
	padding: 2px 0 2px 0;
	text-decoration:none;
	border:none;
}
ul.submenu li a:hover{
	text-decoration:underline;
}
ul.submenu li a.active {
	text-decoration:underline;
}


/* White menu */
li.toggler a.white:link,
li.toggler a.white:visited,
li.toggler a.white:active{
	color:#fff;
}
li.toggler a.white:hover{
/*	border-bottom: solid 1px #fff;*/
	text-decoration:underline;
}
li.toggler a.active.white {
/*	border-bottom: solid 1px #fff;*/
	text-decoration:underline;
}
ul.submenu li a.white:link,
ul.submenu li a.white:visited,
ul.submenu li a.white:active {
	color:#fff;
}

/* Links */
ul#links li {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin:0;padding:0;
}
ul#links li a:link,
ul#links  li a:visited,
ul#links li a:active {
	color:#000;
	display:block;
	letter-spacing: 0.1em;
	padding: 2px 0 2px 0;
	text-decoration:none;
	border:none;
}
ul#links li a:hover{
	text-decoration:underline;
}
ul#links li a.white:link,
ul#links li a.white:visited,
ul#links li a.white:active {
	color:#fff;
}

.social {
	margin:10px 70px 0 0;
	height:30px;
	
}
.social a {
	display:block;
	width:20px;
	height: 20px;
	float:left;
	margin-right:5px;
	cursor:pointer;
}
.social a.facebook {
	background: url(images/bg_icon_share.png) no-repeat 0 -20px;
}
.social a.facebook:hover {
	background: url(images/bg_icon_share.png) no-repeat 0 0px;
}

.social a.myspace {
	background: url(images/bg_icon_share.png) no-repeat -20px -20px;
}
.social a.myspace:hover {
	background: url(images/bg_icon_share.png) no-repeat -20px 0px;
}
.social a.twitter {
	background: url(images/bg_icon_share.png) no-repeat -40px -20px;
}
.social a.twitter:hover {
	background: url(images/bg_icon_share.png) no-repeat -40px 0px;
}




/* Loader
/* -------------------------------------------- */

.loader {
	height: 28px;
	position: absolute;
	top:80px;
	margin-left:40px;
	width: 28px;
	z-index: 10001;
}
.loader-hidden {
	opacity: 0;
	display:none;
}
.loader-visible {
	opacity: 1;
	display:block;
}

.img-loader{
	height: 28px;
	position: absolute;
	top:120px;
	margin-left:203px;
	width: 28px;
	z-index: 10001;
}
.img-loader-hidden {
	opacity: 0;
	display:none;
}
.img-loader-visible {
	opacity: 1;
	display:block;
}




/* Content structure / styles
/* -------------------------------------------- */

.page {

}
.page.press {
	padding-top:124px;

}

.article{
	margin-left:24px;
	margin-bottom:20px;
	overflow: hidden;
}

/** Article type : margin top  */
/* Hors collection */
.article.standard {
	padding-top:124px;
}
.article.lookbook {
	padding-top:92px;
}


/** Main picture & text container
 */
#main-image {
	float:left;
	margin:0;
	padding:0;
	position:relative;
}
.main-image {
	float:left;
	margin:0;
	padding:0;
	position:relative;
}
.article #main-image img {
	display:block;
}

.text-container {
	float:left;
	margin-left:12px;
	max-width:370px;
}

.text-container.collection {
	max-width:280px;
}

.article .text {}

/* Slider
 */
.slider {
	clear:both;
	padding-top:20px;
	margin-bottom:20px;
}


/* Pictures thumbnails container 
 * Small details of a collection item
 */
 
.article .thumb-container.mini {
	width:auto;
}
.article .thumb-container {
	margin-bottom:0px;
	width:150px;
	min-height:510px;
}
.article .thumb-container a {
	border:none;
	display:block;
}
.article .thumb-container a:link,
.article .thumb-container a:visited,
.article .thumb-container a:hover
{
	background-color: #fff !important;
	border:none;
}

.article .thumb-container a img
{
	padding:0;
	border:none;
}

.article .thumb-container .thumb.mini {
	float:left;
	margin-left: 10px;
}
.article .thumb-container .thumb {
	position:relative;
	display:block;
	margin-bottom:10px;
}





/** Small thumb
 *  Used by collection page to show little animated gifs
 */
a.small-thumb {
	float:left;
	margin:0 10px 10px 0;
	padding:0 !important;
	background:none !important;
	text-decoration: none !important;
	border:none;
	cursor:pointer;
}
a.small-thumb img {
	display:block;
	border: none;
	margin:0;
}

/** Links to other collection article (page)
 */
div.collection-links{
	font-size:12px;
	margin:10px 20px;
}
a.collection-link {
	font-size: 11px;
	padding:4px;
	color:#000;
}
a.collection-link.active {
	text-decoration: none !important;
	color:#888;
}


/* Text style
 * -------------------------------- */
.page h2, .article h2 {
	font-size: 11px;
	margin:0;
	padding:0px 0 3px 0;
	letter-spacing: 0.1em;
}

h2.underline {
	border-bottom: solid 1px #eee;
}

.article h3 {
	font-size:10px;
	margin:5px 0 15px 0;
	font-weight: normal;
	text-align: right;
}



.article p, .article ul {
	font-size: 11px;
	line-height:1.3em;
	margin:0 0 10px 0;
}
.article p a:link,
.article p a:visited,
.article p a:active {
	font-weight: normal;
	color: #555;
	text-decoration: underline;
/*	padding:2px 2px 0 2px;*/
}
.article p a:hover {
	color: #000;
	background-color:#f3f3f3;
	text-decoration: none;
}


/* Footer Text style
/* -------------------------------------------- */

#footer p{
	font-size:10px;
	color:#bbb;
}
#footer a {
	color:#888;
	text-decoration:none;
}
#footer a:link, #footer a:visited {
	color:#888;
}
#footer a:hover {
	text-decoration: underline;
}


/* Clearfix
   http://www.positioniseverything.net/easyclearing.html
 ----------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */