/* reset css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
button, submit, input {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.4em;font-weight:bold;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1.2em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#667;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #667;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#667;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#667;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}

.container { width: 960px; margin: 0 auto;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
hr {background:#cfcfc8;color:#cfcfc8;clear:both;float:none;width:100%;height:.1em;margin-bottom:3em;border:none;}
hr.space {background:#fff;color:#fff;}

/* forms css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #667;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;margin: 1em;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* layout css */
body {
	text-align: center;
	color: #535353;
}

a { color: #535353; }

#header {
	padding: 1em;
}

#header #small-logo {
	background: url(img/logo-small.png) no-repeat;
	width: 309px;
	height: 79px;
	float: left;
}

#header #searchbox {
	float: right;
	margin-top: 1.9em;
}

#logo {
	background: url(img/logo-big.png) no-repeat;
	width: 387px;
	height: 98px;
	margin: 20px auto;
}

#logo span, #small-logo span { display: none; }

#page {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#blackfooter {
	clear: both;
	background: #2a2a2a;
	color: #fff;
	padding: 10px;
}

#blackfooter a, a:focus, a:hover {
	color: black;
}

#footer {
	clear: both;
	color: black;
	padding: 10px;
}

#footer a {
	color: black;
}


/* index page css */
#index-label {
	background: url(img/tagslow.gif) top center no-repeat;
	width: 70px;
	height: 140px;
	margin: 0 auto;
}

#index-label span {
	display: none;
}

#note {
	background: url(/img/for_adv.png) top center no-repeat;
	width: 162px;
	height: 144px;
	position: absolute;
	top: 0;
	right: 0;
}

#note span {
	display: none;
}

#index-search {
	width:60em;
	margin:0px auto;
	background:#fff url(img/leftside.gif) repeat-y left top;
}

#index-search .top {
	width:100%;
	height:20px;
	background:url(img/top.gif) no-repeat left top;
}

#index-search .top span {
	display:block;
	position:relative;
	height:20px;
	background:url(img/top-right.gif) no-repeat right top;
}

#index-search .center-content {
	position:relative;
	background:url(img/rightside.gif) repeat-y right top;
	padding:10px 20px 65px 25px;
	margin:-1px 0 -100px 0;
	text-align: center;
}

#index-search .bottom {
	width:100%;
	height:100px;
	background:url(img/bottom.gif) no-repeat left bottom;
}

#index-search .bottom span {
	display:block;
	position:relative;
	height:100px;
	background:url(img/bottom-right.gif) no-repeat right top;
	z-index: 1;
}

#index-search form {
	margin: 1em 0;
	padding: 0;
}

form .search {
	font-size: 2em;
	color: #da0065;
	border: 0.1em solid #2a2a2a;
	padding: 0.20em;
	width: 15em;
	background: url(img/input_bg.gif) bottom left repeat-x;
	display: block;
	float: left;
	margin-left: 4em;
}

#searchbutton {
	background: url(img/btn_bg.gif) center left repeat-x; 
	font-size: 1.95em;
	height: 1.75em;
	line-height: 1.75em;
	padding: 0.05em 0.5em;
	border: 0 none;
	color: #fff;
	display: block;
	float: left;
	margin-left: 0.1em;
	}

#searchbox input.subbtn:hover {
	color: #FFEC8B;
}
#searchbox input.subbtn:focus {
	color: #FFEC8B;
}

#index-page {
	width: 60em;
	margin: 0 auto;
	text-align: left;
}

#index-page ul#latest-codes, #index-page ul#recommended-codes {
	list-style: none;
	width: 28em;
	float: left;
	display: block;
	margin: 0;
	padding: 1em 1em;
}

#recommended-codes img#hot {
	vertical-align: middle;
	float: left;
	position: relative;
	top: -10px;
	left: -5px;
	padding: 0px;
	margin: 0;
	}

#index-page ul#latest-codes ul, #index-page ul#recommended-codes ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#index-page h3 {
	color: #da0065;
	margin-bottom: 0.5em;
	text-decoration: none;
}

#index-page ul#latest-codes a {
	color: #50780d;
	font-weight: 700;
}

#index-page ul#recommended-codes a {
	font-weight: 700;
	color: #50780d;
	/*background: #fff8a3;*/
}

#merchant {
	background: #c6c6c6;
	padding: 10px;
	margin-bottom: 5px;
}

#merchant .inner {
	background: #fff;
	border: 1px solid #a5a5a5;
	padding: 15px;
}

#merchant .inner h1 {
	color: #da0065;	
}

#merchant .inner p {
	margin: 5px;
}

#merchant .inner h1 a, a:focus, a:hover {
	color: #da0065;
	text-decoration: none;
}

#merchant .inner #screenshot {
	float: left;
	text-align: center;
	margin-right: 10px;
	max-width: 320px;
}

#merchant .inner #screenshot img {
	border: 1px solid #cecece;
	padding: 7px;
	background: #fffdd2;
}

#merchant .inner #screenshot img:hover {
	background: #fff09c;
}


#merchant .inner .rating {
	font-size: 2em;
	color: #000;
}

#merchant .inner .rating img {
	vertical-align: middle;
}

#merchant .inner .rating em {
	font-size: 0.5em;	
}

ul#vouchers {
	width: 600px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
}

ul#vouchers li {
	background: #acd27e;
	padding: 7px;
	margin: 5px 0;
}

ul#vouchers li .alas {
	border: 3px dashed black;
	padding: 5px;
	font-size: 2em;
	text-align: center;
}

ul#vouchers li .content {
	background: #fff;
	border: 2px dotted #5a8816;
	padding: 2px;
	overflow: hidden;
}

ul#vouchers li .content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
ul#vouchers li .content {display:inline-block;}
* html ul#vouchers li .content {height:1%;}
ul#vouchers li .content {display:block;}

ul#vouchers li .content .title {
	background: #5a8816;
	font-size: 1.2em;
	color: #fff;
	padding: 3px 7px;
	font-family: Arial, Helvetica, sans-serif;
}

ul#vouchers li .content .code {
	width: 175px;
	float: left;
	background: #fffdd2 url(img/voucher-code-bg.gif) top right repeat-y;
	min-height: 80px;
	text-align: center;
	font-weight: 700;
	padding-top: 10px;
	font-size: 1.4em;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

ul#vouchers li .content .code p {
	margin: 0.5em 0;
}

ul#vouchers li .content .code a {
/*	background: url(img/ico-comment.gif) top left no-repeat; */
/*	padding-left: 20px; */
/*	font-size: 0.8em; */
	font-weight: 700;
	text-decoration: none;
}

ul#vouchers li .content .code a:hover{
	color: #da0065;
}

ul#vouchers li .content .description {
	float: left;
	width: 387px;
	padding: 5px;
}

ul#vouchers li .content .description p {
	margin-bottom: 0.5em;
}

ul#vouchers li .content .description .expiry {

}

/* expired vouchers styling */

ul#vouchers li.label {
	background: #fff;
	padding: 10px 10px 0;
}

ul#vouchers li h2 {
	margin-bottom: 0em;
	font-weight:inherit;font-style:inherit;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	background: #5a8816;
	color: #fff;
}

ul#vouchers li h2 a {
	color: #fff;
	text-decoration: none;
}

ul#vouchers li.expired {
	background: #f0f0f0;
	padding: 7px;
	margin: 3px 0;
}

ul#vouchers li.expired .content {
	background: #fff;
	border: 2px dotted #737373;
	padding: 2px;
}

ul#vouchers li.expired .content .title {
	background: #cecece;
	font-size: 1.2em;
	color: #667;
	padding: 3px 7px;
}

ul#vouchers li.expired h2 {
	margin-bottom: 0em;
	font-weight:inherit;font-style:inherit;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	background: #cecece;
	color: #667;
}

ul#vouchers li.expired h2 a {
	color: #667;
	text-decoration: none;
}

ul#vouchers li.expired .content .code {
	background: #fffdd2 url(img/voucher-expired-bg.gif) top right repeat-y;
	text-decoration: line-through;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

/* end expired vouchers styling */

#subscribe p {
	margin: 1px;
	line-height:1.5;
}

#subscribe .title {
	background: url(img/label-dark-left.gif) top left no-repeat;
	height: 36px;
	color: #fff;
}

#subscribe .title span {
	background: url(img/label-dark-right.gif) top right no-repeat;
	padding: 0px 10px;
	height: 36px;
	display: block;
	font-size: 2em;
}

#subscribe form input {
	border: 1px solid black;
	margin: 5px;
	padding: 5px;
}

#subscribe form span {
	color: #da0065;
	font-size: 1.3em;
	font-weight: 700;
}

#subscribe #emailform {
	background-color: #eeeeee;/*#acd27e;*/
	padding: 4px;
	padding-bottom: 10px;
}

/* sidebar */

#sidebar {
	width: 350px;
	float: left;
	margin-top: 10px;
	background: #fff;
}

#tags {
	margin-bottom: 5px;
	margin-left: 329px;
}

#tags .title {
	color: #000;
	display: block;
	font-size: 1.5em;
}

#tags ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#tags ul li {
	display: block;
	float: left;
	margin: 3px;
}

#tags ul li a {
	display: block;
	border: 1px solid #ababab;
	padding: 0 3px;
	background: #fff;
	text-decoration: none;
}

#tags ul li a:hover {
	border: 1px solid #333;
	padding: 0 3px;
	background: #667;
	color: #fff;
}

#sidebar #similar-merchants .title {
	background: url(img/label-blue-left.gif) top left no-repeat;
	height: 36px;
	color: #fff;
}

#sidebar #similar-merchants .title span {
	background: url(img/label-blue-right.gif) top right no-repeat;
	padding: 0px 10px;
	height: 36px;
	display: block;
	font-size: 2em;
}

#sidebar #similar-merchants ul {
	list-style: none;
	margin: 0;
	padding: 6px 3px 10px 25px;
	background: #F4F4F4;
	border-bottom: 1px solid #f0f0f0;
}

#sidebar #similar-merchants ul li a {
	color: #da0065;
	font-size: 1.5em;
}

#sidebar #similar-merchants ul li img {
	display: block;
	position: relative;
	left: -21px;
	float: left;
	top: 7px;
	width: 16px;
	height: 16px;
	margin-right: -16px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
}

#sidebar #similar-merchants ul li p {
	margin-bottom: 0.5em;
}

/* search results page css */
#search-bar {
/*	background: url(img/search-bar.gif) top left repeat-x;*/
	background: #F4F4F4;
	height: 51px;
	width: 78em;
	margin: 0 auto;
	border: 1px solid black;
}

#search-bar .container .content {
	text-align: left;
	font-size: 1.75em;
	padding-top: 0.5em;
	padding-left: 0.5em;
}

#search-bar .container .content em {
	color: #000;
	font-size: 1.2em;
}

#search-center {
	text-align: center;
	width: 68em;
	margin: 0 auto;
}

.searchresultsbg {
	margin-top: 5px;
}

.searchresultsbg .container {
	background: #C6C6C6;
	padding: 10px;
	width: 76em;
}

.searchresultsbg .container .inner {
	background: #fff;
	border: 1px solid #a5a5a5;
}

#search-results a {
	text-decoration: none;
}

ol#search-results {
	margin: 1em 0 0;
	padding: 0;
	list-style: none;
	background: #fff;
}

ol#search-results li {
	padding: 0;
	margin: 0;
	background: #fff;
	text-align: left;
	display: block;
}

ol#search-results li .content {
	border-bottom: 1px solid #a5a5a5;
	padding: 7px 5px;
}

ol#search-results li .content:hover {
	background: #f5f5f5;
}

ol#search-results li .content img {
	vertical-align: middle;	
}

ol#search-results li .content .voucher-count {
	display: block;
	float: right;
	border: 2px dashed #c6c6c6;
	background: #fffdd2;
	padding: 4px 7px;
	text-align: center;
	width: 7em;
	height: 6em;
}

ol#search-results li .content .voucher-count span a{
	color: #00a4da;
	font-size: 3em;
	line-height: 1em;
	font-weight: 700;
	clear: both;
	display: block;
}

ol#search-results li .content .active-count span a{
	color: #acd27e;
	font-size: 3em;
	line-height: 1em;
	font-weight: 700;
	clear: both;
	display: block;
}

ol#search-results li .content .voucher-info {
	display: block;
	float: left;
	width: 48em;
}

ol#search-results .boxlink {
	text-decoration: none;
}

ol#search-results li .content .voucher-info .title{
	font-size: 2em;
	color: #da0065;
	margin-right: 0.2em;
	float: left;
	line-height: 1em;
	display: block;
}

ol#search-results li .content .voucher-info .title em {
	font-size: 0.5em;
	color: #535353;
}

ol#search-results li .content .voucher-info .favicon {
	display: block;
	/*float: right;*/
	position: relative;
	left: -30px;
	float: left;
	top: 4px;
	width: 16px;
	height: 16px;
	margin-right: -19px;
}

ol#search-results li .content .voucher-info .link {
	display: block;
	/*float: right;*/
	margin-top: 0.25em;
	color: #50780d;
	font-weight: 700;
	text-decoration: underline;
}

ol#search-results li .content .voucher-info .link:hover{
	text-decoration: none;
}

ol#search-results li .content .voucher-info p {
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
}

ol#search-results li .content .voucher-info p a,a:hover{
	color: black;
}


ul#pagination {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#pagination li {
	display: block;
	float: left;
}

ul#pagination li a {
	padding: 0.1em 0.5em;
	margin: 0.3em;
	border: 1px solid #bdbdbd;
	text-decoration: none;
	color: #00a4da;
	font-weight: 700;
	display: block;
}

ul#pagination li a:hover {
	background: #fffdd2;
}

ul#pagination li.active {
	padding: 0.1em 0.5em;
	margin: 0.3em;
	text-decoration: none;
	color: #da0065;
	display: block;
	font-weight: 700;
}

ul#pagination li.prev a, ul#pagination li.next a {
	border: 0px none;
	color: #667;
}

#info {
	width: 60%; text-align: left; font-family: Arial; margin: 0 auto;
	padding: 20px;
	border: 5px dashed #acd27e;
	margin-top: 15px;
	}

#info h2, h3{
	color: #da0065;
}

.editbutton {
	margin: 10px;
	padding: 10px;
	border: 2px solid black;
	border-style: outset;
	font-size: 1.4em;
	font-weight: bold;
	background: #E6E6FA;
}

.morelink {
	font-family: Trebuchet MS, Verdana, Arial; 
	text-decoration: none; 
	font-size: 0.9em;
}

#searchbox-text {
	position:absolute;
	width: 670px;
	text-align: center;
	top: 135px;
	left: 20px;
	_left: -340px;
	z-index: 20;
}

#searchbox-text img.fav {
	margin: 8px;
	border: 0;
	padding: 2px;
	background: #dfdfdf;
}

#searchbox-text img:focus, #searchbox-text img:hover {
	background: white;
}

#suggestions {
	z-index: 99;
}

div.infoapi{
	text-align: left; padding: 10px; margin: 5px;
}

div.infoapi p {
	font-size: 1.2em;
}

#topleftinfo {
	position:absolute;
	max-width: 450px;
	text-align: left;
	font-weight: bold;
	font-size: 1em;
	margin-top: 0px;
	margin-left: 0px;
	top: 0px;
	left: 0px;
	color: black;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 3px;
	padding-bottom: 2px;
	border: 0;
	background-color: #acd27e;
	color: white;
}

#topleftinfo a{
	color: white;
}

#topleftinfo a:hover{
	color: #fffdd2;
}

#index-page ul#latest-codes a.h3link {
	color: #da0065;
	text-decoration: none;
	font-size:1.5em;line-height:1;
	margin-bottom:1em;
}

#index-page ul#recommended-codes a.h3link {
	color: #da0065;
	text-decoration: none;
	font-size:1.5em;line-height:1;
	margin-bottom:1em;
}

