body {
background: #fce4f2 url(../images/bg_body.jpg) top left repeat-x;
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
}
a{
text-decoration:none;
outline:none;
color:#DF0084;
}
a:hover{
color:#000;
}
p{
margin:0px 0px 15px 0px;
}
h1, h2, h3, h4, h5, h6{
margin:15px 0px;
}
h2{
color:#ec008c;
font-size:18px;
font-weight:normal;
}
#wrapper{
width:950px;
margin:0 auto;
}
#content{
display:block;
overflow:hidden;
margin:0px;
padding:20px;
height:100%;
background:#fff;
}
.contentpage #content{
background:#fff;
min-height:200px;
}
/* ================================ HEADERS ====================================*/
.home #header{
height:636px;
position:relative;
}
#header{
height:204px;
position:relative;
}
#header h1{
position:absolute;
top:0px;
left:0px;
display:block;
width:280px;
height:100px;
margin:0px;
visibility:visible;
background:#fff;
z-index:100;
}
#header h1 a{
display:block;
float:left;
width:280px;
height:100px;
background: url(../images/Debenhams.gif) center left no-repeat;
text-indent:-9999px;
}
ul#menu{
list-style:none;
padding:10px 20px;
margin:0px;
background: #000 url(../images/bg_menu.gif) bottom left repeat-x;
font-size:13px;
text-align:right;
}
ul#menu li{
display:inline;
}
ul#menu li a{
padding:0px 20px;
color:#fff;
text-transform:uppercase;
}
ul#menu li a:hover{
color:#e5dbb5;
}
ul#menu li a#on{
color:#ec018c;
}
/* ============================== // HEADERS ====================================*/

/* ================================ BANNERS ====================================*/
.home #banner{
display:block;
float:left;
background: url(../images/banner_home.jpg) top left no-repeat;
width:515px;
height:283px;
text-indent:-9999px;
}
.listings #banner, .help #banner, .terms #banner, .claim #banner, .downloads #banner{
display:block;
float:left;
width:950px;
height:168px;
background: url(../images/banner_listings.jpg) top left no-repeat;
text-indent:-9999px;
}
/* ================================ BANNERS ====================================*/
	
/* =============================== HOMEPAGE ====================================*/
#map{
display:block;
position:relative;
width:435px;
height:600px;
float:left;
z-index:1;
overflow:hidden;
background: #b6e8f9 url(../images/bg_map.jpg) top left no-repeat;
}
#offers{
display:block;
width:515px;
height:317px;
background: url(../images/offers2.gif) top left no-repeat;
float:right;
}
#offers.logged{background:none !important;}
.home #content{
background: url(../images/bg_content_home.gif) top left repeat-y;
}
.home #content h2{
margin-bottom:0px;
}
.home #content #left{
width:680px;
float:left;
margin-right:40px;
}
.home #content #left p{
margin:0px;
font-size:13px;
}
.home #content #right{
width:185px;
float:left;
}
.home #content #right img{
margin:0px 0px 10px 0px;  
}
.home #content #right p{
color:#000;
font-size:12px;
margin:10px 0px 0px 0px;
}
.home form#login {
background:transparent url(../images/bg_login.gif) no-repeat scroll left top;
display:block;
float:right;
width:235px;
height:237px;
overflow:hidden;
padding:80px 255px 0 25px;
}
.home form#login p {
margin-bottom:10px;
overflow:hidden;
}
.home form#login p.small{
font-size:11px;
color:#fff;
}
.home form#login p.line {
border-bottom:1px solid #C30174;
margin-bottom:12px;
padding-bottom:14px;
overflow:hidden;
display:block;
}
.home form#login label {
color:#E5DBB5;
font-weight:bold;
line-height:20px;
}
.home form#login span.inputfield.fullname {
background:transparent url(../images/input_fullname.gif) no-repeat scroll left top !important;
height:22px;
width:214px;
}
.home form#login span.inputfield.fullname input {
background:#FFFFFF none repeat scroll 0 0;
border:medium none;
padding-top:3px;
width:214px;
}
.home form#login span.inputfield.ccdigits {
background:transparent url(../images/input_ccdigits.gif) no-repeat scroll left top !important;
height:22px;
width:72px;
}
.home form#login span.inputfield.ccdigits input {
background:#FFFFFF none repeat scroll 0 0;
border:medium none;
padding-top:3px;
width:72px;
}
/* ============================ // HOMEPAGE ====================================*/

/* =============================== SEARCHBAR ===================================*/
form#searchbar{
background:#ec028d;
padding:10px 25px;
margin:0px; 
height:80px;
}
form#searchbar div{
width:300px;
float:left;
position:relative;
}
form#searchbar div#region{
width:360px;
}
form#searchbar div#filter{
width:240px;
}
form#searchbar label{
color:#fff;
}
form#searchbar label.title{
display:block;
float:left;
width:85px;
height:80px;
font-size:18px;
font-weight:bold;
text-align:right;
text-transform:uppercase;
color:#fff;
padding-right:10px;
}
form#searchbar select, form#searchbar input{
width:200px;
height:20px;
line-height:20px;
background:#fff;
border:none;
padding-top:2px;
margin:3px 0px;
}
form#searchbar #choose input{
width:19px;
height:25px;
margin:5px 0px;
}
form#searchbar select.styled{
margin:0px;
}
ul#legend{
width:910px;
background:#b6e8f9;
margin:0px;
padding:3px 20px;
overflow:hidden;
}
ul#legend li{
list-style-type:none;
display:block;
float:left;
margin-right:20px;
padding:3px 0px;
}
ul#legend li span{
display:block;
float:left;
width:20px;
height:20px;
text-indent:-9999px;
margin-right:5px;
}
ul#legend li span.icon_dining{
background: url(../images/icon_dining_small.png) 0px 0px no-repeat;
}
ul#legend li span.icon_attraction{
background: url(../images/icon_attraction_small.png) 0px 0px no-repeat;
}
ul#legend li span.icon_rail{
background: url(../images/icon_rail_small.png) 0px 0px no-repeat;
}
span.select{
display:block;
float:left;
width:180px;
height:16px;
position:absolute;
top:0px;
left:95px;
background: url(../images/select2.gif) top right no-repeat;
padding:3px 10px;
}
label.radiolabel{
display:block;
float:left;
width:180px;
height:23px;
padding-top:2px;
}
span.radio{
display:block;
float:left;
height:16px;
width:19px;
background: url(../images/ratio.gif) 0px 0px no-repeat;
clear:left;
padding:0 5px 0 0;
cursor:pointer;
}
form#searchbar span.inputfield, .home form#login span.inputfield{
background:transparent url(../images/input.gif) no-repeat scroll 0 0;
display:block;
float:left;
width:180px;
height:20px;
padding:1px 10px 0;
}
form#searchbar div#filter span.inputfield{
display:block;
float:left;
width:100px;
height:20px;
position:absolute;
top:0px;
left:125px;
background: url(../images/input_zip.gif) 0px 0px no-repeat;
padding:1px 10px 0px 10px;
}
form#searchbar span.inputfield input{
width:180px;
margin:0px;
padding:0px;
height:17px;
line-height:17px;
}
form#searchbar div#filter span.inputfield input{
width:80px;
}
form#searchbar input.button{
display:block;
float:left;
width:95px;
height:22px;
position:absolute;
top:50px;
left:130px;
padding:0px;
margin:0px;
background: url(../images/button_filter.gif) 0px 0px no-repeat;
text-indent:-9999px;
cursor:pointer;
}
form#searchbar input.button:hover, form#searchbar input.button:focus, form#searchbar input.button:active{
background-position:0px -22px;
}
form#login input#button_login {
background:transparent url(../images/button_login.gif) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
display:block;
float:right;
height:22px;
padding:0;
text-indent:-9999px;
width:63px;
font-size:1px;
letter-spacing:63px;
}
form#login input#button_login:hover, form#login input#button_login:focus, form#login input#button_login:active {
background-position:0 -22px;
}
/* ============================= // SEARCHBAR ==================================*/

/* =============================== LISTINGS ====================================*/
#listings_left{
width: 660px;
float:left;
min-height:400px;
}
.listings #content{
margin-top:0px;
background:#fff;
padding:10px 30px 30px 30px;
}
.listings #content h2{
color:#000;
}
.listings #content ul{ 
margin:0px;
padding:0px;
}
.listings #content ul.listings{ 
width:660px;
float:left;
}
.listings #content ul#rail{ 
height:95px;
}
.listings #content ul.listings li{
display:block;
float:left;
width:640px;
list-style-type:none;
margin:0px 0px 10px 0px;
padding:10px;
clear:left;
background:#f7efcf;
}
.listings #content ul#rail li{
margin:0px;
padding:0px 20px 0px 0px;
border-bottom:none;
}
#content ul span.listing_image{
display:block;
width:110px;
height:90px;
float:left;
}
#content ul span.listing_image img{
border:1px solid #e1e1e1;
}
#content ul span.listing_image img.icon{
margin-left:-15px;
margin-bottom:-7px;
border:none;
}
#content ul span.listing_detail{
display:block;
width:500px;
float:left;
font-size:12px;
overflow:hidden;
margin-bottom:10px;
}
#content ul span.listing_detail strong{
font-size:15px;
color:#000;
font-weight:bold;
}
#content ul span.listing_detail span.address{
display:block;
width:200px;
float:left;
}
#content ul span.restrictions{
display:block;
width:636px;
clear:left;
background:#f1ebd3;
margin:10px -10px -10px -10px;
padding:0px 10px;
overflow:hidden;
font-size:11px;
border:2px dashed #d9d0ae;
}
#content ul span.restrictions p{
margin:5px 0px 5px 0px;
}
a.addvoucher, span.addvoucherlogin, span.addvoucheradded{
display:block;
float:right;
width:133px;
height:94px;
background: url(../images/button_addvoucher.gif) 0px -94px no-repeat;
text-indent:-9999px;
}

a.addvoucher:hover{
background-position: 0px 0px;
}
span.addvoucherlogin{
background: url(../images/button_addvoucherlogin.gif) 0px -94px no-repeat;
}
span.addvoucheradded{
background: url(../images/button_addvoucheradded.gif) 0px 0px no-repeat;
}
div.empty{
height:250px;
background: url(../images/bg_empty.jpg) bottom left no-repeat;
}
/*------------------------- sidebar ----------------------------------*/
#sidebar{
width:200px;
float:right;
padding-left:30px;
}
#sidebar input{
width:198px;
background:#e1e1e1;
border:1px solid #000;
padding:4px 0px;
margin:5px 0px;
}
#sidebar input.small{
width:80px;
clear:both;
}
#sidebar input:hover, #sidebar input:focus, #sidebar input:active{
background:#ccc;
}
#sidebar label{
color:#000;
}
#sidebar form#login input.button{
display:block;
width:63px;
height:22px;
float:left;
border:none;
padding:0px;
background: url(../images/button_login.gif) 0px 0px no-repeat;
text-indent:-9999px;
cursor:pointer;
clear:both;
}
#sidebar form#login input.button:hover, #sidebar form#login input.button:focus, #sidebar form#login input.button:active{
background-position: 0px -22px;
}
.listings #content #sidebar h3{
font-weight:normal;
font-size:14px;
color:#000;
}
.listings #content #sidebar h3.vouchers{
padding:10px;
background:#84cfe8;
}
.listings #content #sidebar h3.vouchers span{
color:#ec028d;
font-weight:bold;
}
.listings #content #sidebar ul{
background:none;
height:auto;
list-style:none;
}
.listings #content #sidebar ul li{
height:auto;
position:relative;
border:0px;
margin:0px;
padding:6px 25px;
}
.listings #content #sidebar ul li a.remove{
position:absolute;
top:5px;
right:0px;
display:block;
width:17px;
height:17px;
background: url(../images/button_remove.gif) 0px 0px no-repeat;
text-indent:-9999px;
}
.listings #content #sidebar ul li a.remove:hover{
background-position:0px -17px;
}
.listings #content #sidebar ul#dining_vouchers li{
background: url(../images/icon_dining_small.png) 0px 3px no-repeat;
}
.listings #content #sidebar ul#attraction_vouchers li{
background: url(../images/icon_attraction_small.png) 0px 3px no-repeat;
}
.listings #content #sidebar ul#rail_vouchers li{
background: url(../images/icon_rail_small.png) 0px 3px no-repeat;
}
.listings #content #sidebar a#claim{
display:block;
width:149px;
height:22px;
text-indent:-9999px;
background: url(../images/button_claim.gif) 0px 0px no-repeat;
margin-top:10px;
float:right;
}
.listings #content #sidebar a#claim:hover{
background-position: 0px -22px;
}
/* ============================== // LISTINGS ==================================*/

/* ================================== CLAIM ====================================*/
.claim #content{
margin-top:0px;
background:#f5f5f5;
padding:10px 30px 30px 30px;
}
/* ================================ // CLAIM ===================================*/

.downloads #content{
min-height:300px;
}
.downloads ul {
padding:0px;
maargin:0px;
}
.listings #sidebar ul li, .downloads #content ul li {
border:0 none;
height:auto;
margin:0;
padding:6px 25px;
position:relative;
width:150px;
}
.downloads #content ul li {
border-bottom:1px solid #CCCCCC;
list-style-type:none;
margin-bottom:10px;
overflow:hidden;
display:block;
padding-bottom:13px;
width:auto;
}
.downloads #content ul li.last {
border-bottom:medium none;
margin-bottom:30px;
}
#sidebar ul li a.remove, .downloads ul li a.remove {
background:transparent url(../images/button_remove.gif) no-repeat scroll 0 0;
display:block;
height:17px;
position:absolute;
right:0;
text-indent:-9999px;
top:5px;
width:17px;
}
#sidebar ul li a.remove:hover, .downloads ul li a.remove:hover {
background-position:0 -17px;
}
#sidebar ul li.dining_vouchers, .downloads ul li.dining_vouchers {
background:#FFFFFF url(../images/icon_dining_small.png) no-repeat scroll 0 3px;
}
#sidebar ul li.attraction_vouchers, .downloads ul li.attraction_vouchers {
background:#FFFFFF url(../images/icon_attraction_small.png) no-repeat scroll 0 3px;
}
#sidebar ul li.rail_vouchers, .downloads ul li.rail_vouchers {
background:#FFFFFF url(../images/icon_rail_small.png) no-repeat scroll 0 3px;
}
#sidebar a#claim {
background:transparent url(../images/button_claim.gif) no-repeat scroll 0 0;
display:block;
float:right;
height:22px;
margin-top:10px;
text-indent:-9999px;
width:122px;
}
#sidebar a#claim:hover {
background-position:0 -22px;
}
a#logout {
background:transparent url(../images/button_logout.gif) 0px 0px no-repeat;
display:block;
float:left;
width:63px;
height:22px;
margin-top:10px;
text-indent:-9999px;
}
.downloads a#logout {
float:right;
}
a#logout:hover {
background-position:0 -22px;
}
.downloads span.download_title {
float:left;
width:300px;
}
.downloads #content ul li a.terms {
text-decoration:underline;
}
.downloads #content ul li label.terms, .downloads #content ul li a.terms {
display:block;
float:left;
padding:0 50px 0 10px;
width:250px;
}
.downloads #content ul li input {
display:block;
float:left;
}
.downloads #content ul li input.button_download {
background:transparent url(../images/button_download.gif) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
display:block;
float:left;
height:22px;
text-indent:-9999px;
width:134px;
font-size:1px;
letter-spacing:134px;
}
.downloads #content ul li input.button_download:hover {
background-position:0 -22px;
}
.downloads #content ul li span.date {
font-style:italic;
}
.downloads #content ul li span.description{
display:block;
float:left;
with:740px;
overflow:hidden;
}


/* =============================== HELP PAGE ===================================*/
.help #content em{
color:#EC008C;
font-weight:bold;
}
.help #content p.small{
font-size:11px;
font-style:italic;
}


/* ============================= // HELP PAGE ==================================*/

/* =============================== TERMS PAGE ===================================*/
.terms #content ol{
width:450px;
float:left;
padding:0px;
margin:0px;
}
.terms #content ol li{
margin:8px 10px 8px 40px;
}
/* ============================= // TERMS PAGE ==================================*/

/* =============================== FOOTER ======================================*/
#footer{
padding:10px 20px;
clear:left;
background:#555 url(../images/bg_menu2.gif) top left repeat-x;
color:#fff;
font-size:11px;
}
#footer p{
margin:0px;
}
#footer a{
color:#fff;
}
#footer a:hover{
color:#999;
}
#footer ul{
list-style-type:none;
margin:0px;
padding:0px;
width:300px;
}
#footer ul li{
display:inline;
padding:0px 7px;
margin:3px 0px;
border-right:1px solid #999;
overflow:hidden;
}
#footer ul li.last{
border-right:none;
}
/* ============================== // FOOTER ====================================*/