﻿/* COMMON */

#catNavigation ul li {
padding-left:10px;
}
#newsletterInput{
	*margin: 3px 10px 0 0;
}

.greyLayout #logo, .greyLayout #logo a:link, .greyLayout #logo a:visited, .greyLayout h2#logo a{
	width:244px;
	height:50px;
	display:block;
    float: left;
	background:url('http://cdn2.yoox.biz/Os/coccinelle/corporate/logoGoodie.jpg') no-repeat top left;
}

.greenLayout,
.greyLayout{	background: #ffffff;}

.greyLayout #catNavigation{    background:#dcdcdc;    }
.greyLayout .mainSectionsInner{    background: #939392;    }
.greyLayout #ftCountry #footerMenu, .greyLayout #ftCountry input {    background-color:#d7d8df;}

.titleGallery {
    left:20px;
    position:absolute;
    top:15px;
}

.greyLayout .titleGallery h2, .greyLayout h1, .greenLayout .titleGallery h2, .greenLayout h1{
color:#9b9b9b;
	font-size:24px;
	text-transform: uppercase;
	}

     .greyLayout h1, .greenLayout h1 {
     margin-left:20px;
    position:relative;
    margin-top:15px;
    margin-bottom: 10px;
 }
 .greenLayout h1{color:#A3AA74}
.greyLayout #editorials .title,
.greyLayout #editorials .link,
.greyLayout #editorials .description,
.greenLayout #editorials .title,
.greenLayout #editorials .link,
.greenLayout #editorials .description{
    background: none;
    }

#wrapper {
	background: none;
	text-align: left;
	position: relative;
	min-height: 455px;
	height: auto !important;
	height: 455px ;

	_min-height: 460px;
	_height: auto !important;
	_height: 460px ;
}

#jobs {
	width: 100%;
	min-height: 255px;
	height: 455px ;
	border: none;
	margin: 0px;
}

#catNavigation a.selected {
    font-weight: bold;
}
.leftContainer {
    float: left; display: inline;
    width: 490px;
    overflow: hidden;
    }



.leftCnt {
    float: left; display: inline;
    width: 490px;
    color: #82807c;

    overflow: hidden;
}

.rightCnt {
    float: right;
    display: inline;
    width: 492px;
    height:455px;
   background: url("http://cdn2.yoox.biz/Os/coccinelle/main/loading.gif") no-repeat center center !important;

}

.pageFull{
    float: left; display: inline;
    width: 990px;
    color: #82807c;
    height:455px;
    overflow: hidden;
    }

.txtCnt{
	margin: 0 10px 15px 20px;
}
.txtCnt li{
	 list-style-type: disc;
	 list-style-position:inside;
}
.greenLayout #ftCountry #footerMenu{
	background-color: #d7deaa;
}


/* SIMPLEPAGE */
.hulanickiCollection h1, .hulanickiCollection h2{
	font-size:24px;
	text-transform: uppercase;
	color: #a3aa74;
	position: absolute;
	left: 0px;
}
.hulanickiCollection .leftContainer h1{ width: 450px; position: relative; margin-top:30px; }

.txtCnt h3, .titleGallery h3 { font-size:16px;}
.txtCnt .pageLink {
	font-size:15px;
	text-transform: uppercase;
}
.txtCnt p {
    margin:0 0 10px 0;
}

.hulanickiCollection .txtCnt p {
    margin:20px 0 10px 0;
}

/*
    title and cnt:
    contacts + legal + productcare
*/
.contacts .txtCnt,
.productCare .txtCnt{
	margin: 0 10px 15px 20px;
}
.contacts .leftCnt{ height: 425px;}
.contacts #scrollbar { height: 425px;}
.contacts #scrollHandleBackground {height:425px;}
.contacts .txtCnt {margin: 0 10px 25px 20px;}

.privacyPolicy .txtCnt{
	margin: 0 0 15px 20px;
}
.company h1,
.company h2,
.media h1,
.media h2,
.storeLocator h1,
.storeLocator h2,
.contacts h1,
.contacts h2,
.privacyPolicy h1,
.privacyPolicy h2,
.productCare h1,
.productCare h2{
    background:#D2CEBD;
    font-size:10px;
    height:25px;
    line-height:25px;
    padding-left:20px;
    text-align:left;
    text-transform:uppercase;
    color:#797575;
    width:473px;
    _width:493px;
    margin-bottom: 5px;
}
.privacyPolicy h1,
.privacyPolicy h2 { width:970px;}
/* NEWS */
.description {
	overflow: hidden;
}
.newsPage {
    background: none !important;
    color: #ffffff;
    overflow:hidden;
}
.newsPage .txtCnt{
	padding: 0;
	margin: 0 0 10px 20px;
}
.newsCnt{
    background: #dbd8d1 url("http://cdn2.yoox.biz/Os/coccinelle/corporate/news/closedNews.jpg") no-repeat right top !important;
    padding: 9px 10px;
    margin-bottom: 5px;
}

.active{
	background: #989482 !important;
	/*background: #989482 url("http://cdn2.yoox.biz/Os/coccinelle/corporate/news/openedNews.jpg") no-repeat right top !important;*/

}
.imgCnt{
    float:left;
    display: inline;

}
.newsTitle{
    display: block;
    width: 450px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}
.active .newsTitle {
    margin-bottom: 20px;
    color: #ffffff;
}

/* SCROLLBAR */
#scrollbar {
	width: 12px;
	margin-right: 10px;
	height: 430px;
	background-color: #D4D2C7;
	left: 0;
	position: absolute;
	top: 30px;
}
#scrollUp, #scrollDown {
	height: 0;
	line-height: 0;
	font-size: 0;
}
#scrollHandleBackground {
	height: 430px;
}
#scrollHandle {
	cursor: pointer;
	position: relative;
	background: transparent url("http://cdn2.yoox.biz/Os/coccinelle/main/sr/sliderBarV.gif") no-repeat 0 0;
	height: 165px;
	width: 12px;
}
.hulanickiCollection #scrollbar, .hulanickiCollection #scrollHandleBackground{ height: 420px;}
.hulanickiCollection #scrollbar { background: none;}
.hideScroll #scrollHandle {
	background: none;
}

.greenLayout .hideScroll #scrollHandleBackground, .greenLayout .hideScroll {
	background-color: Transparent !important;
}

.greyLayout #scrollbar, .greyLayout #scrollHandleBackground{ height: 420px;}
.greyLayout #scrollbar { background: none;}

.media #scrollbar, .media #scrollHandleBackground{ height: 420px;}
.media .hideScroll { background: none;}


.newsContent #scrollbar, .media #scrollHandleBackground{ height: 430px;}
.newsContent .hideScroll #scrollHandleBackground{ background: none;}


#navigationButtons {
	clear: both;
	width: 493px;
	height: 22px;
	line-height: 22px;
	padding-top:5px;
	display: block;
}
#navigationButtons .disabled {
	opacity: 0.15;
}
.pageButton {
	width: 100px;
	height: 22px;
	line-height: 22px;
	color: #FFF;
}
#prevPageButton {
	float: left;
}
#nextPageButton {
	float: right;
}

/* STORE LOCATOR */
.storeLocatorTitle {
	height: 22px;
	line-height: 22px;
	text-transform: uppercase;
	background-color: #d2cebd;
	color: #403521;
	padding-left: 20px;
	margin-bottom: 5px;
}
#chooseCountryCity {
	height: 100px;
	background-color: #e8e5de;
	margin-bottom: 5px;
	padding-left: 20px;
	color: #403521;
	text-transform: uppercase;
}
.combo {
	border: 1px solid #bcb7ac;
	color: #797575;
	margin-top: 3px;
	padding: 1px 20px 1px 5px;
	width: 200px;
	height: 11px;
	line-height:11px;
	background: transparent url("http://cdn2.yoox.biz/Os/coccinelle/main/common/dropDownArrow.gif") no-repeat right top;
	cursor: pointer;
}
#chooseCountry_options, #chooseCity_options {
	width: 225px;
	border: 1px solid #bcb7ac;
	background-color: #E8E5DE;
	z-index: 999;
	height: 200px;
	overflow: auto;
}
#chooseCountry_options li, #chooseCity_options li {
	width: auto;
	padding: 1px 0 1px 5px;
	cursor: pointer;
}
#chooseCountry_options li:hover, #chooseCity_options li:hover {
	background-color: #bcb7ac;
}

#chooseCountryCnt, #chooseCityCnt {
	padding-top: 10px;
}
#storeContainer {
	height: 320px;
	position: relative;
	overflow: hidden;
	background-color: #E8E5DE;
}
#storeContainer #scrollbar {
	height: 320px;
	top: 0;
}
#storeContainer #scrollHandleBackground {
	height: 320px;
}
#storeList {
	width: 451px;
	float: left; display: inline;
	padding-left: 20px;
	margin-left: 20px;
	*margin-left: 19px;
}
#storeList .title {
	color: #403521;
	margin: 10px 0px 5px 0px;
}
.singleStore {
	padding: 2px 0px;
}

/* EVENTS */
.newsPage {
    background: none !important;
    color: #ffffff;
    overflow:hidden;
    width: 490px;
    height: 430px;
}
.eventsCnt {
	width: 400px;
}
.unclickable a, .unclickable a:link, .unclickable a:hover, .unclickable a:active, .unclickable a:visited {
	cursor: default;
}

/* Editoriali (showcase/coverflow effect) */
#editorials {
	position: relative;
	width: 920px;
	margin-left: 30px;
	height: 455px;
	overflow: hidden;
	padding: 0;
	margin: 0 10px 0 20px;
}
#editorials .eventsCnt {
	float: left; display: inline;
}
#experienceeditorialsExperience #editorials .eventsCnt {
	width: 370px;
}
#editorials .description, #editorials .description img {
	padding: 0;
	margin: 0;
	border: 0px none;
	background: #e8e5de;
}
#editorials .description{
	padding: 5px;
}
#editorials .title {
	margin-top: 5px;
	padding: 5px 10px;
	background: #c7c4b6;
	text-align: center;
}
#editorials .link {
	margin-top: 5px;
	padding: 5px 10px;
	background: #403521;
	text-align: center;
	color: #FFF;
}

.greyLayout #editorials .description, .greyLayout #editorials .description img {
	background: none;
}
.greyLayout #editorials .description a {
	display: block;
}
.controls  {
	width: 25px;
	float: left;
	display: block;
	position: absolute;
	height: 39px;
	margin-top:380px;
	z-index:9999;
}
.nextArrow{
    right: 0;
	background: transparent url("http://cdn2.yoox.biz/Os/coccinelle/main/common/next.png") no-repeat right top;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn2.yoox.biz/Os/coccinelle/main/common/next.png',sizingMethod='scale');
}
.prevArrow{
    left:0;
	background: transparent url("http://cdn2.yoox.biz/Os/coccinelle/main/common/prev.png") no-repeat right top;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn2.yoox.biz/Os/coccinelle/main/common/prev.png',sizingMethod='scale');
}
.experienceLayout #editorials .link a{
	color: #FFF;
}
.greyLayout #editorials .link a{
	color: #403521;
	font-size: 12px;
	text-transform: uppercase;
}

/* goodie bag */
.galPage{
	position: relative;
}
#fullText {
	position: absolute;
	z-index: 99999;
	background: #FFF;
	width: 990px;
	left: 0;
	top: 0;
}
.openLayer {
	background: transparent url("http://cdn2.yoox.biz/Os/coccinelle/main/common/infoColl.gif") no-repeat left center;
	float: right;
	display: block;
	padding-left: 25px;
	height: 33px;
	line-height: 33px;
	position:absolute;
	right: 0;
	z-index:9999;
}

#layerCnt .leftCnt{ margin-top: 0;}
#layerCnt .txtCnt p{ margin-top: 10px;}

/* producCare */
.productCare .txtCnt{
	padding: 0;
}


/*company */
.company .leftCnt{ height: 420px;}
.company #scrollHandleBackground, .company #scrollbar   { height: 420px;}

.productCare .leftCnt{ height: 420px;}
.productCare #scrollHandleBackground, .productCare #scrollbar{ height: 420px;}
