/* Copyright (c) BView 2009  Origination:20/07/2007 */

/*------------------- Reset elements----------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
/*background: transparent;*/
}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

/*-----------------------end of reset----------------------------*/

body{
margin: 0 auto;
padding: 0;
font-size:100%;
color: #000;
text-align: left;
font-family: tahoma, arial, sans-serif;
}
div#font-wrapper{font-size:75%;}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

/*used to make the sticky footer as well as the faux column*/
#wrap{
margin: 0 auto;
width: 960px;
position: relative;
text-align: left;
background: #fff url(/static/frontend/images/whitelabel/background.gif) repeat-y 0 0;
border: 1px solid #a0a0a0;
}

/*-------------main layout attributes----------*/

br{clear: both;}
.fLeft{float: left;}
.fRight{float: right;}
.overflow{overflow:hidden;}
.relative{position: relative;}


/*-------------text attributes------------*/
h1, h2, h3, h4, h5{
font-weight: bold;
}

h1{
font-size: 2.9em;
}
.whiteContent h1{font-size:1.2em; margin-bottom:8px;}
h2{font-size: 2em;}

h3{
font-size: 1.7em;
}

h4{
font-size: 1.4em;
margin-bottom: 0;
margin-top: 10px;

}

h5{
font-size: 1.2em;
line-height: 1.3em;
margin: 10px 0 5px;
}

h6{
font-weight: bold;
font-size: 1em;
}

p{
line-height: 1.3em;
margin-bottom: 10px;
}

.smallBody{font-size: 10px; color: #9a9a94; clear:both;}

blockquote{
margin: 20px;
width: 160px;
font-size: 15px;
}

cite{
margin: 20px;
display: block;
}

/*link styles */

a{ text-decoration: none;}
a:hover{color: #38f;}

a.category, a.smallBody, a .category, .smallBody a{
font-size: 10px;
font-weight: bold;
color: #9a9a94;
}

.smallBody a{color: #71716d;}

a.neutralize{color: #000;}

.error{color: #9c3831;}

.hide{display:none;}

.bulleted{
list-style-type: disc;
margin: 5px 15px 15px;
}

.bulleted li{margin-bottom: 5px;}

hr{
background-color: #d7d7d7;
border: none;
height: 3px;
margin-bottom: 30px;
}

/*---------frame layout--------*/

h1.logo a{
background: #fff url(/static/frontend/images/vac/logo.jpg) no-repeat;
width: 196px;
height: 116px;
text-indent: -9999px;
display: block;
position: absolute;
top: 0;
left: -20px;
}

.mainContainer{
overflow: hidden;
min-height: 100%;
padding-bottom: 100px;
}

#summary{
overflow: hidden;
}

#sidebar{
float: left;
width: 165px;
padding: 0 10px;
}

*html #sidebar{height: auto; padding-bottom: 100px;}

#sidebar h5{
margin: 30px 0 10px;
}

ul.points{margin-bottom: 20px;}

ul.points li{
list-style-type: none;
margin: 0;
padding: 0;
}

*html ul.points li{
margin-top: 0;
line-height: 20px;
}

ul.points li a{
padding: 4px 9px 9px 2px;
border-bottom: 1px solid #9f9f9f;
display: block;
color: #000;
font-weight: bold;
}

ul.points li a:hover{background-color: #9f9f9f}

/*this is used in the shared promotions_view.jspf with bview*/
.content{
position: relative;
}

/*instead of using .content, this is a granular container for the whitelabels.*/
.whiteContent{
position: relative;
top: 0;
left: 0;
float: left;
width:705px;
margin: 20px 0 0 50px;
}

*html .whiteContent{
margin-bottom: 100px; 
}

.whiteContent h1{
margin-top: 20px;
}

ul.vouchers .whiteContent h2{
margin-bottom: 10px;
}

body.home .whiteContent h4{
text-transform:uppercase;
font-weight:bold;
font-size:0.85em;
}

.searchListings{margin-left: 20px;}

.searchListings li{
border-bottom: 1px solid #EAE9E8;
}

.groupSearch{
background-color: #EAE9E8;
padding: 20px;
margin-top: -10px;
}

.groupSearch input{margin: 5px 5px 0 0;}

/*searchbar*/

#searchBar{
margin: 0 auto;
position: relative;
width: 960px;
no-repeat;
height: 50px;
background-color:#d7d7d7;
}
/* height and width percentages make a difference for ie6 */
#font-wrapper{position:relative; height:100%; width:100%; }

span#voucher-search{
display:block;
position:absolute;
top:-76px;
left:0px;
width:165px;
height:73px;
background:url(/static/frontend/images/whitelabel/search-for-vouchers-trans.png) no-repeat left top; }

#searchBar input{
font-size: 1.4em;
height:16px;
padding: 5px 2px 4px;
width: 256px;
border: 1px solid #ccc;
}

#promotionWhat{
position:absolute;
top: 17px;
left: 185px;
}

#promotionWhere{
position:absolute;
top: 17px;
left: 455px;
}

#searchBar label{
font-size: 1.1em;
font-weight: bold;
color: #000;
}

label.promotionWhat{
position:absolute;
top: 4px;
left: 185px;
}

label.promotionWhere{
position:absolute;
top: 4px;
left: 455px;
}

.andOr{
position: absolute;
top: 18px;
left: 398px;
color: #000;
display:none;
}

/*-----navigation-----*/
ul#nav{
list-style: none;
/*overflow: hidden;*/
height:22px;
background-color: #000;
border-bottom: 3px solid #fff;
font-size: 14px;
font-weight: bold;
}

*html ul#nav{height: 28px;}

ul#nav li{float: left; white-space:nowrap;}

ul#nav li.whiteFirst{margin-left: 180px;} /*can't use .first, as conflicts with partner css*/

*html ul#nav li.whiteFirst{margin-left: 90px;}

ul#nav li a{
float: left;
display: block;
padding: 5px 10px;
margin: 0 4px;
border: 1px solid #000;
border-bottom: none;
color: #fff;
}

*html ul#nav li a{margin: 0 1px;}

ul#nav li a:hover, ul#nav li a.current{
background: #fff;
text-decoration: none;
color: #000;
height: 100%;   /*required for ie7 hasLayout bug*/
}
/*group dropdowns */
li.group a{cursor:pointer;}
li.group{position:relative;}
*html li.group{position:static;}
*html li.group ul.submenu{top:77px; right:20px;}
li.group ul.submenu{
display:none;
position:absolute !important;
z-index:999;
background:#fff;
top:21px; right:0px;
border: solid 1px #999;
padding:1px;
margin:0;
width:180px;
}
li.group ul.submenu li{
padding:0px;
margin:0;
font-weight:normal;
float:none;
display:block;
width:100%;
}
ul#nav li.group ul.submenu li a{
color:#000;
width:91%;
display:block;
padding:10px 8px 10px 8px;
margin:0;

}
ul#nav li.group ul.submenu li a:hover{background:#efefef;}
/*-----footer--------*/
#footer{
background-color: #000;
padding: 30px 0;
overflow: hidden;
position: relative;
margin: 0 auto 0; /* negative value of footer height*/
height: 39px;
clear: both;
width: 960px;
color: #fff;
}

#footer p{
text-align: center;
color: #fff;
}

#footer a{
color: #88b5ff;
}

/*----pagination------*/

.pagination{
background-color: #EAE9E8;
height: 20px;
padding: 10px 20px;
overflow: hidden;
}

.pagination .fRight{
font-weight: bold;
margin: 4px;
}

/*-----page-header----*/
.homeMain{
width: 300px;
float: left;
padding: 40px 40px 40px 0;
}

.homeMainFirst{margin-left: 220px;}
*html .homeMainFirst{margin-left: 100px;}
.homeMain p{margin: 10px 0;}
.homeMain p a{color: #fdc464;}

h3.voucherSearch{
margin: 10px 0 15px;
}
/*------buttons------*/

/* REQUIRED BUTTON STYLES: you need this to make buttons look the same as a class buttons*/
button {
position: relative;
border: 0;
padding: 0;
cursor: pointer;
overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
border: none;  /* overrides extra padding in Firefox */
}

button span {
position: relative;
display: block;
white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only - fix margins */
button span {
margin-top: -1px;
}
}

button.smallButton, a.mediumButton, a.smallButton{
background-color: #000;
border-color: #777 #777 #333 #333;
border-style: solid;
border-width: 3px;
color: white;
font-size: 1.2em;
padding: 0 10px 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.7) 0px 1px 1px;
-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 1px 1px;

}

a.mediumButton, a.smallButton{
display: block;
float: left;
padding-top: 2px;
padding-bottom: 2px;     /*for some reason, button fix still requires this change for visual equivalence*/
}

button.searchButton{
font-size: 1.4em;
position: absolute;
top: 11px;
left: 730px;
}

button.mediumButton:hover, a.mediumButton:hover, a.smallButton:hover{
background-color: #222;
border-color: #999 #999 #555 #555;
text-decoration: none;
}

a.smallButton{
font-size: 1em;
padding: 0 5px 2px 4px;
}

/*-------------vouchers------------------*/
ul.vouchers{
margin: -15px 0 10px 0;
padding: 0;
list-style-type: none;
/* border: 3px dashed #4a4a4a; */
}

ul.vouchers li{
margin: 15px 0 0 0;
position: relative;
top: 0;
left: 0;
padding-top: 15px;
border-bottom: 1px dotted #999;
width: 100%;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
}
ul.vouchers li:hover{
background: #efefe9;
}

ul.vouchers li:last-child, ul.vouchers li.lastPromotion{
/*border-bottom: none;  so that the last dashed line doesn't appear over the bounding box dashed line*/
}

ul.vouchers li .content{
padding: 0 15px 15px 28px;
margin: 0 0 0 15px;
width: 370px;
float: left;
min-height: 70px;
}
.profile ul.vouchers li .content{
paddding: 0 15px 15px 0px;
margin: 0 0 0 -8px;
}

*html ul.vouchers li .content{
width: 360px;
height: 70px;
}
ul.vouchers li .content h4{margin-top: 0;}

ul.vouchers a.mainLink{font-weight: bold;}

ul.vouchers li a.mediumButton{
float: right;
margin-right: 15px;
font-size: 12px;
padding: 1px 5px 2px 4px;
}

*html ul.vouchers li a.mediumButton{margin-right: 5px;}

ul.vouchers li p{
margin: 4px 0;
font-weight:normal;
}
ul.vouchers li p.smallBody{min-height: 15px; }

.scissors{
background: url(/static/frontend/images/vouchers/voucher_box_top.gif) no-repeat 0 0;
position: absolute;
top: -4px;
left: 20px;
width: 16px;
height: 11px;
z-index: 3;
}

ul.vouchers .activityBar{
/*overflow: hidden;*/
clear: both;
width: 100%;
position: relative;
}

/*basically hacking into the promotions view to make the whitelabel look different without
altering promotions_view.jspf (so as not to touch the current bview layout*/
.voucherComments{
position: absolute;
bottom: 0;
right: 0;
width: 110px;
height: 40px;
margin-right:10px; font-size:0.9em; background:url(/static/frontend/images/whitelabel/comment-trans.png) no-repeat;
z-index: 4;
}

.voucherComments .commentCount, .voucherComments a.commentCount{
position: absolute;
top: 5px;
left: 10px;
width: 100px;
}

.voucherComments a.mainLink{
position: absolute;
top: 20px;
left: 10px;
}

.downloadCounts, .downloadCountsText{
position: absolute;
left: -50px;
z-index: 4;
display: none;
font-weight: bold;
width: 40px;
text-align: center;
top: -70px;
}
.downloadCounts{display:none !important;} 
.downloadCountsText{
top: 20px;
left: 1px;
font-weight: normal;
font-size: 0.75em;
}

.downloadTotal{
position: absolute;
left: -50px;
display: none;
top: 50px;
}

ul.vouchers .activityBar div span.black{color: #000;}

/*sharing vouchers is not displayed on whitelabels currently because of problems with branding on
the emails is not coordinated (ie. currently displays bview branding)*/
.sharingVouchers{display: none;}

.andVisitSite{
float: right;
margin-right: 24px;
margin-top: 3px;
width: 115px;
text-align: right;
}

*+html .andVisitSite{
position: static;
}

*html .andVisitSite{
position: static;
}

.affiliateCopyContainer{
background: #d7d7d7;
clear: both;
text-align: center;
padding: 10px 0;
}

.voucherCode{overflow: hidden;}
.voucherCode input{
height: 20px;
font-size: 1.3em;
float: left;
}

.voucherCode label{
float: left;
text-align: right;
margin: 6px 5px 0 150px;
}

.voucherLogo{
width: 75px;
float: left;
margin: 0 10px;
max-height: 120px;
overflow: hidden;
}

.voucherLogo img{
width: 75px;
display: block;
margin: 0 auto;
}

.searchLogo{
width: 90px;
/*height: 90px;*/
position: relative;
text-align: center;
float:left;
margin: 4px 0 0 10px;
/*overflow: hidden;*/
}
.searchLogo img{
width: 90px;
}

/*----------------icons-----------------*/
.commentCount, a.commentCount, a.delete, a.reply, a.twitterGray, a.twitter, a.facebook, a.digg, a.reddit, a.delicious{
background: url(/static/frontend/images/buttons/icons.png) no-repeat -11px -13px;
padding-left: 20px;
display: block;
overflow: hidden;
}

*html .commentCount, *html a.commentCount, *html a.delete, *html a.reply, *html a.twitterGray, *html a.twitter,
*html a.facebook, *html a.digg, *html a.reddit, *html a.delicious{
background-image: url(/static/frontend/images/buttons/icons.gif);
}

a.reportAbuse{display: none;}
.commentCount, a.commentCount{
background-position: -11px -162px;
padding-right: 10px;
padding-top: 1px;
font-weight: normal;
}

a.delete{
background-position: -10px -488px;
text-indent: -99999px;
margin-bottom: 5px;
}
a.delete:hover{background-position: -10px -500px;}

a.reply{
background-position: -8px -562px;
text-indent: -99999px;
height: 14px;
}

a.reply:hover{background-position: -8px -576px;}
a.twitterGray{background-position: -300px -9px;}

a.twitter, a.facebook, a.digg, a.reddit, a.delicious{
background-position: -300px -87px;
text-indent: -99999px;
width: 16px;
float: left;
margin: 0;
padding-left: 0;
}
.reviews a.twitter{margin-left: 10px;}
a.facebook{background-position: -300px -161px;}
a.digg{background-position: -300px -237px;}
a.reddit{background-position: -300px -310px; margin-right: 10px;}
a.delicious{background-position: -300px -387px;}

/*popups & forms*/
.groupSearch label, .popup label{
text-align: left;
font-weight: bold;
width: 250px;
padding-top: 6px;
float: left;
}

.groupSearch label.oneLine, .popup label.oneLine{
width: 140px;
text-align: right;
margin-right: 5px;
}

.popup input, .groupSearch input{
float: left;
width: 230px;
padding-top: 5px;
margin: 5px 8px 3px 0;
}

.groupSearch input{
margin-top: 0;
width: 100px;
padding: 0;
font-size: 1.2em;
}

.popup input.file{height: 20px;}
input.uploadPhotoInput, .popup input.uploadPhotoInput{height: 23px;}

textarea{
width: 300px;
padding: 5px;
margin: 0 0 3px 0;
float: left;
}

.popup input.radio{
width: 15px;
height: 15px;
margin-right:5px;
border: none;
outline: none;
background-color: #fff;
margin-top: 0;
}

.popup input.large{
height: 23px;
width: 350px;
}
.popup input.short, .popup input.veryShort{
width: 165px;
margin-right: 5px;
}

.popup input.veryShort{width: 45px;}

.popup label.oneLine{
width: 100px;
float: left;
text-align: right;
padding-top: 6px;
margin-right: 5px;
}

.popup label.short{width: 100px;}

#sharePromotionPopup label.oneLine{
padding-top: 14px;
}

.popup input.checkbox, input.profileEmailCheckboxMarker{
width: 14px;
height: 14px;
margin-right: 5px;
border: none;
background: none;
}

.lineUp{
margin-left: 105px;
}
.lineUpShort{margin-left: 100px;}
.lineUpClear{
margin-left: 105px;
clear: both;
}

.lineUpText{margin-left: 125px;}


/*Not sure if this is used*/
.shareVoucherContainer{
margin: 0 22px 20px 4px;
padding: 10px 5px 5px;
border: 1px dashed #aeae9c;
overflow: hidden;
}

.shareVoucherContainer .searchContent{
width: 350px;
margin: 0 0 10px 0;
float: left;
}
.shareVoucherContainer h4{margin-top: 0;}
.popupClear{clear: both; margin-top: 10px;}
#sharePromotionPopup input{margin: 5px 10px 5px 0;}
textarea#sharePromotionMessage{width: 455px; padding: 10px;}
#sharePromotionPopup label{margin-right: 5px;}

.webmailInputDomain{
margin-top: 10px;
font-size: 14px;
font-weight: bold;
float: left;
}


/* Spinning gif, displayed while loading contacts from webmail/ facebook account. */
.sharePromotionLoadingDiv {
width: 100px;
height:100px;
margin-left: 200px;
background: url(/static/frontend/images/loading.gif) 50px 20px no-repeat;
}


/*---------------------Pop-up box-------------------*/
.popup{
width: 420px;
display: none;
position: absolute;
z-index: 120;
color:#000;
background-color: white;
border: 15px solid #000;
padding: 15px;
}

.popupWide{width: 500px;}
.popup textarea {width: 350px;}
.popup textarea.narrow{width: 230px;}

.popup ul{
list-style: none;
margin: 20px;
padding: 0;
}

a.delete{width: 10px;}
a.delete:hover{background-color: transparent;}
.popup a.delete{float: right;}

/*-----------------end of Pop-up box-------------------*/

/*--------business profile----------*/

.vcard{margin-top: 30px;}

.businessInfo{
float: left;
margin: 0 0 10px 0;
width: 510px;
}

*html .businessInfo{width: 450px;}

.summaryLogoContainer{
float: left;
position: relative;
top: 0;
left: 0;
margin-right: 25px;
}

.summaryLogoContainer .photo img{
margin-left: 17px;
border: 2px solid #e1e0ce;
}

.summaryLogoContainer .logo{
width: 125px;
height: 100px;
}

.summaryLogoContainer .logo img{
max-width: 125px;
max-height: 98px;
}

/*because some of the reused code from bview has a titlebarRed, you need to override both*/

.titleBar, .titleBarRed{
background-color: #000;
padding: 4px 10px 2px;
margin: 0 0 10px;
overflow: hidden;
color: #fff;
border-bottom: 1px solid #000;
min-height: 10px;
}

.titleBarEnd, .titleBarRedEnd{
display: none;
}

.titleBar select{margin-top: 3px;}

.titleBar h3.fLeft{margin-right: 10px;}

.bviewFooter{
padding: 15px 10px 5px;
margin-bottom: 0;
}

.bviewFooter a:hover{color: white;}

h1.org{
margin: 0;
float: left;
line-height: 1em;
margin-bottom: -10px;
}

.rating{
float: left;
margin: 7px 5px 7px 4px;
}

a.reviewCount{
display: block;
float: left;
margin-top: 9px;
}

.rating{
background: url(/static/frontend/images/reviews/stars.gif) no-repeat -2px -5px;
width: 86px;
height: 16px;
overflow: hidden;
display: block;
text-indent: -9999px;
}

a.rating{cursor: pointer;}
a.rating:hover{background-color: transparent;}

.showScore{
text-indent: 0;
padding-left: 88px;
width: 35px;
padding-top: 2px;
height: 14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #9a9a94;
font-size: 10px;
}

.star1{background-position: -2px -25px;}
.star2{background-position: -2px -45px;}
.star3{background-position: -2px -65px;}
.star4{background-position: -2px -85px;}
.star5{background-position: -2px -105px;}
.star6{background-position: -2px -125px;}
.star7{background-position: -2px -145px;}
.star8{background-position: -2px -165px;}
.star9{background-position: -2px -185px;}
.star10{background-position: -2px -205px;}
.star11{background-position: -2px -225px;}
.star12{background-position: -2px -245px;}
.star13{background-position: -2px -265px;}
.star14{background-position: -2px -285px;}
.star15{background-position: -2px -305px;}

/*-------------about-----------------------*/
.about{
width: 390px;
line-height: 1.3em;
float: left;
margin-bottom: 30px;
}

.aboutFullLength{width: 630px;}

.aboutMenu{width: 165px; float: right; margin-bottom: 10px;}
.aboutMenu li{margin-bottom: 5px;}

.aboutMenu a.mainLink{
padding: 5px 10px;
background-color: #eae9e8;
font-size: 0.9em;
display: block;
background-position: 95% 10px;
}

.aboutMenu ul{
font-size: 0.85em;
margin: 10px 10px 30px;
}

/* This is to overlay the search example text over text boxes. */

.whoOrWhat, .voucherRegister{
width: 115px;
margin: 0 5px 5px 0;
}

.wherePostcode{
margin-top: 8px;
}

.whoOrWhat input, .wherePostcode input, .voucherRegister input{
width: 220px;
padding: 2px 0 1px;
height: 20px;
}

.wherePostcode input, .homeSearchInput{
width: 110px;
float: left;
margin-right: 10px;
}

#changePostcode{position:relative; left:15px;  top:-8px; display:block; width:60px;}
.homepageSearchFieldNames, .groupSearchLocationField, .sharePromotionUserFields, .neighbourhoodPostcodeFieldNames {
float: left;
position: relative;
}
#voucherSearchWhatPrompt, #voucherSearchWherePrompt, #neighbourhoodPostcodePrompt, #locationPrompt, #voucherRegisterPrompt, #localPostcodePrompt {
position: absolute;
color: #8e9296;
font-style:italic;
left: 6px;
top: 6px;
font-size: 14px;
}

#voucherSearchWhatPrompt, #voucherSearchWherePrompt {
left: 192px;
top: 22px;
}

#voucherSearchWherePrompt{left: 462px;}
#voucherRegisterPrompt{top: 8px;}
#localPostcodePrompt{top: 2px;}
#locationPrompt{top: 2px;}
#promotionSearch .voucherSearchButton{margin-top: 5px;}

/*comments*/
.allComments{
background-color: #eae9e8;
border-top: 1px solid #aeae9c;
padding-top: 10px;
overflow: hidden;
width: 100%;
}

.comments{
margin: 0;
padding: 0;
overflow: hidden;
}

ul.vouchers .comments li{
position: relative;
top: 0;
left: 0;
border: none;
}

.commentContent{
border: 1px solid #aeae9c;
padding: 10px 10px 5px;
margin: 0 20px 10px;
background-color: #fff;
overflow: hidden;
}

.commentContent p{
float: left;
width: 480px;
overflow: hidden;
}

.commentName{
display: block;
margin-left: 55px;
overflow: hidden;
}

.commentName a{margin-right: 10px;}

.commentBubble{
background-image:url(/static/frontend/images/comment_bubble.jpg);
width: 20px;
height: 16px;
position: absolute;
top: 10px;
left: 30px;
}

.showAllComments{
margin-right: 20px;
padding-bottom: 10px;
display: block;
text-align: right;
}

/* fix for groups on whitelabel */
.group ul.vouchers li .content{padding:0 15px 15px 12px;}

*html .comments li{width: 540px;}
*html .commentContent{width: 550px;}
/*end of comments*/

/*voucher homepage*/
.findLocalVouchers{
background-color: #cecece;
margin: 15px 20px 20px;
padding: 10px 20px;
overflow: hidden;
}

*html .findLocalVouchers{width: 880px;}

.findLocalVouchers h4{
float: left;
margin-right: 10px;
margin-top: 5px;
}

.findLocalVoucher input{
float: left;
font-size: 1.3em;
}

.findLocalVoucher a.mediumButton{
float: left;
}

.findLocalVouchers input{
float: left;
width: 170px;
height: 18px;
padding-top: 5px;
margin: 0 10px 3px 0;
}

.voucherHomepagePanel{
width: 490px;
/*float: left;*/
margin-right: 40px;
}

*html .voucherHomepagePanel{margin-bottom: 30px;}

.whiteContent .voucherHomepagePanel h2{
margin: 20px 0 5px 13px;
}

.mostPopularVouchers{
border: 0;
padding: 0;
margin: 0 0 70px 0;
clear: both;
}

.mostPopularVouchers .imgWrapper{
width: 73px;
float: left;
position: relative;
margin-right: 18px;
margin-bottom: 30px;
}

.mostPopularVouchers img{
width: 73px;
display: block;
margin: 0 auto;
}

.mostPopularVouchers li{
line-height: 1.6em;
}

.mostPopularVouchers li.latestVouchers{
padding: 0 10px 10px 0;
}


/*--------------------groups---------------------------*/
.groupDirectory{
margin-left: 50px;
float: left;
}

.groupDirectory li{
margin: 20px 0;
overflow: hidden;
width: 300px;
}

.groupDirectory li img{
width: 55px;
float: left;
margin-right: 10px;
}

.groupDirectory li h5{margin-bottom: 5px;}
.groupDirectory li .small{margin: 0;}

/*----------------------Pagination----------------------------*/
.searchPagination{
padding: 5px 10px;
min-height: 10px;
clear: both;
margin:18px;
background-color: #fdfdfc;
border-bottom: 1px solid #a0a0a0;
border-top: 1px solid #a0a0a0;
}

.prev{padding: 0 3px 0 9px;}
.next{padding: 0 10px 0 3px;}

#summary h2{padding: 0 30px 10px 30px; font-size:1.6em;}
/*----------------end of Pagination-----------------*/
/*-----------------------Maps----------------------*/

/* redesign of the homepage */
.whiteContent div.first #viewport{
width:489px;
height:200px;
display:block;
background: url(/static/frontend/images/whitelabel/voucher-book_bg.jpg) no-repeat;
overflow:hidden !important;
position:relative;
}
.whiteContent div.first #viewport ul li{padding:12px 0 0 0;
background: #fff url(/static/frontend/images/whitelabel/voucher-book_bg.jpg) no-repeat;
}
.whiteContent div.first #viewport ul li:first-child{display:block; border:0;}
.whiteContent div.first h2{border:0;}
.whiteContent div.first #viewport ul li div.fLeft{width:327px; padding:2px 0 0 29px;}
/* Image wrapper */
.whiteContent div.first #viewport ul li .imgWrapper{
position:absolute; top:0px; right:0px; margin:0; width:78px; margin-right:8px;
}
/* Image */
.whiteContent div.first #viewport ul li .imgWrapper img{
position:absolute; right:36px; top:31px; width:80px;
}
/* Offer type */
.whiteContent div.first #viewport ul li span.smallSavingText{
text-indent:-9999px; width:78px; height:78px;
position:absolute; top:0px; right:0px; z-index:33;
}
.whiteContent div.first #viewport span.smallSavingText{
background-color:transparent;
}
.whiteContent div.first #viewport ul li span.offer_2for1{
background:url(/static/frontend/images/whitelabel/2-for-1.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_Specialoffer{
background:url(/static/frontend/images/whitelabel/special-offer.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_5off{
background:url(/static/frontend/images/whitelabel/5-percent-off.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_10off{
background:url(/static/frontend/images/whitelabel/10-percent-off.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_15off{
background:url(/static/frontend/images/whitelabel/15-percent-off.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_20off{
background:url(/static/frontend/images/whitelabel/20-percent-off.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_25off{
background:url(/static/frontend/images/whitelabel/25-percent-off.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_30off{
background:url(/static/frontend/images/whitelabel/30-percent-off.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_35off{
background:url(/static/frontend/images/whitelabel/35-percent-off.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_40off{
background:url(/static/frontend/images/whitelabel/40-percent-off.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_45off{
background:url(/static/frontend/images/whitelabel/45-percent-off.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_50off{
background:url(/static/frontend/images/whitelabel/50-percent-off.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_pound5off{
background:url(/static/frontend/images/whitelabel/5-pound-off.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_pound10off{
background:url(/static/frontend/images/whitelabel/10-pound-off.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_pound15off{
background:url(/static/frontend/images/whitelabel/15-pound-off.png) no-repeat;
}
.whiteContent div.first #viewport ul li span.offer_pound20off{
background:url(/static/frontend/images/whitelabel/20-pound-off.png) no-repeat;
}



/* Main Heading */
.whiteContent div.first #viewport ul li h5{
font-size:2.3em;
font-weight:bold;
}

/* other text */
.whiteContent div.first #viewport ul li p{
font-size:1.5em;
color:#000;
width:250px;
margin-top:6px;
line-height:1.2em;
font-weight:normal;
}


/* added when? */
.whiteContent div.first #viewport ul li .smallBody{
color:#0099CC;
line-height:1.6em;
margin-top:14px;
}
.whiteContent div.first #viewport ul li .smallBody span{
background:#0099CC;
color:#FFFFFF;
padding:1px 4px;
margin-top:1px;
}

/* navigation */
.whiteContent div.first #viewport li #voucher-navigation{
position:absolute; bottom:0px; right:25px;
}

#intro-text{
width:198px;
position:absolute; top:4px; right:4px;
}
#intro-text p{ line-height:1.5em; margin-top:6px;}

#viewport{
overflow:hidden;
margin-left:-14px;
}
#viewport ul{
position: relative; 
padding: 0; 
}
#viewport .mostPopularVouchers li.latestVouchers {margin:0;}
#viewport li{
width:489px;
height:200px;
float: left;
list-style: none;  
}
#voucher-navigation{
position:absolute; 
right:269px;
top:204px;
width:140px;
font-size:0.8em;
color:#999;
}

/* Cosmetic */
#previous, #next{
cursor: pointer;
font-size: 0.8em;
text-decoration: underline;	
width:30px; height:30px; 
display:block;

}
#previous{
background:transparent url(/static/frontend/images/whitelabel/arrows.png) no-repeat scroll 14px 0; height:28px;
position:absolute;
right:30px;
top:-8px;
width:30px;
cursor:pointer;}

#next{
background:transparent url(/static/frontend/images/whitelabel/arrows.png) no-repeat scroll -93px 0; height:28px;
position:absolute;
right:0;
top:-8px;
width:30px;
cursor:pointer;}

#previous.over{
background:transparent url(/static/frontend/images/whitelabel/arrows.png) no-repeat scroll -57px 0;}

#next.over{
background:transparent url(/static/frontend/images/whitelabel/arrows.png) no-repeat scroll -23px 0;}

#quick-searches{
width:695px;
margin-top:20px;
background: url(/static/frontend/images/whitelabel/quicksearch-bg.png) repeat-x;
height:130px;
}

#quick-searches ul li{
width:194px;
float:left;
margin:10px 45px 0 8px;
}
#quick-searches ul li p{
position:absolute; top:32px; left:0px; width:100px;
}
#quick-searches button{}
.txt_input{width:102px; margin-top:2px; float:left; color:#999999}
.btn_submit{background:url(/static/frontend/images/whitelabel/search-trans.png) no-repeat; color:#fff; text-transform:uppercase; width:82px; height:33px; float:left;
margin:-2px 0 0 4px;
font-size:0.7em;
padding:0 3px 5px 0;
}
#btn_find-vouchers{background: url(/static/frontend/images/whitelabel/find-vouchers-trans.png) no-repeat; height:37px; width:156px; text-align:left;padding:0 0 5px 10px; font-weight:bold;}

#local-vouchers{
background: url(/static/frontend/images/whitelabel/vouchers-near-you.png) no-repeat 96% 5px; position:relative;}
#hotel-deals{
background: url(/static/frontend/images/whitelabel/hotel-deals.png) no-repeat 96% 5px;
position:relative;}
#quick-searches ul li#eating-out{
background: url(/static/frontend/images/whitelabel/eating-out.png) no-repeat 96% 5px; 
margin:10px 0px 0 8px;
position:relative;
}
#quick-searches ul li h4{
width:192px;
height:72px;
padding-top:10px;
}

#top-brands{
float:left;
margin-left:-29px;
margin-top:20px;
width:204px;
}
#top-brands ul li{float:left; }
#top-brands ul li#b1{padding-right:10px;}
#voucher-list {float:left;}
#voucher-list ul{margin-top:-10px;}
#top-brands ol{
clear:both;
display:block;
padding-top:10px;
width:204px;
}
#top-brands ol li{display:inline-block;  background:#efefef;}
#top-brands ol li a{
float:left;
display:inline-block;
background:#efefef;
margin:2px;
padding:8px;
width:9px;
height:9px;
text-align:center;
}
#top-brands ol li.last a{
width:38px;
text-align:center;
white-space:nowrap;
}

#top-brands ol li a:hover{
background:#0C4477;
color:#fff;}

.voucherHomepagePanel .mostPopularVouchers li.latestVouchers{
border-bottom:1px dotted #ADBDCE;
overflow: hidden;
position: relative;
width:225px; margin-right:30px; float:left;
padding:10px 0;
}


/* end of redesign */
*html .voucherHomepagePanel .mostPopularVouchers li.latestVouchers{
width: 260px;
}

.voucherHomepagePanel .mostPopularVouchers li.latestVouchers:last-child{
border-bottom: none;
}

.mostPopularVouchers li a.mainLink{
margin-right: 5px;
}

/*this is the container for the text on the mini vouchers for voucher homepage*/
.mostPopularVouchers li.latestVouchers .fLeft{
width:125px;
}
.mostPopularVouchers li.even{margin:0 !important;}

.mostPopularVouchers a.mainLink p{
color: #000;
}

.mostPopularVouchers li.latestVouchers a.mainLink{
background-image: none;
cursor: pointer;
}

.mostPopularVouchers .smallSavingText{
background-color: #cecece;
padding: 2px 0;
width: 73px;
position: absolute;
bottom: -22px;
left: 0;
text-align: center;
font-weight: normal;
color: #000;
}

.mostPopularVouchers a.mainLink .smallBody{
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 11px;
display: block;
margin-top: 7px;
}

.voucherHomepagePanel .relative a.smallButton{
position: absolute;
right: 0;
bottom: -35px;
}

*+html .voucherHomepagePanel .relative a.smallButton{
bottom: 60px;
}

*html .voucherHomepagePanel .relative a.smallButton{
bottom: 90px;
}


h6.voucher-type{
background:#EFEFEF none repeat scroll 0 0;
display:block;
padding:2px 4px;
text-align:center;
width:82px;
z-index:10;
}
/* lets hide a few new features so that the whitelabels don't break */

input.voucher-code, label#vcode, div.more-details, div.scissors{display:none;}
.searchContent p{font-weight:bold;}
.more-details p{font-weight:normal;}
span.more-details{cursor:pointer; color:#1C2D8B}
div.more-details{padding-top:12px;}
#showdetails div.more-details, label#vcode, input.voucher-code{ display:block;}
#showdetails h6.voucher-type, #showdetails span.more-details{display:none;}
#vcode{ text-transform:lowercase; margin: 0px 19px 4px 0px; float:right; font-size:1em; font-weight:normal; color:#55554B; }
input.voucher-code{ width:70px; float:left; font-size:1em;margin: 0px 0px 4px 41px}
.use-voucher input{background:#e6e5d6; border: solid 1px #c0cfb8;margin-right:2px;}
div.withcode{min-height:125px !important;}


/* needs to look like bview */

div.more-details{ display:none; width:400px;padding-bottom:15px;}

div.more-details p{display:block; color:#000}
div.more-details p.smallBody{color:#9A9A94;}

span.more-details {
background:transparent url(/static/frontend/images/backgrounds/more-details_arrow.png) no-repeat scroll right 9px;
color:#0C4477;
cursor:pointer;
display:block;
font-size:1em;
padding:3px 0 0;
text-transform:lowercase;
width:77px;
}
span.opened{background:url(/static/frontend/images/backgrounds/hide-details_arrow.png) no-repeat right 8px;}

.searchContent p{margin-top:5px;}
#vcode{ text-transform:lowercase; margin: 0px 0px 4px 42px; float:left; font-size:1em; font-weight:normal; color:#55554B; }
voucher-code{ width:100px; float:right; font-size:1em;}
.use-voucher{float:right; width:125px; min-height:80px;padding-right:10px;}
.use-voucher input{background:#e6e5d6; border: solid 1px #c0cfb8;margin-right:2px;}
div.use-voucher a.mediumButton{margin-right:0 !important;padding-right:0px;position:relative;width:75px;}

.hover-details{
width:150px;
padding-left:32px;
display:none; 
position:absolute; 
top:-20px; left:240px;
padding-top:20px;
/*background:transparent url(/static/frontend/images/backgrounds/dividing-fade-trans.png) no-repeat scroll left top;*/
min-height:80px;
}
.hover-details h5{clear:both;font-size:1.1em; }
.hover-details h5 span{background:#A9A998; -webkit-border-radius:4px; -moz-border-radius: 4px; display:inline; color:#fff; margin-top:-2px; padding:0px 5px 4px 5px;  height:16px; }
div.content div.searchContent{margin:0; width:235px; line-height:1.3em;}


.commentCount, a.commentCount{left:19px; top:2px; background:none; padding-left:9px}
span.commentCount{color:#999;}
.voucherComments a.mainLink{left:19px}
.clearfix{ clear:both;}

#powered-by{background:url(/static/frontend/images/whitelabel/powered-by-bview.png) no-repeat; width:118px; height:23px; display:block; position:absolute; bottom:0px; right:0px;}

/* new changes */
.percent-off{float:left; width:88px; }
.total-discount{vertical-align:bottom;color:#4F0906; margin-bottom:2px; font-size:1.3em; font-weight:bold;font-family: "Myriad Pro", "Trebuchet MS", Arial, Sans-serf;line-height:1.5em;}
.price-comparisons{padding-top:2px; clear:left;float:left; width:103px;color:#3C4153; font-size:0.95em; white-space:nowrap;}
.price-comparisons span, .price-comparisons strike{color:#999999}
.parenthesis{font-size:28px; color:#999999; font-weight:normal; line-height:29px; padding-left:8px;display:inline-block;}

ul.vouchers div.activityBar{
padding:30px 0px 2px 7px;
width:99%;
background:url(/static/frontend/images/backgrounds/activity-bar_bg.png) repeat-x bottom;}
ul.vouchers div.activityBar h5{line-height:normal; vertical-align:top;}
#showdetails ul.vouchers div.activityBar{padding-top:10px;}

/* star ratings */

h6.hotel-rating span {
position:absolute; top:4px; right:0px; display:block; width:64px; height: 13px;
background:url(/static/frontend/images/backgrounds/star-ratings_small.png) no-repeat 0 -25px;  margin-top:4px;}

#voucherHomeLocalPostcodePrompt, #voucherHomeHotelsPostcodePrompt, #voucherHomeRestaurantsPostcodePrompt {
top:88px;
left:7px;
position:absolute;
}

h6.hotel-rating{height:18px; float:left; line-height:18px; position: relative; padding:0; font-weight:normal; font-size:0.95em; width:149px; padding-top:4px; color:#3C4153}

p.adr{clear:both;}
ul.vouchers div.activityBar ul{text-align:left}
ul.vouchers div.activityBar ul li{font-size:11px !important;
display:inline; border:0 none; position:static; padding:0px 10px 2px 10px; height:10px;}
ul.vouchers div.activityBar ul li:hover{background:none;}
ul.vouchers div.activityBar ul li a{font-weight:normal; font-size:11px !important; padding:2px 0 2px 21px; height:20px; display:inline}
ul.vouchers div.activityBar ul li a:focus{color:#125581}
ul.vouchers div.activityBar ul li.num-used{
background:url(/static/frontend/images/backgrounds/info.png) no-repeat 0 0;
color:#3C4153;
}
ul.vouchers div.activityBar ul li.num-used h5{font-size:11px !important; display:inline; font-weight:normal; font-family:Arial, Helvetica, sans-serif;padding-left:11px;}
.bar-more-details a{
background:url(/static/frontend/images/backgrounds/carrat.png) no-repeat 0 2px;
}
.bar-more-details a:hover{
background-position: 0 -16px;
}
.activityBar .comments a, .activityBar .leave-comment a{
background:url(/static/frontend/images/backgrounds/info.png) no-repeat 0 -35px;
}
.allComments a.fLeft{padding-left:20px;}
ul.vouchers div.activityBar ul li.abuse{float:right; width:18px; display:none; }
ul.vouchers div.activityBar ul li.abuse a{
background:url(/static/frontend/images/backgrounds/info.png) no-repeat -0 -18px;
text-transform:capitalize;
}
a.reportAbuse{
background:url(/static/frontend/images/backgrounds/info.png) no-repeat right -18px;
text-transform:capitalize;
width:auto;
padding-right:20px;
padding-bottom:2px;
}
.share-this a{margin-top:-2px;  display:block;}
.share-this a.stico_default{background:url(/static/frontend/images/backgrounds/info.png) no-repeat -0 -52px !important;}
.share-this a.stico_default span.stbuttontext{line-height:15px !important}



.search-focus{
background:#DDF0FA;
-moz-border-radius:6px;
-webkit-border-radius:6px;
height:38px; padding:3px 0px 0px 10px; width:210px; margin-left:-10px;}

.withcode .search-focus{background:none; height:50px; width:120px;}

.withcode .search-focus #vcode, .withcode .voucher-code{float:none}
#fullAboutMe p{
padding-top:12px;
padding-bottom:18px;
line-height:1.5em;
}
#fullAboutMe li{padding:3px 0px 3px 20px; background:url(/static/frontend/images/backgrounds/bullet.png) no-repeat 0px 9px; }

#addPromotionComment a.mediumButton{color:#FFFFFF}

/* need to fix this ie6 shit */
*html  #top-brands ol li a, *html  #top-brands ol li{width:12px; float:left; display:inline; white-space:nowrap}
*html .voucherHomepagePanel .mostPopularVouchers li.latestVouchers{margin-right:40px;width:218px;}
*html .whiteContent .voucherHomepagePanel h2{margin-left:0px}
*html .group-list #summary{width:700px;}
*html .searchPagination{height:18px;}
p.smallBody img{display:inline !important; vertical-align:middle;}
p.smallBody, p.smallBody span { vertical-align:middle;}
/*.use-voucher .search-focus{display:none}*/
*html .whiteContent {
width:645px;
margin-left:18px;
}

*html .voucherHomepagePanel {
margin-right:0px;
width:490px;
}
*html #top-brands {
position:absolute; top:390px; right:0px}
html>body #top-brands ol li{ *display:inline;}
*html div.content div.searchContent{width:275px;}


/* some new bits */
#video-with-vouchers{
    margin-top:20px;
    display:none;
}
.video{
    width:276px;
    height:210px;
    background:#ccc;
    float:left;
    margin-right:14px;
    display:none;
}
/*ul.vouchers{
    width:658px;
    float:left;

}
ul.vouchers li{
    width:148px;
    height:94px;
    display:block;
    background:#ccc;
    margin-right:14px;
    float:left;
    padding:0;
}
#quick-searches.alt{
    width:632px;
}
#quick-searches.alt ul li{
    margin:10px 25px 0 8px;
    width:183px;
    
}
#quick-searches.alt ul li .txt_input {
    width:91px;
}
#sidebar.alt{
    width:276px;
    margin:20px 14px 0 0;
    padding:0 0 200px;
}*/
.newContent{
    float:left;
    margin-left:38px;
}
#top-brand-browser, .use-voucher .solo{
    display:none;
}
#nav, #branding, #branding .mainContainer{z-index:99999; /*this is a hack to fix our contextual menu for ie */}
#nav li.group{z-index:999 !important; display:inline-block;}