@charset "utf-8";
/* CSS Document for CouponWinner Micro Site v1 Jan 09 */

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

* {
margin: 0; /* do not alter */
padding: 0; /* do not alter */
}

img, form {
border: 0; /* do not alter */
}

#wrap a:link, a:visited {
text-decoration: none; /* change whether a link has an underline, bg color, etc. */
color: #099bd4; /* change the color of links page-wide, unless explicitly defined elsewhere */
}

#wrap a:hover {
text-decoration: none; /* on mouseover, change a link's underline, bgcolor, etc. */
color: #f4cd38; /* on mouseover, change a link's color page-wide */
}


/* --- BODY WRAPPER --- */
/* this is the main box that contains all of the page's contents */

#wrap {
width: 925px;
margin: 15px auto 0;
border: 1px solid #d8d8d8; /* change the left/right/bottom border color and size */
border-top: none;
border-bottom: none;
background-color: #fff;
font-size: 66.5%; /* change the size of text throughout the page */
color: #000; /* change the color of the text throughout the page, unless explicitly defined elsewhere */
font-family: Arial, Verdana, Geneva, sans-serif; /* change the font used on the page, unless explicitly defined elsewhere */
}


/* --- TOP HEADER --- */

#header {
height: 80px; /* change the height of the top header */
background-color: #ffffcc; /* change the background color of the top header */
}

#header h1 {
font-size: 2em; /* change the top header text size */
padding: 30px 0 0 20px;
color: #000; /* change the top header text color */
font-weight: 800; /* change the top header font weight (700 is normal, 800, 900 go bolder */
}


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

.mainmenucontainertop, .mainmenucontainerbottom  {
border-top: 1px solid #525252;
border-bottom: 1px solid #525252;
height: 23px;
background: url(../images/bg_mainmenu.gif) repeat-x top left; /* to change the background image/color of the main menu, replace the bg image with one of your choosing, but be sure it's the same width and height */
padding: 1px 0 1px 0;
z-index: 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; /* font size for the main categories can be changed, but is not advised */
}

/* -- needed for the IE margins -- */
html>body .mainmenucontainertop, .mainmenucontainerbottom  {
padding: 1px 0 4px 0;
}

.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%;
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, .menudropstyletop ul li a .catselect {
color: #fff !important; /* change the color of the categories in the top row main menu. leave the !important tag in place */
padding: 5px 18px 5px 11px; /* change to make categories in first row of main menu line up horizontally */
margin: 0;
text-decoration: none;
border-right: 1px solid #404040;
z-index: 1;
}

.menudropstyle ul li a, .menudropstyle ul li a .catselect {
color: #fff !important; /* change the color of the categories in the bottom row main menu. leave the !important tag in place */
padding: 5px 17px 5px 9px; /* change to make categories in second row of main menu line up horizontally */
margin: 0;
text-decoration: none !important;
border-right: 1px solid #404040;
z-index: 1;
}

.menudropstyle ul li a:hover, .menudropstyletop ul li a:hover  {
color: #f8d85f !important; /* change the color of the mouseover color on both rows of the main menu. leave the !important tag in place */
z-index: 1;
}

.menudropstyletop .catselect, .menudropstyle .catselect {
color: #f8d85f !important; /* change the color of the selected category (i.e. most popular coupons) */
}

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

.dropmenudiv {
position:absolute;
top: 0;
border: 1px solid #454545; /* change the border color of the dropdown menus */
border-bottom-width: 0;
font-size: 12px;
font-weight: 500;
line-height:18px;
z-index: 500;
background-color: #ade1f9; /* change the background color of the dropdown menus */
width: 200px;
visibility: hidden;
color: #000;
}

.dropmenudiv a {
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #454545; /* this should be changed in conjunction with the border style above */
padding: 4px 0;
text-decoration: none !important;
font-weight: normal;
color: #000 !important; /* change the color of the text in the drop downs. leave the !important tag intact */
z-index: 1;
}

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

.dropmenudiv a:hover {
background-color: #f26d22; /* change the color of the background color of a subcategory when you roll over it */
color: #fff !important; /* change the color of the subcategory text when you roll over it */
z-index: 1;
}


/* --- COUPONWINNER PAGE HEADER --- */

#pagesecheader {
text-align: center;
border-bottom: 1px solid #d8d8d8; /* change the border size/color of the page title section */
padding: 10px 0;
}

#pagesecheader .similar {
list-style: none;
color: #c5c5c5;
font-size: 12px;
}

#pagesecheader .similar li {
list-style: none;
display: inline;
padding: 0 2px;
}

#pagesecheader .similar .nolink {
padding: 0 8px 0 0;
color: #000;
}

#pagesecheader h2 {
font-size: 26px; /* change the font size of the page title */
font-weight: 800; /* change the weight of the page title */
padding: 10px 0 8px 0;
color: #000;
}

#pagesecheader .couponsort, #footer .couponsort {
color: #c5c5c5;
font-size: 13px;
list-style: none;
font-weight: 800;
}

#pagesecheader .couponsort li, #footer .couponsort li {
display: inline;
padding: 0 6px;
}

#pagesecheader .pagingmenu {
width: 200px;
text-align: right;
position: relative;
float:left;
left: 710px;
top: -20px;
}


/* --- COUPONWINNER SECONDARY PAGE HEADER --- */

#pagesmallheader {
padding: 5px 0;
border-bottom: 1px solid #d8d8d8;
}

#pagesmallheader h3 {
font-size: 20px;
font-weight: 800;
color: #be0002;
text-align: center;
}

#pagesmallheader .small {
font-size: 16px;
}

#pagesmallheader .returnlink {
width: 240px;
font-size: 12px;
margin-bottom: -14px;
padding: 5px 0 0 10px;
}

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

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

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

.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;
}


/* --- COUPONS --- */

#coupons {
clear: both;
}

#coupons .couponbubble {
margin-bottom: 6px;
font-family: Verdana, Arial, sans-serif;
}

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

.couponbubblemid {
background: url(../images/bg_couponbubble_mid.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: 17px;
}

#coupons .couponcode {
margin-top: -6px;
}

#coupons .coupondescrip {
font-size: 11px;
}

#coupons .couponcoderedbubble {
margin: 2px 0 1px 0;
font-size: 1.1em;
}

#coupons .couponcoderedbubble a:link, #coupons .couponcoderedbubble a:visited {
color: #FF0000 !important;
}

#coupons .couponcoderedbubble a:hover {
color: #f4cd38 !important;
}

#coupons .redeemcenter {
padding-left: 22px;
}

#coupons .redeem {
height: 34px;
list-style: none;
display: inline;
overflow: hidden;
text-align: center;
}

#coupons .redeembutton li, #coupons .suggestsubmit li {
list-style: none;
display: inline;
}

#coupons .redeembutton a, #coupons .suggestsubmit a {
float: left;
padding: 34px 0 0 0;
overflow: hidden;
height: 0px !important; 
}

#coupons .redeembutton a:hover, #coupons .suggestsubmit a:hover {
background-position: 0 -33px;
}

#coupons .redeembutton a {
width: 90px;
background: url(../images/bg_button_redeem.gif) top left no-repeat;
}

#coupons .pagingmenucontent {
text-align: right;
padding: 10px 15px 5px 0;
}

#coupons .couponbubble h4 {
font-weight: bold;
font-size: 13px;
margin: 0 0 4px 0;
}

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

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

#coupons .expiredate {
text-align: left;
width: 220px;
margin: 3px 0 0 0;
}

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


/* --- 	SHARE A COUPON PAGE --- */

.sharebox {
width: 632px;
margin: 25px auto 70px;
}

.sharebox .top {
background: url(../images/bg_box_share_top_wide.gif) top left no-repeat;
height: 9px;
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: 13px;
}

.sharebox .sharecontent {
background: url(../images/bg_magnify_glass.gif) 40px 0 no-repeat;
}

.sharebox .sharecontent h3 {
color: #000; /* change color of title text inside the share box */
padding: 10px 10px 0 120px;
font-size: 2.2em; /* change size of title text inside the share box */
color: #000;
}

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

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

.sharebox .sharecontent li {
padding: 8px 0;
list-style: none;
}

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

.sharebox .suggestbuttonbox {
text-align: right;
}

#coupons .suggestsubmit a {
width: 90px;
background: url(../images/bg_button_submit.gif) top left no-repeat;
}

.sharebox .suggestsubmitbox {
width: 40px;
text-align: right;
margin-left: 460px;
}


/* --- SUPPORT PAGE --- */

.supportbox {
width: 498px;
margin: 25px auto 70px;
}

.supportbox .top {
background: url(../images/bg_box_support_top.gif) top left no-repeat;
height: 9px;
width: 498px;
}

.supportbox .mid {
background: url(../images/bg_box_support_mid.gif) top left repeat-y;
width: 498px;
padding: 0 4px;
font-size: 12px;
}

.supportbox .mid h3 {
font-size: 24px; /* change size of title text inside the supprt box */
font-weight: normal;
text-align: center;
color: #000;
}

.supportbox .mid ul {
padding: 15px 0 0;
margin-right: 70px;
}

.supportbox .mid li {
padding: 8px 0;
text-align: right;
list-style: none;
}

.supportbox .bottom {
background: url(../images/bg_box_support_bottom.gif) top left no-repeat;
width: 632pxpx;
height: 14px;
}

.supportbox .mid .suggestsubmitbox {
margin-left: 345px;
}



/* --- PAGE FOOTER --- */

#footer {
padding: 10px 0 20px;
border-top: 1px solid #d8d8d8; /* change the border color for the footer */
text-align: center;
}

#footer h6 {
padding: 15px 0 0;	
}