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

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

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

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

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

body {
font-family: Arial, Verdana, Geneva, sans-serif; /* change the font used on the page, unless explicitly defined elsewhere */
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 */
background-color: #fff; /* change the overall background color of the page (#fff being white) */
}

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

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: 620px;
margin: 0 auto;
border: 1px solid #333; /* change the left/right/bottom border color and size */
border-top: none;
}


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

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

#coupons .similar {
list-style: none;
color: #c5c5c5; /* change vertical spacer "|" colors */
font-size: 11px;
width: 600px;
text-align: left;
padding: 10px 0 0 2px;
}

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

#coupons .similar .nolink {
padding: 0 4px 0 0;
color: #000;
}

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

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


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

#pagesmallheader {
padding: 5px 0;
border-bottom: 1px solid #535353; 
margin-bottom: 15px;
}

#pagesmallheader h3 {
font-size: 20px; /* change size of title text at the top of share page */
font-weight: 800; /* change weight of title text at the top of support and share pages, 700 is lighter */
color: #be0002; /* change color of title text at the top of support and share pages */
text-align: center;
}

#pagesmallheader .small {
font-size: 16px; /* change size of title text at the top of support page */
}

#pagesmallheader .returnlink {
width: 130px;
font-size: 12px; /* change size of link back to coupons- don't make much big */
margin-bottom: -14px;
padding: 0 0 0 6px;
}

.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 2px;
margin: 0 0 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;
}


/* ----- MAIN MENU (global) ----- */

#coupons .mainmenububble {
width: 600px;
padding: 0 0 10px 10px;
}

#coupons .mainmenububble .top {
background: url(../images/bg_box_mainmenububble_top.gif) no-repeat top left;
width: 600px;
height: 7px;
}

#coupons .mainmenububble .mid {
background: url(../images/bg_box_mainmenububble_mid.gif) repeat-y top left;
width: 590px;
padding-left: 10px;
}

#coupons .mainmenububble .bottom {
background: url(../images/bg_box_mainmenububble_bottom.gif) no-repeat top left;
width: 600px;
height: 7px;
}

#coupons .mainmenububble .jumpmenuleft {
float: left;
}

#coupons .mainmenububble label {
font-size: 18px;
}

#coupons .mainmenububble option.cat {
font-weight: bold !important;
font-size: 13px;
color: #000;
padding: 2px 0 !important;
background-color: #f5f5f5;
}

#coupons .mainmenububble .mainmenu {
color: #026eac;
padding: 1px;
}

#coupons .mainmenububble .mainmenu option {
padding: 1px 0 1px 3px;
}

#coupons .mainmenububble .powerlogo {
float: right;
padding-right: 10px;
}


/* --- COUPONS --- */

#coupons {
width: 620px;
padding-top: 17px;
}

#coupons h2 {
font-size: 17px; /* change the font size of the page title */
font-weight: 800; /* change the weight of the page title */
padding: 3px 0 0 14px;
float: left;
width: 394px;
}

#coupons .pagingmenu {
width: 200px;
text-align: right;
float:left;
}

#coupons .couponbubble {
margin: 3px auto 12px;
width: 590px;
font-family: Verdana, Arial, sans-serif;
}

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

.couponbubblemid {
background: url(../images/bg_couponbubble_mid.gif) repeat-y top left;
width: 590px;
}

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

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

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

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

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

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

#coupons .couponcoderedbubble {
margin: 2px 0 1px 0;
}

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

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

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

#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: 2px 15px 5px 0;
}


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

.sharebox {
width: 590px;
margin: 0 auto 60px;
padding-top: 7px;
}

.sharebox .top {
background: url(../images/bg_couponbubble_top.gif) no-repeat top left;
width: 590px;
height: 7px;
}

.sharebox .mid {
background: url(../images/bg_couponbubble_mid.gif) repeat-y top left;
width: 590px;
}

.sharebox .bottom {
background: url(../images/bg_couponbubble_bottom.gif) no-repeat top left;
width: 590px;
height: 7px;
}

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

.sharebox .content 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 */
}

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

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

.sharebox .content 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: 0 auto 70px;
padding-top: 7px;
}

.supportbox .top {
background: url(../images/bg_box_support_top.gif) top left no-repeat;
height: 7px;
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 .bottom {
background: url(../images/bg_box_support_bottom.gif) top left no-repeat;
width: 632pxpx;
height: 7px;
}

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

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

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

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



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

#footer {
padding: 5px 0 20px;
text-align: center;
}

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