/*	----------------------------------- 
	VoucherWOW CSS
	----------------------------------- */ 
	
/*  This site uses the delicious font by Jos Buivenga (exljbris) -> www.exljbris.com */	

*{padding:0;margin:0;}

body{
    font-family: "Trebuchet MS", sans-serif;
	font-size:62.5%;
	background:#000 url(../img/bg-sg.jpg) center top no-repeat;
	}
	
a, a:link, a:visited{text-decoration:underline;color:#D3651D;}
a:hover, a:active{text-decoration:none;}
a:active{outline:0;}
a img{border:0;}

/*	----------------------------------- 
	Layout
	----------------------------------- */ 

#wrapper{width:960px;margin:0 auto;background:url(../img/bg-wrapper.png) center top repeat-y;}
#header-container{/*960px*/ background:url(../img/bg-header.png) center top no-repeat;overflow:hidden;}
#logo{/*330px*/width:297px;margin-left:33px;float:left;}
#header{width:560px;margin-right:40px;float:right;}
#copyright{padding-bottom:20px;color:#666;overflow:hidden;}

#breadcrumb{padding:10px 50px 20px;}
#breadcrumb p{font-size:14px;color:#fff;}

/*  Reusable Layout Elements  */

div.content{width:880px;margin:0 auto;overflow:hidden;padding:10px 0;}
div.ribbon{width:948px;margin:0 auto;border:1px solid #999;background:url(../img/bg-ribbon.png) center center repeat-x;}
div.ribbon-bottom{height:6px;background:url(../img/bg-ribbon-bottom.png) center top no-repeat;padding-bottom:10px;}

div.dark-ribbon{width:948px;margin:0 auto;border:1px solid #000;background:url(../img/bg-ribbon-black.png) center center repeat-x;}
div.dark-ribbon-bottom{height:6px;background:url(../img/bg-ribbon-bottom-black.png) center top no-repeat;padding-bottom:10px;}

div.page{
    padding:20px 25px 20px 25px;
    background:#fff;
    margin-bottom:20px;
    border:1px dashed #aaa;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    border-radius:5px;
    }

div.clear{clear:both!important;}
div.last{margin-right:0px!important;}
p.last{margin-bottom:0px!important;}
div.contain{overflow:hidden;}

/* TODO */
div#side-deals ul{padding-left:0; list-style:none;}
div#side-deals a{color:#000; text-decoration: underline;}

div.oh{overflow:hidden;}

.alignright{text-align:right;}
.alignleft{text-align:left;}
.aligncenter{text-align:center;}

div.wide{width:590px;float:left;}
div.narrow{width:270px;float:right;}

div.module{padding:15px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    border-radius:5px;
    margin-bottom:20px;
}
div.module h3{margin:3px 0;font-size:14px;}
div.module p{margin:0;font-size:12px;}


/*	----------------------------------- 
	Header
	----------------------------------- */ 

/*    Existing Header*/
#authentication{width:580px;float:right;text-align:right;margin:40px 30px 0 0;}
#authentication p{font-size:12px;}


/*width:560px;*/
#header{overflow:hidden;}


#header-options{width:410px;float:left;margin:23px 0 0 0;}
    #city-name{font-size:2em;color:#D3651D;font-weight:bold;line-height:24px;}
    #city-options{display:block;margin-bottom:4px;clear:both;}
    #city-change-link{
        font-size:1.1em;
        margin-left:3px;
        color:#666;
        padding:0 12px;
        background:url(../img/icon-city-chooser-indicator-off.png) left center no-repeat;
        }
    #city-chooser{}
    #city-list{margin-left:3px;display:none;}
        
    #header-menu{overflow:hidden;}
    #header-menu a{
        color:#333;
        text-decoration:none;
        line-height:21px;
        font-size:1.4em;
        padding:0 7px 0 3px;
        background:url(../img/bg-header-menu-seperator.png) right center no-repeat;
        }
    #header-menu a.first{padding-left:0;;}
    #header-menu a.last{padding-right:0;background:none;}
    #header-menu ul{}
    #header-menu ul li{display:block;}

#header-authentication{width:150px;float:right;text-align:right;}
    #not-logged-in{}
    #not-logged-in p{line-height:24px;}
    #not-logged-in img{vertical-align:bottom;}
    #logged-in{overflow:hidden;}
    #profile-pic{float:right;padding:0 0 0 10px;}
#header-authentication div{margin:20px 0 0 0;}
#header-authentication p{font-size:1.2em;color:#666;}

/*	----------------------------------- 
	Typography
	----------------------------------- */ 
h1{font-size:2.8em;line-height:36px;color:#D3651D;}
h2{font-size:2.4em;padding:6px 0;color:#D3651D;}
h3{font-size:1.6em;line-height:18px;margin-bottom:18px;}
.content p, .content ul, .content ol{font-size:14px;line-height:18px;margin-bottom:18px;}
.content small{font-size:12px;padding:6px 0;}
.content ul, .content ol{padding-left:1.4em;}
#intro, small a{color:#fff;}


#footer-menu h3{color:#999;line-height:36px;margin-bottom:0;}
#footer-menu ul{padding-left:0;margin-bottom:6px;font-size:1.2em;list-style:none;}
#footer-menu ul li a{color:#504255;text-decoration:none;}
#footer-menu ul li a:hover{color:#66546E;text-decoration:underline;}

#footer-menu{overflow:hidden;}
#footer-menu div.section{width:200px;float:left;margin-right:20px;}

/*	----------------------------------- 
	Page : Today's deal
	----------------------------------- */ 

/*  Header  */
#deal-header{color:#fff;padding-bottom:10px;}
#deal-tagline{font-size:18px;line-height:24px;}

/*  Share */
#deal-share{text-align:right;padding:30px 0 0 0;}
#deal-share p{color:#aaa;margin-bottom:0;}
#deal-share img{vertical-align:middle;;}

/*  Details */
#deal-detail{
    width:535px!important;
    padding:12px 20px 10px 30px;
    background:url(../img/bg-deal-detail.png) center top repeat-x ;
    overflow:hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    border-radius:5px;
    margin-bottom:20px;
}


#deal-description{width:270px;float:left;color:#fff;}
#deal-meta{width:255px;float:right;margin-top:5px;}

/*  Description  */
#deal-description h2{margin-bottom:12px;}
#deal-description h2 span{color:#fff;}

/*  Image  */
#deal-image{margin-bottom:18px;}
#deal-image img{border:1px dashed #999;}

/*  Deal Meta  */
#deal-meta h3{margin-bottom:3px!important;}

/*  Buy Button  */
#deal-buy{overflow:hidden;background:url(../img/bg-deal-buy-options.png) center top no-repeat;padding:13px 25px 16px 25px;}
#deal-price{font-size:32px;font-weight:bold;color:#fff;width:110px;display:block;float:left;}
#deal-buy-option{display:block;float:right;width:93px;}    


/*Savings*/
#deal-savings{background: url(../img/bg-deal-savings.png) center top no-repeat;padding:12px 25px 15px 25px;}
#deal-savings table{width:100%;text-align:center;}
#deal-savings table th{padding-bottom:0px;font-size:1.6em;}
#deal-savings table td{width:33%;font-size:1.4em;}

/*  Expiry  */
#deal-expiry{background:url(../img/bg-deal-countdown.png) center top no-repeat;overflow:hidden;padding:10px 25px 14px 25px;}
#deal-countdown{width:150px;overflow:hidden;}
#countdown-off{font-size:11px;width:120px;margin-bottom:9px;}
/*  Countdown Widget  */
div.countdown_section{font-size: 90%;color:#70792E;}
span.countdown_amount{color:#D3651D;}

/*  Wow Point */
#deal-wow-point{padding:10px 25px 10px 25px;background:url(../img/bg-deal-wowbar.png) center top no-repeat;}
#deal-wow-point h3{color:#fff;}
#deal-wow-point p{font-size:11px;}
#deal-wow-bar{display:block;width:190px;height:16px;background:url(../img/bg-wowbar-default.png) center center no-repeat;margin:3px 0;padding:0 4px 0 10px;}
#deal-wow-bar span{display:block;height:16px;background:url(../img/bg-wowbar-liquid.png) right center no-repeat;}    
div.deal-on{background-image:url(../img/bg-wowbar-full.png)!important;}
div.deal-on span{background:none!important;}

/*Deal Location*/

#deal-location{}
#deal-location-addresses{}
#deal-location-addresses h3{margin-bottom:4px;font-size:14px;}
dl{font-size:1.2em;margin-bottom:18px;}
dt{display:block;font-weight:bold;display:none;}
dd{margin-bottom:4px;}

/*Modules*/
#deal-modules{margin-bottom:20px;}
#deal-modules div.module{background:url(../img/bg-module.png) center center repeat-x;}
#deal-modules div.module h3{color:#000;}
#deal-modules div.module p{color:#fff;}

#deal-modules p a{color:#000;}
div.fb-module{background:url(../img/bg-ribbon.png) top center repeat-x;}

/*	----------------------------------- 
	Page : Home
	----------------------------------- */ 

/* Page Titles*/
#intro{padding-top:0!important;padding-bottom:0!important;}
#intro p{margin-bottom:0;}
#intro h1{color:#fff;}

/* Signup Form*/	
#signup{
    display:none;
    width:900px;
    margin:10px auto;
    background:url(../img/bg-signup.png) center 40px no-repeat;
    color:#fff;
}
#signup h2{
    padding-left:10px;
    padding-bottom:20px;
    color:#D3651D;
    }
#signup form{
    overflow:hidden;
    }
#signup label{
    font-size:24px;
    letter-spacing:-1px;
    display:block;
    padding:12px 0 18px 0;
    }    
#signup div.signup-field{
    width:230px;
    padding:0 35px 36px 35px;
    float:left;
    }
#signup div.signup-field .text{
    padding:4px;
    border:1px solid #ccc;
    width:220px;
    margin-bottom:18px;
}    
#thankyou{display:none;}
#email_errors {display:block;position:relative;top:-10px;}
/* Sample Deals*/

#sample-deals{
    overflow:hidden;
    padding:0 0 20px 0;
}
#sample-deals p{margin-bottom:0;}
#sample-deal-list{
    overflow:hidden;
    width:900px;
    padding-left:32px;
}
#sample-deals div.sample-deal{
    width:300px;
    float:left;
}
#sample-deals h2{
    color:#504255;
    }
#sample-deals label{
    font-size:18px;
    padding:18px 0 18px 0;
}    

label#sushi{color:#504255;}
label#spa{color:#C10419;}
label#paintball{color:#D3651D;}


/* Share with friends*/
#share-with-friends{}
#share-with-friends h2{color:#C10419;}
#share-with-friends a{color:#000;}


/* For Businesses*/
#for-businesses h2, #for-businesses h2 a{color:#fff;text-decoration:none;width:160px;float:left;}
#for-businesses p{color:#504255;width:720px;float:left;margin-top:15px;}

/*	----------------------------------- 
	Page : Signup
	----------------------------------- */ 

/*
#signup-form{width:520px;float:left;}
#signup-info-box{width:240px;float:right;background:transparent;}
*/


div.inline-ffs{overflow:hidden;clear:both;}
div.inline-ffs div.ff{margin-right:20px;float:left;}
div.inline-ffs div.ff input{width:140px;}

/*	----------------------------------- 
	Forms
	----------------------------------- */ 
.ff{margin-bottom:12px;}
.ff label{font-size:14px;display:block;margin-bottom:4px;}	
.ff ul li label{font-size:12px;}
.ff ul{list-style:none;padding-left:0;}
.ff ul li{display:inline-block;margin-right:5px;}
.ff input{padding:5px;font-size:12px;}

.ff input + label{display:inline;margin:3px 0 0 3px;font-size:12px;}
#id_email_address{width:316px;}

.cbf{margin-bottom:12px;}
.cbf label{font-size:12px;}
.cbf label a{color:#D3651D;}
ul.errorlist{padding-left:0!important;}
ul.errorlist li{list-style:none;color:#C10419;padding:4px 0 4px 20px;background:url(../img/icon-error.png) left center no-repeat;font-size:12px!important;}
fieldset{border:0;}


/*    TODO : Further Refactoring     */

/*	----------------------------------- 
	Page : Signup
	----------------------------------- */ 
#signup-complete-thank-you, #signup-complete-invite-friends{
    height:200px;
    border:1px dashed #aaa;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    border-radius:5px;
    padding-top:20px;
    margin-bottom:20px;

    }
#signup-complete-thank-you{
    background:url(../img/bg-signup-complete-thankyou.png) center top repeat-x;
    float:left;
    text-align:center;
    }
    
#signup-complete-thank-you h3{padding-top:10px;}    
#signup-complete-thank-you h3, #signup-complete-invite-friends h3{color:#fff;font-size:18px;}
#signup-complete-invite-friends h3{padding-top:50px;}
#signup-complete-invite-friends{
    text-align:center;
    background:url(../img/bg-signup-complete-invite-friends.png) center center no-repeat;
    color:#fff!important;
    }
    


/*	----------------------------------- 
	Page : Purchase
	----------------------------------- */ 


#faq-modules div.module{
    background:url(../img/bg-faq-item.png) center center repeat-x;
    border:1px solid #ccc;
    }

.line-items-table{width:100%;}
.line-items-table th{padding-bottom:5px;}
.line-items-table th, .line-items-table td{font-size:14px;}

#purchase-quantity input{width:20px;}
#purchase-page{padding:20px;}	
input#id_country{width:200px;}
input#id_postal_code{width:50px!important;}

#purchase-checkout{overflow:hidden;}
#purchase-checkout p{width:360px;float:left;margin-bottom:0;}
#purchase-button{text-align:right;float:right;width:150px;}

/*	----------------------------------- 
	Page : Order Confirm
	----------------------------------- */ 
	
#order-details{font-size:1.4em;margin-bottom:18px;width:300px;}	
#order-details th, #order-details td{padding:4px 12px 4px 0;}
#order-details th{text-align:left;padding-right:4px;}


/*	----------------------------------- 
	Page : Receipt
	----------------------------------- */ 

p.loading{font-size:11px;color:#D3651D;line-height:12px;}
p.loading img{vertical-align:bottom;}


/* #ipad-banner{margin-top:10px;} */
/* #ipad-content{width:300px;float:left;margin-right:20px;}	 */
/* #ipad-form{padding:20px 0 0px 0;width:400px;float:left;height:80px;} */
/* #ipad-form label{display:block;font-size:1.4em;margin-bottom:2px;color:#000;font-weight:bold;} */
/* #ipad-email-address{padding:3px;font-size:1.2em;font-family:"Trebuchet MS";margin-right:10px;width:215px;} */
/* #ipad-enter-button{border:0;background:transparent url(../img/bg-ipad-enter-button.png) center center no-repeat;color:#fff;padding:10px 20px;text-shadow:#333 1px 1px 1px;cursor:pointer;}} */
/* #ipad-fields{} */
/* #ipad-image{width:120px;position:absolute;z-index:100!important;margin-left:780px;top:92px;} */
/* #ipad-errors span{color:#C10419;padding:4px 0 4px 20px;background:url(../img/icon-error.png) left center no-repeat;font-size:12px!important;visibility:visible;} */

#ipad-banner{margin-top:10px;}
#ipad-content{width:300px;float:left;margin-right:20px;}	
#ipad-content p{margin-bottom:0;}
#ipad-content small{line-height:18px;}
#ipad-content small a{color:#999;font-size:11px;}
#ipad-form{padding:20px 0 0px 0;width:400px;float:left;height:80px;}
#ipad-form label{display:block;font-size:1.4em;margin-bottom:2px;color:#000;font-weight:bold;}
#ipad-email-address{padding:3px;font-size:1.2em;font-family:"Trebuchet MS";margin-right:10px;width:215px;}
#ipad-enter-button{border:0;background:transparent url(../img/bg-ipad-enter-button.png) center center no-repeat;color:#fff;padding:10px 20px;text-shadow:#333 1px 1px 1px;cursor:pointer;}}
#ipad-fields{}
#ipad-image{width:120px;position:absolute;z-index:100!important;margin-left:780px;top:92px;}
#ipad-errors span{color:#C10419;padding:4px 0 4px 20px;background:url(../img/icon-error.png) left center no-repeat;font-size:12px!important;visibility:visible;}



/*	----------------------------------- 
	Page : My account
	----------------------------------- */ 

legend{display:none;}

.table{width:100%;font-size:14px;border-collapse:collapse;margin-bottom:18px;}
.table td, .table th{padding:5px;border:1px dashed #ccc;}


/*	----------------------------------- 
	Django Messaging
	----------------------------------- */ 

ul.messages{padding:10px 0;list-style:none;margin-bottom:0;font-size:1.2em;}
ul.messages li{background-repeat:no-repeat;background-position:40px center;padding:5px 10px 5px 60px;}
ul.messages li.debug{background-image:url(../img/icons/Settings_16x16.png);color:#666;}
ul.messages li.info{background-image:url(../img/icons/Info_16x16.png);color:#5D84B3;}
ul.messages li.success{background-image:url(../img/icons/Confirm_16x16.png);color:#277823;}
ul.messages li.warning{background-image:url(../img/icons/Warning_16x16.png);color:#DC9D26;}
ul.messages li.error{background-image:url(../img/icons/Close_16x16.png);color:#C34D34;}

/*	----------------------------------- 
	Invite Features
	----------------------------------- */ 

#addressbook-contacts ul{list-style:none;padding-left:0;}