@charset "utf-8";
/* CSS Document for CouponWinner.ca Feb 2008 */

/* ---------- UNIVERSALS ---------- */

* {
margin: 0;
padding: 0;
border: 0;
}

input {

}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 66.5%;
color: #000;
background-color: #fff;
}

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

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

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

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

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

#toplogo {
width: 645px;
float: left;
background-color: #fff;
}

#toplogo img, #toplogo h2 {
display: inline;
}

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

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

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

#bookmarklink {
top: 45px;
left: 40px;
width: 125px;
float: left;
position: relative;
}

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

#toptabcontainer {
clear: both;
}


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

#toptabs {
margin-left: 26px;
}

#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: 75px;
background: url(../images/toptab_home.gif) top left no-repeat;
padding-right: 18px;
}

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

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

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

#toptabfree a {
width: 141px;
background: url(../images/toptab_free_ship.gif) top left no-repeat;
padding-right: 18px;
}

#toptabstore a {
width: 112px;
background: url(../images/toptab_store.gif) top left no-repeat;
padding-right: 18px;
}

#toptabgifts a {
width: 104px;
background: url(../images/toptab_gift_card.gif) top left no-repeat;
padding-right: 18px;
}


/* ---------- 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-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
}

.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: 5px 0;
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 #404040;
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 #404040;
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: #f8d85f !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: #f8d85f;
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: #bf0000;
color: #fff !important;
z-index: 1;
}


/* ---------- LEFT TOP CONTAINER (FRONT PAGE) SECTION ---------- */

#frontleftcontainer {
float: left;
width: 240px;
}


/* ---------- EXCLUSIVE COUPONS (FRONT PAGE) SECTION ---------- */

#frontexclusive a:link, #frontexclusive a:visited {
color: #3b82b1;
}

#frontexclusive a:hover {
color: #f4cd38 !important;
}

#frontexclusive {
width: 240px;
background-color: #e2e3e4;
border-bottom: 1px solid #828282;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

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

#frontexclusive .bubble {
background: url(../images/bg_exclusive_bubble.gif) top left no-repeat;
height: 43px;
padding: 4px 0 0 6px;
margin: 4px auto 3px 5px;
}

#frontexclusive p {
line-height: 1.8em;
}

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

#frontexclusive .red {
color: #f60002;
}

#frontexclusive .usecode {
position: relative;
top: 5px;
right: 6px;
width: 56px;
float: right;
}

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

#frontexclusivemore {
text-align: right;
padding: 0 4px 2px 0;
}

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


/* ---------- EMAIL NEWSLETTER (FRONT PAGE) SECTION ---------- */

#frontemailbox {
width: 200px;
}

#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-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
padding: 2px;
}

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

#frontemailbox .break {
height: 1px;
width: 160px;
margin: 8px auto;
background-color: #bf0000;
}

#frontemailbox .testimonials {
text-align: center;
font-size: 1.1em;
font-weight: bold;
padding-bottom: 5px;
}

/* -- needed for the IE margins -- */
html>body #frontemailbox .testimonials {
padding-bottom: 8px;
}


/* ---------- TOP HALF OF RIGHT SIDE CONTAINER (FRONT PAGE) SECTION ---------- */

#frontcenterrightcontainer {
float: left;
width: 685px;
}

/* ---------- TOP CENTER CONTAINER (FRONT PAGE) SECTION ---------- */

#frontcentercontainer {
float: left;
width: 485px;
}

/* ---------- MAIN PHOTO (FRONT PAGE) SECTION ---------- */

#frontphoto {
border-left: 1px solid #828282;
border-right: 1px solid #828282;
float: left;
}


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

#frontlinklist {
margin-left: 2px;
padding-right: 8px;
margin-top: 1px;
border-right: 1px solid #828282;
float: left;
width: 174px;
}

#frontlinklist ul {
list-style-type: none;
margin-left: 5px;
}

#frontlinklist li {
list-style-type: none;
padding: 8px 0;
}

#frontlinklist a:link, #frontlinklist a:visited {
font-weight: bold;
font-size: 1.1em;
text-decoration: none;
}

/* ---------- SEARCH BAR (FRONT PAGE) SECTION ---------- */

#frontsearchbar {
clear: both;
background-color: #f8d85f;
padding: 4px 0 5px 3px;
border: 1px solid #828282;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

#frontsearchbar img {
display: inline;
}

#frontsearchbar label {
margin-bottom: 3px;
}


/* ---------- TOP RIGHT MISC (FRONT PAGE) SECTION ---------- */

#frontrightcontainer {
float: left;
width: 200px;
border-bottom: 1px solid #828282;
}

#frontcouponoftheday {
border-bottom: 1px solid #828282;
padding-bottom: 4px;
}

#frontcouponoftheday a:link, #frontcouponoftheday a:visited {
text-decoration: none;
color: #3b82b1;
}

#frontcouponoftheday a:hover {
color: #f4cd38;
}

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

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

#frontcouponoftheday .red {
color: #f60002;
}

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

#frontpromobanner {

}


/* ---------- COUPON SLIDING (FRONT PAGE) SECTION ---------- */

#frontcouponslide {
width: 920px;
clear: both;
border-left: 1px solid #828282;
height: 40px;
}

#frontcouponslide img {
border-right: 1px solid #bf0000;
padding-right: 2px;
}


/* ---------- BOTTOM HALF (FRONT PAGE) SECTION ---------- */

#frontbottomcontainer {
border-top: 1px solid #828282;
clear: both;
}


/* ---------- BANNER IMAGES (FRONT PAGE) SECTION ---------- */

#frontadbanners {
float: left;
width: 240px;
}

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


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

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

#frontcouponlist h1 {
font-size: 2.5em;
}

.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;
color: #3b82b1 !important;
}

.frontcouponbubblemid a:hover {
color: #f4cd38 !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;
}

.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: 1.1em;
background: url(../images/bg_button_use_coupon.gif) no-repeat top center;
width: 97px;
height: 28px;
padding: 6px 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: #f4cd38 !important;
}


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

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

#footermenu {
margin-left: 6px;
}

#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: 6px;
}

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

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

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

#footerprivacy a {
width: 105px;
background: url(../images/footer_privacy.gif) top left no-repeat;
padding-right: 6px;
}

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

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

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

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


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

#footerlegal {
margin: 15px auto 10px auto;
text-align: center;
}

#footerlegal p {
line-height: 1.8em;
}

#footerlegal img {
display: inline;
}