@charset "utf-8";
/* CSS Document for CouponWinner.com Credit Card section, April 08 */


/* ---- UNIVERSAL STYLES ---- */

#ccheader, #ccheadercreditor {
border-bottom: 1px solid #a2a5a5;
height: 50px;
}

#ccheadercreditor {
height: 109px;
}

#ccsearch {
float: left;
}

#ccnewsletterbox {
padding: 5px 2px 9px 2px;
margin: 0 5px 0 0;
border-top: 1px solid #a2a5a5;
border-right: 1px solid #a2a5a5;
width: 215px;
}

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

#ccnewsletterbox input {
background-color: #f6f8b6;
border: 1px solid #828282;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
padding: 2px;
}

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

#ccheaderright {
width: 99%;
}

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

#ccmenusort {
font-size: 1em;
padding-bottom: 5px;
}

#cctitle {
float: left;
display: inline;
width: 490px;
}

#cctitle h1 {
font-size: 2.7em;
}

#cctitlemain {
padding-bottom: 3px;
}

#cctitlemain h1 {
font-size: 2.3em;
padding-top: 10px;
}

#cccomparelink {
float: right;
padding-top: 9px;
text-align: right;
font-size: 1.2em;
font-weight: bold;
width: 160px;
}

#cccomparelink a:link, #cccomparelink a:visited {
text-decoration: underline;
color: #14ac49;
}


/* ---- CREDIT BUBBLE STYLES ---- */

#cccouponlist {
padding: 5px 0 25px;
}

#cccouponlist h1 {
text-align: center;
font-size: 2.2em;
padding-top: 10px;
}

.cccouponbubble {
width: 900px;
margin: 8px auto;
}

.cccouponbubbletop {
clear: both;
background: url(../images/bg_cccouponbubble_top.gif) top left no-repeat;
height: 12px;
width: 900px;
}

.cccouponbubblemid {
background: url(../images/bg_cccouponbubble_mid.gif) top left repeat-y;
width: 900px;
padding-bottom: 8px;
}

.cccouponbubblebottom {
clear: both;
background: url(../images/bg_cccouponbubble_bottom.gif) top left no-repeat;
height: 12px;
width: 900px;
}

.cccouponbubble h3 {
font-size: 1.3em;
padding-bottom: 8px;
}

.cccouponbubblecardimg {
text-align: center;
width: 160px;
float: left;
padding-right: 6px;
margin-left: 10px;
}

.cccouponbubbleinfo {
width: 590px;
float: left;
}

.cccouponbubbleinfo h3 {
padding-bottom: 6px;
}

.cccouponbubblestats {
float: left;
border: 1px solid #000;
padding: 8px 4px;
font-size: 0.9em;
margin-right: 6px;
}

.cccouponbubblestats ul {
list-style: none;
}

.cccouponbubblestats li {
padding: 5px 0;
}

.cccouponbubblebenefits {
float: left;
width: 390px;
font-size: 0.9em;
}

.cccouponbubblebenefits ul {
list-style: none;
}

.cccouponbubblebenefits li {
padding: 3px 0 3px 5px;
background: url(../images/bg_cc_bullet.gif) 0 5px no-repeat;
}

.cccouponbubblebenefits h6 {
font-size: 1.2em;
padding-bottom: 2px;
}

.cccouponbubbleright {
padding-top: 15px;
float: left;
width: 110px;
font-size: 0.9em;
margin-left: 5px;
}

.cccouponbubblelearnmore {
text-align: center;
font-size: 0.9em;
margin: 10px 0 18px;
color: #8d8c8b;
}

.ccusecouponbutton {
margin: 10px 0 0 9px;
text-align: center;
font-size: 1.3em;
background: url(../images/bg_button_use_coupon.gif) no-repeat top center;
width: 90px;
height: 20px;
padding: 8px 0 0 0;
}

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

.ccusecouponbutton a:hover {
text-decoration: none;
color: #f4cd38 !important;
}


/* ---- MAIN CREDIT CARD PAGE STYLES ---- */

#ccmainsidebar {
float: left;
width: 219px;
text-align: center;
border-right: 1px solid #a2a5a5;
margin-bottom: 15px;
padding-bottom: 30px;
}

#ccmainsidebar h4 {
color: #fff;
background-color: #398cbd;
padding: 3px 0;
border-bottom: 1px solid #327aa5;
font-size: 1.3em;
}

#ccmainsidebar h5 {
font-size: 1.3em;
}

#ccmainsidebar .cardoffer {
width: 175px;
margin: 18px auto;
}

#ccmainleft {
float: left;
width: 694px;
}

#ccgreybox {
background-color: #e7e7de;
border: 1px solid #73736d;
padding: 10px 0;
margin-top: 21px;
}

#selectcardleftfloat {
float: left;
width: 475px;
margin-left: -15px;
}

/* -- needed for the IE margins -- */
html>body #selectcardleftfloat {
margin-left: 0;
}

.selectcardleft, .selectcardright {
float: left;
width: 189px;
background-color: #fff;
border: 1px solid #000;
padding: 6px;
text-align: center;
height: 335px;
}

.selectcardleft {
margin-left: 23px;
}

/* -- needed for the IE margins -- */
html>body .selectcardleft {
margin-left: 25px;
}

.selectcardright {
min-height: 346px;
padding: 0;
margin-left: 23px;
}

/* -- needed for the IE margins -- */
html>body .selectcardright {
margin-left: 6px;
}

#ccrewardtype {
list-style: none;
text-align: left;
margin: 10px 0 1px 30px;
}

#ccrewardtype li {
padding: 5px 0 1px 40px;
height: 32px;
}

#ccrewardtype .airline {
background: url(../images/bg_cc_airline.gif) 0 -4px no-repeat;
}

#ccrewardtype .points {
background: url(../images/bg_cc_points.gif) 0 -4px no-repeat;
}

#ccrewardtype .gas {
background: url(../images/bg_cc_gas.gif) 0 -4px no-repeat;
}

#ccrewardtype .cash {
background: url(../images/bg_cc_cash.gif) 0 -4px no-repeat;
}

#ccrewardtype .hotel {
background: url(../images/bg_cc_travel.gif) 0 -4px no-repeat;
}

#ccrewardtype .business {
background: url(../images/bg_cc_business.gif) 0 -4px no-repeat;
}

#ccrewardtype .student {
background: url(../images/bg_cc_student.gif) 0 -4px no-repeat;
}

#ccrewardtype .prepaid {
background: url(../images/bg_cc_prepaid.gif) 0 -4px no-repeat;
}

.selectcardleft h3, .selectcardright h3 {
font-size: 1.3em;
padding-bottom: 5px;
}

.selectcardleft img {
padding: 4px 0;
}

.ccscoutlist {
padding: 2px 0 0 8px;
word-wrap: break-word;
width: 180px;
text-align: left;
}

.ccscoutlist p {
color: #767779;
font-weight: bold;
}

.ccscoutlist ul {
list-style: none;
margin: 8px 0 4px 8px;
}

.ccscoutlist ul {
list-style: none;
margin: 6px 0;
padding-left: 20px;
}

.ccscoutlist li {
padding-bottom: 15px;
}

.ccscoutbutton {
width: 90px;
margin: 0 auto;
padding: 5px 0 7px 0;
}

#ccbodytext {
text-align: center;
padding: 25px;
font-size: 1.2em;
}

#ccbodytext p {
padding: 6px 0;
line-height: 1.4em;
}