.ir {position:relative;}
.ir a, .ir span {position:absolute;top:0;left:0;width:100%;height:100%;display:block; background:top left no-repeat;}
.ir a span {cursor:pointer;}
a {color:#e69800;font-weight:bold;}
a:hover {color:#fff;}
a:visited {color:#c6880e !important}
p {color:white;}
.has-js {display:none;}
.js .has-js {display:block;}

HTML {height:100%; min-width:960px; background:#000 url('../../images/background.jpg') repeat scroll 50% 0px;}
BODY {height:100%; min-width:960px; background:transparent url('../../images/background-top.jpg') no-repeat scroll 50.0% 0px; font-family:arial,sans-serif;}
DIV.container {background:transparent none;}
DIV.header {height:196px;position:relative;}
BODY.homepage DIV.header {height:130px;}

.hidden, DIV#jumplinks {position:absolute !important; left:-9000px !important; top:0px !important;}
.power-arrow {vertical-align:-0.3em; padding-left:4px;}

DIV.logo {position:absolute; top:46px; left:-61px; height:62px; background:none 0 0 no-repeat; }
DIV.logo p span {background:url(/images/logo.jpg) 0 0 no-repeat;}
DIV.copy {margin-bottom:20px; padding-bottom:20px; background:url(/images/info-panel-background.jpg) 0 0 repeat;}
DIV.footer {margin-top:10px; padding-bottom:60px; border-top:2px solid white;}

DIV.footer P.safer {float:right; height:51px; width:134px;  margin:25px 20px 0px 0px;}
DIV.footer P.safer SPAN {background:url(/images/logo-safer.jpg) 0 0 no-repeat;}
DIV.footer P.road-safety {float:right; height:83px; width:56px;  margin:10px 10px 0px 0px; padding-bottom:10px; }
DIV.footer P.road-safety SPAN {background:url(/images/logo-road-safety.jpg) 0 0 no-repeat; }


div.movie {
  height:300px;
  background:url(/images/movie.jpg) 0 0 no-repeat;
}
div.facebook {
  margin-top:17px;
  border-top:2px solid white;
  height:205px;
}

div.info-panel {
  height:255px;
  background:url(/images/info-panel-background.jpg) 0 0 repeat;
  margin-bottom:12px;
  position:relative;
}

P.fact-1 {height:152px;margin:0;}
P.fact-2 {height:118px;margin:0;}
P.fact-1 SPAN {background:url(/images/fact-25percent-limit.gif) -1px 0 no-repeat}
P.fact-2 SPAN {background:url(/images/fact-20000-saved.gif) -1px 0 no-repeat}


P.fact-3 {height:152px;margin:0;}
P.fact-4 {height:118px;margin:0;}
P.fact-3 SPAN {background:url(/images/fact-20years.gif) -1px 0 no-repeat}
P.fact-4 SPAN {background:url(/images/fact-1in-3accidents.gif) -1px 0 no-repeat}

P.fact-5 {height:130px;margin:0;}
P.fact-6 {height:118px;margin:0;}
P.fact-5 SPAN {background:url(/images/fact-70percent-stranger.gif) -1px 0 no-repeat}
P.fact-6 SPAN {background:url(/images/fact-1in-9-drunk.gif) -1px 0 no-repeat}



P.get-home {height:231px; margin:0;}
P.get-home span {background:url(/images/get-home-1.jpg) 0 0 no-repeat;}

/**/
div.facebook h2 {
  margin:14px 0 0 11px;
  color:white;
  font-weight:bold;
  line-height:1;
  font-size:18px;
}
div.facebook-copy p {
  margin:0 0 5px 11px;
}
div.facebook img.img {float:right; margin-top:5px;}
/**/
div.navigation {
  float:right;  
}
div.navigation ul {
  width:745px;
  height:16px;
  margin:92px 0 0 0px;
  float:left;
  list-style:none;
}
div.navigation ul li {
  float:left;
  height:16px;
  text-transform:uppercase;
  font-size:10px;
}
div.navigation ul li a, div.navigation ul li span, div.main-navigation ul li span {
  margin:0;padding:0;width:100%;height:100%;display:block; cursor:pointer; overflow: hidden;
}
div.navigation ul li#nav-home {width:43px;background:url(/images/navigation-0378-WK.png) 0 0 no-repeat;}
div.navigation ul li#nav-drink {width:202px;background:url(/images/navigation-0378-WK.png) -43px 0 no-repeat;}
div.navigation ul li#nav-festive {width:163px;background:url(/images/navigation-0378-WK.png) -245px 0 no-repeat;}
div.navigation ul li#nav-reaction {width:163px;background:url(/images/navigation-0378-WK.png) -408px 0 no-repeat;}
div.navigation ul li#nav-ways {width:174px;background:url(/images/navigation-0378-WK.png) -571px 0 no-repeat;}

div.navigation ul li#nav-home a, div.navigation ul li#nav-home a span {width:43px;background:url(/images/navigation-0378-WK.png) 0 0 no-repeat;}
div.navigation ul li#nav-drink a, div.navigation ul li#nav-drink a span {width:202px;background:url(/images/navigation-0378-WK.png) -43px 0 no-repeat;}
div.navigation ul li#nav-festive a, div.navigation ul li#nav-festive a span {width:163px;background:url(/images/navigation-0378-WK.png) -245px 0 no-repeat;}
div.navigation ul li#nav-reaction a, div.navigation ul li#nav-reaction a span {width:163px;background:url(/images/navigation-0378-WK.png) -408px 0 no-repeat;}
div.navigation ul li#nav-ways a, div.navigation ul li#nav-ways a span {width:174px;background:url(/images/navigation-0378-WK.png) -571px 0 no-repeat;}

div.navigation ul li#nav-home a:hover span, div.navigation ul li#nav-home a.active span {width:43px;background:url(/images/navigation-0378-WK.png) 0 -16px no-repeat;}
div.navigation ul li#nav-drink a:hover span, div.navigation ul li#nav-drink a.active span {width:202px;background:url(/images/navigation-0378-WK.png) -43px -16px no-repeat;}
div.navigation ul li#nav-festive a:hover span, div.navigation ul li#nav-festive a.active span {width:163px;background:url(/images/navigation-0378-WK.png) -245px -16px no-repeat;}
div.navigation ul li#nav-reaction a:hover span, div.navigation ul li#nav-reaction a.active span {width:163px;background:url(/images/navigation-0378-WK.png) -408px -16px no-repeat;}
div.navigation ul li#nav-ways a:hover span, div.navigation ul li#nav-ways a.active span {width:174px;background:url(/images/navigation-0378-WK.png) -571px -16px no-repeat;}

/** new home **/
body.homepage div.header {
background: transparent url('/images/top-home.jpg') no-repeat 32px;	
}
div.drifter	{
float: left;	
}
div#home_row1	{
width: 950px;
overflow: visible;
margin: 0;
padding: 0;
}
div#home_tvad	{
width: 640px;
}
a#ad	{
display: block;
width: 640px;
height: 261px;
background: transparent url('/images/ad-home.jpg') no-repeat;
text-indent: -9999px;
}
div#home_drinkdriving	{
width: 310px;	
}
div#home_drinkdriving h1	{
color: #fff;
font-size: 23pt !important;
margin: 10px 0 10px 0;
}
div#home_drinkdriving p a	{
text-decoration: none;
background: transparent url('/images/arrow-home.gif') no-repeat top right;
padding: 0 20px 0 0;
}
div#home_row2	{
width: 960px;
overflow: hidden;
margin: 10px 0 0 0;
}
div#home_related1	{
width: 	340px;
height: 210px;
padding: 10px;
background: transparent url('/images/beer-panel-home.jpg') no-repeat;
}
div#home_related1 h2	{
color: #fff;
line-height: 100%;
}
div#home_related1 p#par1 {
line-height:125%;
margin:0 0 50px 0;
padding:0 100px 0 0;
}
div#home_related1 p a	{
text-decoration: none;	
}
div#home_related3	{
width: 199px;
margin: 0 5px 0 5px;
}
div#home_related4	{
width: 390px;	
}
/** new festive2009 faq **/
div.content	{
_width: 960px;	
}
div.faqbox	{
width: 470px;
margin: 20px auto;
overflow: hidden;
}
div.faqbox_top	{
display: block;
width: 470px;
height: 5px;
background: transparent url('/images/faqbox-top.gif') no-repeat;
}
div.faqbox_title	{
background: #e69800 none;
overflow: visible;
padding: 0 10px 0 10px;
}
div.faqbox_title a	{
background: transparent url('/images/faqbox-arrow.gif') no-repeat;
padding: 0 0 0 20px;
}
div.faqbox_title a, div.faqbox_title a:active, div.faqbox_title a:visited	{
color: #000;
text-decoration: none;
}
div.faqbox_contents	{
background: #e69800 none;
overflow: hidden;

}
div.faqbox_contents p	{
margin: 0 10px 0 10px !important;
padding: 0;
}
div.faqbox_bottom	{
display: block;
width: 470px;
height: 5px;
background: transparent url('/images/faqbox-bottom.gif') no-repeat;
margin: 0 0 10px 0;
}
/**/
body div.container div.header div.main-navigation { margin:0 auto;width:950px;float:left; position:relative; top:10px; }
div.main-navigation ul li a {text-decoration:none}
div.main-navigation ul { margin:0; float:left;}
div.main-navigation ul li { float:left; float:left; height:12px; padding:2px 7px 5px 0; }

div.main-navigation ul li#home { width:34px; background:transparent url(/images/nav-separator.png) right top no-repeat; }
div.main-navigation ul li#home a span { width:34px; height:11px; background:url(/images/main-navigation.png) 0 0px no-repeat; }
div.main-navigation ul li#home a:hover span { background:url(/images/main-navigation.png) 0 -12px no-repeat; }


div.main-navigation ul li#main-nav-drink { width:92px; padding-left:6px; background:transparent url(/images/nav-separator.png) right top no-repeat; }
div.main-navigation ul li#main-nav-drink a span { width:92px; height:11px; background:url(/images/main-navigation.png) -54px -12px no-repeat; }
div.main-navigation ul li#main-nav-drink a:hover span { background:url(/images/main-navigation.png) -54px -12px no-repeat; }

div.main-navigation ul li#main-nav-bikes { width:76px; padding-left:6px; background:transparent url(/images/nav-separator.png) right top no-repeat; }
div.main-navigation ul li#main-nav-bikes a span { width:76px; height:11px; background:url(/images/main-navigation.png) -167px 0 no-repeat;}
div.main-navigation ul li#main-nav-bikes a:hover span { background:url(/images/main-navigation.png) -167px -12px no-repeat;}

div.main-navigation ul li#main-nav-roads { width:96px; padding-left:6px; background:transparent url(/images/nav-separator.png) right top no-repeat;}
div.main-navigation ul li#main-nav-roads a span { width:96px; height:11px; background:url(/images/main-navigation.png) -263px 0 no-repeat;}
div.main-navigation ul li#main-nav-roads a:hover span { background:url(/images/main-navigation.png) -263px -12px no-repeat;}

div.main-navigation ul li#seatbelts { width:64px; padding-left:6px; }
div.main-navigation ul li#seatbelts a span { width:64px; height:11px; background:url(/images/main-navigation.png) -379px 0 no-repeat;}
div.main-navigation ul li#seatbelts a:hover span { background:url(/images/main-navigation.png) -379px -12px no-repeat;}

div.main-navigation ul li { font-size:1px; }

/**/
div.footer ul {
  margin-top:10px;
  list-style:none;
}
div.footer li {
  float:left;
  margin-right:10px;
}
div.footer li a {
  color:white;
  font-weight:normal;
  font-size:11px;
  text-decoration:none;
}
div.footer li a:hover {
  text-decoration:underline;
}
/**/
div.info-panel h3 {
  font-weight:bold;
  color:white;
  font-family:arial,sans-serif;
  font-size:21px;
  margin:19px 0 0 14px;
  width:150px;
}
div.info-panel ul {
  position:absolute;
  left:14px;
  bottom:14px;
  width:149px;
  list-style:none;
  margin:0;padding:0;
}
div.info-panel p {
  margin:0.2em 80px 0 14px;
  line-height:1.4em;
}
div.info-panel ul li {
  line-height:1.2;
  margin:0 0 5px 0;
  font-size:12px;
  font-family:arial;
}
div#and-the-law div {
  width:100%;height:100%;
  background:url(/images/info-panel-policeman.gif)  no-repeat 100% 100%;
}
div#your-reaction {
  height:231px;
}
div#your-reaction div {
  width:100%;height:100%;
  background:url(/images/info-panel-pints.gif)  no-repeat 100% 100%;
}
div#facebook-rhp h2 {
margin:-15px 0 10px 30px;
font-size:10px;
width:102px;
height:45px;
}
div#facebook-rhp h2 span {
  background:url(/images/facebook-title.jpg) 0 0 no-repeat;
}
div#facebook-rhp p {margin-left:30px;margin-right:40px;}
div#facebook-rhp img.img {margin-left:20px;}
/**/
div.copy h1 {
  clear:both;
  margin:15px 27px 10px 27px;
  font-family:arial, sans-serif;
  font-weight:bold;
  font-size:21px;
  color:#e69800;
}
div.copy h2 {
  clear:both;
  margin:10px 27px 0 27px;
  font-family:arial, sans-serif;
  font-weight:bold;
  font-size:16px;
  color:white;
}

div.copy p {
  margin:0 27px 10px 27px;
  font-family:arial, sans-serif;
  color:white;
}
div.copy p.focus {
  font-family:arial, sans-serif;
  font-weight:bold;
  font-size:14px;
  color:white;
}
div.copy ul {
  margin:0px 27px 10px 46px;
  font-family:arial, sans-serif;
  color:white;
}
div.fiveways {
 margin-left:27px;
 background:url(/images/fiveways-icons.gif) 0 0 no-repeat;
}
div.fiveways h3 {
 color:white;
 margin-left:75px;
 font-size:12px;
 font-weight:bold;
 margin-bottom:0;
}
div.fiveways p {
 margin-left:75px;
 height:57px;
}
.js div#reactions div#reactions-slider {display:block;}
div#reactions div#reactions-slider {
display:none;
height:50px;
background:url(/images/slider.png) 0 0 no-repeat;
width:450px;
margin:0px 0px 0px 27px;
position:relative;
}
div#reactions div.ui-slider-handle {
width:113px;
height:11px;
background:url(/images/handle.png) 0 0 no-repeat;
}
.ui-slider { width: 200px; height: 23px; position: relative; background-repeat: no-repeat; background-position: center center; }
	.ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(/images/handle.png);  }
	.ui-slider-handle-active {}
	.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
	.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }
	
	/* Default slider backgrounds */
  .ui-slider-1 { background-image: url(/images/slider.png); }
  
div#reactions div.reaction {
	width:auto;
	margin:0px;
}

UL.ifcaught {list-style:none; padding:20px;}
UL.ifcaught LI {color:#ffffe7; padding:7px 0px;}
UL.ifcaught LI SPAN {font-size:13px; font-weight:bold;}
.hasflash .ifcaught {display:none;}

.js DIV.reaction {display:none;}
.js DIV.ui-step-1 DIV.reaction-1 {display:block;}
.js DIV.ui-step-2 DIV.reaction-2 {display:block;}
.js DIV.ui-step-3 DIV.reaction-3 {display:block;}
.js DIV.ui-step-4 DIV.reaction-4 {display:block;}

iframe { position:absolute; left:-10000px; }