* {
    margin: 0;
}
html, body {
    height: 100%;
	font-family:Helvetica,Arial,"Liberation Sans",sans-serif;
	font-size: 100%;
	background: url(../images/backgroundTop.png) no-repeat center top;
	min-width:960px;
	margin-left: 1px;
	color:#444;
}
html{
	background:#B3B3B3 url(../images/backgroundBottom.gif) repeat-y center top;
	min-width:960px;
}
a img{
	border:none;
}
a{
	color:#f00;
	text-decoration:none;
}
.required{
	color:#f00;
}
a:hover{
	text-decoration:underline;
}
a.external {
	background:url(../images/external.png) 99% 40% no-repeat; 
	padding-right: 15px;
}
.logo{
	margin-left:50px;
	width:156px;
	height:100px;
	padding-top:5px;
}

.wrapper{
	width:960px;
    min-height: 100%;
  	height: auto !important;
    height: 100%;
    margin: 0 auto -170px;
}
.floatRight{
	float:right;
}
.red{
	color:#f00;
}
.title{
	font-size:1.5em;
	font-weight:bold;
}
.subtitle{
	font-size:1em;
	font-weight:normal;
}
.content{
	width:960px;
	background:#fff;
	border-top:1px solid #ededed;
	margin:0px;
	min-height:315px;
}
.logo.betaLogo{
	margin-left:90px;
}
.title.betaTitle{
	float:right;
	width:680px;
	margin-top:45px;
	text-align:left;
}

#simpleTooltip { padding: 3px; border: 1px solid #333; background: #ffffdd; z-index:3001;}

/*********/
/*Buttons*/
/*********/
/* REQUIRED BUTTON STYLES: */		
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.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:1em; 
	text-align: center;  
	background: transparent url('../images/bg_button_a.png') no-repeat scroll bottom right;
}
	
button.submitBtn span {
	padding: 0px 0 0 45px; 
	line-height:30px;
	background: transparent url('../images/bg_button_submit_span.png') no-repeat bottom left;
	height:30px; 
	color:#fff; 
}
button.submitBtn.small span{
	padding: 0px 0 0 10px; 
	height:20px; 
	line-height:20px;
	background: transparent url('../images/bg_button_small_span.png') no-repeat top left;
}
button.submitBtn.small{
	padding: 0 10px 0 0; 
	height:20px;
	background: transparent url('../images/bg_button_small_a.png') no-repeat scroll top right;
}
button.submitBtn.small:hover span{
	background-position:bottom left;
}
button.submitBtn.small:hover{
	background-position:bottom right;
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: top right; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: top left;
}             
button.submitBtn.right{
	float:right;
}
a.button{
	background: transparent url('../images/bg_button_small_a.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
	font-size: 0.9em;
    height: 20px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}
a.button span{
    background: transparent url('../images/bg_button_small_span.png') no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 0 5px 10px;
}
a.button.big {
    background: transparent url('../images/bg_button_a.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button.big span {
    background: transparent url('../images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 20px;
    padding: 5px 0 5px 18px;
}
a.button.big.submit{
    background-position: bottom right;
}

a.button.big.submit span {
    background: transparent url('../images/bg_button_submit_span.png') no-repeat bottom left;
	padding-left:45px;
}

a.button.big.disabled {
    background: transparent url('../images/bg_button_disabled_a.png') no-repeat scroll top right;
    color: #999;
}

a.button.big.disabled span {
    background: transparent url('../images/bg_button_disabled_span.png') no-repeat;
	padding-left:45px;
}

a.button.right, a.button.big.right{
	float:right;
}

a.button:hover{
	background-position:bottom right;
}
a.button:hover span{
	background-position:bottom left;
}
a.button.big.submit:hover{
	background-position:top right;
}
a.button.big.submit:hover span{
	background-position:top left;
}
a.button.red{
	background-position:bottom right;
}
a.button.red span{
	background-position:bottom left;
}
a.button.red:hover{
	background-position:top right;
}
a.button.red:hover span{
	background-position:top left;
}


/*********/
/*Content*/
/*********/
.content{
	height:100%;
}

/*********/
/*HEADERS*/
/*********/
.clear{
	clear:left;
	line-height:1px;
}
.menuHolder{
	float:right;
	margin-top:50px;
	margin-right:60px;
	width:500px;
}
.menuHolder .left{
	background:url(../images/topMenuRed.png) no-repeat left;
	padding:0 10px;
	float:right;
	height:29px;
}
.menuHolder .right{
	background:url(../images/menuMerchant.png) no-repeat right;
	padding:0 10px;
	float:right;
	height:29px;
	position:relative;
}
.menuHolder .right a{
	background-color:transparent;
	margin-top:1px;
	color:#fff;
}
.menuHolder .right a.log, .menuHolder .right a.sign{
	background:url(../images/menuDown.gif) no-repeat right 6px;
	padding-right:19px;
}
.menuHolder .right .line{
	border-right:1px solid #999;
	height:20px;
	float:left;
	margin-top:4px;
	margin:4px 5px 0px 5px;
}
.menuHolder .right a.signDrop,.menuHolder .right a.logDrop{
	background:url(../images/menuUp.gif) no-repeat right 6px;
	padding-right:19px;
}
.menuHolder .right a:hover{
	background-color:#fff;
	color:#000;
	border:0px;
}
.menuHolder a{
	line-height:27px;
	display:block;
	height:27px;
	color:#FFF;
	text-decoration:none;
	float:left;
	background-color:none;
	padding:0 5px 0 5px;
	margin-right:5px;
}
.menuHolder a:hover{
	background-color:#fff;
	border-top:1px solid #c5262d;
	border-bottom:1px solid #c5262d;
	color:#c5262d;
}
.openSign{
	position:absolute;
	top:-20px;
	left:85px;
}


/*********/
/*FOOTERS*/
/*********/
.footer, .push {
    height: 140px;
}
.footer{
	width:974px;
    margin: 0 auto -170px auto;
}
.footerHolder{
	width:974px;
	height:140px;
	padding-top:30px;
	margin: 0 auto -170px auto;
	background:#B3B3B3 url(../images/footer.gif) no-repeat center top;
}
.footerImage{
	width:149px;
	float:left;
	margin-right:60px;
	margin-left:130px;
	border-right:1px solid #888;
}
.footerColumn{
	float:left;
	margin-right:60px;
	color:#444;
	padding-left:25px;
	font-size:0.7em;
	line-height:14px;
}
.footerColumn a{
	color:#444;
	text-decoration:none;
}
.footerHolder .legalMumbo{
	clear:both;
	font-size:0.7em;
	text-align:center;
	padding-top:20px;
	padding-bottom:5px;
	color:#444;
}
.footerHolder .legalMumbo a{
	color:#444;
}
.footerHolder.footerOver .legalMumbo a{
	color:#f00;
}
.footerHolder.footerOver a, .footerHolder.footerOver h2, .footerHolder.footerOver .legalMumbo{
	color:#000;
}
.footerColumn a:hover{
	text-decoration:underline;
}
.footerColumn h2{
	padding-bottom:4px;
	font-size:1.1em;
	color:#444;
	font-weight:bold;
}
.social a{
	padding-left:15px;
}
.social a.share{
	background:url(../images/footerShare.gif) no-repeat left;
}
.footerHolder.footerOver .social a.share{
	background:url(../images/footerShareOver.gif) no-repeat left;
}
.social a.twitter{
	background:url(../images/footerTwitter.gif) no-repeat left;
}
.footerHolder.footerOver .social a.twitter{
	background:url(../images/footerTwitterOver.gif) no-repeat left;
}
.social a.feedback{
	background:url(../images/footerFeedback.gif) no-repeat left;
}
.footerHolder.footerOver .social a.feedback{
	background:url(../images/footerFeedbackOver.gif) no-repeat left;
}


/************/
/**Invite stuffs***/
/************/

.inviteLabel{
	width:110px;
	text-align:right;
	margin-right:5px;
	display:block;
	float:left;
}
.inviteInput,.inviteSelect{
	float:left;
	width:150px;
	margin-bottom:5px;
}
.inviteText{
	width:450px;
	height:100px;
}
.invitees img{
	margin-bottom:5px;
	cursor:pointer;
}
.optInvite{
	font-weight:normal;
	font-size:1em;
	font-style:italic;
}

/*New dialogs*/
.dialog{
	display:none;
	margin:0 auto;
	position:absolute;
	z-index:2;
}
.dialogTitle{
	height:24px;
	font-size:2em;
	line-height:24px;
	background:url(../images/dialogTitle.gif);
	color:#fff;
	border-bottom:0px;
	padding:5px;
	padding-left:10px;
	
}
.dialogTitle .close{
	float:right;
	margin-right:2px;
	margin-top:1px;
}
.termsTitle{
	text-align:center;
	font-size:1.8em;
}
.termsWindow{
	border:1px solid #ccc;
	padding:5px;
	height:250px;
	overflow:auto;
}
.agree{
	font-weight:bold;
	margin-top:15px;
}
.agree input{
	margin-right:5px;
	margin-left:5px;
}
.dialogContent{
	overflow:auto;
	border:1px solid #222;
	border-bottom:0;
	padding:5px;
	background:#fff;
}
.dialogButtons{
	height:23px;
	border:1px solid #222;
	border-top:1px solid #aaa;
	background:#ddd;
	padding-top:3px;
}
.dialogButtons .cancel{
	float:right;
	margin-top:3px;
}
.dialogButtons .button{
	margin-left:10px;
}
.dialogButtons .afterButton{
	margin-right:10px;
	line-height:20px;
	float:right;
}
.loading{
	position:absolute;
	width:126px;
	height:22px;
}

.backgroundOverlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background:#000;
}

/************/
/*index.html*/
/************/
.explanation{
	float:left;
	height:294px;
}
.explanation .point{
	width:164px;
	margin-top:15px;
	text-align:center;
	float:left;
}
.explanation .point .words{
	font-size:1em;
	text-align:center;
	width:164px;
	margin:50px auto 15px auto;
	height:50px;
}
.explanation .arrow{
	width:60px;
	text-align:center;
	float:left;
	padding-top:150px;
}
.explanation .arrow.left{
	width:40px;
}
.spreez{
	height:284px;
	width:500px;
	/*for now*/
	margin-top:30px;
	/*for now*/
	float:left;
	padding:15px;
	padding-top:15px;
}
.spreez .withMerch{
	margin-top:13px;
	margin-left:10px;
	float:left;
}
.spreez a.button, .spreez button{
	margin-right:23px;
}
.tag{
	position:relative;
	width:500px;
	margin:10px 0px 0px -10px;
	height:210px;
	background:url(../images/tag.png) no-repeat;
}
.tag .item{
	position:absolute;
	left:138px;
	top:25px;
}
.tag .item input{
	font-size:1.6em;
	width:233px;
}
.tag .item label{
	line-height:20px;
	font-size:1em;
	margin-right:6px;
	color:#fff;
}
.popular{
	margin-left:33px;
	margin-top:3px;
	font-size:0.65em;
	color:#fbb;
}
.discount{
	position:absolute;
	left:160px;
	top:70px;
	color:#fff;
}
.discount .controls{
	float:left;
	padding-top:58px;
	margin-right:10px;
}
.discount .controls img{
	margin-bottom:5px;
	cursor:pointer;
}
.discount .percent{
	float:left;
	font-size:6em;
	line-height:115px;
	overflow:hidden;
	height:100px;
}
.discount .percent .inner{
	margin-top:-1725px;
	text-align:right;
}
.discount .percentOff{
	float:left;
	padding-top:50px;
	font-size:40px;
}
.location input{
	width:100px;
}
.joinMap{
	width:430px;
	float:left;
	padding:10px;
}
.joinMap .subtitle{
	margin-bottom:5px;
}

/***********/
/*deal.html*/
/***********/
body.dealPage{
	background: url(../images/backgroundTop.png) no-repeat center -65px;
}
.wrapper.dealPage .spreez.info{
	height:215px;
	width:490px;
	float:none;
	/*for now*/
	margin-left:160px;
	margin-top:10px;
	/*for now*/
}
.wrapper.dealPage .spreez.info .tag{
	margin-top:15px;
}
.wrapper.dealPage .spreez.info .tag .discount{
	width:255px;
	top:50px;
	text-align:center;
}
.wrapper.dealPage .spreez.info .tag .discount .percent, .wrapper.dealPage .spreez.info .tag .discount .percentOff{
	float:none;
}
.wrapper.dealPage .pageButtons{
	margin-right:30px;
}
.tag .itemName{
	position:absolute;
	left:160px;
	top:10px;
	padding-top:5px;
	padding-bottom:5px;
	width:255px;
	font-size:2em;
	color:#fdd;
	text-align:center;
	border-bottom: 1px dashed #f88;
}
.tag .loc{	
	position:absolute;
	left:160px;
	top:155px;
	width:255px;
	font-size:0.8em;
	color:#fdd;
	text-align:center;
}
.dealResults{
	padding:10px;
}
.dealResults #progressbar{
	margin:50px auto;
}
.invite{
	margin-top:60px;
}
.invite .spreeziots{
	background:url('../images/invite1.gif') no-repeat;
	width:152px;
	height:95px;
	position:relative;
	float:left;
	margin-bottom:10px;
}
.invite .spreeziots.many{
	background:url('../images/inviteMany.gif') no-repeat;
}
.spreeziots .badge{
	background:url(../images/badge.gif) no-repeat;
	width:100px;
	height:23px;
	position:absolute;
	top:-15px;
	left:45px;
	display:none;
}
.spreeziots .badge .num{
	line-height:23px;
	color:#fff;
	text-align:center;
	width:23px;
	height:23px;
}
.invite .spreeziots .callout{
	width:135px;
	padding:65px 0 0 0;
	margin-left:3px;
	font-size:1em;
	text-align:center;
}
.invite .title{
	font-size:13pt;
}
.invite .subtitle{
	font-size:10pt;
}
.invite .tab{
	float:left;
	text-align:center;
	font-size:13pt;
	width:60px;
	border:1px solid transparent;
	cursor:pointer;
	margin-top:5px;
	margin-right:1px;
	padding-top:5px;
}
*html .invite .tab{
	border:0px;
}
.invite .tab.over{
	z-index:10;
	background:#eee;
	border:1px solid #999;
	height:67px;
	margin-bottom:-1px;
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
.invite .tab.on{
	z-index:10;
	position:relative;
	border:1px solid #999;
	border-bottom:1px solid #fff;
	height:67px;
	background:#fff;
	margin-bottom:-1px;
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
.invite .tab img{
	margin-bottom:5px;
}
.invite .tabInfo{
	width:408px;
	overflow:auto;
	height:130px;
	margin-right:10px;
	float:right;
	margin-top:-1px;
	z-index:0;
	background:#fff url(../images/tabBack.gif) repeat-x bottom;
	border:1px solid #999;
	padding:10px;
	font-size:12pt;
	display:none;
	
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
.tabInfo .title{
	font-size:13pt;
	margin-bottom:5px;
}
.tabInfo textarea{
	width:390px;
	height:30px;
	margin-top:3px;
	margin-bottom:5px;
}
.tabInfo .inviteInput,.tabInfo .inviteSelect{
	width:215px;
}
.tabInfo a.button{
	margin-top:5px;
}
.tabInfo .inviteLabel{
	width:90px;
	font-weight:bold;
	text-align:right;
	margin-right:5px;
	display:block;
	float:left;
}
.sending{
	margin-bottom:30px;
}
.results{
	padding:10px;
	clear:both;
}
.results #progressbar{
	margin:10px;
}
.replies .reply{
	position:relative;
	margin-top:15px;
	height:142px;
	width:308px;
	float:left;
	margin-right:5px;
	background:url(../images/smallTag.gif) no-repeat center;
}
.replies .reply a.button{
	float:none;
	position:absolute;
	top:97px;
	left:230px;
}
.replies .reply .merchant{
	float:left;
	font-size:1em;
	position:absolute;
	top:85px;
	left:65px;
	text-align:center;
}
.center{
	text-align:center;
}
.replies .reply .merchantReply{
	position:absolute;
	font-size:8pt;
	width:190px;
	text-align:center;
	left:65px;
	top:63px;
	border-bottom: 1px dashed #ddd;
	overflow:hidden;
	height:30px;
	color:#888;
}
.imageHolder{
	background:#fff;
	height:50px;
	width:50px;
	line-height:50px;
	text-align:center;
}
.imageHolder img {
	height:50px;
	width:50px;
}
.replies .reply .merchant.imageHolder{
	background:#fff;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
}
.replies .reply .itemName{
	color:#000;
	overflow:hidden;
	position:absolute;
	width:160px;
	text-align:center;
	height:38px;  /* IE only because rule below overrides */
	vertical-align:middle;
	font-size:1em;
	left:65px;
	top:20px;
	border-bottom:1px dashed #ddd;
	background-color: #fee;
}

/* This is ignored by IE but increases height in other browsers*/
:root *> .replies .reply .itemName{
	height:42px;
}


.replies .reply .itemImgDiv{
	position:absolute;
	top:20px;
	left:230px;
	background:#fff;
	/*border:1px solid #999;*/
	height:50px;
	width:50px;
	line-height:50px;
	text-align:center;
}
.itemImg{
	height:50px;
	width:50px;
}
.replies .reply .percent{
	position:absolute;
	width:160px;
	text-align:center;
	font-size:1.75em;
	left:65px;
	top:90px;
	color:#333;
}
.reply .percent .small{
	font-size:0.75em;
}
.discountPercent a.button{
	float:none;
	width:50px;
	margin:0 auto;
}
.hide{
	display:none;
}
.waiting{
	width:288px;
	height:40px;
	padding:10px;
	margin:60px auto;
	background:#D6E8FF;
	border:1px solid #999;
}
.waiting img{
	float:left;
}
.waiting div{
	margin-left:30px;
	font-size:16pt;
	line-height:40px;
	float:left;
}
.noResults .message{
	background:#FFFFCC;
	border:1px solid #999;
	padding:10px;
	width:527px;
	margin:25px auto 40px;
	font-size:14pt;
}
.noResults #obsession{
	margin:10px;
	padding:10px;
	background:#D6E8FF;
	border:1px solid #999;
}
.noResults #obsession input, .noResults #obsession label{
	float:left;
	height:23px;
	margin-right:10px;
	margin-top:20px;
}
.noResults #obsession input{
	font-size:18pt;
}
.noResults #obsession a.button{
	margin-top:20px;
	margin-right:0px;
}
.noResults #obsession input.itemInput{
	width:540px;
}
.noResults .spreez{
	margin:0 auto;
	float:none;
}
.noResults #obsession input.price{
	width:100px;
}
.noResults #obsession label{
	line-height:23px;
	font-size:14px;
	font-weight:bold;
}
.moreResponses{
	background:#FFFFCC;
	border:1px solid #999;
	padding:10px;
	width:703px;
	margin:0px auto;
	font-size:14px;
}
.moreResponses input, .moreResponses label{
	float:left;
	height:23px;
	margin-right:10px;
	margin-top:20px;
}
.moreResponses a.button{
	margin-top:20px;
}
.moreResponses input{
	width:410px;
}
.moreResponses label{
	line-height:23px;
	font-size:14px;
	font-weight:bold;
}
.related .item{
	width:250px;
	height:58px;
	padding:5px;
	font-size:13px;
	border:1px solid #999;
	margin-top:10px;
	float:left;
	margin-right:10px;
}
.related .item.coupon{
	background:#D6E8FF;
}
.related .item img{
	float:left;
}
.related .item .number{
	font-size:20px;
	margin-left:5px;
	line-height:35px;
	float:left;
	font-weight:bold;
}
.related .item a.button{
	margin-top:8px;
	margin-left:0;
}
.related .item .imageHolder{
	background:#fff;
	/*border:1px solid #999;*/
	height:55px;
	width:55px;
	margin-right:10px;
	text-align:center;
	float:left;
}

.related{
	margin-bottom:20px;
}


/**************/
/*Company.html*/
/**************/
.companyTabs{
	border-top:1px solid #888;
}
.leftColumn{
	min-height:400px;
	float:left;
	width:176px;
	border-right:1px solid #888;
}
.leftColumn a{
	background:#e6e6e6;
	color:#333;
	border-bottom:1px solid #888;
	display:block;
	height:37px;
	line-height:37px;
	font-size:17px;
	font-weight:bold;
	width:156px;
	padding-left:20px;
}
.leftColumn a.on{
	width:176px;
	border-bottom:1px solid transparent;
	background:url(../images/companyTabOn.gif);
	color:#fff;
}
*html .leftColumn a.on{
	width:156px;
}
.leftColumn a:hover.on{
	background:url(../images/companyTabOn.gif);
}
.leftColumn a:hover{
	text-decoration:none;
	background-color:#ccc;
}
.tabContent{
	margin-left:196px;
	padding-top:10px;
	padding-right:10px;
}
.companyTab{
	display:none;
	position:absolute;
	width:760px;
}
.companyTab .subtitle{
	margin-left:10px;
	font-size:15px;
}
.companyTab .social{
	width:150px;
	float:right;
	margin-right:10px;
}
.companyTab .social a.twitter{
	display:block;
	height:28px;
	line-height:28px;
	background:url('../images/twitterSmall.gif') no-repeat left;
	padding-left:30px;
	font-size:18px;
	margin-bottom:3px;
}
.companyTab .social a.facebook{
	background:url('../images/facebookSmall.gif') no-repeat left;
	padding-left:30px;
	font-size:18px;
	display:block;
	height:28px;
	line-height:28px;
}
.companyTab .label{
	width:200px;
	float:left;
	text-align:right;
	margin-right:10px;
}
.companyTab .subtitle{
	font-weight:bold;
}
.companyTab form .label{
	width:150px;
	float:left;
	text-align:right;
	margin-right:10px;
	margin-top:5px;
}
.companyTab form input, .companyTab form select{
	margin-top:5px;
	width:300px;
}
.companyTab form textarea{
	margin-top:5px;
	width:580px;
	height:100px;
	
}
.companyTab.selected{
	display:block;
}
.tabContent .paragraph{
	margin-left:10px;
	margin-bottom:30px;
}
.person td .personTitle{
	font-weight:bold;
	font-size:16px;
	margin-bottom:0px;
}
.person .paragraph{
	margin-left:0px;
}
.person .paragraph b{
	font-style:italic;
}
.person .subtitle{
	font-size:14px;
	margin-bottom:10px;
	font-style:italic;
	font-weight:normal;
	margin-left:0px;
}
.title.pad{
	padding:10px;
}
/**************/
/*print.html*/
/**************/
html.coupon, body.coupon {
	background: none;
	margin:0px;
	padding:0px;
	font-size:100%;
}
.printButtons{
	width:612px;
	margin:5px auto 0;
}
.explain{
	background:url('../images/explanationBack.gif') repeat-x top;
	height:41px;
	line-height:31px;
	text-align:center;
	font-size:1em;
}
div.coupon{
	width:532px;
	margin:10px auto;
	padding:40px;
	border:1px solid #ddd;
}
div.coupon .spreezio{
	float:left;
}
div.coupon .busLogo{
	float:right;
}
div.coupon .topText{
	width:400px;
	font-size:2em;
	margin:30px auto 0;
	text-align:center;
	color:#555;
}
div.coupon .topText .small{
	font-size:0.5em;
}
div.coupon .tag{
	margin-top:20px;
	width:532px;
	clear:both;
	background:url(../images/couponTagBack.gif) no-repeat center top;
	height:200px;
	padding-bottom:30px;
}            
div.coupon .tag .itemName{
	/*white-space:nowrap;
	display:inline;*/
	color:#333;
	position:absolute;
	top:40px;
	left:232px;
	height:40px;
	text-align:center;
	width:264px;
	font-size:1em;
	border-bottom: 1px dashed #ddd;
	overflow:hidden;
}
div.coupon .tag .discountPrint{
	top:73px;
	text-align:center;
	position:absolute;
	left:163px;
	width:333px;
	color:#000;
}  
div.coupon .merchantReply{
	text-align:center;
	position:absolute;
	font-size:0.7em;
	height:100px;
	top:130px;
	left:163px;
	width:333px;
	color:#555;
}
div.coupon .merchantReply .small{
	font-size:1em;
}
div.coupon .tag .couponCode{
	font-size:0.75em;
	position:absolute;
	top:170px;
	left:170px;
}
div.coupon .tag .expires{
	font-size:0.75em;
	margin-top:170px;
	float:right;
	margin-right:40px;
}
div.coupon .tag .discountPrint .percent{
	line-height:80px;
	color:#333;
	font-size:3em;
	float:none;
}
div.coupon .tag .discountPrint .percentOff{
	color:#333;
	float:none;
	font-size:2em;
}
div.coupon .tag .imageHolder{
	position:absolute;
	top:40px;
	left:170px;
	background:#fff;
	height:55px;
	width:55px;
	margin-right:10px;
	text-align:center;
	float:left;
}
div.coupon .imageHolder{
	background:#fff;
	/*border:1px solid #999;*/
	height:87px;
	width:87px;
	margin-right:10px;
	text-align:center;
	float:left;
}
.printDescription{
	text-align:left;
}
.printDescription .small{
	font-size:0.75em;
}
.line{
	width:100%;
	height:5px;
	border-bottom:1px dashed #999;
	margin-top:10px;
	margin-bottom:20px;
}
.merchantInfo{
	float:left;
	width:inherit;
	margin:0;
	padding:0;
	margin-bottom:20px;
	padding:4px;
	font-size:1em;
}
.merchantInfo a{
}
.merchantInfo .hours{
	float:right;
	font-size:12px;
	margin-top:18px;
	margin-left:50px;
	
}
.merchantInfo .imageHolder{
	background:#fff;
	border:1px solid #999;
	height:87px;
	width:87px;
	margin-right:5px;
	text-align:center;
	float:left;
}
/* progress bar container */
#progressbar{
        border:1px solid #808080;
        width:390px;
        height:40px;
		font-size:16px;
        position:relative;
        color:#000; 
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
}
/* color bar */
#progressbar div.progress{
        position:absolute;
        height:100%;
        width:1px;
        overflow:hidden;
        background:url('../images/progressBack.gif');
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
}
#progressbar div.progress.rightRound{
	-moz-border-radius-bottomRight: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
/* text on bar */
#progressbar div.progress .text{
        position:absolute;
        text-align:left;
        color:#fff;
	padding:5px;
}
/* text off bar */
#progressbar div.text{
        position:absolute;
        width:100%;
        height:100%;
        text-align:left;
		padding:5px;
}

/* \*/
* html .hollyhack {height: 1%;}
/* */
