its /* CSS Document */ --------------------------------------------- 01. MAIN/DEFAULT ELEMENTS --------------------------------------------- */ *{margin:0; padding:0; outline:none;} body { margin:0; padding:0; background:#FFFFFF url(../images/bg_top.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif} p { margin:0px; padding:0px; font-size:11px; font-weight:normal; color:#333; line-height:1.4em} p a:link, p a:visited {color:#5f5f5f; text-decoration: none;} p a:hover {color:#5f5f5f; text-decoration: underline} p.darkblue {color:#244055;} h1 { margin:0px; padding:0px; font-size:18px; font-weight:normal; color:#2a405b} h2 { margin:0px; padding:0px; font-size:18px; font-weight: bold; color:#2a405b; text-align:center;} h4 { margin:0px; padding:0px; background:url(../images/bg_h3_selected_prize.gif) no-repeat; width:195px; height:42px; color:#255084; font-size:18px; font-weight:bold; padding:10px 0 0 0; text-align:center;} h5.selectedprize, h5.completedoffers {padding: 0 0 0 30px; height:40px;} h5.selectedprize, h5.completedoffers {padding: 0 0 0 30px; height:40px;} h5.referralcompletion {padding:0 0 5px 0; height:34px;} h6 { margin:0px; padding:0px; font-size:11px; font-weight: bold; color:#004d84; line-height:1.4em; font-family:"Tahoma", Arial, Helvetica, sans-serif;} h6 a:link, h6 a:visited {color:#004d84; text-decoration: none;} h6 a:hover {color:#004d84; text-decoration: underline} img { border:none} /* --------------------------------------------- 02. CONTAINER AND WRAPPER --------------------------------------------- */ #container { width:900px; margin:0 auto} #wrapper { width:885px; float:left; padding-left:15px; padding-bottom:20px} /* --------------------------------------------- 03. HEADER STYLES --------------------------------------------- */ #header { width:885px; height:108px; float:left; padding-top:10px} #header .logo { float:left; padding-top:5px} #header .img_free { float: right; padding-right:35px; position:relative} /* --------------------------------------------- 04. TOP NAV STYLES --------------------------------------------- */ #nav { width:865px; height:30px; margin-top:1px; float:left; background:url(../images/bg_nav.gif) no-repeat center; padding-top:4px; padding-right:6px;} #nav ul.links { margin:0; padding:0; float:right} #nav ul.links li { margin:0; padding:0; float: left; text-align:right; color:#dfebf8; font-size:12px; font-weight:bold; padding:6px 13px; list-style:none} #nav ul.links li a:link, #nav ul.links li a:visited { color:#dfebf8; text-decoration:none} #nav ul.linkspromo { margin:0; padding:0; left} #nav ul.linkspromo li { margin:0; padding:0; float: left; text-left; color:#dfebf8; font-size:18px; font-weight:bold; padding:2px 13px; list-style:none} #nav ul.linkspromo li a:link, #nav ul.linkspromo li a:visited { color:#ffffff; text-decoration:none} /* --------------------------------------------- 05. GREEN BAR --------------------------------------------- */ #greenbar { width:871px; height:20px; float:left; background:url(../images/bg_greenbar.gif) no-repeat} /* --------------------------------------------- 06. STEPS MAIN --------------------------------------------- */ #steps { width:885px; float:left; height:165px; background:url(../images/bg_steps.gif) no-repeat top left} #steps2 { width:885px; float:left; height: auto; background:url(../images/bg_steps2.gif) no-repeat top left} /* --------------------------------------------- 06.1 STEPS - 3 STEPS - LEFT --------------------------------------------- */ #steps .left_steps { width:420px; float:left; padding-left:20px; padding-top:58px} #steps ul.links { margin:0; padding:0; list-style:none; float:left; width:420px; font-size:12px} #steps ul.links li {list-style:none;} #steps ul.links li a {color:#254d80; font-weight:bold; text-decoration:none; display:block; width:338px; padding:7px 0; padding-left:60px} #steps ul.links li a:hover { text-decoration: none} #steps2 .left_steps { width:420px; float:left; padding-left:20px; padding-top:58px} #steps2 ul.links { margin:0; padding:0; list-style:none; float:left; width:420px; font-size:12px} #steps2 ul.links li {list-style:none;} #steps2 ul.links li a {color:#254d80; font-weight:bold; text-decoration:none; display:block; width:338px; padding:7px 0; padding-left:60px} #steps2 ul.links li a:hover { text-decoration: none} /* --------------------------------------------- 06.2 STEPS - SIGN UP - RIGHT --------------------------------------------- */ #signup { width:440px; float:right; padding-top:25px} #signup p { width:250px; float:left; font-size:11px; color:#7e9ab8; padding-top:15px} #signup fieldset { width:440px; margin:0; padding:0; border: none} #signup fieldset label { width:140px; float:left; margin:0; padding:0; font-size:12px; color:#254d80; font-weight:bold; padding-right:6px; } #signup label { width:140px; float:left; margin:0; padding:0; font-size:12px; color:#254d80; font-weight:bold; padding-right:6px; } #signup fieldset label.textbig { font-size:21px; letter-spacing:-1px; color: #254D80} label.textbig { font-size:21px; letter-spacing:-1px; color: #254D80} #signup span.textbig { font-size:21px; letter-spacing:-1px; color: #254D80} span.textbig { font-size:21px; letter-spacing:-1px; color: #254D80} #signup fieldset label.textemail { padding-top:5px} #signup label.textemail { padding-top:5px} #signup fieldset .input { width:234px; float:left; margin:0; padding:0; font-size:14px; background:url(../images/bg_input.gif) repeat-x top left; border-left:1px solid #babbbb; border-top:1px solid #babbbb; border-bottom:1px solid #e3ecf8; border-right:1px solid #e3ecf8; padding:5px} .input { width:234px; float:left; margin:0; padding:0; font-size:14px; background:url(../images/bg_input.gif) repeat-x top left; border-left:1px solid #babbbb; border-top:1px solid #babbbb; border-bottom:1px solid #e3ecf8; border-right:1px solid #e3ecf8; padding:5px} #signup fieldset .user { width:280px; height:25px; float:left; background:url(../images/bg_user.png) no-repeat top left; padding-left:14px; padding-top:6px; margin-bottom:12px} #signup fieldset .radio { float:left; width:24px} #signup fieldset .text { float:left; width: auto; font-size:13px; font-weight:bold; color:#254d80; padding-right:5px} #signup fieldset .button_signup { float:left; padding-top:10px} /* --------------------------------------------- 07. CONTENT --------------------------------------------- */ #content { width:873px; float:left;} #content h1 { width:850px; height:29px; background:url(../images/bg_heading.png) no-repeat top center;; padding-top:7px; padding-left:23px;} #wrap h1 { width:575px; height:29px; background:url(../images/bg_heading475.png) no-repeat top center;; padding-top:7px; padding-left:23px;} #content h1 .bold { font-weight:bold} /* --------------------------------------------- 08. SELECT BOX STYLES --------------------------------------------- */ #selectbox { width:860px; float:left; border:1px solid #dee5ec; border-bottom:3px solid #dee5ec; background:url(../images/bg_selectbox.gif) repeat-x top left; padding-top:20px; padding-bottom:20px; margin-top:1px; padding-left:6px; padding-right:5px;} #selectbox h2 { width:172px; text-align:center; float:left; padding-top:10px; padding-bottom:5px} #selectbox .button_back { width:36px; height:55px; float:left; padding-top:42px} #selectbox .content { width:730px; float:left; padding-left:34px; padding-right:24px} #selectbox .set { width:172px; height:196px; float:left; margin-right:10px} #selectbox .set:hover { width:172px; height:196px; float:left; background:url(../images/bg_prdhover.png) no-repeat top} #selectbox .set .product { width:170px;text-align:center; float:left; padding-top:10px; height:122px;} #selectbox .set .radio { width:170px; text-align:center; float:left} #selectbox .button_next { width:36px; height:55px; float: right; padding-top:42px} #selectbox2 { width:563px; border:1px solid #dee5ec; border-bottom:3px solid #dee5ec; background:url(../images/bg_selectbox.gif) repeat-x top left; padding-top:20px; padding-bottom:20px; margin-top:1px; padding-left:6px; padding-right:5px; margin-left: 10px; } /* --------------------------------------------- 08.1 SELECT BOX - SHADOW --------------------------------------------- */ #selectbox_shadow { width:873px; height:10px; float:left; background:url(../images/shadow_selectbox.gif) no-repeat top} /* --------------------------------------------- 0.9 FOOTER STYLES --------------------------------------------- */ #bgfooter { width:100%; float:left; background:url(../images/bg_footer.gif) repeat-x top center; text-align:center; padding-top:7px; padding-bottom:40px} #footer { width:885px; margin:0 auto} #footer p { font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding-bottom:5px} #footer .logo { float:center; padding-top:20px} #footer .copyright { float:center; text-align:center; padding-top:20px} /* --------------------------------------------- 0.10 ADDED STYLES --------------------------------------------- */ #box { background: url(../images/box-bg.png) top center no-repeat; height: 154px; width: 420px; margin: 0px auto; } fieldset{ width: 490px; margin: 10px 26px; padding: 10px; border: 1px solid #8CAFD3; } legend{ padding: 0 5px; color: #5483BC; background-color: #fff; font-size: 10pt; font-weight: bold; } legend span{ color: #3b9ef5 !important; } /* --------------------------------------------- 10. INNERPAGE STYLES --------------------------------------------- */ #content .toptext { width:873px; padding-bottom:25px; float:left; text-align:center} /* --------------------------------------------- 10.1 INNERPAGE- LEFT BOX --------------------------------------------- */ #content_left { width:195px; height:184px; float:left; padding-left:35px} #content_left .box { width:195px; height:184px; float:left; padding:0; background:url(../images/bg_left_column.gif) top repeat-x #fff; text-align:center; border:1px solid #e1e7ee; } #content_left img {text-align:center} #content_left p {font-weight:bold; padding:29px 0 0 0; font-size:14px; color:#254f81; text-align:center} /* --------------------------------------------- 10.2 INNERPAGE- RIGHT BOX --------------------------------------------- */ #content_right {width:597px; float:right; } #yourselectedprize {background:url(../images/bg_your_selected_prize.jpg) no-repeat; height:184px; width:597px; float:left; text-align:center} #yourselectedprize p span {color:#1f8c00; text-decoration:underline;} #yourselectedprize p a {color:#266899; text-decoration:underline;} #yourselectedprize p.darkblue {padding:20px 0;} #referralcompletion {width:527px;background:url(../images/bg_referral_completion.gif) top repeat-x #fff; padding:18px 0 0 70px; float:left;} #referralcompletion .referralstatus {width:509px; height:21px;} /* --------------------------------------------- 10.2 INNERPAGE- YOUR COMPLETED OFFER --------------------------------------------- */ #yourcompletedoffer {background:url(../images/bg_completedOffer.gif) repeat-y; width:851px; float:left; margin:25px 0 0 4px;} #yourcompletedoffer .middle { background:url(../images/bg_top_completedOffer.gif) top no-repeat; width:851px;} #yourcompletedoffer .bottom {background:url(../images/bg_btm_completedOffer.gif) no-repeat top; height:18px; width:851px; text-align:center} #yourcompletedoffer .bottom_line {width: 850px; height: 1px; border-top: 1px solid #d6dde3} table.completedoffer {margin:10px auto;} table.completedoffer tr td {font-weight:bold; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif} table.completedoffer tr.tableheader td { font-size:11px; color:#1d4f7c; font-weight:bold; padding:5px 0;} table.completedoffer tr.tableheader td.date, table.completedoffer tr.tableheader td.item, table.completedoffer tr.tableheader td.status {text-align:center;} table.completedoffer tr td.orange {text-align:center; padding:5px 0; color:#ff4e00; f} h5.selectedprize, h5.completedoffers {padding: 0 0 0 30px; height:40px; margin: 0; padding: 0; } .round { width: 802px; height: 145px; background: url(../images/round.gif) top center no-repeat; padding: 20px; margin: 0px auto } .round .inner { width: 95%; margin: 0px auto }