@charset "utf-8";
/* COMMON */
html, body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:10px;
}
body{
	background-image:url(../img/front/bg_gradient.jpg);
	background-repeat:repeat-y;
	background-position:1012px;
}
input, select{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
}
h1, h2, h3, h4, ul, li, p{
	margin:0;
}
img{
	border:0px;
}
a{
	color:#4c86b2;
}
#main{
	width:1024px;
	position:relative;
}
#main #top{	
	width:692px;
	padding-bottom:26px;
	margin-left:256px;
	background-image:url(../img/front/logo_di.jpg);
	background-repeat:no-repeat;
	padding-top:20px;
	text-align:right;
}
#main #top h1, #main #top h2{
	display:none;
}
#main #top #home-link{
	letter-spacing:2px;
}
#main #top #quick-search{
	position:relative;
	padding-top:25px;
	margin-top:70px;
	text-align:right;
}
#main #top #quick-search table{
	position:absolute;
	top:0;
	right:0;
}
#main #top #quick-search td{
	padding-left:5px;
}

#main .search-btn{
	display:block;
	background-color:#44a12a;
	border:1px solid #8b0044;
	color:#FFFFFF;
	padding:1px 5px 2px 5px;
}
#main .search-btn:hover{
	background-color:#a40044;
	color:#FFFFFF;
	text-decoration:none;
}
#main #top #quick-search #advanced-search{
	color:#7f7f7f;
}
#main #menu{
	position:absolute;
	left:0;
	top:0;
	background-image:url(../img/front/visu_topleft.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	width:100px;
	list-style:none;
	padding:0;
	padding:134px 0 0 112px;
	color:#f39900;
}
#main #menu li{
	padding-bottom:10px;
	line-height:120%;
}
#main #menu li a, #footer a{
	text-decoration:none;
}
#main #menu li a:hover, #footer a:hover{
	color:#f39900;
}
#main #content h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#005291;
	font-size:32px;
}
#footer{
	clear:both;
	text-align:right;
	height:20px;
	color:#4c86b2;
	position:absolute;
	width:950px;
	z-index:1;
}
.area-underage{
	background-image:url(../img/front/bullet-underage.gif);
}
.area-drink-drive{
	background-image:url(../img/front/bullet-drink-drive.gif);
}
.area-consumer{
	background-image:url(../img/front/bullet-consumer.gif);
}
.area-responsible-dark{
	background-image:url(../img/front/bullet-responsible-dark.gif);
}
.area-responsible-light{
	background-image:url(../img/front/bullet-responsible-light.gif);
}
.area-workplace{
	background-image:url(../img/front/bullet-workplace.gif);
}

.break{
	clear:both;
}

#content .left{
	float:left;
}
#content .right{
	float:right;
}

/* SELECT BOXES */
.selectbox {
	cursor:default;
	width:165px;
	padding:1px 3px;
	margin:0;
	background-image:url(../img/front/dropdown_arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#f0f5f9;
	font-size:11px;
	border:1px solid #8b0044;
	color:#333;
	display:block;
}
div.selectbox-wrapper{
	background-color:white;
	border:1px solid #8b0044;
	overflow:auto;
	z-index:1000;
}
div.selectbox-wrapper ul{
	padding:0;
	margin:0;
	list-style:none;
	text-align:left;
	font-size:11px;
}
div.selectbox-wrapper ul li {
	padding:1px 2px;
	margin:0;
	cursor:pointer;
}
div.selectbox-wrapper ul li.selected { 
	background-color: #6285af;
	color:#FFFFFF;
}
#main .advanced .selectbox{
	width:290px;
}
#main .advanced .selectbox-wrapper{
	position:absolute;
	display:block;
}
/* HOME */

#main #welcome{
	position:absolute;
	top:250px;
	width:190px;
	height:400px;
	color:#ccdce9;
	background-color:#a38796;
	font-size:12px;
	padding:10px 15px 45px 15px;
	margin:10px 0 0 90px;
	background-image:url(../img/front/bg_welcome.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#main #welcome h2{
	font-size:32px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	font-weight:normal;
	padding-bottom:5px;
}
#main #welcome p{
	padding-bottom:5px;
	line-height:115%;
}
#main #welcome p strong{
	font-weight:normal;
	color:#FFFFFF;
}
#main #welcome ul{
	list-style:none;
	color:#FFFFFF;
	padding:0;
}
#main #welcome ul li{
	background-repeat:no-repeat;
	background-position:0 6px;
	padding:0px 0 4px 15px;
	font-weight:bold;
}
#main #welcome #read-more{
	padding:5px 0;
	font-size:11px;
}
#main #welcome a{
	color:#FFFFFF;
}
#main .home{
	background-image:url(../img/front/bg_color_strips.gif);
	background-repeat:no-repeat;
	background-position:right 20px;
	width:668px;
	margin-left:344px;
}
#main #content.home h1{
	padding:5px 15px;
	font-size:36px;
	color:#a40044;
	padding-bottom:5px;
	border:2px solid #005291;
	margin-right:65px;
}
#main .home .highlight{
	background-image:url(../img/front/themes-colors/bullet-consumer.gif);
	width:250px;
	float:left;
	margin-right:35px;
	border:2px solid #005291;
	margin-top:15px;
	padding:5px 15px 0 15px;
	color:#7f7f7f;
	font-size:14px;
	background-position:bottom;
	background-repeat:repeat-x;
	display:block;
	text-decoration:none;
}
#main .home .highlight p{
	height:90px;
}
/* WELCOME */
#main .welcome{
	width:600px;
	font-size:12px;
	line-height:115%;
	margin-left:344px;
}
#main #content.welcome h1{
	color:#FFFFFF;
	font-size:32px;
	line-height:100%;;
	padding-bottom:10px;
}
#main .welcome h2{
	background-repeat:no-repeat;
	background-position:0 3px;
	padding:0 0 0 12px;
	font-size:12px;
	color:#000000;
}
#main .welcome p{
	padding-bottom:7px;
}
#main .welcome #darkbg{
	background-color:#a38796;
	color:#ccdce9;
	padding:14px 16px 5px 16px;
}
#main .welcome #lightbg{
	background-color:#e3dbe0;
	background-image:url(../img/front/bg_welcome_light.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	color:#a38796;
	padding:14px 16px 70px 16px;
}
/* DETAILS LEFT */
#main .details{
	margin-left:291px;
}
.details #left-column{
	width:430px;
	float:left;
}
.details #left-column p{
	margin:0;
	padding:0;
}
#left-column #summary{
	border:3px solid #99bad3;
	padding:10px 0;
	margin-bottom:15px;
}
#left-column #summary a:hover{
	text-decoration:none;
}
#summary #thumb{
	background-image:url(../img/front/thumb_bg_middle.jpg);
	margin-bottom:10px;
}
#summary #details-country, #summary #details-timing {
	font-size:14px;
	
}
#summary #details-country{
	text-transform:uppercase;
}
#summary #details-country strong, #summary #details-timing strong{
	color:#005291;
	font-size:12px;
}
#search-back{
	color:#f39900;
	display:block;
	font-weight:bold;
	text-align:right;
}
#search-back:hover{
	text-decoration:none;
}
#summary #details-name{
	clear:both;
	font-size:14px;
	font-weight:bold;
}
#summary .left{
	margin-left:10px;
}
#summary .right{
	margin-right:10px;
}
#summary #details-area{
	clear:both;
	color:#FFFFFF;
	font-size:12px;
	padding:10px 0;
}
#summary #details-area #area-color{
	height:18px;
	text-transform:uppercase;
}
#summary #details-area .area-underage{
	background-color:#ffdb13;
	background-image:none;
	color:#000000;
}
#summary #details-area .area-all{
	border-top:1px dotted black;
	border-bottom:1px dotted black;
	color:#000000;
}
#summary #details-area .right{
	font-size:14px;
	font-weight:bold;
}
#summary #details-links, #summary #details-name{
	margin:0 10px;
}
#summary #details-links{
	font-size:11px;
	width:370px;
	float:left;
}
#summary #details-links ul{
	list-style:none;
	font-size:12px;
	text-align:center;
	padding:0 0 0 25px;
	margin:0;
}
#summary #details-links ul li{
	display:inline;
	font-size:10px;
	color:#005291;
}
#summary #print-link{
	float:right;
	display:block;
	text-align:right;
}
#summary #print-link img{
	padding:12px 15px 0 0;
}
.details .details-item{
	border-bottom:2px solid #bfd4e3;
	padding-top:5px;
	margin-left:17px;
	margin-bottom:10px;
	color:#707173;
	font-size:12px;
}
.details .details-item ul{
	padding-left:15px;
}
.details .details-item h2{
	font-size:12px;
	color:#005291;
	text-transform:uppercase;
}
.details .details-item small a{
	display:block;
	text-align:right;
	color:#f39900;
	text-decoration:none;
}

/* DETAILS RIGHT (DOWNLOAD) */
.details #right-column{
	float:left;
	width:250px;
	overflow:hidden;
	margin:176px 0 0 16px;
}
.details #right-column a{
	color:#a40044;
	font-size:12px;
}
.details #right-column h3{
	padding-top:10px;
	padding-bottom:2px;
	font-size:12px;
	clear:both;
}
.details #right-column ul{
	margin:0;
	padding:0;
	list-style:none;
}
.details #right-column ul li{
	padding:0 0 5px 0;
	background-repeat:no-repeat;
	background-position:0 2px;
	color:#999999;
	line-height:14px;
	clear:left;
}
.details #right-column ul li .thumb{
	float:left;
	margin-right:10px;
	width:20px;
	height:20px;
	text-align:center;
}
.details #right-column ul li .thumb img{
	border:1px solid #8d8b8d;
}
.details #right-column ul li .thumb .icon{
	border:0;
}
.details #right-column ul li .bullet{
	width:190px;
	padding-left:15px;
	list-style:disc;
	font-size:10px;
}
.details #right-column ul li .bullet li, 
.details #right-column #audio-list li .bullet li,
.details #right-column #video-list li .bullet li{
	background-image:none;
	margin:0;
	padding:0;
	color:#a40044;
}
.details #right-column ul li .bullet li small{
	color:#8d8b8d;
	font-size:10px;
}
.details #right-column #audio-list li{
	background-image:url(../img/front/audio_icon.gif);
	padding-left:30px;
}
.details #right-column #video-list li{
	background-image:url(../img/front/flv_icon.gif);
	padding-left:30px;
}
#download-all{
	clear:both;
	margin-top:20px;
	color:#4c4c4c;
	font-size:12px;
}
#download-all span{
	color:#999999;
}

/* ABOUT */
#main .about{
	width:610px;
	margin-left:344px;
	color:#707173;
	font-size:12px;
	line-height:120%;
}
.about h1, .about h2{
	font-weight:normal;
	padding-bottom:10px;
	line-height:150%;
}
.about h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#005291;
	font-size:32px;
	padding-top:10px;
}
.about .frame{
	border:2px solid #005291;
	padding:17px;
	margin-top:10px;
}
.about .frame img{
	padding-bottom:10px;
}
.about .frame .contact-infos{
	padding-top:10px;
	color:#005291;
	padding-left:80px;
	background-image:url(../img/front/about_bg.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.about .contact-infos a{
	color:#08A2C7;
}
.about .commitment p{
	padding-bottom:10px;
}
.about .commitment ol{
	list-style:lower-roman;
	padding:0 0 0 20px;
	margin:0;
}
.about .commitment ol li{
	padding:0 0 5px 10px;
}
.about .commitment, .about .intro, .about h1, .about h2{
	padding-left:12px;
	padding-right:12px;
}
/* TERMS & CONDITIONS + PRIVACY STATEMENT */
#main .terms{
	width:590px;
	margin-left:344px;
	color:#707173;
	font-size:12px;
	line-height:120%;
	padding-bottom:50px;
	background-image:url(../img/front/terms_bg.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.terms h1{
	padding-bottom:10px;
	line-height:150%;
}
.terms h2{
	color:#A40044;
	text-transform:capitalize;
	font-weight:normal;
	font-size:12px;
	padding:5px 0;
}
.terms p{
	padding:5px 0;
}
.terms ol{
	list-style-position:inside;
}
.terms ol ul{
	padding-left:32px;
	list-style:disc;
	list-style-position:outside;
}
.terms strong{
	color:#000000;
}
.terms a{
	color:#08A2C7;
}
/* CONTRIBUTORS */
#main .contributors{
	width:610px;
	margin-left:344px;
	color:#707173;
	font-size:12px;
	line-height:120%;
}
#main .contributors .contrib-link{
	text-decoration:none;
	color:#707173;
}
.contributors h1{
	line-height:150%;
	padding:0 12px 10px 12px;
}
.contributors .intro{
	padding:0 12px 0 12px;
}
.contributors .outro{
	padding:20px 12px 20px 12px;
	font-size:14px;
}
.contributors h2{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#005291;
	line-height:120%;
	padding-bottom:10px;
}
.contributors .green{
	color:#45a12b;
	text-decoration:none;
}
.contributors .frame{
	border:2px solid #005291;
	padding:17px;
	margin-top:32px;
	background-color:#f0f5f9;
	background-image:url(../img/front/contrib_bg.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.contributors .contrib{
	line-height:130%;
	clear:both;
	padding-top:7px;
}
.contributors .first{
	background-image:url(../img/front/terms_bg.gif);
	background-position:right 5px;
	background-repeat:no-repeat;
}
.contributors .contrib .infos{
	float:left;
	border-bottom:1px dashed #4c4c4c;
	padding-bottom:5px;
	width:400px;
}
.contributors .contrib .blue{
	color:#4c86b2;
}
.contributors .contrib .blue a{
	color:#00a1c7;
}
.contributors .contrib strong{
	color:#000000;
}
.contributors .frame .flag{
	float:left;
	width:50px;
}
.contributors #spirit{
	padding-left:48px;
}
/* NEWSLETTER & CONTACT */
#main .newsletter, #main .contact{
	margin-left:360px;
	width:566px;
	background-position:right bottom;
	background-repeat:no-repeat;
	margin-bottom:50px;
	padding-bottom:50px;
}
#main .newsletter{
	background-image:url(../img/front/about_bg.gif);
}
#main .contact{
	background-image:url(../img/front/terms_bg.gif);
}
#main .newsletter p, #main .contact p{
	color:#6F7072;
	font-size:12px;
	padding:10px 0;
	line-height:120%;
}
#main .newsletter table{
	color:#005291;
	width:380px;
}
#main .newsletter table td{
	padding:10px 20px 10px 0;
}
#main .newsletter table input{
	padding:0 3px;
	width:225px;
	border:1px solid #005291;
	font-size:11px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color:#005291;
}
#main .newsletter table a{
	display:block;
	background-color:#00A0C6;
	color:#FFFFFF;
	padding:2px 0;
	width:120px;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}
#main .newsletter table a:hover{
	background-color:#005291;
}
#main .newsletter table small{
	font-size:10px;
}
#main .contact img{
	padding:10px 48px 10px 0;
}
.contact a{
	color:#08A2C7;
}
/* ADVANCED SEARCH */
#main .advanced{
	width:640px;
	margin-left:310px;
	font-size:12px;
}
#main .advanced p{
	padding-bottom:2px;
}
#main .advanced strong{
	color:#005291;
	font-weight:normal;
}
#main .advanced h1{
	border-top:2px solid #cfd0d2;
	padding:5px 0 15px 0;
}
#main .advanced form{
	padding-bottom:10px;
	border-bottom:2px solid #cfd0d2;
}
#main .advanced .right{
	border-left:2px solid #cfd0d2;
	padding-left:10px;
	width:310px;
}
#main .advanced .left{
	width:295px;
}
#main .advanced div.country-box{
	padding-top:0;
}
#main .advanced .country-box, #main .advanced .year-box, #main .advanced .contributor-box{
	border-bottom:2px solid #cfd0d2;
	padding:12px;
}
#main .advanced .right .keyword{
	font-size:10px;
	padding:12px;
}
#main .advanced .right .keyword input{
	border:1px solid #005291;
	width:238px;
}
#main .advanced .right .search-btn{
	width:15px;
	float:right;
	margin-top:10px;
}
#main .advanced #initiatives-list{
	padding:10px 0;
}