body { color:#333333; background:#e5e5e5 url(/_img/doc-bg.png) repeat-y 50% 0; }

#doc { background:transparent url(/_img/doc-top-bg.png) no-repeat 50% 0; min-height:200px; }

h3 { color:#676767; font-size:2em; margin:1em 0; }
h4 { color:#676767; font-size:1.4em; margin:1em 0; font-weight:bold; }

#header { position:relative; height:108px; }
#header #logo { position:absolute; top:0; left:0; margin:0; }
#header #logo a { display:block; width:315px; height:0; padding-top:108px; overflow:hidden; background:url(/_img/header-logo.png) no-repeat 0 0; }
#header h2 { width:640px; height:0; padding-top:108px; margin:0; overflow:hidden; position:absolute; top:0; right:0; background:url(/_img/header-tagline.png) no-repeat 0 0; }
#header #promo { width:640px; height:54px; position:absolute; bottom:0; right:0; background:url(/_img/header-promo.png) no-repeat 0 0; }
#header #promo a { float:right; display:block; width:382px; height:0; padding-top:40px; overflow:hidden; background:url(/_img/header-promo-button.png) no-repeat 0 0; }
#header #promo a:hover { background-position:0 -40px; }

#searchbar { background:url(/_img/searchbar-hp-bg.png) no-repeat center; height:36px; padding:26px 0 10px; }
#searchbar .legend { display:none; }
#searchbar > form > div { float:left; height:36px; overflow:hidden; margin-left:20px;}
#searchbar label { display:block; float:left; width:60px; height:36px; text-indent:-9999px; overflow:hidden; }
#searchbar input.text { width:320px; font-size:1.6em; margin:6px 0 0; padding:0; border:0; background:none; color:#676767; font-weight:bold; }
#searchbar #searchwhat { background:url(/_img/searchwhat-hp-bg.png) no-repeat bottom; width:400px; }
#searchbar #searchwhat.tip { background-position:top; }
#searchbar #searchwhere { background:url(/_img/searchwhere-hp-bg.png) no-repeat bottom; width:400px; }
#searchbar #searchwhere.tip { background-position:top; }
#searchbar #searchsubmit input { background:url(/_img/searchsubmit-hp.png) no-repeat top; width:75px; height:36px; }
#searchbar #searchsubmit input:hover { background-position:bottom; }

#tabs { margin-top:10px; height:34px; border-bottom:solid 1px #ed2024; }
#tabs a { display:block; float:left; width:155px; height:0; padding-top:34px; margin-left:5px; overflow:hidden; background:url(/_img/tabs.png) no-repeat 0 0; }
#tabs a.first { margin-left:0; }

a#tab1 { background-position:0 -68px; }
a#tab2 { background-position:-160px -68px; }
a#tab3 { background-position:-320px -68px; }
a#tab4 { background-position:-480px -68px; }
a#tab5 { background-position:-640px -68px; }
a#tab6 { background-position:-800px -68px; }

a#tab1:hover { background-position:0 -102px; }
a#tab2:hover { background-position:-160px -102px; }
a#tab3:hover { background-position:-320px -102px; }
a#tab4:hover { background-position:-480px -102px; }
a#tab5:hover { background-position:-640px -102px; }
a#tab6:hover { background-position:-800px -102px; }

a#tab1.active { background-position:0 0; }
a#tab2.active { background-position:-160px 0; }
a#tab3.active { background-position:-320px 0; }
a#tab4.active { background-position:-480px 0; }
a#tab5.active { background-position:-640px 0; }
a#tab6.active { background-position:-800px 0; }

a#tab1.active:hover { background-position:0 -34px; }
a#tab2.active:hover { background-position:-160px -34px; }
a#tab3.active:hover { background-position:-320px -34px; }
a#tab4.active:hover { background-position:-480px -34px; }
a#tab5.active:hover { background-position:-640px -34px; }
a#tab6.active:hover { background-position:-800px -34px; }

#city { padding-top:18px; }
#city h4 { margin:0; padding-bottom:5px; border-bottom:1px solid #f3a9aa; }

#parents h4 { border:none; }
#parents ul { list-style:none; margin-left:0; border-top:1px solid #f3a9aa; background:url(/_img/parent-bg.png) repeat-y 0 0; }
#parents li { display:block; border-bottom:1px solid #f3a9aa; }
#parents a { display:block; height:26px; padding:8px 0 0 5px; font-weight:bold; text-decoration:none; }
#parents a.subCatHasBug { background:url(/_img/couponbug.png) no-repeat 98% 50%; }
#parents a:hover, #parents a.active { color:#000099; background:#ffeb99 url(/_img/parent-arrow.png) no-repeat 98% 50%; text-decoration:underline; }

#categories h4 { margin-bottom:8px; }
#categories ul { list-style:none; margin-left:0; }
#categories li { display:block; height:20px; margin-bottom:2px; padding-left:12px; background:url(/_img/puce.png) no-repeat 0 7px; }
#categories a { display:block; float:left; height:20px; font-weight:bold; text-decoration:none; }
#categories a.withbug { padding-right:48px; background:url(/_img/couponbug.png) no-repeat 100% 0; }
#categories a:hover { color:#000099; background-color:#ffeb99; text-decoration:underline; }
#categories .bug { display:none; }

#couponbubble { position:absolute; height:48px; cursor:pointer; }
#couponbubble span { display:block; float:left; cursor:pointer; }
#couponbubble .l { width:12px; height:48px; background:url(/_img/bubble.png) no-repeat 0 0; }
#couponbubble .t { height:43px; padding:5px 12px 0 0; background:url(/_img/bubble.png) no-repeat 100% 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:1.4; }
#couponbubble .t strong { color:#990000; }

#ajaxLoader { display:none; margin:0 auto; width:635px; float:left; }
#ajaxLoader img { display:block; margin:200px auto 0; }

#widgets .widget { margin-top:20px; }
#widgets .widgetA { width:300px; height:250px; padding:70px 0 20px; background:url(/_img/std-hp-bg.png) no-repeat 0 0; }
#widgets .widgetB { width:240px; height:290px; padding:40px 30px 10px; background:url(/_img/coupon-hp-bg.png) no-repeat 0 0; }
#widgets .widgetC { width:300px; height:228px; padding-top:32px; background:url(/_img/featbiz.png) no-repeat 0 0; }
#widgets .widgetD { padding-top:32px; background:url(/_img/msq.png) no-repeat 0 0; }

.moreresults a { text-decoration:none; display:block; height:26px; margin:2px auto 10px; }
.moreresults span { display:block; float:left; cursor:pointer; }
.moreresults .l { width:30px; height:26px; background:url(/_img/button.png) no-repeat 0 0; }
.moreresults .t { height:26px; padding:0 30px 0 0; background:url(/_img/button.png) no-repeat 100% 0; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#ffffff; }

.morecoupons { text-align:center; }

#footer { background-image:url(/_img/footer-bg.png); height:23px; padding-top:4px; }

#citylist { text-align:center; font-size:10px; font-weight:bold; margin-top:10px; }
#citylist li { list-style:none; display:inline; margin:0 5px; }

#searchtext { height:0; padding-top:14px; overflow:hidden; margin:10px 0 0; background:url(/_img/searchtext.png) no-repeat 0 0; }

#desc { margin-bottom:10px; }
#desc h1 { color:#676767; font-size:1em; font-weight:bold; margin-bottom:0.8em; }
#desc p { color:#676767; font-size:0.9em; line-height:1.2; margin-bottom:0.8em; }

#jmap { position:relative; width:973px; height:515px; background:url(/_img/loader.gif) no-repeat 50% 50%; }
#jmap #markers { position:absolute; width:973px; height:515px; background:url(/_img/map-bg.jpg) no-repeat 0 0; }
#jmap #markers a { position:absolute; z-index:20; display:block; width:34px; height:0; padding-top:30px; overflow:hidden; background:url(/_img/map-marker.png) no-repeat 0 0; }
#jmap #markers .fx { position:absolute; z-index:10; }
#jmap #cityTag { position:absolute; z-index:40; margin:2px 0 0 34px; padding:0 4px; border:1px solid #000000; background-color:#ffffff; font-weight:bold; font-size:14px; }
#jmap #cityList { position:absolute; z-index:30; top:95px; left:12px; width:334px; height:311px; padding:45px 7px 0; background:url(/_img/map-citylist.png) no-repeat 0 0; }
#jmap #cityList ul { display:block; float:left; width:167px; margin:0; padding-top:10px; list-style:none; }
#jmap #cityList li { padding-left:15px; line-height:18px; background:url("/_img/puce.png") no-repeat scroll 6px 7px; }
#jmap #cityList a { font-size:12px; color:#000000; font-weight:bold; text-decoration:none; }
#jmap #cityList a:hover { color:#ec1d24; text-decoration:underline; }