/* Reset and Body 
--------------------------------------------------------------------*/
* {
margin:0;
padding:0;
}

body {
background:#000;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
background:#000;
color:#fff;
}
img {
border:none;
}
p {
margin:10px 0;
}
a {
color:#fff;
text-decoration:none;
}
a:hover{
color:#ffaa00;
text-decoration:underline;
}
h1 {
color:#ffaa00;
font-size:1.6em;
font-weight:lighter;
}
/* Container 
--------------------------------------------------------------------*/
#container {
margin:0 auto 10px auto;
width:824px;
}
/* Header 
--------------------------------------------------------------------*/
#header {
background:url("images/bg/header.gif") no-repeat;
height:57px;
padding:50px 0 0 0;
}
#tagLine {
margin:0 0 0 330px;
}
/* Navigation 
--------------------------------------------------------------------*/
#nav {
margin:0 0 10px 0;
}
#nav ul {
list-style:none;
}
#nav ul li{
float:left;
margin:0 25px 0 0;
}
#nav ul li.last{
float:left;
margin:0;
}
#nav ul li a{
color:#fff;
text-decoration:none;

}
#nav ul li a:hover, #nav ul li a.on{
color:#ffaa00;

}
/* Content 
--------------------------------------------------------------------*/
#content, #content_retailer, #content_how1, #content_how2, #content_how3, #content_explain, #content_getit, #content_map, #content_batak, #content_nice, #content_play  {

height:394px;
width:824px;
margin:10px 0 0 0;
}

#content_play  {
background:url("images/bg/play_bg.jpg") no-repeat;
position:relative;
}

#content_play h1 {
position:absolute;
top:50px;
left:199px;
}
#content_play h1 span{
position:absolute;
top:-5px;
left:-125px;
font-size:2.5em;
}

h2.spin {
position:absolute;
top:171px;
left:220px;
color:#ffaa00;
font-weight:lighter;
font-size:1.5em;
}

h2.batak {
position:absolute;
top:247px;
left:370px;
color:#ffaa00;
font-weight:lighter;
font-size:1.5em;
}
#content_play  {
color:#999;
}
p.spin {
position:absolute;
top:188px;
left:220px;
width:350px;
}

p.batak {
position:absolute;
top:260px;
left:230px;
width:350px;
text-align:right;
}
p.intro {
position:absolute;
top:75px;
left:200px;
width:400px;

}
a.spin {
display:block;

width:125px;
height:120px;
text-indent:-9999px;
position:absolute;
top:155px;
left:64px;
}
a.batak {
display:block;

width:125px;
height:120px;
text-indent:-9999px;
position:absolute;
top:235px;
left:634px;
}


/* Map 
--------------------------*/
#content_map {
position:relative;
}
#map {
height:394px;
width:824px;
color:#000;
}
#content_map h1{
position:absolute;
top:0px;
z-index:1;
background:#1E1C2F;
padding:10px;

}
#content_map p{
position:absolute;
top:40px;
z-index:1;
background:#1E1C2F;
padding:10px;
width:270px;
}
/* Batak 
--------------------------*/
#content_batak  {
background:#1E1C2F;
position:relative;
}

#batak {
width:200px;
height:316px;
padding:30px 10px 0 10px;
float:left;
color:#999;

}
#batakVid {
float:right;
margin:-38px 10px 0 0;
display:inline;
width:425px;
}
#batakVid p{
margin:0;
font-size:0.9em;

}
#batakSort {
float:left;
width:156px;
border-left:1px solid #000;
border-right:1px solid #000;
margin:0 0 0 0;

}
#sort {
background:#FAA61A;
padding:5px;
}
#sort select {
width:146px;
}
#batakList {
overflow:auto;
height:298px;
padding:10px;
}
#content_batak h1{
border-right:1px solid #000;
border-bottom:1px solid #000;
width:357px;
padding:10px;
}
#content_batak h2{
color:#fff;
}
#batak p span.date{
width:90px;
display:block;
float:left;
}
#batak p span.white{
color:#fff;
}

/* Get it 
--------------------------*/
#content_getit {
background:url("images/bg/get_bg.jpg") no-repeat;
position:relative;
}

#getit {
background:url("images/bg/trans_bg.png") no-repeat;
height:255px;
width:233px;
margin:79px 0 0 64px ;
float:left;
display:inline;
padding:10px;
font-size:1em;
}
#getit h1 span {
color:#fff;
margin:0 0 0 30px;
display:block;
font-size:1.5em;
}
#getit a {
color:#ffaa00;
}
#barclays{
display:block;
width:200px;



position:absolute;
top:276px;
left:641px;
}
p.app {
position:absolute;
top:356px;
left:445px;
color:#666;
}
/* Retailers explain
--------------------------*/
#content_explain {
background:#1E1C2F;
height:auto;
}

#select_vid ul{
list-style:none;
font-size:0.8em;
}

#select_vid ul li{
background:url("images/bg/vid_bg.gif") no-repeat;
width:184px;
height:69px;
padding:10px 0 0 70px;
}

#select_vid ul li.vid_on{
background:url("images/bg/vid_bg_o.gif") no-repeat;
}
#select_vid ul li.vid_on a:hover{
color:#fff;
}
#select_vid ul li a{
margin:10px 0 0 0;
display:block;
color:#ffaa00
}
#select_vid ul li a {display:inline-block;}
#select_vid ul li a {display:block;}

#select_vid {
width:254px;
float:left;
margin:0 20px 0 0;
}
#vid {
background:#1E1C2F;
width:530px;
float:left;
}

ul.acceptList {
float:left;
list-style: none;
padding:0 10px 20px 30px;
}
#content_explain h1{
color:#999;
font-weight:lighter;
font-size:1.2em;
padding:8px 0 0 0;
display:block;
text-align:right;
}
#content_explain h2{
margin:20px 0 0 0;
}
#content_explain p{
margin:10px 0 10px 30px;
font-style:italic;
}
/* How 
--------------------------*/
#content_how1 {
background:url("images/bg/how1_bg.jpg") no-repeat;
color:#666;
position:relative;

}
#content_how2 {
background:url("images/bg/how2_bg.jpg") no-repeat;
color:#666;
position:relative;

}
#content_how3 {
background:url("images/bg/how3_bg.jpg") no-repeat;
color:#666;
position:relative;
}
#how_right {
width:170px;
float:right;
margin:0 10px 0 0;
display:inline;

}
#how_right ul{
list-style:none;
font-size:0.9em;
}
#how_right li{
background:url("images/bullet2.gif") no-repeat;
margin:5px 0;
padding:0 0 0 15px;


}

#how_right img{
margin:10px 0 0 20px;
}
#how_right h2{
font-weight:lighter;
font-size:1.5em;
color:#ffaa00;
margin:10px 0 20px 15px;
}

#how_left {
width:380px;
float:left;

}
#sign {
position:absolute;
left:200px;
top:275px;

}

#how_left h2{
font-weight:lighter;
font-size:1.2em;
text-align:right;
width:180px;
position:absolute;
top:200px;
left:70px;

}
#content_how3 #how_left h2{

font-size:2.5em;

}

#content_how1 h1, #content_how2 h1, #content_how3 h1 {
text-align:right;
position:relative;
top:40px;
left:-10px;
color:#ffaa00;
font-weight:lighter;
font-size:2.4em;

}
#content_how1 p.top, #content_how2 p.top, #content_how3 p.top {
position:absolute;
top:-5px;
left:0;
font-size:0.8em;
width:375px;
text-align:right;
line-height:1.2em;
}
#content_how2 p.bot, #content_how3 p.bot {
position:absolute;
top:260px;
left:70px;
font-size:0.9em;
width:180px;
text-align:right;

}
#content_how1 p.bot {
position:absolute;
top:250px;
left:70px;
font-size:0.9em;
width:110px;
text-align:right;


}
#content_how3 p.bot span {
color:#ffaa00;
font-size:1.8em;
}

.next {
position:absolute;
left:254px;
top:275px;
}
.prev {

position:absolute;
left:254px;
top:316px;
}
#content_how3 img.next {
position:absolute;
left:254px;
top:275px;
}
/* Retailer 
--------------------------*/
#content_retailer {
background:url("images/bg/retail_bg.gif") no-repeat;
padding:40px 0 0 191px;
height:354px;
width:633px;
}
#retailer {
width:444px;
min-height:275px;
background:#1E1C2F;

}
#retailer p.grey,span.grey {
color:#999;
}
#retailer p{
margin: 10px;
}
#retailer h1{
background: no-repeat;
color:#ffaa00;
font-size:1.6em;
font-weight:lighter;
padding:8px 5px 5px 10px;
height:27px;
}
#retailer h2{
font-weight:lighter;
margin:20px 10px 10px;
}
#retailer ul{
list-style:none;
margin:10px;
}
#retailer ul li{
background:url("images/bullet3.gif") no-repeat;
margin:5px 0;
padding:0 0 0 15px;
color:#999;
}
span.indent{
margin:10px 0 0 100px;
font-size:1.1em;
}
/* Nice 
--------------------------*/
#content_nice  {
background:url("images/bg/nice_bg.gif") no-repeat;
position:relative;
}

#nice p{
margin:10px 0 10px 28px;
font-size:0.8em;
}
#nice h1{
font-size:1.4em;
}
#nice h1 span{
margin:0 0 0 28px;
font-size:0.9em;
}
#nice h1 strong{
font-weight:bold;
}
#nice {
float:left;
width:300px;
margin:10px 0 0 10px;
}
#nice_vid {
padding:30px 40px 0 0;
float:right;
display:inline;
}
#wheel {
position:absolute;
top:165px;
}
#wheel li a{
background:url("images/nice/carbon.gif")top left no-repeat;
display:block;

padding:5px 0 5px 50px;
}
#wheel li a.on{
color:#ffaa00;
text-decoration:underline;
}
#wheel ul{
list-style:none;
margin:0 0 0 28px;
}
#wheel li {
margin:2px 0;
}

#wheel #nice1 {
background:url("images/nice/busk.gif") top left no-repeat;

}
#wheel #nice2 {
background:url("images/nice/tour.gif") top left no-repeat;

}
#wheel #nice3 {

background:url("images/nice/taxi.gif") top left no-repeat;
}
#wheel #nice4 {
background:url("images/nice/view.gif") top left no-repeat;

}
#wheel #nice5 {

background:url("images/nice/litter.gif") top left no-repeat;
}
#wheel #nice6 {
background:url("images/nice/carbon.gif") top left no-repeat;

}
#wheel #nice7 {
background:url("images/nice/hug.gif") top left no-repeat;

}
#wheel #nice8 {

background:url("images/nice/dance.gif") top left no-repeat;
}

#content_nice ul li a {display:inline-block;}
#content_nice ul li a {display:block;}

/* Footer 
--------------------------------------------------------------------*/

#footer, #footer_explain {
margin:39px 0 0 0;
font-size:0.9em;
}
#footer_explain {
margin:39px 0 0 0;

}
#footer p {
float:right;
font-size:1.2em;
margin:10px 0 0 0;
}
#timerText {
float:left;
width:400px;
}
a.left {
float:left;

}
a.right {
float:right;

}

#footLinks {
clear:both;
font-size:0.9em;
color:#999;
} 

#footLinks a{
text-decoration:none;
color:#999;
}

#visaLinks {
list-style:none;
float:right;

}
#visaLinks li{
float:left;
padding:0 10px;
border-right: 1px solid #999;
}
#visaLinks li.last{
border:none;
padding:0 0 0 10px;
}



#extLinks {
list-style:none;
width:295px;


}
#extLinks li{
float:left;
margin:0 30px 0 0;
}


#imgLinks {
list-style:none;
margin:0 0 30px 0;
}
#imgLinks li{
float:left;
margin:0 7px 0 0;
}
#imgLinks li.last{
margin:0 0 0 1px;
}

/* Timer 
---------------------------*/
#countdown {
background:#000;
color:#fff;
text-align:center;
float:right;
margin:0 127px 0 0 !important;
margin:0 126px 0 0;
display:inline;
}
div.timer {
float:left;
margin:0 1px 20px 0;
font-size:0.8em;
}

span.timer {
background:#1e1c2f;
display:block;
width:62px;
height:32px;
padding:4px 0 2px 0;
margin:0 0 4px 0 ;
font-size:2.2em;
}
#terms {
background:#1E1C2F;
height:275px;
overflow:auto;
width:444px;
padding:20px;
}
/* ADDED BY PETE */
.titleLink
{
color:#ffaa00;
}

/* Float clearing
--------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */