﻿/*

-----------------------------

GENERIC

-----------------------------

*/



/* MAIN TYPOGRAPHY */

body{font:62.5% Arial, Helvetica;background:#FFF url(../img/bg.png);color:#333;}

p{margin:15px 0;}

a:link,a:visited{color:#0066FF;text-decoration:underline;font-weight:700}

a:hover,a:active{color:#0066FF;text-decoration:none;font-weight:700}

a img{border:0;}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {font-weight: bold;}

code{font:1em 'Courier New', Courier, Fixed;background:#ececec;}

acronym,abbr,span.caps{font-size:0.9em;letter-spacing:.07em;cursor:help;}

acronym,abbr{border-bottom:1px dashed #999;}

cite, em, dfn { font-style: italic; }

code, kbd, samp, pre, tt, var, input[type='text'], textarea {}

del { text-decoration: line-through; color: #666; }

ins, dfn { border-bottom: 1px solid #ccc; }

small, sup, sub { font-size: 85%; }

abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }

a abbr, a acronym { border: none; }

abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }

sup { vertical-align: super; }

sub { vertical-align: sub; }

.bold {font-weight:700}

.expired {color:#BF2323}



/* QUOTES */



blockquote {background:#D7EF77;font:1em Arial;line-height:1.5em;margin:10px 0;padding:10px 10px 0;border-top: 1px solid #A7DF6F; border-bottom: 1px solid #A7DF6F; color: #666; }

blockquote *:first-child:before { content: "\201C"; }

blockquote *:first-child:after { content: "\201D"; }

/* QUOTES SAFARI */

html[lang|='en'] q:before   { content: '\201C'; }

html[lang|='en'] q:after    { content: '\201D'; }

html[lang|='en'] q q:before { content: '\2018'; }

html[lang|='en'] q q:after  { content: '\2019'; }





/* FORMS */

select{border:1px solid #333;width:100%;cursor: pointer}

input {color: #666;border:1px solid #99cc66;font-size: 14px;font-weight:normal;padding:7px;cursor: pointer}

input.btn {border:none; padding:0 0 0 5px}

input[type='text'] { cursor: text; }



fieldset { border: 1px solid #ccc; }

legend { background: #fff; }

textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }

textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }

textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #FFC414; }



	/* Search Form */

#searcharea {width:550px;background:url(../img/bg-searchform.gif) no-repeat; height:85px;margin-right:8px;}

#searchform { margin:24px 13px 0 20px}

#searchform input#s {width:355px;font-size: 24px;margin:0;padding:2px 2px 4px 5px;}

#searchsubmit{padding-left:5px;}

	

	/* MailChimp */

#mc_embed_signup {margin-top:12px}

.response{background-color:#FFC414;display:none;position:relative;top:-154px;left:-7px;height:161px;width:310px;border:2px solid #9C6;z-index:1002;overflow:auto;padding:5px;}

#sidebarhometop #mc_embed_signup input#mce-EMAIL {width:175px}

#footer-right #mc_embed_signup input#mce-EMAIL {width:165px; padding:7px 1px}



#content #searchagain form { margin-top:10px}

#content #searchagain h3 {margin-top:24px; text-align:center}



/* BASE SIZES */



#page { font-size: 1.2em; line-height: 1.6em; }

h1{height:0;padding:59px 0 0 0;margin:14px 0 0 0;overflow:hidden;background:url(../img/logo-main.gif) no-repeat;}

h2{font-size:1.6em;color:#c60; background-color:#edf8bb;padding:7px 5px; margin-bottom:10px;border-bottom:1px solid #ddd;border-top:3px solid #ddd; line-height:.8em}

h3{font-size:1.4em;margin-bottom:5px;color:#3c78a7;}

h4{font-size:1.2em; margin-bottom:3px;}

h3.cat_title,h3.cat_title a{color:#333;letter-spacing:-0.05em;font-size:0.85em;}

h3#respond{margin-top:0;padding-top:20px;}

h3#comments{margin-top:32px;padding-left:0;}

h3.authors{margin-top:15px;}



/* Structure  */

#wrapper {width:977px;margin:0 auto;padding:0;background:#def191 url(../img/bg-wrapper.gif) repeat-y center}

#head{width:963px;font-size:0.7em;margin:0 auto;padding:0;background: url(../img/bg-head.gif) no-repeat center top;}

#page{width:940px;margin:0 auto;padding:0 10px 10px;}

.contentbox {background:#c7da79; border:2px solid #99cc66;padding:5px}

.left,.alignleft{float:left;}

.right,.alignright{float:right;}



/* Navigation Bar */

/* topheader */

#topheader {height: 42px; margin: 0 auto; position: relative; z-index: 9998; left:53px}

#topheader #topnav { margin: 0; padding: 0; }

#topheader #topnav li { display: inline; }

#topheader #topnav li a{float:left;height:0;padding-top:42px;overflow:hidden;background:url(../img/bg-top-nav.gif) no-repeat;}



/* BUTTONS */

#topheader #topnav li#tn_home a { background-position: 0 0; width:109px}

#topheader #topnav li#tn_stores a { background-position: -109px 0; width:150px}

#topheader #topnav li#tn_categories a { background-position: -259px 0; width:146px}

#topheader #topnav li#tn_deals a { background-position: -404px 0; width:142px}

#topheader #topnav li#tn_popular a { background-position: -545px 0; width:181px}

#topheader #topnav li#tn_help a { background-position: -725px 0; width:106px}



/* OVER STATES */

#topheader #topnav li#tn_home a:hover { background-position: -831px 0; }

#topheader #topnav li#tn_stores a:hover { background-position: -940px 0; }

#topheader #topnav li#tn_categories a:hover { background-position: -1090px 0; }

#topheader #topnav li#tn_deals a:hover { background-position: -1235px 0; }

#topheader #topnav li#tn_popular a:hover { background-position: -1376px 0; }

#topheader #topnav li#tn_help a:hover { background-position: -1556px 0; }



/* ON STATES */

#topheader.page_home #topnav li#tn_home a:hover { background-position: 0 0; cursor: default; }

#topheader.page_295 #topnav li#tn_stores a { background-position: -1772px 0 !important; }

#topheader.page_177 #topnav li#tn_categories a { background-position: -1922px 0 !important; }

#topheader.page_396 #topnav li#tn_deals a { background-position: -2067px 0 !important; }

#topheader.page_398 #topnav li#tn_popular a { background-position: -2208px 0 !important; }

#topheader.page_400 #topnav li#tn_help a { background-position: -2388px 0 !important; }



/* Index Page */

#logo{width:380px; height:95px;margin-left: 12px;}

#tagline{margin-top:5px;font-size:1em;color:#333;}

#top{padding:0;}

#featuredstores{width:600px;float:left;margin:0;padding:0 0 5px 5px;}

#featuredstores div.title{font-weight:700;font:2.4em Georgia;letter-spacing:-0.05em;display:block;padding-bottom:5px;}

#featuredstores div.meta{display:block;margin-top:-5px;padding-bottom:2px;}

#featuredstores p{padding-bottom:15px;}

#sidebarhometop{width:310px; height:161px; overflow:hidden;float:right;padding:5px; line-height:1.3em}

#sidebarhometop .clearfloat{margin-top:7px;margin-bottom:8px;}

#sidebarhometop .info{margin-top:5px;padding-top:5px;float:right;width:180px;}

#featuredstores a img,#sidebarhometop a img{border:2px solid #999;margin:5px 5px 0 0;padding:0;}

#bottom-caroussel{width:926px;float:right;margin:0;}

#bottom-caroussel img {border:2px solid #999999;margin:0 13px 0 0;padding:0;}

.category{width:164px;float:left;border-top:8px solid #333;background:#fff;margin:0;padding:5px 10px 10px;}

#cat-1,#cat-3,#cat-5{border-top:8px solid #333;}

#cat-2,#cat-4{border-top:8px solid #3c78a7;}

.category span.cat_title,#upper-footer h3,#front-list .cat_title,#archive .cat_title{text-transform:lowercase;font-weight:700;font-size:1.5em;letter-spacing:-0.05em;margin:0;}

.category a{color:#333;display:block;background:none;}

.category a:hover{background:none;color:#fff;text-decoration:none;}

#bottom{width:940px; margin-top:10px}

#front-list {width:609px;float:left;}

#front-intro, #front-hot-deals, #front-more-info{margin-bottom:10px}

#front-top-ten, #front-latest {width:285px;float:left;margin-bottom:10px}

#wrapper #front-top-ten .clearfloat, #wrapper #front-latest .clearfloat {border-bottom:2px dotted #689F31}

#front-latest {width: 285px; float: right;margin-bottom:10px}

.front-top-lists-left, .front-top-lists-right { height:70px;}

.front-top-lists-right {float:right;width:177px;}

.front-top-lists-left {float:left}

#page .deal-buttons { position:relative; z-index:1001}

#page .deal-buttons input {border:none;padding:0;margin:0}

#page .voucherwindow{display:none;position:relative;top:-34px;left:155px;width:325px;background-color:#C7DA79;z-index:1002;overflow:auto;padding:0;}

#page .voucherwindow .showvouchercodesingle, #page .voucherwindow .showvouchercode p { background:#FFF;height:24px;line-height:24px;text-align:center;width:318px; border:2px dashed #9C6; font-weight:700; font-size:16px}

#page .showvoucherbody p{display:inline;font-weight:700;}

#page span.caption {height:0;overflow:hidden; position:absolute}

#archive{padding-top:15px;font-size:1.05em;line-height:1.75em;}

#front-list blockquote{padding:0 10px;}

#front-list .title,#archive .title{font-weight:700;font:2em Georgia;letter-spacing:-0.05em;}

#front-list .clearfloat,#archive .clearfloat{padding-bottom:10px;border-bottom:4px dotted #689F31;margin-bottom:10px;}

#front-list .spoiler,#archive .spoiler{display:block;margin-top:3px;}

.author{font-size:0.8em;font-weight:700;}

.meta{font-size:0.8em;color:#333;}



/* Content Page */

#content{width:593px;float:left;min-height:400px;}

#content .breadcrumbs,#content .breadcrumbs a{font-weight:700;color:#333;}

.post-list-right {float:right; width:480px}

.post-list-left {float:left}

.post{font-size:1.05em;line-height:1.75em;}

.post p{margin-top:0;}

.post .clearfloat{border-bottom:1px dotted #689F31;margin:10px 0; padding:5px 0}

.post ul,.post ol,#front-list ul,#front-list ol{margin-bottom:15px;}

.post ul li,#front-list ul li{list-style:square;margin-left:30px;}

.post ol li,#front-list ol li{list-style:decimal;margin-left:30px;}

.post ol li ul li,#front-list ol li ul li{list-style:square;margin-left:20px;}

.post img,.post a img,#archive img{border:2px solid #99CC66;margin:0 10px 5px 0;padding:2px;float:left;}

.post #quiz_content img {border:none}

#page img.store-logo {border:3px solid #689F31;margin:0 10px 5px 0;padding:0 0 16px;}

#page .dealtype-offer img.store-logo {background: #fff url(../img/tag-offer.gif) no-repeat center bottom;}

#page .dealtype-voucher img.store-logo {background: #fff url(../img/tag-voucher.gif) no-repeat center bottom;}

#page .dealtype-expired img.store-logo {background: #fff url(../img/tag-expired.gif) no-repeat center bottom;}

.small-img {height:55px;background-color:#fff;width:65px;margin:0 0 5px 0;border:2px solid #999999;overflow:hidden;}

#front-list .small-img img {border:none;margin:0;padding:0;margin-top:6px}

.entry{margin-top:20px;}

#stats{margin-top:0;text-transform:uppercase;font:0.8em Arial;display:block;padding:4px 0;}

#stats span{padding:0 20px 0 0;}

#stats img,#nav img{border:0;margin:0;padding:0;}

#tools{width:590px;height:25px;font-size:0.95em;}

.navigation{text-align:Center;padding:5px 0;}

#page  li.categories img { float:none}



/* Sidebar */

#sidebar{width:320px;float:right;margin:0;}

#sidebar h3, .content-title {color:#2a2a2a;background: #ecf8ba url(../img/bg-sidebartitle-left-test.gif) no-repeat left center; margin:0 0 5px 0}

#page #sidebar h3.content-title-facebook {background: #ecf8ba url(../img/bg-sidebartitle-left-facebook.gif) no-repeat left center;} 

#sidebar h3 a, #sidebar h3 a:visited {color:#2a2a2a; font-weight:normal; text-decoration:none}

#sidebar h3 a:hover, #sidebar h3 a:active {text-decoration:underline}

#sidebar h3 span, .content-title span {background: #ecf8ba url(../img/bg-sidebartitle-right.gif) no-repeat right center;display:block;height:36px;vertical-align: middle;font: normal 18px/36px Arial, Helvetica, sans-serif;text-transform: lowercase; margin-left:45px}

#sidebar p {margin:5px 0}

#sidebar-one{width:310px;float:right;margin-bottom:10px;padding:5px;}

#sidebar-two,#sidebar-three,#sidebar-four, #sidebar-five{width:310px;float:right;padding:5px;}

#sidebar-five{margin-top:10px;}

#sidebar li{list-style:none;border-bottom:1px dotted #ccc;display:block;padding:2px 0 2px 13px;}

#sidebar li ul li:last-child{list-style:none;border-bottom:0 dotted #ccc;display:block;padding:2px 0 0 13px;}

.letterbrowser a, .letterbrowser a:visited { display:block; width:32px; height:34px;color:#2a2a2a; margin:0 0 2px; padding:0;font: bold 18px/36px Arial, Helvetica, sans-serif;text-transform: uppercase;background:url(../img/bg-letters.gif) no-repeat left center; text-align:center}

.letterbrowser a:hover, .letterbrowser a:active {background:url(../img/bg-letters-hover.gif) no-repeat left center;}

.field{border:1px solid #333;background:#fff;font-size:1em;padding:2px;}

.sidebarcategories a, .sidebarcategories a:visited {font-size: 14px;font-weight: bold;color: #06f; text-decoration:none}

.sidebarcategories a:hover, .sidebarcategories a:active { text-decoration:underline}

#commentform input{width:140px;margin:5px 5px 1px 0;}sidebarcategories

#commentform textarea{width:99%;margin-top:5px;}



/* Comments */

.commentlist cite{font-style:normal;margin-bottom:4px;display:block;}

.commentlist blockquote{background:#ededed;}

.commentlist li{list-style:none;margin-bottom:3px;padding:10px 0;}

.commentlist li li{background:none;border:none;list-style:square;margin:3px 0 3px 20px;padding:3px 0;}

.commenttext{background:#f2f2f2;border-top:1px solid #ddd;border-bottom:1px solid #ddd;width:495px;float:right;padding:10px 10px 0;}

.commentlist cite strong{font-size:1.1em;}

li.my_comment{background:#FFF;border:none;}

li.my_comment cite strong{font-size:1.3em;color:#313228;}

#commentform small{background:#FFF;font-weight:700;padding:0;}

.commentmetadata{color:#4d4d4d;display:block;margin-top:3px;text-align:right;font-size:0.9em;}

.commentmetadata a,.commentmetadata a:visited{color:#959382;}

.commentlist small{background:#e9e9e9;}

.avatar{border:1px solid #bbb;float:left;width:55px;height:55px;margin:0 10px 0 0;padding:2px;}

#comment{width:590px;background:#fff;}



/* Footer */

#upper-footer{color:#fff; width:923px;height:209px;background:#2B2B2B url(../img/bg-upper-footer.gif) no-repeat;margin:0 17px;padding:10px;}

#footer-left, #footer-center,#footer-right{width:275px;height:185px;margin:0 5px; padding:0 10px 10px}

#footer-left{float:left;border-right:1px dotted #fff;}

#footer-center{float:left;border-right:1px dotted #fff;}

#footer-right{float:right;}

#footer-left a, #footer-center a,#footer-right a, #footer-left a:visited, #footer-center a:visited,#footer-right a:visited{display:block}

#footer-left ul,#footer-center ul,#footer-right ul{margin-top:5px;}

#footer-left ul li,#footer-center ul li,#footer-right ul li{list-style:none;border-top:1px dotted #fff;display:block;padding:5px;}

#footer-left ul li:first-child,#footer-center ul li:first-child,#footer-right ul li:first-child{border-top:0 dotted #fff;}

#footer{width:960px;font-size:1em;padding-top:10px;padding-bottom:10px;margin:0 auto;}



/* Float Properties */

.clearfloat:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfloat{display:block;}

.clear {clear:both; height:0; overflow:hidden}



/* Store Index  */

ol.snap_nav{display:inline;float:left;clear:both;list-style:none;}

ol.snap_nav li{display:block;float:left;padding:0 2px 10px 0;}

ol.snap_nav li.snap_selected a{cursor:text;}

ol.snap_titles{clear:both;display:block;border:0;list-style:none;}

#archive .title{font-size:18px;}

.azindex ul li{float:left;width:255px;list-style-type:circle;list-style-position:inside;padding-left:16px;margin:0 5px 5px 0;}



/* stop the floating after the list  */

.azindex br{clear:left;}



/* separate the list from what follows it  */

div.azindex{margin-bottom:1em;}

*,#front-hot-deals p,#archive p{margin:0;padding:0;}

#sidebarhometop .title,ol.snap_nav li a{font-weight:700;}

.category p,#featuredstores p,#sidebarhometop p{margin:0;}

#upper-footer h3,#footer-left a,#footer-center a,#footer-right a{color:#fff;}

#cat-1:hover,#cat-3:hover,#cat-5:hover,#cat-1:hover a,#cat-3:hover a,#cat-5:hover a{background:#333;color:#fff;}

#cat-2:hover,#cat-4:hover,#cat-2:hover a,#cat-4:hover a,#footer-left ul li:hover,#footer-center ul li:hover,#footer-right ul li:hover{background:#3c78a7;color:#fff;}

.meta a,#stats span a{color:#333;}

.post .ads,#sidebar-four,#sidebar-three{margin-top:10px;}

#stats span a:hover,#tools a:hover{background:none;}

* html .clearfloat,*+html .clearfloat{height:1%;}

/* Quiz Style */

ol.quiz_list li {font-size:1.4em; font-weight:700;margin-bottom:5px;color:#3c78a7;}
ol.quiz_list input {margin-left:20px}
