/* Cookie bar CSS - ID selectors used to increase specifity and avoid these styles being over-written */
#cookie_wrapper { position: relative; background: #2f363a; overflow: hidden; font-family: sans-serif; text-align: left; color: #fff; }
#cookie_box { margin: 0 auto; width: 980px; }
#cookie_description { width:700px; float:left; margin: 0; padding: 20px 0; font-size: 14px; line-height: 18px; color: #fff; }
#cookie_choice { float: right; width: 120px; padding: 20px; background: #004880; }
.want_cookie, #more_cookie { display: block; padding-left: 30px; background: url('/images/cookie-icons.png') 0 0 no-repeat; font-size: 18px; 	line-height: 25px; font-weight: bold; }
.want_cookie { margin-bottom: 5px; }
#more_cookie { background-position: 0 -34px; font-size:14px; }
#cookie_box a { text-decoration: none; font-weight: bold; color: #fff; }
#cookie_box a:hover, #cookie_box a:focus, #cookie_box a:active { text-decoration: underline; }
@media (max-width: 580px) {
	#cookie_box, #cookie_description, #cookie_choice { float: none; width: auto; }
	#cookie_box { padding: 10px; }
	#cookie_description { padding: 0 0 10px; }
	#cookie_choice { margin: 0 -10px -10px; }
}

.js #cookie_wrapper { display: none; }