﻿body.bodycss { background:#9bceeb url(/assets/images/bg.gif) top left repeat-x; }
#container { width:980px; margin:0 auto; }
#container .pageHeader, #body, #footer, #container .footerbase { width:980px; float:left; }
#container .pageHeader #headerTop { margin:7px 0; width:980px;float:left; }
#container .pageHeader .logo img { background:url(/assets/images/logo.gif) top left no-repeat; width:171px; height:48px; }
#container .pageHeader .honritlogo img { background:url(/assets/images/honrit_logo.gif) top left no-repeat; width:152px; height:66px; }
#container .pageHeader .deemitlogo img { background:url(/assets/images/deemit_logo.gif) top left no-repeat; width:170px; height:57px; }
#container .pageHeader .b-ai-logo img { background:url(/assets/images/bai_logo.gif) top left no-repeat; width:146px; height:64px; }
#container .pageHeader .headerRight { width:380px;height:78px;background:url(/assets/images/top_searchbox.png) top left no-repeat; }
#container .pageHeader .headerLinks { float:right; padding:5px 10px 24px; color:White; font-size:1.3em; }
#container .pageHeader .poweredby img { background:url(/assets/images/poweredby_logo.gif) top left no-repeat; width:150px; height:26px; }
#container .pageHeader .socializeText { font-family:Arial Rounded MT Bold, Arial;font-size:16px;color:#FFF;line-height:18px; }
#share10bucks {background:transparent url(/assets/images/sprite-ui.png) no-repeat -217px -367px;height:40px;width:198px;position:absolute;top:3px;left:772px;}
.floatLeft { float:left; }
.floatRight { float:right; }
.row {clear:both;padding-top:7px;}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#footer .socializeIcons, #container .footerbase .socializeIcons { text-align:center; }
#footer .socializeIcons img, #container .footerbase .socializeIcons img { padding:4px 4px 0; }

/* Homepage how it works */
.howItWorks { background:url(/assets/images/howitworks_bg.gif) no-repeat top left;width:235px;height:247px;float:left; }
.howItWorks .header { text-align:center;color:#80bb21;font-size:21px;font-weight:bold;margin:5px 0; }   
.howItWorks p { padding:5px 8px 0; clear:both; }           
.howItWorks ul li { list-style:disc inside;font-size:1em;margin:4px 0 0 15px;font-size:13px; line-height:16px; }     
.howItWorks ul li a { font-size:13px; }


.styleInput {background:transparent url(/assets/images/sprite-ui.png) no-repeat left -83px;height:26px;padding:3px 4px 0 7px;border:0;color:#666;}
.styleInputEnd {background:transparent url(/assets/images/sprite-ui.png) no-repeat right -83px;height:29px;width:4px;position:absolute;}
.styleInputTextareaEnd {background:transparent url(/assets/images/sprite-textarea.png) no-repeat right top;height:150px;width:4px;position:absolute;}
.styleInputTextareaEnd_Small {background:transparent url(/assets/images/sprite-textarea.png) no-repeat right -155px;height:75px;width:4px;position:absolute;}
.blockUI{background:transparent url(/assets/images/AjaxLoadingBG.png) no-repeat top left;}


.qmarkTip {background:transparent url(/assets/images/sprite-ui.png) no-repeat -146px -302px;height:15px;width:15px;display:inline-block;text-indent:-9999px;margin-left:15px;}
.chkMarkTrue {background:transparent url(/assets/images/sprite-ui.png) no-repeat -161px -302px;height:15px;width:17px;display:block;text-indent:-9999px;}
.global-search input { color:#666;margin-top:3px; }
.global-search { width:360px;margin:0 auto; }
.global-search .global-input{background:transparent url(/assets/images/sprite-ui.png) no-repeat left -112px;width:275px;padding:2px 4px 0 7px;border:0;height:27px;float:left;line-height:27px;}
.global-search .global-input input{outline:none;border:0;background:transparent;font-size:1.4em;width:100%;}
.global-search button{cursor:pointer;background:url(/assets/images/sprite-ui.png) no-repeat right -112px;border:0;width:74px;height:29px;float:left;overflow:hidden;}
.global-search button:hover{background-position:right -141px;}
.global-search button:active{background-position:right -170px;}
.global-search button span{display:block;text-indent:-9999px;}

#topNav { background:transparent url(/assets/images/sprite-ui.png) no-repeat left top; width:980px; height:45px;float:left; }
#topNav ul li { float:left;margin:7px 10px 0;height:38px;line-height:38px; }
#topNav ul li a { display:block;height:38px;color:white;font-size:1.8em;font-family:Verdana, Helvetica, sans-serif;font-weight:bold;padding: 0 10px 0 0;text-decoration:none; }
#topNav ul li a span { padding:0 0 0 10px;height:38px; }
#topNav ul li a.selected, #topNav ul li a:hover { background:transparent url(/assets/images/sprite-ui.png) no-repeat right -45px;text-decoration:none;color:#666; }
#topNav ul li a.selected span,  #topNav ul li a:hover span { display:block;cursor:pointer;background:transparent url(/assets/images/sprite-ui.png) no-repeat left -45px; }

#container #body { background-color:White;padding-bottom:20px; }

#footer .footerInner, #container .footerbase .footerInner { background-color:White;width:960px;float:left;padding:0 10px; }
#footer .openRounded, #container .footerbase .openRounded  { background:transparent url(/assets/images/sprite-ui.png) no-repeat left -761px; width:980px; height:14px; }
.closeRounded  { background:transparent url(/assets/images/sprite-ui.png) no-repeat left bottom; width:980px; height:18px; float:left;margin-bottom:10px; }

.pad10xx { padding-left:10px; padding-right:10px; }
.pad10yy { padding-top:10px; padding-bottom:10px; }
.pad5xx { padding-left:5px; padding-right:5px; }
.pad5yy { padding-top:5px; padding-bottom:5px; }

.createLinkHeader { font-family:Arial Rounded MT Bold, Arial; font-size:22px; color:#80bb21;margin:0 10px 0 3px;float:left;padding-top:2px; }
.greenHeader, h1, .redHeader, .blueHeader, .grayHeader { font-family:Arial Rounded MT Bold, Arial; font-size:22px; color:#80bb21;float:left;margin:0;padding:0;line-height:22px; font-weight:normal; }
.redHeader { color:#BC392F; }
.blueHeader { color:#4190BD; }
.grayHeader {  color:#666; }

.dottedHeader { border-bottom:1px dashed #bcbcbc;width:100%;padding-bottom:5px;margin-bottom:10px; }
.number1, .number2, .number3 {background:url(/assets/images/sprite-ui.png) no-repeat left -277px; width:27px; height:27px; display:block;text-indent:-9999px;float:left;}
.number2 { background-position:-27px -277px; }
.number3 { background-position:-54px -277px; }




.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; margin:0 5px;}
.b2f {height:1px; margin:0 3px;}
.b3f {height:1px; margin:0 2px;}
.b4f {height:2px; margin:0 1px;}
.bgGray {background-color:#e9e9e9;}
.bgBlue {background-color:#67a6cb;}

table tr td.tdLabel { width:150px; font-weight:bold; font-size:1.3em;padding:7px 0; vertical-align:middle; }
table tr td.tdContents { font-size:1.2em;padding:7px 0; vertical-align:middle; }

a.button, a.button-blue {
    float:left;
    cursor:pointer;
    font-size:13px;color:#FFF;font-weight:bold;
    background:transparent url(/assets/images/sprite-button.png) no-repeat scroll right top;
    text-decoration:none;
}
a.button span, a.button-blue span {
    margin:0 10px 0 -10px;
    padding:5px 8px 8px 18px;
    float:left;
    background:transparent url(/assets/images/sprite-button.png) no-repeat scroll left top;
}
a.button:hover {background-position:right -26px; }
a.button:hover span {background-position:left -26px; }
a.button-blue:hover {background-position:right -104px; }
a.button-blue:hover span {background-position:left -104px; }
a.button:active, a.button-blue:active {background-position:right -52px; }
a.button:active span, a.button-blue:active span {background-position:left -52px; }
a.button-blue {background-position:right -78px; }
a.button-blue span {background-position:left -78px; }

.storeFrame {background:transparent url(/assets/images/sprite-ui.png) no-repeat scroll left -304px;width:146px;height:104px;margin:0 7px 18px;}
.storeFrame:hover { cursor:pointer; }
.storeFrame img { margin:8px 0 0 13px;float:left; }
.storeFrame a {cursor:pointer; text-decoration:none;}
.storeFrame p { margin:8px auto 0;float:left; }
.storeFrame p.greenText { font-size:14px;text-align:center;width:146px; }


.term-cloud { text-align:center; }
.term-cloud-1 {font-size:1.0em; }
.term-cloud-2 {font-size:1.1em;}
.term-cloud-3 {font-size:1.2em;}
.term-cloud-4 {font-size:1.4em;}
.term-cloud-5 {font-size:1.6em;font-weight:bold;}
.term-cloud-6 {font-size:1.8em;font-weight:bold;}
.term-cloud-7 {font-size:1.9em;font-weight:bold;}
.term-cloud-8 {font-size:2.0em;font-weight:bold;}
.term-cloud-9 {font-size:2.2em;font-weight:bold;}
.term-cloud-error {font-size: 10px;color: red;}
.term-cloud-link {text-decoration:none;background-color:#fff;display:inline-block;line-height:1.2;padding:2px;margin:0 4px;}
.term-cloud-link:hover {background-color:#f1f1f1;border:1px dashed #bcbcbc;padding:1px;}


/* Bread crumbs */
p.breadcrumbs {
margin:10px;
}
p.breadcrumbs a {
color:#666;
text-decoration:none;
}
p.breadcrumbs a:hover {
color:#999;
text-decoration:underline;
}
.column1 { float:left; width:660px; }
.column2 { float:left; width:320px; }


.grayBar, .greenBar, .redBar {text-transform:capitalize;background:transparent url(/assets/images/sprite-ui.png) no-repeat scroll left -408px;width:662px;height:49px;float:left;margin-left:-12px;margin-top:10px;}
.greenBar {background-position:left -457px;}
.redBar {background-position:left -506px;}
.fullBar { width:982px; }
.overlayGrayBar { background:transparent url(/assets/images/overlay-graybar.gif) no-repeat left top;width:760px;height:39px;margin-top:20px; }
.grayBar span, .greenBar span, .redBar span, .overlayGrayBar span { font-size:18px;font-weight:bold;display:block;padding:14px 0 0 20px;text-shadow: 0 1px 1px #FFF; }
.greenBar span, .redBar span {color:#FFF;text-shadow: 0 1px 1px #666;}
.grayBar span.endCap, .greenBar span.endCap, .redBar span.endCap {background:transparent url(/assets/images/sprite-ui.png) no-repeat scroll right -408px;width:6px;height:49px;float:right;padding:0;}
.greenBar span.endCap {background-position:right -457px;}
.redBar span.endCap {background-position:right -506px;}

.btnShopNow {background:url(/assets/images/shopNowBigButton.gif) no-repeat left top;width:140px;height:35px;text-indent:-9999px;display:block;}
.btnShareBigBlue {background:url(/assets/images/shareBigBlueButton.gif) no-repeat left top;width:143px;height:35px;text-indent:-9999px;display:block;}

.couponCode { text-decoration:none; }
.offerListing { border:1px dashed #bcbcbc;width:630px;padding:5px 0 0;float:left;margin-top:10px;position:relative;zoom:1;_height:0;min-height:0; }
.offerListing .offerRating { float:left;width:120px; text-align:center; }
.rating0,.rating1,.rating2,.rating3,.rating4,.rating5,.rating6,.rating7,.ratingNew {background:transparent url(/assets/images/sprite-couponRating.gif) no-repeat scroll left top;width:70px;height:54px;margin:0 25px;}
.rating1 {background-position:-70px top;}
.rating2 {background-position:-140px top;}
.rating3 {background-position:-210px top;}
.rating4 {background-position:-280px top;}
.rating5 {background-position:-350px top;}
.rating6 {background-position:-420px top;}
.rating7 {background-position:-490px top;}
.ratingNew {background-position:right top; margin-top:10px;}
.offerListing .ratingText { font-size:16px; font-weight:bold; line-height:16px; }
.offerListing .offerDetails { float:left; width:400px; }
.offerListing .rateIt { float:left;padding:0 10px; width:90px; text-align:center;_height:0; }
.offerListing .rateIt .voteYes,.offerListing .rateIt .voteNo { _height:0;position:relative;background:transparent url(/assets/images/sprite-ui.png) no-repeat scroll -146px -367px;width:32px;height:28px;margin:5px 2px; cursor:pointer; }
.offerListing .rateIt .voteNo { background-position:-178px -367px; }
.ratedYes .voteNo, .ratedNo { display:none; }
.ratedYes .rateIt .voteYes { cursor:default; }
.dateAdded { float:left;padding:7px 0 0 10px;font-size:11px; }

.offerListing .footer { border-top:1px solid #d3d3d3;background-color:#e3e3e3;width:630px;float:left;height:26px;padding:0; }
.offerListing .footer .socialMedia { border-right:1px dashed #bcbcbc;padding:0 5px;background-color:#eee;float:left; }
.facebookIcon,.twitterIcon,.emailIcon {background:transparent url(/assets/images/sprite-ui.png) no-repeat scroll right -579px;width:24px;height:24px;}
.twitterIcon {background-position:right -555px;}
.emailIcon {background-position:right -603px;}

.commentFrame { border-top:1px solid #d3d3d3;float:left;max-height:166px;width:630px;overflow-y:auto;overflow-x:hidden;background-color:#f5f5f5;display:none; }
.commentActions  { float:right;width:300px;padding-right:5px; }
.commentActions li { display:inline; }
.commentActions a {
background:transparent url(/assets/images/sprite-ui.png) no-repeat -956px -627px;
display:block;
float:right;
height:18px;
margin-left:10px;
padding-left:28px;
padding-top:6px;
}

.closeComments a { background-position:-956px -675px; }
.submitComment a { background-position:-956px -651px; }

.thumbUp { background:transparent url(/assets/images/sprite-ui.png) no-repeat right -699px;margin:1px;height:24px;width:24px;display:inline-block; }
.thumbDown { background:transparent url(/assets/images/sprite-ui.png) no-repeat right -723px;margin:1px;height:24px;width:24px;display:inline-block; }



/* Alphabetical Store Listing */
.alphabet .grayBar {background:transparent url(/assets/images/sprite-ui.png) no-repeat scroll left -408px;width:56px;height:49px;float:left;margin-left:-12px;margin-top:10px;}
.alphabet .grayBar span { font-size:20px;text-align:center;padding:14px 0 0 10px; }
.alphabet .grayBar span.endCap {background:transparent url(/assets/images/sprite-ui.png) no-repeat scroll right -408px;width:6px;height:49px;float:right;padding:0;}
.storeListing { border-bottom:1px dashed #bcbcbc;width:630px;height:18px;padding:10px 5px 0; }
.storeListing.alt { background-color:#f7f7f7; }
.greenText { font-size:12px; color:#619d00; font-weight:bold; }
.grayText { font-size:12px; color:#666; font-weight:bold; }
.greenFlatBar { background:transparent url(/assets/images/sprite-ui.png) no-repeat -146px -329px;height:38px;float:left;width:640px; }
.greenFlatBar span.endCap { background:transparent url(/assets/images/sprite-ui.png) no-repeat right -329px;width:10px;height:38px;float:right;padding:0; }
.greenFlatBar span { color:#FFF;font-size:16px;font-weight:bold;padding:12px 0 0 10px;float:left; }

/* Alphabet Tabs */
ul.letterTabs {
list-style: none;
margin:0 0 0 20px;
padding:0;
}
ul.letterTabs li {
float: left;
display: block;
background:transparent url(/assets/images/sprite-ui.png) no-repeat right -277px;
margin: 0 3px 0 0;
font-weight: bold;
}
ul.letterTabs li:hover {
background-position:right -303px;
}
ul.letterTabs li:hover a {
background-position:-763px -303px;
}
ul.letterTabs li a {
display: inline-block;
margin:0 2px 0 -2px;
line-height: 14px;
padding: 6px 5px 6px 7px;
background:transparent url(/assets/images/sprite-ui.png) no-repeat -763px -277px;
font-size:11px;
}

.overlayTimer { bottom:-10px; }
