﻿@charset "utf-8";
@import url("reset.css");
/* CSS Master Document for Codes.co.uk v2 Mar 08 */

a:link, a:visited {
text-decoration: none;
color: #2469ab;
}

a:hover {
text-decoration: none;
color: #ff0000;
}

#wrap {
width: 925px;
border: 1px solid #000;
border-top: none;
margin: 0 auto 0;
}

#content {
background-color: #f3f3f3;
}

/* ---------- HEADER SECTION ---------- */

#header {
background: url(../images/bg_header_line.gif) top left repeat-x;
position: relative;
height: 72px;
}

#toplogo {
width: 446px;
float: left;
background-color: transparent;
}

#toplogo h2 {
display: inline;
}

#toplogoquote {
display: inline;
float: left;
position: relative;
top: 26px;
left: 3px;
width: 362px;
height: 21px;
}

#couponstats {
width: 130px;
background-color: transparent;
position: relative;
top: -20px;
left: 355px;
float: left;
color: #373737;
}

#couponstats .red {
font-size: 1em;
color: #f60002;
}

#couponstats .redspace {
font-size: 1em;
color: #f60002;
margin-left: 16px;
}

#couponstats ul {
list-style-type: none;
}

#bookmarklink {
top: 30px;
left: 0;
width: 100px;
position: relative;
float: right;
}

#bookmarklink a:link, #bookmarklink a:visited {
color: #373737;
text-decoration: none;
}


/* ---------- TOP TAB SECTION ---------- */

#toptabcontainer {
clear: both;
position: relative;
z-index: 100;
}

#toptabs {
margin-left: 6px;
}

#toptabsnav {
height: 20px;
list-style: none;
display: inline;
overflow: hidden;
}

#toptabsnav li {
list-style: none;
display: inline;
}

#toptabsnav a {
float: left;
padding: 20px 0 0 0;
overflow: hidden;
height: 0px !important; 
}

#toptabsnav a:hover {
background-position: 0 -20px;
}

#toptabsnav a:active, #toptabsnav a.selected {
background-position: 0 -20px;
}

#toptabhome a {
width: 66px;
background: url(../images/toptab_home.gif) top left no-repeat;
padding-right: 7px;
}

#toptabmostused a {
width: 147px;
background: url(../images/toptab_most_used.gif) top left no-repeat;
padding-right: 7px;
}

#toptabnew a {
width: 116px;
background: url(../images/toptab_new.gif) top left no-repeat;
padding-right: 7px;
}

#toptabexpire a {
width: 133px;
background: url(../images/toptab_expiring.gif) top left no-repeat;
padding-right: 7px;
}

#toptabfree a {
width: 106px;
background: url(../images/toptab_free_ship.gif) top left no-repeat;
padding-right: 7px;
}

#toptabblog a {
width: 49px;
background: url(../images/toptab_blog.gif) top left no-repeat;
padding-right: 0px;
}


#toptabexclusive a {
width: 116px;
background: url(../images/toptab_exclusive.gif) top left no-repeat;
padding-right: 7px;
}

#toptabstore a {
width: 133px;
background: url(../images/toptab_by_store.gif) top left no-repeat;
padding-right: 7px;
}


/* ---------- MAIN MENU SECTION ---------- */

#mainmenucontainer {
clear: both;
}


/* ---- MAIN MENU CONTAINER STYLES ---- */

.mainmenucontainertop, .mainmenucontainerbottom  {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
height: 25px;
background: url(../images/bg_main_menu.gif) repeat-x top left;
padding: 3px 0 4px 0;
z-index: 1;
font-size: 1.1em;
}
.mainmenucontainerbottom {
border-top: 1px solid #bbb950;
}

.mainmenucontainertop {
border-bottom: none;
}

/* -- needed for the IE margins -- */
html>body .mainmenucontainertop {
margin-right: 0;
}

/* -- needed for the IE margins -- */
html>body .mainmenucontainerbottom {
margin-right: 0;
}

.mainmenucontainerbottom {
margin-top: 0;
}

.menudropstyle, .menudropstyletop {
width: 925px;
z-index: 1;
}

.menudropstyle:after, .menudropstyletop:after { /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
z-index: 1;
}

.menudropstyle ul, .menudropstyletop ul {
width: 100%;
background: url(../images/main_menu_bg.gif) center center repeat-x;
padding: 7px 0 5px;
margin: 0;
text-align: center;
z-index: 1;
}

.menudropstyle ul li, .menudropstyletop ul li {
display: inline;
z-index: 1;
}

.menudropstyletop ul li a {
color: #fff !important;
padding: 5px 5px 5px 4px;
margin: 0;
text-decoration: none !important;
border-right: 1px solid #bbb950;
z-index: 1;
}

.menudropstyle ul li a {
color: #fff !important;
padding: 5px 5px 5px 4px;
margin: 0;
text-decoration: none !important;
border-right: 1px solid #bbb950;
z-index: 1;
}

.menudropstyle ul li a:hover, .menudropstyletop ul li a:hover  {
background: url(../images/main_menu_bg.gif) center center repeat-x;
color: #f4e853 !important;
z-index: 1;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv {
position:absolute;
top: 0;
border: 1px solid #454545;
border-bottom-width: 0;
font-size: 12px;
font-weight: 500;
line-height:18px;
z-index: 500;
background-color: #f4e853;
width: 200px;
visibility: hidden;
color: #fff;
}

.dropmenudiv a {
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #454545;
padding: 4px 0;
text-decoration: none !important;
font-weight: normal;
color: #000 !important;
z-index: 1;
}

* html .dropmenudiv a { /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover {
background-color: #132549;
color: #fff !important;
z-index: 1;
}


/* ---------- FOOTER SECTION ---------- */

#footer {
clear: both;
width: 925px;
margin: 10px 0 20px 0;
}

#footermenu {
margin-left: 23px;
padding: 0 0 10px;
}

#footernav {
height: 23px;
list-style: none;
display: inline;
overflow: hidden;
}

#footernav li {
list-style: none;
display: inline;
}

#footernav a {
float: left;
padding: 23px 0 0 0;
overflow: hidden;
height: 0px !important; 
}

#footernav a:hover {
background-position: 0 -23px;
}

#footernav a:active, #toptabsnav a.selected {
background-position: 0 -23px;
}

#footerhome a {
width: 80px;
background: url(../images/footer_home.gif) top left no-repeat;
padding-right: 15px;
}

#footeraboutus a {
width: 80px;
background: url(../images/footer_about.gif) top left no-repeat;
padding-right: 15px;
}

#footerallabout a {
width: 110px;
background: url(../images/footer_allabout.gif) top left no-repeat;
padding-right: 15px;
}

#footercustsupport a {
width: 110px;
background: url(../images/footer_custsupport.gif) top left no-repeat;
padding-right: 15px;
}

#footertos a {
width: 120px;
background: url(../images/footer_tos.gif) top left no-repeat;
padding-right: 15px;
}

#footeradvertise a {
width: 110px;
background: url(../images/footer_advertise.gif) top left no-repeat;
padding-right: 15px;
}

#footersitemap a {
width: 80px;
background: url(../images/footer_sitemap.gif) top left no-repeat;
padding-right: 15px;
}

#footercontact a {
width: 80px;
background: url(../images/footer_contact.gif) top left no-repeat;
}


/* --------------- FRONT PAGE ITEMS --------------- */


/* - the following are master containers - */

#fronttophalf {
border-bottom: 1px solid #828282;
clear: both;
}

#frontbottomhalf {
clear: both;
}

#frontleftsidebar {
float: left;
width: 250px;
border-right: 1px solid #828282;
}

#frontrightcontainer {
float: left;
width: auto;
}

#frontrighttopcontainer {
clear: both;
border-bottom: 1px solid #828282;
}

#frontexclusives {
float: left;
width: 250px;
}

#searchbar {
clear: both;
border-bottom: 1px solid #828282;

}

#frontbottomsidebar {
float: left;
width: 250px;
}

#frontcoupons {
float: left;
}


/* ---------- FRONT VOUCHER OF THE DAY SECTION ---------- */

#frontvoucherofday {
padding-bottom: 4px;
}

#frontvoucherofday a {
text-decoration: none;
}

#frontvoucherofday h3 {
background-color: #f4e954;
border-bottom: 1px solid #828282;
padding: 3px 0 3px 4px;
font-size: 1.3em;
margin-bottom: 3px;
}

#frontvoucherofday .grey {
color: #5f5f5f;
}

#frontvoucherofday .red {
color: #f60002;
}

#frontvoucherofday p {
line-height: 1.2em;
padding: 2px 2px 1px 2px;
}



/* ---------- FRONT RETAILER OF THE DAY ---------- */

#frontretailerofday {
border-top: 1px solid #828282;
height: 71px;
}

#frontretailerofday h3 {
background-color: #f4e954;
border-bottom: 1px solid #828282;
padding: 3px 0 3px 4px;
font-size: 1.3em;
}

#frontretailerofday p {
padding: 2px 0 4px 3px;
clear: both;
}

#frontretailerofday img {
margin: 8px 5px 0 8px;
float: left;
}

#frontretailerofday a {
position: relative;
top: 18px;
left: 18px;
color: #f70b0b;
width: 90px;
}


/* ---------- FRONT PROMO BANNER ---------- */

#frontbanner {
border: 0;
margin: 0;
padding: 0;
height: 72px;
}


/* ---------- FRONT EMAIL BOX SECTION ---------- */

#frontemailbox {

}

#frontemailbox a:link, #frontemailbox a:visited {
text-decoration: none;
}

#frontemailbox .largetext {
font-size: 1.3em;
font-weight: bold;
}

#frontemailbox input {
background-color: #f6f8b6;
border: 1px solid #828282;
font-size: 1em;
padding: 2px;
}

#frontemailbox p {
line-height: 1.6em;
padding: 2px 0 1px 6px;
}

#frontemailbox .break {
height: 1px;
width: 210px;
margin: 2px auto;
background-color: #d1d1d1;
}

#frontemailbox .testimonials {
text-align: center;
font-size: 1.2em;
font-weight: bold;
padding: 6px 0;
}

#frontbannerads img {
text-align: center;
margin: 10px auto;
display: block;
}


/* ---------- FRONT CENTER IMAGE ---------- */

#frontcenterimg {
padding: 0;
float: left;
}


/* ---------- FRONT USER CODE SUBMITTAL BOX ---------- */

#frontcodesharebox {
background-color: #13254a;
color: #fff;
}

#frontcodesharebox h3 {
color: #f4e853;
text-align: center;
font-size: 1.5em;
padding: 6px 0 1px;
}

#frontcodesharebox p {
padding: 1px 0 2px 12px;
}

#frontcodesharebox input {
margin: 1px 0;
font-size: 1em;
border: 1px solid #000;
}

#frontcodesharebox .codesharebutton {
width: 60px;
height: 18px;
position: relative;
top: -10px;
left: 175px;
}

#frontcodesharebox .small {
font-size: 0.9em;
}


/* ---------- FRONT EXCLUSIVE SECTION ---------- */

.frontexclusives {
float: left;
}

.frontexclusives h3 {
padding: 3px 0 3px 4px;
font-size: 1.3em;
}

.frontexclusives .bubble {
background: url(../images/bg_exclusive_bubble_front.gif) top left no-repeat;
height: 59px;
width: 261px;
padding: 4px 0 0 6px;
margin: 2px auto 2px 12px;
font-size: 1.1em;
}

.frontexclusives p {
line-height: 1.6em;
}

.frontexclusives .grey {
color: #5f5f5f;
float: left;
}

.frontexclusives .red {
color: #f60002;
}

.frontexclusives .usecode {
position: relative;
top: 7px;
right: 6px;
width: 56px;
float: right;
font-size: 0.9em;
}

.frontexclusives a:link, #frontexclusives a:visited {
text-decoration: none;
}

.frontexclusivemore {
text-align: right;
padding: 0 6px 0 0;
}

.frontexclusivemore a:link, .frontexclusivemore a:visited {
color: #f60002;
}


/* ---------- FRONT PAGE SEARCH BOX ---------- */

#frontsearchbox {
float: left;
background-color: #f4e954;
padding: 4px 0 5px 6px;
border-right: 1px solid #828282;
font-weight: bold;
width: 419px;
}

#frontsearchbox img {
display: inline;
}


/* ---------- FRONT RETAILER PULLDOWN MENU ---------- */

#frontretailerpulldown {
float: left;
padding: 14px 0 0 5px;
width: 85%;
}

#frontretailerpulldown select {
background-color: #13254a;
color: #fff;
width: 290px;
padding: 3px;
font-size: 1.2em;
}


/* ---------- FRONT VOUCHER SLIDER ---------- */

.frontvoucherscroll {
position: relative;
top: 11px;
left: 6px;
overflow: hidden;
width: 887px;
}

/* -- firefox displays the scrollbar too high -- */
html>body .frontvoucherscroll {
top: 12px;
}

.frontvoucherscroll img {
border-right: 1px solid #132549;
padding-right: 5px;
margin-left: -1px;
}


/* ---------- VOUCHER LIST (FRONT PAGE) SECTION ---------- */

#frontvouchers {
float: left;
border-left: 1px solid #828282;
border-bottom: 1px solid #828282;
background-color: #e4e3de;
text-align: center;
width: 674px;
margin-bottom: 10px;
}

#frontvouchers h1 {
font-size: 2.5em;
font-weight: normal;
padding-top: 8px;
}

.frontcouponbubble h4 {
font-weight: bold;
font-size: 1.1em;
margin: 0 0 4px 0;
}

.frontcouponbubble h6 {
font-size: 1em;
margin: 8px 0 2px 0;
color: #828285;
text-transform: uppercase;
font-weight: normal;
}

.frontcouponbubble { 
margin: 8px auto 8px auto;
width: 630px;
min-height: 90px;
}

.frontcouponbubblemid a {
text-decoration: none !important;
}

.frontcouponbubbletop {
background: url(../images/bg_frontbubbletop.gif) no-repeat top left;
width: 630px;
height: 10px;
}

.frontcouponbubblemid {
background: url(../images/bg_frontbubblemid.gif) repeat-y top left;
width: 630px;
padding: 0 9px 0 3px;
}

.frontcouponbubblebottom {
background: url(../images/bg_frontbubblebottom.gif) no-repeat top left;
width: 630px;
height: 12px;
}

.expiredate {
text-align: left;
width: 220px;
margin: 3px 0 0 0;
padding-bottom: 2px;
}

.expiredate h5 {
font-weight: normal;
font-size: .9em;
color: #666666;
}

.seeallmerchcoupons  {
margin: 3px 0 8px 0;
font-weight: bold;
font-size: .9em;
width: 225px;
}

.sendtofriend {
margin: 3px 10px 8px 0;
text-align: right;
width: 110px;
}

.sendtofriend a:link, .sendtofriend a:visited {
color: #000 !important;
font-weight: bold;
text-decoration: none;
font-size: .9em;
}

.sendtofriend a:hover {
color: #ff0000 !important;
text-decoration: none;
}

.couponcode {
padding-right: 5px;
}

.couponcoderedbubble {
color: #FF0000;
font-size: 1.1em;
margin: 2px 0 6px 0;
font-weight: bold;
}

.usecouponbutton {
margin: 10px 0 0 6px;
text-align: center;
font-size: 1em;
background: url(../images/bg_button_use_coupon.gif) no-repeat top center;
width: 97px;
height: 28px;
padding: 8px 0 0 0;
}

.usecouponbutton a:link, .usecouponbutton a:visited {
text-transform: uppercase;
color: #fff !important;
font-weight: bold;
text-decoration: none;
}

.usecouponbutton a:hover {
text-decoration: none;
color: #f4e954 !important;
}


/* ---------- COUPON BUBBLES (ALL SECONDARY PAGES) ---------- */

#couponlist {
clear: both;
margin: 5px auto;
}

.couponbubble h4 {
font-weight: bold;
font-size: 1.1em;
margin: 0 0 4px 0;
}

.couponbubble h6 {
font-size: 1em;
margin: 8px 0 2px 0;
color: #828285;
text-transform: uppercase;
font-weight: normal;
}

.couponbubble { 
margin: 4px auto 4px auto;
width: 630px;
min-height: 90px;
}

.couponbubbletop {
background: url(../images/bg_couponbubble_top.gif) no-repeat top left;
width: 630px;
height: 10px;
}

.couponbubblemid {
background: url(../images/bg_couponbubble_middle.gif) repeat-y top left;
width: 630px;
padding: 0 9px 0 3px;
}

.couponbubblebottom {
background: url(../images/bg_couponbubble_bottom.gif) no-repeat top left;
width: 630px;
height: 12px;
}


/* ---------- MERCHANT PAGE ---------- */

#merchantrightbox {
border-left: 1px solid #000;
position: relative;
z-index: 1;
margin: 0;
padding: 0 0 0 5px;
}

#merchanttools {
color: #6e6969;
font-size: .9em;
}

#merchantdescrip {
margin: 10px 0 5px 0;
padding: 0 15px 0 0;
}

.merchantdescripbreak {
background-color: #000;
height: 1px;
}

#merchantcoupontitle h2 {
text-align: center;
font-weight: bold;
font-size: 1.7em;
margin: 10px 0 10px 0;
}

#fashionblurb {
color: #636465;
font-size: 1em;
margin: 0 -9px 8px -5px;
background-image: url(../images/bg_checkmark.gif);
background-repeat: no-repeat;
background-position: 1% 77%;
}

#fashionblurb p {
padding: 2px 25px 2px 0;
margin: 0;
}

#fashionblurb h4 {
font-family: "Trebuchet MS", Trebuchet, Verdana, san-serif;
color: #ee2d31;
margin: 0;
padding: 0 0 0 5px;
font-size: 1em;
font-weight: normal;
}

.blurblinebreak {
height: 1px;
background-color: #000000;
margin: 4px 9px 4px 0;
padding: 0;
}

/* -- redesign additions, nov 07 -- */

#merchanttoolbar {
margin: 0 8px 9px 5px;
padding-top: 10px;
font-size: .9em;
}

#breadcrumbmerchant {
margin: 0;
}

#breadcrumbmerchant a:link, #breadcrumb a:visited {
color: #0a0b0b;
text-decoration: none;
}

#breadcrumbmerchant a:hover {
color: #3d4545;
text-decoration: underline;
}

#merchantpagesearch {
margin: 0 0 4px 0;
border-bottom: 1px solid #a2a5a5;
background-color: #f4e954;
font-weight: 800;
padding: 6px 2px 1px 4px;
}

#merchantpagesearch input {
border: 1px solid #828282;
}

#merchantpagesearch p {
padding: 0 0 4px 3px;
}

#merchanthelplink {
text-align: right;
margin: 10px 10px 5px 0;
font-size: 0.9em;
}

#emailboxmerchant .largetext {
font-size: 1.1em;
font-weight: bold;
}

#emailboxmerchant input {
background-color: #f6f8b6;
border: 1px solid #828282;
font-size: 1em;
padding: 2px;
}

#emailboxmerchant p {
line-height: 1.8em;
padding: 2px 0 6px 4px;
}

#retailerbanners {
margin: 6px 0 0 0;
}

#retailerbanners img {
padding: 10px 0 10px 0;
display: block;
margin: 0 auto;
}

/* -- redesign additions, may 08 -- */

#codesharebox {
background-color: #13254a;
color: #fff;
width: 219px;
margin: 0 auto;
border: 1px solid #000;
}

#codesharebox h3 {
color: #f4e853;
text-align: center;
font-size: 1.3em;
padding: 6px 0 1px;
}

#codesharebox h4 {
color: #f4e853;
font-size: 1.2em;
padding: 6px 0 1px 9px;
}

#codesharebox p {
padding: 1px 0 2px 5px;
}

#codesharebox input {
margin: 1px 0;
font-size: 1em;
border: 1px solid #000;
}

#codesharebox .codesharebutton {
width: 60px;
height: 18px;
position: relative;
top: -10px;
left: 145px;
}

#codesharebox .small {
font-size: 0.9em;
}

.codesharebubbleline {
width: 640px;
text-align: center;
margin: 10px auto 8px 22px;
background: url(../images/bg_code_share_break.gif) top left repeat-x;
}

.codesharebubbleline h3 {
font-size: 1.3em;
background-color: #fff;
width: 260px;
margin: 0 auto;
}

.usercouponbubble h6 {
font-size: 1em;
margin: 2px 0 2px 0;
color: #828285;
text-transform: uppercase;
font-weight: normal;
}

.usercouponbubble { 
margin: 1px 0 1px 13px;
width: 570px;
min-height: 90px;
float: left;
}

/* -- firefox has a smaller margin -- */
html>body .usercouponbubble {
margin: 1px 0 1px 32px;
}

.usercouponbubbletop {
background: url(../images/bg_usercouponbubble_top.gif) no-repeat top left;
width: 570px;
height: 10px;
}

.usercouponbubblemid {
background: url(../images/bg_usercouponbubble_middle.gif) repeat-y top left;
width: 570px;
padding: 0 4px 0 3px;
}

.usercouponbubblebottom {
background: url(../images/bg_usercouponbubble_bottom.gif) no-repeat top left;
width: 570px;
height: 12px;
}

.usercouponbubble .coupondescrip {
margin-top: 7px;
padding: 0 2px 2px 0;
width: 190px;
}

.usercouponbubble .successboxgreen, .usercouponbubble .successboxorange, .usercouponbubble .successboxblue {
padding: 3px 3px 0 3px;
text-align: center;
font-weight: bold;
width: 105px;
margin: 15px 0 7px 4px;
height: 27px;
}

.usercouponbubble .successboxgreen {
border: 2px solid #6d9d32;
color: #6d9d32;
}

.usercouponbubble .successboxorange {
border: 2px solid #f26725;
color: #f26725;
}

.usercouponbubble .successboxblue {
border: 2px solid #3a80ff;
color: #3a80ff;
}

.usercouponbubble .usecouponbutton {
margin: 0 0 2px 6px;
text-align: center;
font-size: 1em;
padding: 0 0 3px;
background: none;
width: 98px;
height: 26px;
}

.usercouponbubble .usecouponbutton a:link, .usercouponbubble .usecouponbutton a:visited {
text-transform: uppercase;
color: #13254a !important;
font-weight: bold;
text-decoration: none;
display: block;
padding: 7px 1px;
background-color: #f4e853;
border: 1px solid #13254a;
}

.usercouponbubble .usecouponbutton a:hover {
text-decoration: none;
color: #ff2828 !important;
display: block;
background-color: #f4e853;
border: 1px solid #13254a;
}

.usercouponbubble .expiredate {
text-align: left;
width: 200px;
margin: 3px 0 0 0;
padding-bottom: 2px;
}

.usercouponbubblevote {
float: left;
width: 82px;
font-weight: bold;
color: #13254a;
margin-top: 25px;
}

.usercouponbubblevote p {
line-height: 1.6em;
}

.usercouponbubblevote a {
padding: 6px 0 0 10px;
font-size: 1.2em;
font-weight: normal;
}


/* ---------- CATEGORY PAGE ---------- */

#catcouponlist {
clear: both;
margin: -7px auto 5px;
}

#catpagerightcontent {
border-left: 1px solid #000;
margin: 0;
padding: 2px 0 0 5px;
position: relative;
}

#catpagetopmenuwrap {
clear: both;
}

#catpagemascot {
float: left;
width: 100px;
height: 91px;
padding-top: 2px;
}

#cattopmenu {
float: left;
padding-top: 5px;
width: 593px;
}

#categorytitle {
margin: 2px 0 2px 8px;
}

#categorytitle h1 { 
font-weight: normal;
font-size: 2.5em;
font-weight: bold;
}

.subcattitle {
font-size: .6em !important;
}

#featuredretailerssidebar {
border: 1px solid #918f90;
padding: 6px 0 6px 0;
margin: 8px 4px 8px 6px;
}

#featuredretailerssidebar h5 {
font-size: 1.4em;
margin: 0 0 8px 0;
text-align: center;
}

#featuredretailerssidebar td {
padding: 3px 1px 3px 1px;
}

#couponscoutbox {
border: 1px solid #808080;
margin: 10px 4px 0 6px;
width: 212px;
word-wrap: break-word;
}

#couponscoutboxselect {
padding-top: 6px 0;
}

#couponscoutboxselect p {
color: #767779;
font-weight: bold;
text-align: center;
}

#couponscoutretailerlist {
list-style: none;
margin: 8px 0 4px 20px;
}

#couponscoutretailerlist li {
padding-bottom: 8px;
}

#couponscoutboxbutton {
width: 90px;
margin: 0 3px 0 115px;
}

#catbrowse {
margin: 0 2px 10px 2px;
}

#catbrowselist {
list-style: none;
display: inline;
}

#catbrowselist li {
list-style: none;
display: inline;
padding: 0;
}

.catbrowsebreak {
color: #999999;
}

#catsortmenu {
margin: 10px 2px 4px 2px;
}

#catsorttype {
list-style: none;
display: inline;
font-size: 1em;
}

#catsortmenuitems a:link, #catsortmenuitems a:visited {
text-decoration: underline;
}

#catsortmenuitems a:active, #catsortmenuitems a.selected {
color: #ee2325 !important;
text-decoration: none !important;
}

#catsorttype li {
list-style: none;
display: inline;
padding: 0;
}

.catsortpage {
padding: 3px 0;
font-size: 1.1em;
font-weight: bold;
margin: 3px 0;
}

.catsortpage a:link, .catsortpage a:visited {
border: 1px solid #4f6bb3;
padding: 2px 3px;
margin: 0 1px 0 0;
background-color: #fff;
color: #000;
}

.catsortpage a:hover {
background-color: #e2f4fb;
color: #ef2325;
}

.catsortpage a:active, .catsortpage a.selected {
background-color: #e2f4fb !important;
color: #ef2325 !important;
}

.catsortpagenext a:link, .catsortpagenext a:visited {
border: none !important;
text-decoration: underline !important;
font-weight: normal;
color: #1a5caa !important;
}

.catsortpagenext a:hover {
background-color: #fff !important;
color: #ef2325;
}

#catsortpagebottom {
margin: 15px 15px 10px 0;text-align: right;
}

.leftmiscbox .relatedretailer {
padding: 0 2px 0 20px;
font-size: 1.2em;
}

.leftmiscbox .relatedretailer li {
padding: 4px 0;
}


/* ---------- TOP TAB PAGES UNIVERSALS ---------- */

#couponborder {
padding-top: 5px;
border-left: 1px solid #000;
}

#subtitlemenu {
margin: 0 22px 4px 8px;
}

#expiretype { 
font-size: 1.2em;
font-weight: bold;
margin: 20px 0 0 24px;
}


/* ---------- BOTTOM PAGES UNIVERSALS ---------- */

.bottompagetitle {
font-weight: normal;
font-size: 2.5em;
font-weight: bold;
padding: 10px 0 0 20px;
}

#homelink {
border-top: 1px solid #000;
margin: 15px 0 5px 15px;
padding-top: 10px;
font-size: .9em;
}


/* ---------- FREE SHIPPING PAGE ---------- */

#merchantlist {
margin: 0 0 10px 20px;
}

#merchantlist a:link, #merchantlist a:visited {
text-decoration: underline;
color: #000000;
font-size: 1em;
}

#merchantlist a:hover {
text-decoration: underline;
color: #f4cd38;
font-size: 1em;
}

#merchantlist h3 {
color: #000000;
font-size: 1.8em;
margin: 15px 3px 0 0;
font-family: "Trebuchet MS", Trebuchet, Verdana, san-serif;
}


/* ---------- FREE SHIPPING MERCHANT PAGE ---------- */

#sidebartext {
text-align: center;
width: 180px;
margin: 0 auto;
}


/* ---- VOUCHERS BY STORE PAGE ---- */

#bystorepagesearch {
margin: 0 0 2px 0;
border-bottom: 1px solid #a2a5a5;
border-left: 1px solid #a2a5a5;
background-color: #f4e954;
font-weight: 800;
padding: 6px 2px 3px 4px;
width: 450px;
float: right;
}

#bystorepagesearch p {
padding: 0 0 4px 3px;
}

#preferlogotable {
margin-bottom: 2px;
}

#merchantindex {
margin: 0 0 10px 0;
padding: 5px;
border: 1px solid #000000;
width: 490px;
font-size: 1.3em;
font-family: "Trebuchet MS", Trebuchet, Verdana, san-serif;
letter-spacing: 3px;
}

#merchantindex a:link, #merchantindex a:visited {
color: #000;
text-decoration: none;
}

#merchantindex a:hover {
color: #f4cd38;
text-decoration: none;
}

.titlelinebreak {
height: 1px;
background-color: #000;
margin-bottom: 12px;
padding: 0;
}


/* ---- SPECIALS PAGE ---- */

#specialsmascot {
padding-top: 5px;
float: left;
width: 70px;
height: 71px;
}

#specialstopmenu {
float: left;
padding-top: 5px;
width: 622px;
}

.specialssubcattitle {
color: #fc0504;
font-weight: normal;
font-size: 0.9em;
}


/* ---------- CUSTOMER SUPPORT PAGES ---------- */

#customersupportthanks {
text-align: center;
margin: 75px 0 100px 0;
font-size: 1.2em;
}

#customersupportthanks h3 {
font-size: 2.5em;
font-weight: normal;
margin-bottom: 15px;
}

.homelinkthankyou {
margin-top: 30px;
font-weight: bold;
font-size: 1.2em;
}

#homelinkthanksbottom {
margin: 200px 0 25px 20px;
}

#customersupport {
margin: 20px 50px 10px 10px;
font-size: 1.1em;
}

#customersupport p {
padding: 15px 40px 10px 40px;
}

#customersupportform {
margin: 5px 40px 20px 45px;
font-weight: bold;
font-size: 1.2em;
}

#customersupportmascot {
margin: 5px 0 0 315px;
width: 150px;
height: 131px;
}

#customersupportbutton {
margin: -15px 50px 10px 380px;
}


/* ---------- SEND TO FRIEND PAGE ---------- */

#sendtofriendmascot {
float: left;
width: 121px;
height: 140px;
margin: 0 3px 0 6px;
}

#sendtofriendright {
float: left;
width: 785px;
}

#sendtofriendform h3 {
font-size: 1.7em;
color: #398cbf;
padding: 5px 0 5px 5px;
}

#sendtofriendfields {
background-color: #13254a;
color: #fff;
padding: 10px 3px 10px 3px;
line-height: 1.2em;
}

#sendtofriendfields .small {
font-size: 0.9em;
}

#sendtofriendfields input, #sendtofriendfields textarea {
background-color: #f4f6c9;
margin: 6px 0;
}

#sendtofriendbutton {
margin: 10px 90px 0 0;
text-align: right;
}


#bottompagecontent {
padding: 10px 10px;
font-size: 1.1em;
}

#bottompagecontent p {
line-height: 1.6em;
padding: 8px 0;
}

#bottompagebox {
width: 530px;
margin: 40px auto 90px;
border: 1px solid #13254a;
padding: 10px 5px 10px 10px;
}

#bottompagebox ul {
margin: 10px 0 10px;
}

#bottompagebox li {
padding: 6px 0;
}

#bottompagebox h3 {
font-weight: normal;
font-size: 1.3em;
color: #13254a;
padding-bottom: 10px;
}

#bottompagebox .bold {
font-weight: bold;
color: #13254a;
}


/* ---- ALL ABOUT VOUCHER SECTION STYLES ---- */

#allaboutsidebar {
margin: 10px 0 50px 10px;
width: 300px;
}

#allaboutsidebar a:link, #allaboutsidebar a:visited {
text-decoration: none;
color: #000;
}

#allaboutsidebar a:hover {
text-decoration: underline;
color: #ff6000;
}

.allaboutsidebarselect {
text-decoration: none;
color:#FF0000;
display: block;
background-color: #fcffe3;
}

#allaboutsidebarcontent {
background: url(../images/bg_all_about_sidebar_mid.gif) top left repeat-y;
width: 300px;
}

#allaboutsidebarlist ul {
list-style: none;
margin: 0 0 0 10px;
}

#allaboutsidebarlist li {
list-style: none;
padding: 8px 10px 8px 5px;
border-bottom: 1px dotted #ff8330;
margin: 0 18px 0 10px;
}

.allaboutsidebartitle {
background-color: #fffbed;
font-weight: 800;
font-size: 1.1em;
border-bottom: none !important;
margin-top: 15px !important;
}

#allaboutcontent {
margin: 10px 25px 10px 15px;
}

#allaboutcontent p {
font-size: 1.1em;
line-height: 1.7em;
}

#allaboutcontent h2 {
font-size: 2.4em;
font-weight: normal;
margin: 5px 0 20px 0;
}

.allaboutquestion {
margin: 30px 0 15px 0;
border-bottom: 1px solid #d3d3d3;
padding: 0 0 15px 0;
}

.allaboutquestion p {
padding-left: 38px;
line-height: 2em;
}

.allaboutquestion h3 {
font-size: 1.8em;
font-weight: normal;
background: url(../images/bg_all_about_question.gif) top left no-repeat;
padding: 5px 15px 10px 35px;
}

.allaboutanswer {
margin: 30px 0 15px 0;
border-bottom: 1px solid #d3d3d3;
padding: 0 0 15px 0;
}

.allaboutanswer p {
padding: 10px 0 10px 38px;
}

.allaboutanswer h3 {
font-size: 1.8em;
font-weight: normal;
background: url(../images/bg_all_about_question.gif) top left no-repeat;
padding: 5px 15px 10px 35px;
}

.allaboutlearnmore {
margin: 10px 0 0 35px;
background: url(../images/bg_all_about_arrow.gif) center left no-repeat;
padding: 10px 0 10px 20px;
font-size: 1.2em;
font-weight: bold;
height: 11px;
}

.allaboutbacktotop {
text-align: right;
margin: 10px 25px 10px 0;
}

.allabouttestimonial {
background: url(../images/bg_all_about_quotes.gif) top left no-repeat;
padding: 0 0 15px 45px;
border-bottom: 1px solid #d3d3d3;
margin: 30px 0 15px 0;
}

.allabouttestimonalname {
color: #8c8c8c;
padding-top: 15px;
}

.allaboutquicktip {
padding: 0 0 15px 0;
border-bottom: 1px solid #d3d3d3;
margin: -5px 0 10px 0;
}

.allaboutquicktip p {
padding-left: 45px;
}

.allabboutquicktipnumber {
font-size: 3em;
color: #666;
font-weight: normal;
position: relative;
top: 28px;
left: 5px;
font-family: Georgia, 'Times New Roman', Times, serif;
}


/* ---- SITE MAP STYLES ---- */

#sitemapmenu {
width: 750px;
margin: 25px auto 20px auto;
border: 1px solid #8c8c8c;
text-align: center;
padding: 25px 0;
}

#sitemapmenuitems ul {
display: inline;
}

#sitemapmenuitems li {
display: inline;
padding: 0 10px;
}

#sitemapmenu a:link, #sitemapmenu a:visited {
background-color: #13254a;
padding: 8px;
color: #fff;
}

#sitemapmenu a:hover {
background-color: #f4e954;
padding: 8px;
color: #000;
}

.sitemapsection {
padding: 10px 20px 20px 10px;
border-bottom: 1px solid #d3d3d3;
margin: 10px 20px 10px 20px;
}

.sitemapsection h3 {
font-size: 2.2em;
font-weight: normal;
margin: 10px 0 15px 0;
}

.sitemapsection h4 {
font-size: 1.6em;
margin: 35px 0 8px 10px;
font-weight: normal;
}

.sitemapsublist ul {
list-style: none;
margin-left: 20px;
}

.sitemapsublist li {
list-style: circle;
padding: 4px 0 4px 8px;
margin-left: 35px;
}

/* ---- CUSTOMIZE ALERT STYLES ---- */

#customizeemailbody {
padding: 0 15px 15px 15px;
}

#customizeemailbody h2 {
font-size: 2.2em;
font-weight: normal;
padding: 6px 0;
}

#customizeemailbody .alert {
border: 1px solid #13254a;
padding: 10px;
margin: 10px 0 5px;
width: 570px;
}

#customizeemailbody .alert p {
padding: 3px 0;
}

#customizeemailselections {
margin: 35px 0 30px 0;
}

.customizeemailstep {
color: #ed1c24;
font-size: 1.8em;
}

#couponemailuserinfobox {
border: 1px solid #13254a;
background-color: #f4e954;
padding: 20px 4px 20px 18px;
margin: 10px 0 0 15px;
width: 235px;
text-align: left;
}

#couponemailuserinfobox p {
margin-bottom: 3px;
}

#couponemailcatselect {
margin: 40px 0 0 0;
}

#couponemailcatselectbox {
background-color: #f4e954;
border: 1px solid #13254a;
padding: 5px 4px 5px 20px;
margin: 10px 0 0 15px;
width: 380px;
}

#couponemailcatselectbox td {
padding: 7px 0 7px 0;
}

#customizeemailthanks {
margin: 50px auto 100px auto;
text-align: center;
font-size: 1.3em;
}


/* ---------- PRESS RELEASE PAGE ---------- */

#presscontent {
width: 550px;
float: left;
margin: 0 10px 10px 10px;
border-right: 1px solid #000;
padding: 0 10px 0 30px;
}

/* IE creates double margins */
html>body #presscontent {
padding: 0 70px 0 30px;
}

#presssidebar {
padding-top: 20px;
width: 220px;
float: left;
text-align: center;
}

#presscontent .presstitle {
padding: 10px 0 0 65px;
width: 555px;
clear: both;
}

#presscontent .presstitle img {
float: left;
display: inline;
}

#presscontent .pagemenu {
width: 150px;
float: left;
margin: 35px 0 0 40px;
z-index: 100;
}

#presscontent .pagemenubottom {
margin: 20px -50px 25px 0;
float: right;

z-index: 100;
}

.pressblurb {
width: 580px;
border-bottom: 1px solid #808080;
margin-bottom: 10px;
}

.pressblurb .logo {
float: left;
width: 120px;
height: 50px;
padding-top: 10px;
}

.pressblurb .text {
float: left;
padding: 5px 5px 10px;
width: 450px;
}

.pressblurb h4 {
font-weight: normal;
font-size: 1.2em;
}

.pressblurb p {
line-height: 1.5em;
padding: 2px 0;
}

.pressblurb .cite {
font-size: 0.9em;
}

#presssidebar .contactbox {
width: 150px;
padding: 10px;
border: 1px solid #808080;
margin: 0 auto;
}

#presssidebar h3 {
font-size: 1.3em;
margin: 20px 0 10px;
}

#presssidebar ul {
list-style: none;
}

#presssidebar li {
padding: 4px 0;
}

/* ---------------- new items to be integrated nov 08 ---------- */

h3 {
color: #132647;
font-size: 1.8em;
padding: 0 0 3px 6px;
}

#categorytopleft .introbox {
margin: 8px 0 8px 12px;
width: 574px;
height: 95px;
background: url(../images/bg_intro_mascot.gif) top left no-repeat;
color: #838385;
text-align: right;
}

#categorytopleft .introbox h4, #categorytopleft .introbox h3, #categorytopleft .introbox h2 {
padding-right: 14px;
}

#categorytopleft .introbox h4 {
color: #f7384a;
font-size: 1.4em;
padding-top: 10px;
font-weight: 800;
}

#categorytopleft .introbox h3 {
padding-top: 10px;
}

#categorytopleft .introbox h2 {
font-weight: normal;
font-size: 1.2em;
padding-top: 5px;
}

#categorytopleft .subtitledescrip {
padding: 0 25px 0 15px;
font-size: 1.1em;
}

#leftcontainer {
float: left;
width: 610px;
}

#leftcontainer .left {
float: left;
width: 240px;
margin-left: 9px;
}

#leftcontainer .featuredpress li {
padding: 4px 0;
}

#leftcontainer .featuredpress .offset {
text-align: right;
}

#leftcontainer .featuredpress .presslink {
text-align: right;
padding: 8px 0 0 0;
}

#leftcontainer .emailsignup h3{
font-size: 1.4em;
padding-bottom: 7px;
}

#leftcontainer .emailsignup input {
background-color: #f6f8b6;
border: 1px solid #828282;
font-size: 1em;
padding: 2px;
margin-left: 6px;
}

#leftcontainer .right h1 {
text-align: center;
font-size: 2.4em;
color: #132647;
margin: 6px 0 0;
}

#leftcontainer .right {
width: 330px;
float: left;
}

#rightcontainer {
float: left;
width: 310px;
}

#rightcontainer .miscbox .promobanner {
text-align: center;
padding: 5px 0;
}

#rightcontainer .miscbox .newcodes {
font-weight: bold;
margin-left: 25px;
}

#rightcontainer .miscbox .newcodes li {
padding: 9px 0;
}

#rightcontainer .miscbox .newcodes .red {
font-weight: normal;
color: #fe0000;
}

#rightcontainer .miscbox .newcodes a {
font-weight: normal;
}

#rightcontainer .miscbox .retailerofmonth {
padding: 0 12px 0 8px;
}

#rightcontainer .miscbox .retailerofmonth .red {
color: #ed1c22;
font-size: 1.2em;
}

#rightcontainer .miscbox .retailerofmonth .grey {
color: #88888a;
}

#rightcontainer .miscbox .redeemright {
margin-left: 200px;
}

#rightcontainer .banner {
margin-top: 8px;
}

#sharecontainer {
width: 632px;
margin: 10px 0 20px 260px;
}

#sharecontainer .sharebox {

}

.sharebox .top {
background: url(../images/bg_box_share_top_wide.gif) top left no-repeat;
height: 10px;
width: 632px;
}

.sharebox .mid {
background: url(../images/bg_box_share_mid_wide.gif) top left repeat-y;
width: 632px;
padding: 0 4px;
}

.sharebox .bottom {
background: url(../images/bg_box_share_bottom_wide.gif) top left no-repeat;
width: 632pxpx;
height: 10px;
}

.sharebox .content {
background: url(../images/bg_cart_big.gif) top left no-repeat;
}

.sharebox .content h3 {
color: #000;
padding: 10px 10px 0 80px;
font-size: 2.2em;
border: 1px solid #fff;
width: 70%;
}

.sharebox .content .tagline {
padding: 1px 3px 0 95px;
font-size: 1.2em;
}

.sharebox .content .thankyou {
padding: 1px 3px 0 95px;
font-size: 1.2em;
color: #80b243;
}

.sharebox .content ul {
margin: 10px 0 0;
float: left;
padding: 0 15px 0  10px;
text-align: right;
}

.sharebox .content li {
padding: 4px 0;
}

.sharebox .subitem {
font-size: 0.9em;
text-align: center;
margin-left: 12px;
}

.sharebox .submitbutton {
float: right;
margin: -5px 10px 0 0;
}

#footercoupons {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 10px 0 10px;
}

#footercoupons .strong {
font-weight: bold;
font-size: 1.2em;
padding-bottom: 8px;
text-align: center;
}

#footercoupons .center a:link, #footercoupons .center a:visited {
color: #000;
}

#footercoupons .center a:hover {
color: #c74949;
}

#footercoupons .couponlist {
float: left;
margin-right: 35px;
}

#footercoupons .center {
width: 750px;
margin: 0 auto 0 125px;
}

#footercoupons li {
padding: 2px 0;
}

#footerlegal {
text-align: center;
font-size: 1.1em;
padding: 5px 0 10px;
}


/* ----- COUPON BOXES (semi global) ----- */

.couponbox {
margin: 8px 0;
width: 326px;
}

.couponbox a, .usercouponbox a {
font-weight: bold;
}

.couponbox .top {
background: url(../images/bg_box_coupon_top.gif) top left no-repeat;
height: 10px;
width: 326px;
}

.couponbox .mid { 
background: url(../images/bg_box_coupon_mid.gif) top left repeat-y;
width: 310px;
padding: 0 6px 0 10px;
}

.couponbox .bottom {
background: url(../images/bg_box_coupon_bottom.gif) top left no-repeat;
width: 328px;
height: 10px;
}

.couponbox .featuredtop {
background: url(../images/bg_box_coupon_featured_top.gif) top left no-repeat;
height: 10px;
width: 326px;
}

.couponbox .featuredmid { 
background: url(../images/bg_box_coupon_featured_mid.gif) top left repeat-y;
width: 310px;
padding: 0 6px 0 10px;
}

.couponbox .featuredbottom {
background: url(../images/bg_box_coupon_featured_bottom.gif) top left no-repeat;
width: 328px;
height: 10px;
}

.couponbox .promocodefloat {
float: right;
padding-top: 7px;
}

.couponbox h5 {

}

.couponbox .descrip, .usercouponbox .descrip {
font-size: 1.2em;
padding-bottom: 5px;
}

.couponbox .expire, .usercouponbox .expire {
color: #88888a;
font-size: 0.9em;
padding: 2px 0;
}

.couponbox .viewall {
padding: 0;
}

.couponbox .viewall a:link, .couponbox .viewall a:visited {
color: #000;
font-weight: normal;
}

.couponbox .viewall a:hover {
color: #c74949;
}

.couponbox .promocode {
color: #88888a;
}

.couponbox .redeemcouponbox {
float: right;
margin-top: -25px;
}

.leftmiscbox .expirelist h3 {
font-size: 1.6em;
}

.leftmiscbox .expirelist ul {
margin: 0 0 0 10px;
}

.leftmiscbox .expirelist li {
padding: 5px 0;
}

.leftmiscbox .expirelist .selected {
background: #f4e953;
display: block;
padding: 2px 0 2px 2px;
color: #14234c;
}


/* ----- SECONDARY PAGE GLOBAL FOOTER ----- */

#secfooter {
margin: 20px 0 0;
text-align: center;
font-size: 1.1em;
padding-bottom: 10px;
}

#secfooter ul {
display: inline;
letter-spacing: -0.2px;
}

#secfooter li {
display: inline;
padding: 3px;
}

#secfooter ul a:link, #secfooter ul a:visited {
color: #000;
}

#secfooter ul a:hover {
color: #ff0000;
}

#secfooter .legal {
border-top: 1px solid #000;
margin-top: 10px;
padding: 15px 0;
}

#footercoupons .legal {
text-align: center;
padding: 25px;
font-size: 1.1em;
}



/* ----- MERCHANT PAGE (semi unique) ----- */

.textbox {
border: 1px solid #000;
padding: 1px;
}

#rightcontainer .miscbox, #categorytopright .miscbox {
margin: 8px 0 0 !important;
width: 300px;
}

#categorytopright .miscbox {
margin: 6px 0;
}

#rightcontainer .miscbox .top, #rightcontainer .miscbox .searchtop, #categorytopright .miscbox .searchtop {
background: url(../images/bg_box_misc_top.gif) top left no-repeat;
height: 10px;
width: 300px;
}

#rightcontainer .miscbox .searchtop, #categorytopright .miscbox .searchtop {
background: url(../images/bg_box_search_top.gif) top left no-repeat;
}

#rightcontainer .miscbox .mid, #rightcontainer .miscbox .searchmid, #categorytopright .miscbox .searchmid {
background: url(../images/bg_box_misc_mid.gif) top left repeat-y;
width: 293px;
padding: 0 4px;
}

#rightcontainer .miscbox .searchmid, #categorytopright .miscbox .searchmid {
background: url(../images/bg_box_search_mid.gif) top left repeat-y;
}

#rightcontainer .miscbox .bottom, #rightcontainer .miscbox .searchbottom, #categorytopright .miscbox .searchbottom {
background: url(../images/bg_box_misc_bottom.gif) top left no-repeat;
width: 300px;
height: 10px;
}

#rightcontainer .miscbox .searchbottom, #categorytopright .miscbox .searchbottom {
background: url(../images/bg_box_search_bottom.gif) top left no-repeat;
}

#rightcontainer .miscbox h3 {
color: #164766;
font-weight: 800;
font-size: 1.8em;
padding: 0 0 4px 8px;
}

#rightcontainer .miscbox .searchmid h3, #categorytopright .miscbox .searchmid h3 {
font-size: 1em;
padding: 0 0 0 8px;
color: #000;
}

#rightcontainer .miscbox .searchmid p, #categorytopright .miscbox .searchmid p {
padding: 0px 0 0 8px;
line-height: 0;
}

.merchantcodecontainer .merchanttitle {
background: url(../images/bg_title_merchant.gif) top left no-repeat;
width: 594px;
height: 53px;
margin: 10px 0 10px 6px;
text-align: center;
}

.merchantcodecontainer .merchanttitle h1 {
font-size: 1.8em;
float: left;
margin: 14px 0 0 10px;
font-weight: bold;
width: 72%;
padding: 3px 0;
}

.merchantcodecontainer .merchanttitle img {
padding: 6px 0 0 20px;
float: left;
}

.merchantcodecontainer .nocode {
font-size: 1.5em;
text-align: center;
}

.merchantsorttitle {
margin: 10px 10px 10px 12px;
}

.usercouponbox {
margin: 3px 0;
width: 318px;
float: left;
}

.usercouponbox a, .couponbox a {
font-weight: bold;
}

.usercouponbox p {
padding: 2px 0 1px !important;
line-height: 1.2em;
}

.usercouponbox .promocode a {
color: #fe0000;
}

.couponbox .expire, .usercouponbox .expire {
color: #88888a;
font-size: 0.9em;
padding: 2px 0;
}

.usercouponbox .top {
background: url(../images/bg_box_coupon_user_top.gif) top left no-repeat;
height: 10px;
width: 318px;
}

.usercouponbox .mid { 
background: url(../images/bg_box_coupon_user_mid.gif) top left repeat-y;
width: 302px;
padding: 0 6px 0 10px;
}

.usercouponbox .bottom {
background: url(../images/bg_box_coupon_user_bottom.gif) top left no-repeat;
width: 318px;
height: 10px;
margin-top: -1px;
}

.usercouponbox .redeemcouponbox {
position: relative;
float: right;
margin-top: -22px;
margin-bottom: -20px;
}

.merchantcouponbar {
margin: 0 0 0 10px;
}

.merchantcouponbar .usercouponvote {
width: 120px;
height: 85px;
text-align: center;
background: url(../images/bg_box_coupon_user_vote.gif) top left no-repeat;
font-size: 1.1em;
float: left;
margin: 3px 0 3px 10px;
}

.merchantcouponbar .usercouponvote p {
padding: 5px 0;
}

.merchantcouponbar .usercouponvote .nosuccess {
padding-top: 25px;
}

.merchantcouponbar .usercouponvote ul {
padding: 2px 0 10px;
}

.merchantcouponbar .usercouponvote li {
display: inline;
padding: 6px 3px;
}

.merchantcouponbar .usercouponvote .successrategreen, .merchantcouponbar .usercouponvote .successratered, .usercouponvote .successrateblue {
width: 106px;
height: 16px;
margin: 0 auto;
padding: 4px 0 0;
}

.merchantcouponbar .usercouponvote .successrategreen {
color: #73b84e;
background: url(../images/bg_coupon_success_green.gif) top left no-repeat;
}

.merchantcouponbar .usercouponvote .successratered {
color: #ff3939;
background: url(../images/bg_coupon_success_red.gif) top left no-repeat;
}

.merchantcouponbar .usercouponvote .successrateblue {
color: #0065ee;
background: url(../images/bg_coupon_success_blue.gif) top left no-repeat;
}

.merchantcouponbar .commentlink {
float: left;
width: 120px;
text-align: center;
margin: 6px 0 0 10px;
}

.merchantcouponbar .commentlink p {
padding: 3px 0;
line-height: 1.3em;
}

.merchantcouponbar .commentlink .friendlink {
padding-top: 14px;
}

.merchantcouponbar .commentlink .friendlink a:link, .merchantcouponbar .commentlink .friendlink a:visited {
color: #0d4277;
}

.merchantcouponbar .commentlink .friendlink a:hover {
color: #ff0000;
}

.commentcontainer {
margin: 5px 0 15px;
}

.commentlist {
background-color: #e8f2cf;
padding: 5px 6px;
clear: both;
height: 122px;
width: 430px;
overflow: auto;
}

.commentlist li {
padding: 8px 0 2px;
border-bottom: 1px solid #000;
width: 410px;
}

.commentlist strong {
font-weight: bold;
}

.commentlist .timestamp {
float: right;
text-align: right;
margin-left: 10px;
padding-bottom: 3px;
}

.listcommentbox {
width: 448px;
clear: both;
margin-bottom: 6px;
}

.listcommentbox .top {
background: url(../images/bg_box_comment_list_top.gif) top left no-repeat;
height: 8px;
width: 448px;
}

.listcommentbox .mid { 
background: url(../images/bg_box_comment_list_mid.gif) top left repeat-y;
width: 440px;
padding: 0 6px 0 2px;
}

.listcommentbox .bottom {
background: url(../images/bg_box_comment_list_bottom.gif) top left no-repeat;
width: 448px;
height: 8px;
}

.postcommentbox {
width: 448px;
clear: both;
}

.postcommentbox .top {
background: url(../images/bg_box_comment_post_top.gif) top left no-repeat;
height: 8px;
width: 448px;
}

.postcommentbox .mid { 
background: url(../images/bg_box_comment_post_mid.gif) top left repeat-y;
width: 436px;
padding: 0 6px 0 10px;
}

.postcommentbox .bottom {
background: url(../images/bg_box_comment_post_bottom.gif) top left no-repeat;
width: 448px;
height: 8px;
}

.postcommentbox table {
margin: 0;
}

.postcommentbox .table2 {
margin-left: 22px;
}

.miscbox .aboutmerchant p {
padding: 3px 8px;
line-height: 1.4em;
}

.miscbox .merchantlink {
padding: 1px 6px 0 0;
text-align: right;
}

.merchantsharebox {
margin: 15px 0 25px 14px;
}

.sharebox .nocodetop {
background: url(../images/bg_box_share_top_merchant.gif) top left no-repeat;
height: 10px;
width: 585px;
}

.sharebox .nocodemid {
background: url(../images/bg_box_share_mid_merchant.gif) top left repeat-y;
width: 578px;
padding: 0 4px;
}

.sharebox .nocodemid img {
margin: -8px 5px 0 0;
}

.sharebox .nocodemid .tagline {
padding: 4px 0 5px 195px;
}

.sharebox .nocodemid .thankyou {
padding: 4px 0 5px 60px;
}

.sharebox .nocodemid ul {
float: none;
text-align: right;
margin-right: 100px;
}

.sharebox .nocodemid .subitem {
margin-left: 100px;
}

.sharebox .nocodebottom {
background: url(../images/bg_box_share_bottom_merchant.gif) top left no-repeat;
width: 585px;
height: 10px;
}

.merchantusercodesubmit {

}

.merchantusercodesubmit .titlefloat {
background: url(../images/bg_cart.gif) top left no-repeat;
float: right;
width: 190px;
padding-bottom: 5px;
}

.merchantusercodesubmit h3 {
color: #000;
padding: 5px 0 0 52px !important;
font-size: 1.4em;
}

.merchantusercodesubmit .tagline {
padding: 5px 0 0 20px;
clear: both;
}

.merchantusercodesubmit .thankyou {
padding: 3px 0 5px 0;
text-align: center;
color: #80b243;
}

.merchantusercodesubmit ul {
margin: 4px 30px 5px 0;
}

.merchantusercodesubmit li {
padding: 5px 0;
text-align: right;
}

.merchantusercodesubmit .subitem {
font-size: 0.9em;
text-align: right;
margin-right: 50px;
}

.merchantusercodesubmit .button {
text-align: right;
margin-right: 10px;
}

.miscbox .quickfacts {
margin: 10px 0 0 10px;
}

.miscbox .quickfacts li {
padding: 6px 0;
}

.merchantcodecontainer .googlehorizontal {
width: 556px;
margin: 10px -100px 0 26px;
height: 90px;
background: url(../images/bg_google_bubble_horiz.gif) top left no-repeat;
padding: 14px 0 0 43px;
}

div.relatedlinks {
margin: 10px 5px;
font-size: 1.1em;
}

div.relatedlinks ul {
margin: 18px 0;
}

div.relatedlinks li {
display: inline;
padding: 0 2px;
}

.clear {
clear: both;
height: 1px;
}

.categorysorttitle, .merchantsorttitle {
color: #000;
text-align: center;
background: url(../images/bg_title_category_line.gif) top left repeat-x;
margin: 10px 10px 3px 8px;
}

.categorysorttitle h4, .merchantsorttitle h4 {
padding: 3px 5px;
font-size: 1.5em;
font-weight: normal;
display: inline;
background-color: #f3f3f3;
}


/* ----- SECONDARY PAGES (global) ----- */


#secleftcontainer {
float: left;
width: 230px;
padding-left: 10px;
}

#secrightcontainer {
float: left;
width: 680px;
}

#bottomrightcontainer {
float: left;
width: 680px;
}

#secrightcontainer .left {
width: 340px;
float: left;
}

#secrightcontainer .right {
width: 330px;
float: left;
}

#secrightcontainer .seccoupontable .couponbox, #secrightcontainer .secfeaturedtable .couponbox  {
margin: 4px 0;
}

#secrightcontainer .secfeaturedtable {
background-color: #13254b;
border: 1px solid #838b9e;
margin: 5px -2px 0 -4px;
z-index: 100;
position: relative;
}

#secrightcontainer .secfeaturedtable td {
padding: 5px 0 5px 6px;
}

#topsubnav {
clear: both;
margin-bottom: 5px;
}

#breadcrumb {
padding-left: 10px;
float: left;
width: 60%;
}

#topbookmark {
float: left;
width: 37%;
text-align: right;
}

#pagetitlebar .title, #pagetitlebar .toptabtitle {
padding: 0 0 5px 10px;
}

#pagetitlebar .title h2, #pagetitlebar .toptabtitle h2 {
color: #122649;
font-size: 2.3em;
font-weight: bold;
}

#pagetitlebar .toptabtitle h2 {
font-size: 2.5em;
}

#pagetitlebar .pagelinks, #bottompagelinks .pagelinks, #categorytopright .pagelinks {
font-size: 1.6em;
padding: 6px;
text-align: right;
color: #000;
font-weight: bold;
}

#categorytopright .pagelinks {
width: 95%;
text-align: right;
}

#bottompagelinks {
padding-right: 2px;
padding: 15px 20px;
}

#bottompagelinks .pagelinks {
text-align: right;
}

#pagetitlebar .pagelinks a:link, #pagetitlebar .pagelinks a:visited, #bottompagelinks .pagelinks a:link, #bottompagelinks .pagelinks a:visited, #categorytopright .pagelinks a:link, #categorytopright .pagelinks a:visited  {
text-decoration: underline;
padding: 2px;
margin: 0 1px;
color: #448bbf;
}

#pagetitlebar .pagelinks a:hover, #bottompagelinks .pagelinks a:hover, #categorytopright .pagelinks a:hover {
background-color: #142448;
color: #fff;
}

#pagetitlebar .pagelinks .next a:link, #pagetitlebar .pagelinks .next a:visited, #bottompagelinks .pagelinks .next a:link, #bottompagelinks .pagelinks .next a:visited, #categorytopright .pagelinks .next a:link, #categorytopright .pagelinks .next a:visited {
background-color: transparent;
border: none;
}

#pagetitlebar .pagelinks .next a:hover, #bottompagelinks .pagelinks .next a:hover, #categorytopright .pagelinks .next a:hover  {
color: #c74949;
}

div.relatedlinks, #categorytopleft .sortlinks {
margin: 10px 5px;
font-size: 1.1em;
}

#categorytopleft .relatedlinks ul, #categorytopleft .sortlinks ul{
margin: 0;
}

div.relatedlinks ul {
margin: 18px 0;
}

div.relatedlinks li, #categorytopleft .sortlinks li {
display: inline;
padding: 0 2px;
}

#categorytopleft .sortlinks a:link, #categorytopleft .sortlinks a:visited {

}


/* ----- CATEGORY PAGE (semi unique) ----- */

#categorytopleft {
float: left;
width: 615px;
}

#categorytopright {
float: left;
width: 295px;
padding-right: 6px;
}

#categoryfeaturedbar, #frontscrollbar {
background: url(../images/bg_category_featured.gif) top left no-repeat;
width: 898px;
height: 40px;
margin: 2px 14px 2px auto;
font-size: 1.5em;
}

#frontscrollbar {
height: 50px;
background: url(../images/bg_front_scroll.gif) top left no-repeat;
}

/* -- IE6 displays icon images too close to text -- */
html>body #categoryfeaturedbar, html>body #frontscrollbar {
margin: 2px 17px 2px auto;
}

#categoryfeaturedbar img {
position: relative;
top: 8px;
left: 0;
}

#categoryfeaturedbar ul {
padding: 0 0 0 36px;
}

#categoryfeaturedbar li {
display: inline;
padding: 8px;
}

#footersecondary {
border-top: 1px solid #000;
padding-top: 10px;
}

#footersecondary ul {
margin: 5px 0;
}

.leftmiscbox {
width: 218px;
margin: 8px 0;
}

.leftmiscbox .top {
background: url(../images/bg_box_left_top.gif) top left no-repeat;
height: 10px;
width: 218px;
}

.leftmiscbox .mid {
background: url(../images/bg_box_left_mid.gif) top left repeat-y;
width: 202px;
padding: 0 6px 0 10px;
}

.leftmiscbox .bottom {
background: url(../images/bg_box_left_bottom.gif) top left no-repeat;
width: 218px;
height: 10px;
}

.leftmiscbox .scouttop {
background: url(../images/bg_box_left_scout_top.gif) top left no-repeat;
height: 49px;
width: 218px;
}

.leftmiscbox .bannerad {
margin: 10px auto 0;
text-align: center;
}

.leftmiscbox .googleads iframe {
margin: 0 0 0 10px;
}

.leftmiscbox .usercodesubmit {
background: url(../images/bg_cart_small.gif) 0 3px no-repeat;
}

.leftmiscbox .usercodesubmit h3 {
color: #000;
padding: 5px 5px 0 46px;
font-size: 1.5em;
border: 1px solid #fff;
}

.leftmiscbox .usercodesubmit .tagline {
font-size: 0.9em;
padding: 5px 0 0 0;
}

.leftmiscbox .usercodesubmit ul {
margin: 4px 30px 5px 0;
}

.leftmiscbox .usercodesubmit li {
padding: 5px 0;
}

.leftmiscbox .usercodesubmit .subitem {
font-size: 0.9em;
text-align: left;
margin-left: 10px;
}

.leftmiscbox .usercodesubmit .button {
text-align: right;
}


/* ---------- CODES BY STORE PAGE (unique) ---------- */

#prefercouponcontent {
margin-top: 8px;
}

#prefercouponcontent .top {
background: url(../images/bg_box_store_top.gif) top left no-repeat;
width: 668px;
height: 10px;
}

#prefercouponcontent .mid {
background: url(../images/bg_box_store_mid.gif) top left repeat-y;
width: 668px;
}

#prefercouponcontent .bottom {
background: url(../images/bg_box_store_bottom.gif) top left no-repeat;
width: 668px;
height: 10px;
}

#storealphamenu {
width: 100%;
margin: 10px auto;
font-size: 1.6em;
padding: 5px 0 6px 0;
letter-spacing: 1.8px;
}

#storealphamenu ul {
display: inline;
list-style: none;
}

#storealphamenu li {
display: inline;
padding: 0 4px;
}

#storealphamenu a:link, #storealphamenu a:visited {
border: 1px solid #c9cccd;
padding: 3px 4px;
color: #000;
background-color: #fff;
}

#storealphamenu a:hover {
border: 1px solid #c9cccd;
background-color: #d8e8f2;
color: #e51837;
}

#storealphamenu .selected {
border: 1px solid #747778;
background-color: #16264a;
color: #fff;
padding: 3px 4px;
}

#storealphamenu .small {
font-size: 0.7em;
letter-spacing: 0;
}

#couponstorelist {
width: 600px;
margin: 10px auto 15px 36px;
}

#couponstorelist .bluesectionbar {
background-color: #16264a;
width: 100%;
padding: 6px 0 4px 8px;
}

#couponstorelist .bluesectionbar h3 {
font-size: 2.4em;
font-weight: 400;
color: #fff;
}

#couponstorelist .storetable {
margin: 5px 0 0;
}

#couponstorelist .storetable a:link, #couponstorelist .storetable a:visited {
color: #000;
text-decoration: underline;
}

#couponstorelist .storetable a:hover {
text-decoration: underline;
color: #c74949;
}

#couponstorelist .storetable td {
padding: 4px 3px;
}

#couponstorelist .toplink {
text-align: right;
margin: 6px 25px 3px 0;
font-size: 1.1em;
}

.storepagelinks {
width: 95%;
font-size: 1.7em;
padding: 0 0 0 10px;
margin: 40px 0 15px; 
clear: both;
color: #bfbfbf;
}

.storepagelinks .previous {
float: left;
width: 39%;
}

.storepagelinks .next {
float: left;
text-align: right;
width: 61%;
}


/* ---------- ADVERTISE WITH US PAGE (unique) ---------- */

#advertiseleftcol {
float: left;
width: 925px;
padding-bottom: 20px;
font-size: 1.1em;
}

#advertiseleftcol h2 {
font-size: 2.3em;
padding: 8px 0 8px 10px;
}

#advertiseleftcol .sectionbreak h5 {
font-size: 2.4em;
display: block;
padding: 6px 0 2px 12px;
background: url(../images/advert_bg_section.gif) top left repeat-x;
color: #fff;
height: 46px;
margin: 10px 0 0;
}

#advertiseleftcol .siteitem {
border-top: 1px solid #50585a;
padding-bottom: 10px;
}

#advertiseleftcol p {
padding: 5px 20px 5px 10px;
}

#advertiseleftcol .sitedescrip {
float: left;
width: 615px;
padding: 0 15px 0 0;
}

#advertiseleftcol .screenshot {
float: left;
width: 260px;
padding: 0 0 10px 20px;
margin-top: -15px;
}

#advertiseleftcol .bottomsitedescrip {
float: left;
width: 555px;
}

#advertiseleftcol .rightmedia {
float: left;
width: 365px;
padding-top: 15px;
}

#advertiseleftcol .rightmedia .screenimg {
padding-bottom: 20px;
}

#advertiseleftcol .rightmedia p {
padding: 0 0 0 5px;
line-height: 1em;
}

#advertiseleftcol .rightmedia .testimony {
float: left;
width: 190px;
padding: 0 0 0 12px;
font-size: 0.9em;
}

#advertiseleftcol .rightmedia .testimony p {
line-height: 1.4em;
padding: 0 0 6px;
}

#advertiseleftcol .advertfooter {
display: inline;
list-style: none;
margin: 20px 0 0 0;
padding: 10px 0 0 10px;
}

#advertiseleftcol .advertfooter li {
display: inline;
padding: 0 3px;
}

#advertiseleftcol .advertfooter .logo {
margin-bottom: -10px;
padding-top: 20px;
}
