/* Cookie Alert */

#cookieAlert {z-index:9999; position:absolute; top:0; left:0; width:100%;}
#cookieAlert .alertWrap {width:100%; border:1px solid #c0c0c0; border-right:none; border-left:none; background:#FFFFCF; overflow:hidden;}
#cookieAlert .alertWrap .alertContent {width:960px; margin:0 auto; padding:5px 0; font-size:12px; color:#676767; overflow:hidden;}
#cookieAlert .alertWrap .alertContent a {color:#676767; text-decoration:underline;}
#cookieAlert .alertWrap .alertContent p {float:left; margin:0; padding:9px 0 0 0;}
#cookieAlert .alertWrap .alertContent .moreInfo {display:inline-block; padding:5px 0;}

#cookieAlert .infoWrap {width:100%; border-top:1px solid #FFF; border-bottom:1px solid #c0c0c0; background:#E3E3E3;}
#cookieAlert .infoWrap .info {width:960px; margin:0 auto; padding:15px 0; font-size:12px; color:#666;}
#cookieAlert .infoWrap .info .nav {margin:0; padding:0; font-size:12px; list-style:none; overflow:hidden;}
#cookieAlert .infoWrap .info .nav li {float:left; margin:0 10px 0 0; padding:0 0 10px 0;}
#cookieAlert .infoWrap .info .nav li a {position:relative; display:block; padding:5px 10px; color:#666; list-style:none; font-weight:bold; background:#eee; border-radius:3px;}
#cookieAlert .infoWrap .info .nav li a:hover, #cookieAlert .infoWrap .info .nav li a:active, #cookieAlert .infoWrap .info .nav li a:focus, #cookieAlert .infoWrap .info .nav li.selected a {text-decoration:none; background:#FFF;}
#cookieAlert .infoWrap .info .nav li.selected a span {position:absolute; bottom:-7px; left:50%; margin-left:-10px; display:block; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #FFF;}
#cookieAlert .infoWrap .info .contentWrap {padding:15px 10px 10px 10px; background:#FFF; border-radius:5px;}
#cookieAlert .infoWrap .info .contentWrap .content h3 {margin:0 0 10px 0; padding:0; font-size:14px; font-weight:bold;}
#cookieAlert .infoWrap .info .contentWrap .content p {margin:0 0 10px 0; padding:0;}
#cookieAlert .infoWrap .info .contentWrap .content p span {font-weight:bold;}

/* Smartphones */

@media only screen and (max-width:859px) {
			
#cookieAlert .alertWrap .alertContent {width:auto; margin:0 10px;}
#cookieAlert .alertWrap .alertContent p {float:none; margin:0 0 10px 0;}
#cookieAlert .infoWrap .info {width:auto; margin:0 10px;}
#cookieAlert .infoWrap .info .nav li {float:none; margin:0 0 5px 0; padding:0; text-align:center;}
#cookieAlert .infoWrap .info .nav li a {width:auto;}
#cookieAlert .infoWrap .info .nav li.selected a span {display:none;}
}