body {background-color: #363636;}
.discover ::-moz-selection {
	background-color: #545454;
}

/* HEADER */
  
    #search label {background: #7E7E7E url(img/discover/bg-search-left.png) top left no-repeat;}
    #search input {background: #7E7E7E url(img/discover/bg-search-right.png) top left no-repeat;}
    #search input.active {color: #FFF;}

/* Nav */

    #nav ul {border-bottom: 1px solid #4B4B4B;}
	#nav ul li {
	    background: #363636;
	    border-right: 1px solid #363636;
	    border-left: 1px solid #363636;
	    border-top: 1px solid #363636;
	    border-bottom: none;
		height:37px;
    }
    #nav ul li.initial {
        border-left: 1px solid #4B4B4B;
    	border-right: 1px solid #4B4B4B;
    	border-bottom: 1px solid #363636;
    }
    #nav ul li.active,
    #nav ul li.active-prev,
    #nav ul li.active-next {
        background-color: #FFF;
    	border-left: 1px solid #fff;
    	border-right: 1px solid #fff;
    	border-bottom: 1px solid #fff;
    	background-image: none;
    }
    #nav ul li.bg-prev {background: #363636 url(img/discover/bg-nav-item-right.png) bottom right no-repeat;}
    #nav ul li.bg-next {background: #363636 url(img/discover/bg-nav-item-left.png) bottom left no-repeat;}
    #nav ul li a {color: #CACACA;}
    #nav ul li.active a {color: #000;}
    #nav ul li a:hover {color: #000;}
    #nav ul li:hover {background-image: none;}

	.en #nav ul li a { background: url(img/discover/nav-en.png) no-repeat top left; }
	.en #nav ul li a.discover { width:149px; }
	.fr #nav ul li a { background: url(img/discover/nav-fr.png) no-repeat top left; }
	.fr #nav ul li a.discover { width:190px; }

	.discover #nav ul li.active a.collection { background-position: 0 -3px; }
	.discover #nav ul li a.collection { background-position: 0 -36px; }
	.discover #nav ul li.active a.community { background-position: 0 -69px; }
	.discover #nav ul li a.community { background-position: 0 -102px; }
	.discover #nav ul li.active a.discover { background-position: 0 -142px; }
	.discover #nav ul li a.discover { background-position: 0 -168px; }
	.discover #nav ul li.active-next a.tools { background-position: 0 -201px; }
	.discover #nav ul li a.tools { background-position: 0 -234px; }
	.discover #nav ul li.active-prev a.visit { background-position: 0 -267px; }
	.discover #nav ul li a.visit { background-position: 0 -300px; }

#subnav {
    border-bottom: 1px solid #4B4B4B;
}
    
    .fr #subnav ul {padding-left: 155px;}
	.en #subnav ul {padding-left: 200px;}
	#subnav ul li {color: #989090;}
	#subnav ul li .sep {color: #4B4B4B;}
	#subnav ul li.first a {color: #999;}
	#subnav ul li a {color: #FFFFFF; display: inline-block; padding-bottom: 4px;}
	#subnav ul li a:hover {color: #FFFFFF; border-bottom: 4px solid #666; padding-bottom:0;}
    .cocktailstories #subnav ul li.cocktailstories a,
    .mbtb #subnav ul li.mbtb a,
    .recreation #subnav ul li.recreation a,
    .euvsfiles #subnav ul li.euvsfiles a,
	#subnav ul li.active a {color: #FFFFFF; border-bottom: 4px solid #FFF; padding-bottom: 0;}


/* FOOTER */

#footmore {
    background: #1f1f1f url(img/discover/bg-footer.png) repeat-x;
    height: 138px;
    margin: 20px auto 0;
    padding: 10px 0;
    width: 100%;
}
    #footmore h6 {
        color: #595959;
        font-size: 21px;
        text-transform: uppercase;
    }
    #footmore .wrapper {
        margin: auto;
        text-align: center;
        width: 975px;
    }
    #footmore .wrapper p {
        color: #B7B7B7;
        font-size: 20px;
        margin-top: 58px;
    }
    #footmore .wrapper a {color: #B7B7B7; text-decoration: none;}
    #footmore .wrapper p a:hover {text-decoration: underline;}
    #footmore .wrapper p a {width:130px;}
    #footmore .wrapper .image img {vertical-align: middle;}
    #footmore .wrapper .image img.thumb { width:156px; }
    #footmore .wrapper .prev, #footmore .wrapper .next {width: 480px;}
    #footmore .wrapper .prev {float: left; text-align: left;}
    #footmore .wrapper .prev .arrow {margin-right: 15px;}
    #footmore .wrapper .prev .image {margin-right: 12px; float: left;}
    #footmore .wrapper .next {float: right; text-align: right;}
    #footmore .wrapper .next .arrow {margin-left: 15px;}
    #footmore .wrapper .next .image {margin-left: 12px; float: right;}
	#footmore div.prev span.number, #footmore div.next span.number {background:none;}
/* ------------------------------------------------------------------------------------------------ */

/* PATTERNS */
.threecols .col {border-right: 1px solid #4B4B4B;}
.threecols .last {border: 0;}

/* ------------------------------------------------------------------------------------------------ */

/* TITLES */

.wrapper h1 {
    color: #585552;
    font-size: 50px;
    letter-spacing: -2px;
    text-transform: uppercase;
}

.wrapper h2 {
    color: #FFF;
    font-size: 30px;
    letter-spacing: -2px;
    text-transform: uppercase;
}

.wrapper h3 {
    color: #585552;
    font-size: 54px;
    letter-spacing: -2px;
    text-transform: uppercase;
}

.wrapper h4 {
    color: #767676;
    font-size: 30px;
    letter-spacing: -2px;
    line-height: 30px;
    text-transform: uppercase;
}

.wrapper h5 {
    font-size: 27px;
    font-weight: bold;
    letter-spacing: -2px;
    text-transform: uppercase;
}

/* ------------------------------------------------------------------------------------------------ */

/* DISCOVER */
.discover #splash {
    height: 365px;
    margin: 0 auto 20px auto;
    width: 935px;
}

.discover #rubs {
    border-top: 1px solid #4B4B4B;
    margin: 10px 0 30px;
    padding: 20px 0 0;
}

    .discover #rubs .col h2 {}
    .discover #rubs .col h4 {margin-top: 5px;}
    .discover #rubs .col h3 {line-height: 45px;}
    .discover #rubs .col h3.flir-replaced {position: relative; top: -5px;}

/* ------------------------------------------------------------------------------------------------ */

/* MAN BEHIND THE BOTTLE && COCKTAIL STORIES */

.mbtb .playerheader {overflow: auto;}
.mbtb .playerheader .logo {border-right: 1px solid #4B4B4B; float: left; margin-right: 30px; padding-right: 30px;}
.mbtb .playerheader h2 {color: #767676;}
.mbtb .playerheader h3 {font-size: 25px; font-weight: normal; letter-spacing: normal; margin-bottom: 20px; text-transform: none;}
.mbtb .player {margin: 10px 0;}

.mbtb .twocols {margin: 40px 0;}
.mbtb .twocols p {margin-bottom: 10px; text-align: justify;}

.mbtb .twocols .first {width: 615px;}
.mbtb .twocols .first #bookmarks {margin-top: 40px;}

.mbtb .twocols .first h4 {color: #FFF; font-size: 20px; letter-spacing: normal; text-transform: none;}
.mbtb .twocols .first h5 {color: #8FA554; font-size: 22px; font-weight: normal; letter-spacing: -1px; margin-bottom: 10px; text-transform: none;}
.mbtb .twocols .first h5 a {text-decoration: none;}
.mbtb .twocols .first h5 a:hover {text-decoration: underline;}
.mbtb .twocols .first .languages {color: #BBB; font-size: 12px; line-height: 18px; margin-bottom: 20px; overflow: auto; text-transform: uppercase;}
.mbtb .twocols .first .languages li {display: block; float: left; margin-right: 2px; padding-right: 2px;}
.mbtb .twocols .first .languages a {color: #BBB; display: block; text-decoration: none;}
.mbtb .twocols .first .languages li.active a {border-bottom: 3px solid #FFF; color: #FFF; font-weight: bold;}
.mbtb .twocols .first p {color: #BBB; font-size: 12px; line-height: 18px;}

.discover .twocols .first .bookmark,
.mbtb .twocols .first .bookmark {margin-bottom: 30px; overflow: auto; zoom:1;}
.discover .twocols .first .bookmark p,
.mbtb .twocols .first .bookmark p {color: #A09E9E; font-size: 13px; line-height: 18px;}
.discover .bookmark .screenshot,
.mbtb .bookmark .screenshot {
    background-position: 4px 15px;
    float: left;
    height: 115px;
	margin: 0 10px 10px 0;
    width: 128px;
}


/* Colors MBTB */
.mbtb .color-mariani {color: #8FA554;}
.mbtb .borderb-mariani {border-bottom: 1px solid #8FA554;}
.mbtb .bordert-mariani {border-top: 1px solid #8FA554;}
.mbtb .bg-mariani {background-color: #8FA554;}
.mbtb .color-jameson {color: #69A38F;}
.mbtb .borderb-jameson {border-bottom: 1px solid #69A38F;}
.mbtb .bordert-jameson {border-top: 1px solid #69A38F;}
.mbtb .bg-jameson {background-color: #69A38F;}
.mbtb .color-ramazzotti {color: #DF312A;}
.mbtb .borderb-ramazzotti {border-bottom: 1px solid #DF312A;}
.mbtb .bordert-ramazzotti {border-top: 1px solid #DF312A;}
.mbtb .bg-ramazzotti {background-color: #DF312A;}


/* ------------ */
/* RECREATION */

body.recreation {overflow:hidden}

/* ----------------- */

.mbtb .twocols h3,
.cocktailstories .twocols h3 {
	font-size:25px;
	font-weight:normal;
	letter-spacing:normal;
	margin-bottom:20px;
	text-transform:none;
}

.cocktailstories .video {
	background:#070d0f;
	margin:0 auto;
	width:935px;
}
.cocktailstories .video .menu {
	background:#070d0f;
	float:left;
	padding:10px 0 0;
	text-align:center;
	width:215px;
}
.cocktailstories .video .menu .tools {
	margin:0 0 0 12px;
	padding:70px 0 0;
	text-align:left;
	width:149px;
}
.cocktailstories .video .menu .tools li a {
	border-bottom:1px solid #24292b;
	color:#565656;
	display:block;
	padding:6px 0 5px 17px;
	text-decoration:none;
	text-transform:uppercase;
}
.cocktailstories .video .menu .tools li.rss a {
	clear:both;
}
.cocktailstories .video .menu .tools li.rss a {
	background:url(img/discover/cocktail-stories/rss.png) no-repeat 17px 5px;
	padding:6px 0 5px 41px;
}
.cocktailstories .video .player {float:left; width:720px;}
.cocktailstories .video .clear {clear:both;}
.cocktailstories .video .notification {
	color: #FFF;
	font-size: 10px;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
}
.cocktailstories .video .notification img {vertical-align: text-top;}
.cocktailstories .band {
	background:#5e5e5e;
	height:120px;
	margin:0 0 30px;
}
.cocktailstories .twocols {margin: 40px auto; width:935px;}
.cocktailstories .twocols p {margin-bottom: 10px; /*text-align: justify;*/}

.cocktailstories .twocols .first {width: 615px;}
.cocktailstories .twocols .first > div {margin: 0 0 40px;}

.mbtb .twocols .first h3,
.cocktailstories .twocols .first h3 {color: #FFF;}
.mbtb .twocols .first h3,
.cocktailstories .twocols .first h3 {height: 20px;}
.mbtb .twocols .first h3 span,
.cocktailstories .twocols .first h3 span {background-color: #363636; padding-right: 5px;}
.mbtb .twocols .first h3 span.further,
.cocktailstories .twocols .first h3 span.further {background-color: #363636;}

.cocktailstories .twocols .first h4 {color: #FFF; font-size: 20px; letter-spacing: normal; text-transform: none;}
.cocktailstories .twocols .first h5 {
	color: #1da1de; font-size: 22px; font-weight: normal; letter-spacing: -1px; line-height:30px; margin-bottom: 10px; text-transform: none;
}
.cocktailstories .twocols .first h5 a {text-decoration: none;}
.cocktailstories .twocols .first h5 a:hover {text-decoration: underline;}
.cocktailstories .twocols .first p {color: #BBB; font-size: 12px; line-height: 18px;}

.mbtb .twocols .first #bookmarks h3,
.cocktailstories .twocols .first #bookmarks h3 {margin: 0 0 50px;}
.mbtb .twocols .first .mark
.cocktailstories .twocols .first .mark {margin: 0 0 50px; overflow: auto;}
.mbtb .twocols .first .mark p
.cocktailstories .twocols .first .mark p {color: #A09E9E; font-size: 13px; line-height: 18px; margin:0 0 0 177px;}
.mbtb .twocols .first .mark .thumb
.cocktailstories .twocols .first .mark .thumb {float: left; margin: 0 20px 10px 0;}

.mbtb .twocols .last,
.cocktailstories .twocols .last {padding: 0 0 0 70px; width: 240px;}
.mbtb .twocols .last h3,
.cocktailstories .twocols .last h3 {color: #BBB; font-size:25px; text-transform:none;}
.mbtb .twocols .last p,
.cocktailstories .twocols .last p {color: #878686; font-size: 11px; line-height: 20px; width:200px;}
.mbtb .twocols .last .links,
.cocktailstories .twocols .last .links {margin:85px 0 0;}
.mbtb .twocols .last .links span,
.cocktailstories .twocols .last .links span {display:block; padding:17px 0 8px; text-transform:uppercase;}
.mbtb .twocols .last .links span a,
.cocktailstories .twocols .last .links span a {font-size:25px; text-decoration:none;}
.mbtb .twocols .last .links span a em,
.cocktailstories .twocols .last .links span a em {color:#fff; display:block; font-size:55px; line-height: 45px;}

.mbtb .twocols .last .bottle,
.cocktailstories .twocols .last .bottle {
	background: url(img/discover/bg-bottle.png) bottom no-repeat;
	height: 435px;
	text-align: center;
	width: 240px;
}

/* Colors Cocktail Stories */
.cocktailstories .color-martini {color: #1DA1DE;}
.cocktailstories .bg-martini {background-color: #1DA1DE;}
.cocktailstories .borderb-martini {border-bottom: 1px solid #1DA1DE;}
.cocktailstories .bordert-martini {border-top: 1px solid #1DA1DE;}
.cocktailstories .color-daiquiri {color: #E37000;}
.cocktailstories .bg-daiquiri {background-color: #E37000;}
.cocktailstories .borderb-daiquiri {border-bottom: 1px solid #E37000;}
.cocktailstories .bordert-daiquiri {border-top: 1px solid #E37000;}
.cocktailstories .color-blackthorn {color: #CC391C;}
.cocktailstories .bg-blackthorn {background-color: #CC391C;}
.cocktailstories .borderb-blackthorn {border-bottom: 1px solid #CC391C;}
.cocktailstories .bordert-blackthorn {border-top: 1px solid #CC391C;}

.cocktailstories #share {
	color:#565656;
	float:left;
	padding:0;
	position:absolute;
	background:#070D0F;
	margin:0;
	padding:2px 8px 2px 0;
/*	width:132px;*/
}
.cocktailstories #share img.sociable{ opacity:0.4; }
.cocktailstories #share img.sociable:hover{ opacity:1; }
.cocktailstories #share i{ float:none; display:none; }
.cocktailstories #share ul{
	float:none;
	padding:0;
}
.cocktailstories #share ul li{
	display:inline;
	float:left;
	margin:0 2px;
	padding:0;
}
.cocktailstories #share ul li a {
	border:none;
	display:inline;
	float:left;
	margin:0 2px;
	padding:6px 4px;
}

span.logged_as {
	color:#B0AEAE;
	float:left;
	font-size:12px;
	margin:6px 0 0;
}