/********************************************************************/ /* reset landing style */ /********************************************************************/ #midContent ul, #midContent ol, #midContent li, #midContent p, #midContent h1, #midContent h2, #midContent h3, #midContent h4, #midContent img{margin:0; padding:0px; list-style:none outside;} #midContent ol, #midContent ul, #midContent li, #midContent p {font: normal normal normal 12px/16px Arial, Helvetica, sans-serif; color:#595959;} #midContent span, #midContent table, #midContent tr, #midContent td, #benefits p{font-family:Arial, Helvetica, sans-serif;} #mi-wrp #mi-navi {padding-bottom:20px;} #content-wrapper h2 { padding-bottom:15px;} /********************************************************************/ /* benefit */ /********************************************************************/ /*url(file:///hotlink/09refresh/02_plans/simpati_k/images/title-benefit.jpg)*/ #benefits{width:560px;} #benefits h2{width:395px; height:35px; text-indent:-9999px;background:url(../images/title-benefits.gif) no-repeat left top;} #benefits h4{background:url(../images/title-benefith4.gif) no-repeat left top; width:226px; height:17px; text-indent:-9999px;} #content-start{width:600px; padding-left:5px;} #benefits p{font: normal normal normal 12px/16px Arial, Helvetica, sans-serif; color:#595959; padding-left:15px;} #get-reward{margin-top:20px; background:url(../images/benefit_bg.jpg) no-repeat left top; width:548px; height:500px; font: normal normal normal 12px/16px Arial, Helvetica, sans-serif; color:#595959;} #rates-benefit {display:block; float:left; width:220px; margin-left:33px; margin-top:120px;} #reward-benefit{display:block; float:left; width:220px; margin-left:51px; margin-top:120px;} #treat-benefit{display:block; float:left; width:220px; margin-left:33px; margin-top:215px;} #first-benefit{display:block; float:left; width:220px; margin-left:56px; margin-top:215px;} #faq_tnc{margin-top:30px; padding-left:20px;} #hyc-tnc p{font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959; padding-left:15px; padding-bottom:10px;} #hyc-faq p{font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959; padding-left:15px;} #hyc-faq h4{background:url(../images/title-faq.jpg) no-repeat left top; width:50px; height:17px; text-indent:-9999px; padding-bottom:10px;} #hyc-tnc h4{font: normal normal bold 14px/16px Arial, Helvetica, sans-serif; color:#595959; padding-left:15px; padding-bottom:0px; padding-top:10px;} #hyc-tnc h2{color:#595959; background:url(../images/title-tnc.jpg) no-repeat left top; width:197px; height:17px; text-indent:-9999px; padding-bottom:10px;} #hyc-tnc ol li{margin-left:20px; font-size:11px; list-style:outside lower-roman;} #hyc-tnc ol{list-style:outside; margin:0; padding:0;} #hyc-tnc ul#inner_ul {padding-left:20px;} #hyc-faq ol li{margin-left:35px; font-size:11px; list-style:outside lower-roman;} #hyc-faq ol{list-style:outside; margin:0; padding:0;} #hyc-faq ul#faq_ul li{margin-left:30px; padding-left:0px; font-size:11px;list-style:outside lower-roman;} #hyc-faq ul li{list-style:outside lower-roman;} /********************************************************************/ /* rates */ /********************************************************************/ #howtojoin{width:560px;} #howtojoin h2{width:140px; height:16px; text-indent:-9999px;background:url(../images/title-howtojoin.gif) no-repeat left top;} #rates {width:560px;} #rates h2{width:298px; height:38px; text-indent:-9999px;background:url(../images/title-rates.jpg) no-repeat left top;} #rates p, #non-hotlink, #howtojoin p{font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959; padding-left:15px;} #low-rate h4{text-indent:-9999px; background:url(../images/lowestrates.jpg) no-repeat left top; width:545px; height:164px; padding-top:0px; margin-top:0px;} #divider {text-indent:-9999px; background:url(../images/greyline.gif) no-repeat left top;} #compare-rate{background:url(../images/compare_rate.jpg) no-repeat left top; height:450px;font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959;} #compare-example{margin-bottom:25px; background:url(../images/rate-example.jpg) no-repeat left top; width:549px; height:177px;} #example-text{margin-left:35px; width:80px; margin-top:60px; display:block; float:left;} #table-dis {display:block; float:left; width:140px; margin-left:30px; margin-top:90px;} #hotlinkyouthclub{display:block; float:left; margin-left:65px;margin-top:90px;} #operatorC{display:block; float:left; margin-left:110px;margin-top:90px;} #operatorD{display:block; float:left; margin-left:110px;margin-top:90px;} #join-wrapper{display:block; height:650px;} #join-wrapper h4{text-indent:-9999px; background:url(../images/join.jpg) no-repeat left top; height:24px;} #non-hotlink{background:url(../images/rates-nonHotlink.jpg) no-repeat left top;height:288px; } /********************************************************************/ /* rewards */ /********************************************************************/ #rewards {width:560px;} #rewards h2{text-indent:-9999px;background:url(../images/title-rewards.gif) no-repeat left top;width:249px; height:17px;} #rewards p{font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959; padding-left:15px;} #rewards-contentWrapper {width:560px;} #pri-logos {width:560px;} #vouchers-ayamas, #vouchers-manhattan, #vouchers-watson, #vouchers-bodyshop, #vouchers-voir, #vouchers-snack, #vouchers-rasamas, #vouchers-professor, #vouchers-memorylane, #vouchers-domino{width:580px; height:300px; position:absolute; top:10px; left:400px; background:url(../images/location-box.gif) left top no-repeat; z-index:1000; display:none; margin-top: 750px; margin-left:20px;} #voucher-close {width:41px; height:21px;line-height:0px; position:absolute; right:34px; top: 3px;} #voucher-close a {text-indent:-9999px; background:url(../images/location-close.gif) left top no-repeat; display:block; width:47px; height:41px;} #voucher-wrp {margin-left:5px; padding-top:15px; width:560px;} #voucher-leftpanel{width:220px; display:block; float:left;} #voucher-rightpanel{width:250px; display:block; float:left;} #vouchers-lower{width:580px; height:300px; position:absolute; top:0; left:0; background:url(../images/location-box.gif) left top no-repeat; z-index:1000; display:block; margin-top: 900px; margin-left:20px;} #voucher-wrp p#tnc-text{font-family:Arial, Helvetica, sans-serif; color:#F00; font-weight:bold; font-size:12px; padding-left:10px;} #voucher-wrp ul#tnc-copy, ul#tnc-copy li, ul#tnc-copy2, ul#tnc-copy2 li{padding:0; margin:0;} #voucher-wrp p#tnc-copy{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px; width:250px;} #voucher-wrp ul#tnc-copy {list-style:outside disc; margin-left:20px;} #voucher-wrp ul#tnc-copy li {margin-left:20px; font-size:11px; list-style:outside disc; width:250px} #tnc-copy2{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px; width:480px;} #voucher-wrp ul#tnc-copy2 {list-style:outside disc; margin-left:20px;} #voucher-wrp ul#tnc-copy2 li {margin-left:20px; font-size:11px; list-style:outside disc;} #rasamas{padding-top:10px; padding-right:10px; margin-left:250px; width:380px; display:block;} #reward-table-rates {background:url(../images/hyvrebg.jpg) no-repeat left top; width:448px; height:190px;} #hhyc-ontent1 {width:150px; float:left; margin:100px 0 0 70px;} #hhyc-content2 {width:150px; float:left; margin:100px 0 0 30px;} /********************************************************************/ /* treats */ /********************************************************************/ #treats {width:560px;} #treats h2{text-indent:-9999px;background:url(../images/title-treats.gif) no-repeat left top;width:226px; height:17px;} #treats p{font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959; padding-left:15px;} #treats-content{width:562px; height:1100px;} #treats-content-april {width:562px; height:292px;} #treats-subnavi ul{list-style:none; margin:0px; padding:0; width:565px; height:59px;} #treats-subnavi ul li{height:59px; display:block; float:left; margin:0; padding:0;} #content-btn{display:block; float:left;} #m-tweeter{background:url(../images/treats_07.jpg) no-repeat left top; width:562px; height:292px; margin:0;} #treats-divider{background:url(../images/treats_08.jpg) no-repeat left top; width:562px; height:14px;} #speesh {background:url(../images/treats_09.jpg) no-repeat left top; width:562px; height:249px;} #dimension {background:url(../images/treats_11.jpg) no-repeat left top; width:562px; height:257px;} #crt {background:url(../images/treats_13.jpg) no-repeat left top; width:562px; height:233px;} #phoneBackup{background:url(../images/treats_april.jpg) no-repeat left top; width:562px; height:292px; margin:0;} #content-content {font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959; width:250px; display:block; margin-left:300px; padding-top:75px;} #content-content2 {font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959; width:500px; display:block; margin-left:17px; margin-top:40px;} #content-speesh {font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959; width:250px; display:block; margin-left:300px; padding-top:45px;} #content-dimension {font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959; width:250px; display:block; margin-left:300px; padding-top:55px;} #content-crt {font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959; width:250px; display:block; margin-left:300px; padding-top:35px;} #contest-content{background:url(../images/contest_bg.jpg) no-repeat left top; width:562px; height:64px;} #mtweeter-faq{width:580px; height:300px; position:absolute; top:10px; left:400px; background:url(../images/location-box.gif) left top no-repeat; z-index:1000; display:none; margin-top: 750px; margin-left:20px;} #mtweeter-faq{width:580px; height:300px; position:absolute; top:-100px; left:370px; background:url(../images/location-box.gif) left top no-repeat; z-index:1000; display:none; margin-top: 750px; margin-left:20px;} #mtfaq-copy{width:500px;} #mtfaq-copy ul li{padding-left:10px; font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959;} /********************************************************************/ /* Promotions */ /********************************************************************/ #promotions {width:560px;} #promotions h2#announcement {text-indent:-9999px;background:url(../images/announcement_supersavers.gif) no-repeat left top;width:531px; height:122px; margin-top:15px; padding-bottom:18px} #promotions h2#promo {text-indent:-9999px;background:url(../images/title-promotion.gif) no-repeat left top;width:141px; height:17px;} #promotions h4{background:url(../images/supersaver.gif) no-repeat left top; width:244px; height:17px; text-indent:-9999px; padding-bottom:10px;} #promotions p{font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959; padding:0 0 20px 15px;} #promotions-faq {width:560px;} #promotions-faq h2{text-indent:-9999px;background:url(../images/title-promotion.gif) no-repeat left top;width:141px; height:17px;} #promotions-faq h4{background:url(../images/title-promotion-faq.gif) no-repeat left top; width:197px; height:17px; text-indent:-9999px; padding-bottom:10px} #promotions-faq p{font: normal normal normal 11px/16px Arial, Helvetica, sans-serif; color:#595959; padding:15px 0 0 15px; } /********************************************************************/ /* Share tag */ /********************************************************************/ .bold {font-weight:bold; color:#222; font-family:Arial, Helvetica, sans-serif;} .clear {clear:both; line-height:0px;} /********************************************************************/ /* General Tag */ /********************************************************************/ #content-wrapper {width:560px;} #raya-wrp {width:560px; padding-left:5px;} #mi-wrp {width:560px;} #mi-wrp h1 {width:560px; height:250px; text-indent:-9999px; background:url(../images/hyc-cs.jpg) no-repeat left top; padding:0; margin:0;} #raya-wrp h1 {width:560px; height:250px; text-indent:-9999px; background:url(../images/simpati-cs-raya.gif) no-repeat left top;} #mi-navi {width:560px; margin:0px; padding:0px;} #mi-navi ul {width:560px; float:left; display:inline; list-style:none; margin:0px; padding:0px;} #mi-navi ul li {float:left;} #mi-navi ul li a {display:block; height:55px; float:left; display:block; background-position:left bottom; text-indent:-9999px;} #mi-navi ul li a:hover, #mi-navi ul li a.btn-current {background-position:top;} #mi-about {width:112px; background:url(../images/navi/nav_benefits.gif) no-repeat;} #mi-subscribe {width:112px; background:url(../images/navi/nav_rates.gif) no-repeat;} #mi-rewards {width:112px; background:url(../images/navi/nav_rewards.gif) no-repeat;} #mi-treats {width:112px; background:url(../images/navi/nav_treats.gif) no-repeat;} #mi-promotion {width:112px; background:url(../images/navi/nav_promotions.gif) no-repeat;} /*#mi-about {width:93px; background:url(../images/navi/nav_benefits.gif) no-repeat;} #mi-subscribe {width:93px; background:url(../images/navi/nav_rates.gif) no-repeat;} #mi-rewards {width:93px; background:url(../images/navi/nav_rewards.gif) no-repeat;} #mi-treats {width:93px; background:url(../images/navi/nav_treats.gif) no-repeat;} #mi-web {width:93px; background:url(../images/navi/nav_web.gif) no-repeat;} #mi-howtojoin {width:93px; background:url(../images/navi/nav_howtojoin.gif) no-repeat;} #mi-promotion {width:95px; background:url(../images/navi/nav_promotion.gif) no-repeat;}*/ #mi-popular-site {width:93px; background:url(../images/navi/nav_rates.gif) no-repeat;} #btn-null {width:187px; height:59px; background:url(../images/btn_null.gif) no-repeat left top;} #prepaid-broadband {width:530px; padding-left:10px;} #prepaid-broadband p {border:solid #666 1px; border-left:none; border-right:none; font-size:12px; padding-bottom:5px !important; padding:5px; padding-left:10px; background:url(../images/arrow-3.gif) no-repeat left 11px;} #prepaid-broadband p a {color:#de1f26; text-decoration:underline;} /********************************************************************/ /* About page here */ /********************************************************************/ #about-wrp {width:540px; padding:15px 10px;} #about-wrp p {padding-bottom:15px; padding-left:} #about-wrp img {padding-bottom:15px;} #about-wrp #note {padding-top:10px; padding-bottom:45px;} #about-wrp #note p{padding:0 30px; background:url(../images/star-note.gif) no-repeat 20px 3px;} /********************************************************************/ /* Subscribe here */ /********************************************************************/ #subscribe-wrp {width:540px; padding:15px 10px;} #subscribe-wrp h2 {text-indent:-9999px; background:url(../images/get-started.gif) no-repeat left top; width:160; height:40px;} #subscribe-wrp p {padding-bottom:10px;} #subscribe-wrp ul#subscribe-list {padding-left:10px;} #subscribe-wrp ul#subscribe-list li {padding-left:20px; background:url(../images/arrow.gif) no-repeat left 2px; padding-bottom:10px; height:15px;} #subscribe-wrp a {color:#de1f26; text-decoration:underline;} /********************************************************************/ /* Popular site here */ /********************************************************************/ #popular-wrp {width:540px; padding:15px 10px;} #popular-wrp p {padding-bottom:15px;} #site-wrp {width:475px; padding-left:22px; padding-bottom:35px;} #site-wrp ul {width:475px;} #site-wrp ul li {padding-bottom:10px;} #site-wrp ul li img {display:block; float:left; padding-right:10px;} #site-wrp ul li h3 {text-decoration:underline; font-size:12px;} /********************************************************************/ /* Faq here */ /********************************************************************/ #faq-wrp {width:540px; padding:15px 10px;} #faq-wrp h2 {text-indent:-9999px; background:url(../images/faq-tt.gif) no-repeat; height:30px; widows:95px;} #faq-scroll-wrp {width:540px; height:550px; overflow:auto;} #faq-wrp ol {width:480px; padding-left:30px; list-style:decimal outside; padding-bottom:15px;} #faq-wrp ol li {padding-bottom:10px; color:#de1f26; font-weight:bold; font-size:12px; list-style:decimal outside;} #faq-wrp ol li h3 {font-size:12px; font-weight:bold; color:#de1f26;} #faq-wrp ol li p {font-size:12px; font-weight:100; color:#444; padding-bottom:5px;} #faq-wrp ol li h5{font-size:12px; font-weight:bold; color:#444; text-decoration:underline;} p#link-back {padding:15px 10px; background:url(../images/arrow-2.gif) left 20px no-repeat;} p#link-back a {color:#de1f26; font-size:12px; font-weight:bold; text-decoration:underline;} p#faq-link {width:530px; padding-left:20px; color:#de1f26; text-decoration:underline; font-weight:bold; padding-bottom:5px; background:url(../images/arrow-3.gif) no-repeat 10px 5px;} p#faq-link a {color:#de1f26;} #submenuTitle {height:43px; padding-top:10px;} .glossymenu { margin: 2px 0; padding: 0; width: 567px; /*width of menu*/ border: 0; border-bottom-width: 0; } .glossymenu a.menuitem { background:url(../images/berita_on.jpg); font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #ff0000; border: 0px solid #dbdbdb; display: block; text-decoration: none; padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 17px; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 1px; height:43px; } .glossymenu div.submenu { /*DIV that contains each sub menu*/ background:#fefefe; } .glossymenu div.submenu ul { /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; } .glossymenu div.submenu ul li { display: block; color: black; text-decoration: none; padding: 2px 0; padding-left: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; } .glossymenu div.submenu-content-title{ color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .copy2{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:normal; font-variant:normal; color:#595959; padding-right:25px; padding-bottom:10px; margin:0px; }