/*   
Theme Name: Spendless
Description: This is a theme created for Spendless to showcase coupons and vouchers.
Author: Bonsai Studios, LLC
Author URI: http://www.bonsaistudios.com
Version: 1.0
*/

/*************** CSS RESET ****************/

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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/************** BEGIN STYLE **************/

html,
body,
.container {
	font-family: Helvetica, Arial, sans-serif;
}
.container {
	width: 940px;
	margin: 0 auto;
}
.container860 {
	width: 860px;
	margin: 0 auto;
}
body {	
	background: url(images/bg-top.gif) repeat-x;
}
a {
	color: #eb5656;
}
a:hover {
	text-decoration: none;
}


.clearboth {
	clear: both;
}


#header {
	width: 860px;
	margin: 0 auto;
}
#browse-by {
	background: url(images/browse-by.gif) no-repeat;
	padding: 0 0 0 200px;
	list-style: none;
	float: left;
	height: 36px;
}
#browse-by li {
	display: block;
	float: left;
}
#browse-by li a {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 7px 15px 6px 15px;
	text-decoration: none;
}
#browse-by li a:hover {
	background: #d6494d;
}

#site-header {
	padding: 18px 0 26px 0;
}

#title {
	float: left;
	width: 404px;
	height: 69px;
}

#search {
	float: left;
	width:  380px;
	padding-left: 76px;
	padding-top: 18px;
}
#searchform {
	width: 380px;
	height: 33px;
	position: relative;
	background: url(images/bg-search.gif) no-repeat;
}
#searchform .searchinput {
	border: none;
	outline: none;
	position: absolute;
	right: 5px;
	top: 3px;
	width: 225px;
	padding: 5px 0;
	height: 17px;
	font-size: 14px;
	color: #434343;
}
#searchform .searchbutton {
	background: none;
	border: none;
	color: #fff;
	font-size: 14px;
	position: absolute;
	left: 33px;
	top: 7px;
}
.ac_results {
	margin-top: 6px;
}
.ac_results ul li {
	font-size: 12px;
	background: #fafafa;
	color: #eb5656;
	padding: 5px 7px;
}
.ac_results ul li.ac_even {
	background: #efefef;
}
.ac_results .ac_over {
	background: #666 !important;
	color: #fff;
}

#merchantAtoZ {
	border-top: 1px solid #eb5656;
	padding-left: 15px;
}
#merchantAtoZ li {
	display: block;
	float: left;
}
#merchantAtoZ li a {
	display: block;
	color: #eb5656;
	text-decoration: none;
	padding-top: 15px;
	width: 31px;
	height: 24px;
	text-align: center;
	margin-right: 1px;
}
#merchantAtoZ li a:hover {
	background: url(images/bg-letter.gif);
	color: #fff;
}

#top-deals {
	padding-top: 21px;
}
.text-topdeals,
.text-latestdeals {
	height: 148px;
	width: 20px;
	float: left;
	margin-top: 53px;
	padding-right: 15px;
	border-right: 4px solid #eb5656;
}
.text-moredeals {	
	background: url(images/deals-more.gif) center no-repeat;
	height: 148px;
	width: 20px;
	float: right;
	margin-top: 53px;
	padding-left: 15px;
	border-left: 4px solid #eb5656;
}
.text-moredealslink {	
	display: block;
	height: 100%;
	width: 100%;
	margin-left: -7px;
}
.text-topdeals {
	background: url(images/deals-top.gif) center no-repeat;
}
.text-latestdeals {
	background: url(images/deals-latest.gif) center no-repeat;
}
#top-deals .deals,
#latest-deals .deals {
	float: left;
}
#top-deals .post,
#latest-deals .post {
	float: left;
	width:  199px;
	height: 290px;
	margin-right: 22px;
}
#top-deals .post.last,
#latest-deals .post.last {
	margin-right: 0 !important;
}
#top-deals .post .dealtop,
#latest-deals .post .dealtop {
	background: url(images/bg-dealtop.gif) no-repeat;
	width: 199px;
	height: 4px;
}
#top-deals .post .dealcontent,
#latest-deals .post .dealcontent {
	height: 259px;
	width: 197px;
	border-left: 1px solid #eb5656;
	border-right: 1px solid #eb5656;
	overflow: hidden;
	position: relative;
}
#top-deals .post .voucherlink,
#latest-deals .post .voucherlink {
	background: url(images/bg-dealbutton.gif) no-repeat;
	height: 20px;
	width: 199px;
	padding-top: 8px;
	display: block;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
}
#top-deals .post h2,
#latest-deals .post h2 {
	padding: 1px 10px 0 10px;
}
#top-deals .post h2 a,
#latest-deals .post h2 a {
	text-decoration: none;
	color: #655c5e;
	font-size: 13px;
	text-transform: uppercase;
}
#top-deals .post .description,
#latest-deals .post .description {
	color: #655c5e;
	padding: 0 10px 0;
	font-size: 13px;
	font-style: italic;
}
#top-deals .post .description a.code-link,
#latest-deals .post .description a.code-link {
	padding: 10px 0 7px 0;
	height: 10px;
	background: #fff;
	display: block;
	text-align: center;
	color: #eb5656;
	font-size: 12px;
	font-weight: bold;
	width: 197px;
	position: absolute;
	bottom: 0;
	left: 0;
	font-style: normal;
}
#top-deals .post .description img,
#latest-deals .post .description img {
	margin: 10px auto;
	width: 120px;
	height: 60px;
}
.category {
	margin-left: 40px;
}
.category .post {
	margin-bottom: 26px;
}
.merchant {
	width: 419px;
}
.merchant .post {
	margin-bottom: 26px;
	margin-right: 21px !important;
}

/* ======== CATEGORY PAGE ======== */

.cat-title {
	font-size: 18px;
	color: #656262;
	margin: 30px auto 17px auto;
}
.cat-name {
	color: #eb5656;
	text-transform: uppercase;
}




#middle-bar {
	height: 237px;
	border-top: 1px solid #eb5656;
	border-bottom: 1px solid #eb5656;
	width: 100%;
	margin-top: 34px;
	margin-bottom: 45px;
	background: #f4f6f8;
}
#welcome {
	float: left;
	width: 640px;
}
#welcome-banner {
	margin-left: -20px;
}
#welcome-message {
	width: 420px;
	padding-top: 25px;
	margin-right: 20px;
	float: left;
	color: #655c5e;
	font-size: 13px;
}
#newsletter {
	float: left;
}
#newsletter h3 {
	color: #eb5656;
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 5px;
	text-align: center;
}
.newsletterform {
	position: relative;
	display: block;
	background: url(images/bg-newsletter.gif);
	width: 196px;
	height: 62px;
}
.newsletterinput {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 180px;
	border: none;
	outline: none;
	color: #655c5e;
	font-size: 14px;
}
.newsletterbutton {
	position: absolute;
	bottom: 5px;
	left:  0;
	width: 196px;
	text-align: center;
	border: none;
	outline: 0;
	background: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
}
#ad-welcome {
	float: left;
	margin-left: 30px;
	width: 180px;
}
#ad125x125 {
	width: 125px;
	height: 125px;
	background: #444;
	margin: 13px auto;
}
#amazonvoucher {
	font-size: 14px;
	line-height: 16px;
	color: #eb5656;
}
#amazonvoucher a {
	font-weight: bold;
}



#promo,
#categories {
	float: left;
	margin-top: 62px;
}
#promo {
	margin-right: 20px;
	margin-left: 40px;
	width:  420px;
}
#categories {
	width: 450px;
}
#promo h2,
#categories h2 {
	color: #eb5656;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
#links {
	margin-bottom: 52px;
}
#promo p,
#categories p {
	margin-bottom: 14px;
	color: #646262;
	font-size: 13px;
}
#promotop {
	background: url(images/bg-promotop.gif);
	width: 420px;
	height: 4px;
}
#promobottom {
	background: url(images/bg-promobottom.gif);
	width: 420px;
	height: 4px;
}
#promobody {
	padding: 10px 0 0 4px;
	border-left: 1px solid #eb5656;
	border-right: 1px solid #eb5656;
	background: #f4f6f8;
}
#promo ul,
#similar-deals ul {
	float: left;
}
#promo li,
#similar-deals li {
	display: block;
	float: left;
	margin-bottom: 6px;
	border-left: 2px solid #eb5656;
	width: 193px;
	height: 13px;
	overflow: hidden;
	padding: 4px 0 9px 8px;
	line-height: 19px;
}
#promo li a,
#similar-deals li a {
	font-size: 13px;
	text-decoration: none;
}
#categories ul {
	float: left;
}
#categories li {
	display: block;
	float: left;
	width: 150px;
	/*height: 13px;
	overflow: hidden;*/
	margin: 0 20px 5px 0;
	padding: 12px 10px 14px 40px;
	background: #f3f3f3 url(images/bullet-category.gif) 9px center no-repeat;
}
#categories li a {
	font-size: 13px;
	text-decoration: none;
}
#categories.page {
	width: 880px;
	margin-bottom: 30px;
	margin-top: 30px;
}

/* ========= A to Z ========= */

.atoz-title {
	padding-left: 40px;
	color: #656262;
	font-size: 21px;
	margin: 30px 0 20px 0;
}
.atoz-title .pink {
	text-transform: uppercase;
	color: #eb5656;
}
.letter-title {
	padding-left: 20px;
	width: 20px;
	float: left;
	color: #eb5656;
}
.letter-list {
	border-left: 4px solid #eb5656;
	list-style: circle outside;
	float: left;
	width: 620px;
	margin-bottom: 30px;
	padding-left: 20px;
}
.letter-list li {
	float: left;
	width: 200px;
	margin-left: 5px;
	margin-bottom: 8px;
	color: #656262;
	font-size: 12px;
}
.letter-ad {
	width: 620px;
	padding: 8px 0;
	margin-bottom: 30px;
	background: #f3f3f3;
	margin-left: 40px;
}
.letter-ad img {
	display: block;
	margin: 0 auto;
}
#atoz-list {
	width: 700px;
	float: left;
}
#atoz-sidebar,
#merchant-sidebar {
	width: 200px;
	float: left;
}
#atoz-sidebar #categories,
#merchant-sidebar #categories {
	width: 200px !important;
	margin-top: 35px;
}
#atoz-sidebar #newsletter #amazonvoucher,
#merchant-sidebar #newsletter #amazonvoucher {
	color: #565656;
	font-size: 12px;
	margin-bottom: 10px;
}
#atoz-sidebar #newsletter h3,
#merchant-sidebar #newsletter h3 {
	text-align: left;
}
#merchant-sidebar #newsletter {
	margin-bottom: 30px;
}
#merchant-sidebar #similar-deals {
	margin-bottom: 20px;
}
#merchant-sidebar #similar-deals h3,
#merchant-sidebar #deal-mail h3 {
	color: #eb5656;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#merchant-sidebar #deal-mail h3 {
	margin-bottom: 5px;
}
#merchant-sidebar #deal-mail p {
	color: #565656;
	line-height: 16px;
}
,
#merchant-sidebar #deal-mail a,
#merchant-sidebar #deal-mail a:hover {
	color: #eb5656;
}
#merchant-ads #bar-ad img {
	margin-top: 0;
	background: #f3f3f3;
	border: 10px solid #f3f3f3;
}
#merchant-ads {
	margin-left: 20px;
	float: left;
	width: 140px;
}

/* ========= SEARCH ========== */

#search-sorry h1 {
	margin-top: 20px;
	margin-bottom: 15px;
	color:  #eb5656;
}
#search-sorry p {
	font-size: 12px;
	color: #565656;
	margin-bottom: 30px;
}

/* ========= 404 ====== */

#four-oh-four {
	margin-top: 30px;
	margin-bottom: 30px;
	color: #565656;
}
#four-oh-four h2 {
	text-transform: uppercase;
	color: #eb5656;
	font-weight: bold;
	font-size: 18px;
}
#four-oh-four p {
	font-size: 12px;
}
.four-oh-four-img {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}
.four-oh-four-img img {
	width: 368px;
}

/* ========= MERCHANT INFORMATION ======== */

.merchant-post-container {
	width: 425px;
	margin-right: 15px;
	float:left;
}
.merchant-post {
	margin-bottom: 30px;
}
.merchant-post h2 {
	margin-bottom: 20px;
	margin-top: 20px;
	color: #565656;
}
.merchant-post h2 .store-name {
	color: #eb5656;
	text-transform: uppercase;
}
.merchant-post p,
.page p {
	color: #565656;
	margin-bottom:10px;
	font-size: 12px;
}
.merchant-post img {
	/* border: 10px solid #565656; */
	margin-top: 10px;
	margin-bottom: 10px;
}
#merchant-info {
	background: url(images/bg-merchanttop.gif) no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 30px;
	width: 419px;
}
#merchant-info-container {
	border-left: 1px solid #eb5656;
	border-right: 1px solid #eb5656;
	width: 397px;
	padding: 7px 10px;
}
#merchant-info-bottom {
	background: url(images/bg-merchantbottom.gif) no-repeat;
	height: 5px;
	width: 419px;
}
#merchant-info hr {
	border: none;
	border-top: solid 1px #eb5656;
	outline: none;
}
#merchant-tags li {
	float: left;
	display: block;
	text-transform: lowercase;
	color: #fff;
	font-size: 11px;
	margin: 0 0 3px 0;
	background: url(images/tag-left.gif) no-repeat;
}
#merchant-tags li .the-tag {
	float: left;
	background: #969696;
	padding: 6px 5px 4px 5px;
	margin-left: 14px;
}
#merchant-tags li .tag-right {
	background: url(images/tag-right.gif) top right no-repeat;
	margin-right: -14px;
	height: 21px;
}

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

.page {
	padding: 20px 0;
	font-size: 12px;
	color: #454545;
}
.page h2 {
	color: #565656;
	font-size: 20px;
	margin-bottom: 15px;
}
.page img {
	margin-bottom: 8px;
}
.page hr {
	border: 1px solid #eb5656;
	clear: both;
}

/* ========= EMAIL ========= */

#wp-email-content {
	margin-top: 15px;
	border-top: 4px solid #eb5656;
	padding: 15px;
	background: #f3f3f3;
}
#wp-email-content p {
	margin-bottom: 10px;
}
#wp-email-required {
	color: #eb5656;
}
#wp-email-content .TextField,
#wp-email-content .Forms {
	border: 1px solid #a3a3a3;
	padding: 4px 5px;
	font-size: 14px;
	color: #767676;
	width: 450px;
}
#imageverify.TextField {
	margin-left: 15px;
	width: 50px;
}

/* ========= BOTTOM PAGINATION ========= */

#bottom-pagination {
	border-bottom: 4px solid #cecece;
	font-size: 12px;
}
#bottom-pagination-container {
	background: url(images/pagination-left.gif) top left no-repeat;
	height: 18px;
	padding: 8px 0 0 5px;
	margin-bottom: -4px;
}

/* ========= FOOTER ========= */

#footer {
	min-height: 200px;
	border-top: 4px solid #eb5656;
	width: 100%;
	padding-top: 20px;
	background: #f4f6f8;
}
#footer .container860 {
	position: relative;
}
#footer #coins {
	background: url(images/coins.gif) no-repeat;
	position: absolute;
	width: 39px;
	height: 28px;
	right: 40px;
	top: -48px;
}
#footer .column {
	width: 200px;
	margin-right: 20px;
	float: left;
}
#footer .column.last {
	margin-right: 0;
}
#footer .column h3 {
	font-size: 14px;
	color: #eb5656;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#footer-logo {
	padding: 0 0 14px 0;
}
#footer-nav {
	margin-bottom: 20px;
}
#footer-nav li {
	display: inline;
	line-height: 16px;
}
#footer-nav li a {
	font-size: 13px;
}
#design-by {
	font-size: 13px;
	color: #eb5656;
}
#design-by img {
	margin-bottom: -3px;
}
#contact-email {
	margin-bottom: 20px;
	font-size: 13px;
}
#contact-email a {
	text-decoration: none;
	color: #565656;
}
#contact-email a:hover {
	color: #eb5656;
}
#footer .recommended {
	padding-left: 23px;
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 15px;
	color: #565656;
}
#my-experience-days {
	background: url(images/logo-myexperiencedays.gif) top left no-repeat;
}
#top10 {
	background: url(images/logo-top10.GIF) top left no-repeat;
}
#tee-directory {
	background: url(images/logo-teedirectory.gif) top left no-repeat;
}
#other-sites li {
	display: block;
	padding: 12px 10px 12px 40px;
	font-size: 13px;
}
#other-sites li.usa {
	background: url(images/flag-usa.gif) 0px center no-repeat;
}
#other-sites li.nz {
	background: url(images/flag-nz.gif) 0px center no-repeat;
}
#other-sites li.ger {
	background: url(images/flag-ger.gif) 0px center no-repeat;
}
#other-sites li.fr {
	background: url(images/flag-fr.gif) 0px center no-repeat;
}
#other-sites li.irish {
	background: url(images/irish-flag.gif) 0px center no-repeat;
}
#share-save ul li {
	display: block;
	float: left;
}
#share-save a {
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 7px;
}
#share-save a.delicious {
	background: url(images/favi-delicious.gif) no-repeat;
}
#share-save a.digg {
	background: url(images/favi-digg.gif) no-repeat;
}
#share-save a.reddit {
	background: url(images/favi-reddit.gif) no-repeat;
}
#share-save a.stumble {
	background: url(images/favi-stumble.gif) no-repeat;
}
#share-save a.bookmark {
	background: url(images/favi-bookmark.gif) no-repeat;
	width: 22px;
}