/* Main contents */ /* LOGIN PAGE FORM */ .space{clear:both; height:1px; display:block} .input-type-text,.input-type-password,select,textarea{padding:0; margin:0 auto} .inputBlack {background-color:#fff; font-size:14px; width:250px;border:#252525 1px solid; font-weight:lighter; padding:6px} .input100 {background-color:#fff; font-size:14px; width:100px;border:#252525 1px solid; font-weight:lighter; padding:6px} dl { margin-bottom:10px; font-size:13px; width:100%; } dl dt{ background:#eaeaea; color:#2f2f2f; float:left; font-weight:lighter; margin-right:10px; padding:10px 20px;border:#eaeaea 1px solid; } dl dd {margin-bottom:2px; margin-top:2px;margin-left:0px; padding:10px 20px;text-align:left; border:#eaeaea 1px solid; } .floading-card{} #box dl { margin-bottom:50px; } #box dl dt { background:#5f9be3; color:#fff; float:left; font-weight:bold; margin-right:10px; padding:5px; width:100px; } #box dl dd { margin:2px 0; padding:5px 0; } .ddbox{margin:2px 0; padding:10px 20px;text-align:left; border:#eaeaea 1px solid;font-weight:lighter; font-size:14px; } .ddbox a:link,.ddbox a:visited{color:#fb6d0b;text-decoration:none;} .ddbox a:hover,.ddbox a:active{color:#000;text-decoration:none;} .boxdt{ background:#eaeaea; color:#2f2f2f;font-weight:lighter; padding:10px 20px;border:#eaeaea 1px solid; display:inline-block; } .boxLine{display:block; border-bottom:#eaeaea 2px dotted; padding:10px; line-height:150%;} #tablecon { display: table; width:100%;background:#FFF; padding:20px; } #tableconCell { display: table-row; } #tableconleft { display: table-cell;width:100px;border-left:#eaeaea 1px solid; } #tableconmiddle { display: table-cell;width:300px;border-left:#eaeaea 1px solid; } #tableconright{ display: table-cell;width:100px;border-left:#eaeaea 1px solid; } #tablecon #tableconCell .ttBttm{border-bottom:#eaeaea 1px solid;} #tablecon #tableconCell .ttTop{border-top:#eaeaea 1px solid;} #sectTable{} .tboutLine{ border:#FFCC33 1px solid; padding:5px;width:90%} .tboutLine_R{ border-right:#FFCC33 1px solid; padding:5px;width:90%} .titleLine { clear:both; background-image: url(../../images/stripes.png);padding:10px 20px;text-align:left; } .topPagenation{color: #ff0066;text-align:right;text-transform:uppercase} .topPagenation a:link,.topPagenation a:visited{color:#2f2f2f;text-decoration:none;} .topPagenation a:hover,.topPagenation a:active{color:#2f2f2f;text-decoration:none;} .submenuLine { clear:both; background-color:#e2e2e2;padding:10px 20px } .black a:link, .black a:visited{font-family:'MyriadPro',Geniva,sans-serif;text-decoration:none;cursor:pointer; color:#fb6d0b} .black a:hover,.black a:active{text-decoration:none;color:#000} .mapblack li {list-style:none}.mapblack h2 {font-size:22px} .mapblack li a:link, .mapblack li a:visited{font-family:'MyriadPro',Geniva,sans-serif;text-decoration:none;cursor:pointer; color:#000; font-size:14px} .mapblack li a:hover,.mapblack li a:active{text-decoration:none;color:#7a7e7e; font-size:14px} .mapblack a:link, .mapblack a:visited{text-decoration:none;cursor:pointer;color:#000;} .mapblack a:hover,.mapblack a:active{text-decoration:none;color:#7a7e7e;} .mapInBox{width:95%; border-bottom:#e2e2e2 solid 1px; padding:20px 0} .uniblack a:link, .uniblack a:visited{font-family:'MyriadPro',Geniva,sans-serif;text-decoration:none;cursor:pointer; color:#666} .uniblack a:hover,.uniblack a:active{text-decoration:none;color:#000} /* ' HEADINGS */ .green{color:#009900} .black{ color:#2f2f2f} .gray{ color:#666} .gray_ccc{ color:#ccc} .blue{ color:#2ca4fa} .orange{ color:#fb6d0b} .red{ color:#c91600} .pink{ color:#e6017d} .yellow{ color:#fcee07} .yeLTE{ color:#fee533} .lightgray{ color:#d2d2d2; font-weight:700} .white{ color:#ffffff;} .white a:link,.white a:visited{ color:#ffffff;text-decoration: underline;} .white a:hover,.white a:active{ color:#fee533;text-decoration: underline;} .cadet{color:#465054} .cadetlight{color:#91b1be} .AlignCenter{text-align:center} .AlignLeft{text-align:left} .AlignRight{text-align:right} .bgGray{background-color:#f5f5f5} .bigFont{ font-size:28px} .bigFont48{ font-size:48px} .middleFont{ font-size:18px} table .feature-popup{ width: 150px;} .smallFont{ font-size:11px} .smallFont h2 {color: #000000;margin: 0; font-size: 21px;} .smallFont p {margin: 2px 0 0;} .forgot-p {margin: 16px 0 0 47px;} .forgot-p a{color: #000000;text-decoration: underline;} .topCont p {margin: 0;} .topCont h2 {margin-bottom: 4px;} .blockquote .register h2 {} .blockquote .register p {font-size: 14px;} .blockquote .register {margin: 0 0 0 18px;width: 310px;} .blockquote .register h3 { margin: 0 0 5px;} .blockquote .register ul {margin-bottom: 14px;} .blockquote .register li {font-size: 14px;line-height: 20px;list-style: disc inside none;} .blockquote .register a {text-decoration: underline;color: #000000;} .finder-popup{width: 150px;} .Font16{font-size:16px} .basicFont{ font-size:14px} .basicFont15{ font-size:15px} .basicFont19{ font-size:19px} .alignL{ text-align:left} .alignR{ text-align:right} .alignC{ text-align:center} .underline{text-decoration:underline} .block{display:block} .inlineblock{display:inline-block} .onecolumns { width: 10%; } .oneHalfcolumns{ width: 15%; } .twocolumns { width: 20%; } .threecolumns { width: 30%; } .fourcolumns { width: 40%; } .fourtyfourcolumns { width: 44%; } .fivecolumns { width: 55%; } .sixcolumns { width: 65%; } .sevenTwocolumns{ width: 72%; } .sevencolumns { width: 79%; } .fullcolumns { width: 99%; } .blockquote { margin: 0 0 10px; padding: 0 0 0 30px; border-left: 1px solid #ccc; } /* #button_black */ #bBlack a{display:block; background:url('../../images/blackbtn_bg.gif') left 0; float:left; font:12px Helvetica; color:#FFCC33; padding-left:10px; text-decoration:none; height:27px; cursor:pointer; margin-right:3px; overflow:hidden} #bBlack a:hover{background:url('../../images/blackbtn_bg.gif') left -27px} #bBlack a span{display:block; float:left; background:url('../../images/blackbtn_bg.gif') right 0; line-height:240%; padding-right:10px; height:27px; overflow:hidden} #bBlack a:hover span{background:url('../../images/blackbtn_bg.gif') right -27px; color:#FFCC33;} #bYel a{border-radius: 4px;display:block;font:12px Helvetica; color:#2f2f2f; padding-left:10px; text-decoration:none; height:27px; cursor:pointer; margin-right:3px; overflow:hidden; font-weight:bold;} #bYel a:hover{} #bYel a span{border-radius: 4px;color:#ffffff;display:block; float:left; line-height:240%; padding:0 10px; height:27px; overflow:hidden;background:#666666; } #bYel a:hover span{color:#4f4f4f;font-weight:bold;background-color: #FFE700;} .bYel {border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #ffffff; display: block; float: left; line-height: 240%; padding: 5px 15px; background-color: #666666; text-decoration: none; margin-right: 3px; font: 12px Helvetica; font-weight: bold; border: 0; cursor: pointer;} .bYel:hover {color: #4f4f4f; background-color: #ffe700;} #FooterMap{display:block;width:834px; height:200px;background-color:#e2e2e2;margin:0} .mapbox{padding: 20px 10px 10px 10px;} .blueBox{font-size:11px;color:#666; border: #0099FF 1px dotted; padding: 5px 0 } /* SHOP */ .Sprice{font-size:16px;color:#666666; text-align:center;font-weight:300; height:40px } .SLprice{font-size:18px;color:#ff0066; padding: 1px 0; text-align:left;font-weight:300 } .SMprice{font-size:13px;color:#999999;text-align:center; } .Sinfo{font-size:12px;color:#666666;text-align:left;font:Arial, Helvetica, sans-serif; } .SMinfo{font-size:11px;color:#FF6600;text-align: left; } .Snote{font-size:13px;color:#339999;text-align:left;font:Arial, Helvetica, sans-serif;font-weight:bold } .Sname{font-size:20px;font-family: myriad pro,Arial,Helvetica,sans-serif; color:#666666; font-weight: normal ; padding: 5px 0; text-align:center; } .SMname{font-size:13px;color:#545454 ;font-weight:lighter; padding: 2px 0; text-align:center; } .Soutline{width:280px; margin:9px;border: 1px solid #CCCCCC;border-radius: 6px; text-align:center } .Soutline .Simg{margin-top: 20px;} .yellowbutton { display:block; text-align:center;text-transform:uppercase; letter-spacing:1px; font-size: 16px; width:80%; padding:5px; color:#fff; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #666; margin: 15px 0 21px 29px; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .yellowbutton:hover{ letter-spacing: 1px; color: #000;text-transform:uppercase; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #ffe700; box-shadow:0px 0px #111; -webkit-box-shadow: 0px 0px #111; -moz-box-shadow: 0px 0px #111; -ms-box-shadow: 0px 0px #111; -o-box-shadow: 0px 0px #111; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .planbutton { display:block; text-align:center; letter-spacing:1px; font-size: 29px; font-weight:; border-radius:4px; width:100%; padding:10px 5px; border: 1px solid #000; color:#fcee07; background: #111; margin-top: 0; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .planbutton:hover{letter-spacing: 1px; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); border:1px solid #ffd34c; background: #fcee07; box-shadow:0px 0px #111; -webkit-box-shadow: 0px 0px #111; -moz-box-shadow: 0px 0px #111; -ms-box-shadow: 0px 0px #111; -o-box-shadow: 0px 0px #111; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .pinkbutton { display:block; text-align:center; letter-spacing:1px; font-size: 12px; font-weight:400; border-radius:4px; width:100%; padding:15px 5px; border: 1px solid #e6017d; color:#eaeaea; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #fe0b8f; margin-top: 15px; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .pinkbutton:hover{ letter-spacing: 1px; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); border:1px solid #ce0773; background: #e6017d; box-shadow:0px 0px #111; -webkit-box-shadow: 0px 0px #111; -moz-box-shadow: 0px 0px #111; -ms-box-shadow: 0px 0px #111; -o-box-shadow: 0px 0px #111; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .blackbutton { display:block; text-align:center; text-transform:uppercase; letter-spacing:1px; font-size: 12px; font-weight:400; border-radius:4px; width:100%; padding:15px 5px; border: 1px solid #333; color:#fff; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #666; margin-top: 15px; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; cursor: pointer; } .blackbutton:hover{ letter-spacing: 1px; color: #fff;text-transform:uppercase; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); border:1px solid #ffd34c; background: #ffe700; box-shadow:0px 0px #111; -webkit-box-shadow: 0px 0px #111; -moz-box-shadow: 0px 0px #111; -ms-box-shadow: 0px 0px #111; -o-box-shadow: 0px 0px #111; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .rechargeYellowbutton { display:block; text-align:center; text-transform:uppercase; letter-spacing:1px; font-size: 12px; font-weight:400; border-radius:4px; width:100%; padding:15px 5px; border: 1px solid #f9de0a; color:#333; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #ffe700; margin-top: 15px; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .rechargeYellowbutton:hover{ letter-spacing: 1px; color: #fff;text-transform:uppercase; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); border:1px solid #ffd34c; background: #ffd34c; box-shadow:0px 0px #111; -webkit-box-shadow: 0px 0px #111; -moz-box-shadow: 0px 0px #111; -ms-box-shadow: 0px 0px #111; -o-box-shadow: 0px 0px #111; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .yellowbuttonPlan { display:block; text-align:center; letter-spacing:1px; font-size: 14px; font-weight:; border-radius:4px; width:100%; padding:10px 5px; border: 1px solid #f9de0a; color:#000; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #fff; margin-top: 0; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .yell_selected { display:block; text-align:center; letter-spacing:1px; font-size: 12px; font-weight:bold; border-radius:4px; width:100%; padding:10px 5px; border: 1px solid #f9de0a; color:#333; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #ffe700; margin-top: 0; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .yellowbuttonPlan:hover{ letter-spacing: 1px; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); border:1px solid #ffd34c; background: #ffe700; box-shadow:0px 0px #111; -webkit-box-shadow: 0px 0px #111; -moz-box-shadow: 0px 0px #111; -ms-box-shadow: 0px 0px #111; -o-box-shadow: 0px 0px #111; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .blackbuttonPlan { display:block; text-align:center; letter-spacing:1px; font-size: 14px; font-weight:; border-radius:4px; width:100%; padding:15px 5px; border: 1px solid #f9de0a; color:#000; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #fff; margin-top: 0; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .blackbuttonPlan:hover{ letter-spacing: 1px; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); border:1px solid #ffd34c; background: #ffe700; box-shadow:0px 0px #111; -webkit-box-shadow: 0px 0px #111; -moz-box-shadow: 0px 0px #111; -ms-box-shadow: 0px 0px #111; -o-box-shadow: 0px 0px #111; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } /* recharge banner */ .grayOutline{float: left;text-align: center;border-radius: 5px; border: 1px solid #666; color:#000; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #fff; margin-top: 0; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s;} .yellowOutline{width:280px;float: left;text-align: center;border-radius: 5px; border: 1px solid #f9de0a; color:#000; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #fff; margin: 0 10px; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s;} .yellowOutline380{width:380px;float: left;text-align: center;border-radius: 5px; border: 1px solid #f9de0a; color:#000; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #fff; margin: 0 10px; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s;} .pinkOutline{width:280px;float: left;text-align: center;border-radius: 5px; border: 1px solid #e6017d; color:#000; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #fff; margin: 5px; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s;} /* why H2O */ #whyBox{position:relative;width:450px;height:200px;} #whyBox #bg1{position:absolute;background:url(../../images/why_bg1.png); background-position:top left; background-repeat:no-repeat} #whyBox #bg2{position:absolute;background:url(../../images/why_bg2.png); background-position:top left; background-repeat:no-repeat} #whyBox #bg3{position:absolute;background:url(../../images/why_bg3.png); background-position:top left; background-repeat:no-repeat} #whyBox #bg4{position:absolute;background:url(../../images/why_bg4.png); background-position:top left; background-repeat:no-repeat} #whyBox #bg5{position:absolute;background:url(../../images/why_bg5.png); background-position:top left; background-repeat:no-repeat} #whyBox #bg6{position:absolute;background:url(../../images/why_bg6.png); background-position:top left; background-repeat:no-repeat} #whyBox #title{position:absolute;color: #e6017d;left:120px;font-size:25px;padding:20px; width:270px} #whyBox #info{text-align: left;font-size:14px;padding:20px; margin-top:90px} /* NEWS */ .Nv-C {padding: 6px;text-align: center;border: 3px #2f2f2f solid;background-color:#FFFFFF} .Nv-L {padding: 6px;text-align: center;border-right: 3px #2f2f2f solid;border-top: 3px #2f2f2f solid;border-bottom: 3px #2f2f2f solid; background-color:#FFFFFF;font-size: 13px; font-weight:bold} .Nv-R {padding: 6px 6px 6px 15px;text-align: left;border-left: 3px #2f2f2f solid;border-top: 3px #2f2f2f solid;border-bottom: 3px #2f2f2f solid; background-color:#FFFFFF;font-size: 12px;} .Nv-date {color: #428cdf;padding: 6px;text-align: center; vertical-align:middle;border-bottom: 1px #eaeaea solid;border-right: 1px #999 dotted;font-size: 12px;} /* S store */ .contTb {padding: 5px;text-align:center;border-right: 1px #eaeaea solid;border-left: 1px #eaeaea solid;border-top: 1px #eaeaea solid; height:60px; vertical-align:middle; text-align:center} .contTb1 {padding: 5px;text-align:center;border-right: 1px #eaeaea solid;border-left: 1px #eaeaea solid;border-top: 1px #eaeaea solid; height:60px; vertical-align:middle; text-align:center; font-size:13px; font-weight:bold} .contTb15 {padding: 5px;text-align:center;border-right: 1px #eaeaea solid;border-left: 1px #eaeaea solid;border-top: 1px #eaeaea solid; height:60px; vertical-align:middle; text-align:center; font-size:15px; font-weight:bold} .contTb_topLine{border-top: 1px #eaeaea solid;} .contTb_btm {padding: 5px;text-align:center;border-right: 1px #eaeaea solid;border-left: 1px #eaeaea solid;border-top: 1px #eaeaea solid; height:70px; vertical-align:middle; text-align:center} .contTb1_btm {padding: 5px;text-align:center;border-right: 1px #eaeaea solid;border-left: 1px #eaeaea solid;border-top: 1px #eaeaea solid; height:70px; vertical-align:middle; text-align:center; font-size:13px; font-weight:bold} .contTb15_btm {padding: 5px;text-align:center;border-right: 1px #eaeaea solid;border-left: 1px #eaeaea solid;border-top: 1px #eaeaea solid; height:70px; vertical-align:middle; text-align:center; font-size:15px; font-weight:bold} .contTb2 {padding: 5px;text-align:center;border-right: 1px #eaeaea solid;border-left: 1px #eaeaea solid;border-top: 1px #eaeaea solid; height:180px; vertical-align:middle; text-align:center} .contTb2Min {padding: 5px;text-align:center;border-right: 1px #eaeaea solid;border-left: 1px #eaeaea solid;border-top: 1px #eaeaea solid; height:150px; vertical-align:middle; text-align:left;list-style-image:url(../../images/2nd/plan/bull_point.png); line-height:20px } .contTbno {text-align:center;border: 1px #eaeaea solid; height:43px; vertical-align:middle; text-align:center} .contLk a{ display:block;font-size:11px; color:#00baff; padding-top:6px; text-decoration:none;} .contLk a:hover{display:block;font-size:11px; color:#333; padding-top:6px; text-decoration:none;} .fc_point {padding: 5px;text-align:center;text-align:left;list-style-image:url(../../images/2nd/plan/bull_point.png); line-height:20px; font-size:13px } .fc_no {padding: 5px;text-align:center;text-align:left; list-style:decimal; line-height:20px; font-size:13px } /* CORVERAGE PAGE */ .coverage-link {padding: 20px 0 0 20px;margin:0;font-weight:bold; } .coverage-link li {display:inline;padding:0 8px;border-right:1px solid #ccc;} .coverage-link li.last {border-right:0px;color:#333;text-decoration:none} .coverage-link li a.currentSelection {color:#f27d00; text-decoration:none} .coverage-link li a {color:#333; text-decoration:none} .Coverage_addSec{width: 252px; height:236px; padding: 0;background-image: url(..../../images/2nd/add_bg.gif); background-position: left top; background-repeat: no-repeat;} #addCon { clear: both; padding: 40px 10px 0 10px; position:relative} #addCon .txt{padding: 0 0 .25em 0;margin: 0;font-weight: bold; font-size:11px; color:#666666} #addCon .field {padding: 0 0 .25em 0;margin: 0;} #addCon .button {padding: 10px 0 .25em 0;margin: 0; text-align:right} .view_map { width:100%;padding:0;margin:0 0 10px 10px;text-align:center;} .conLine_gr{ padding-top:10px;text-align:left; font-size:13px; border-top:#2f2f2f 1px solid} .conLine_or{ padding:20px;text-align:left; font-size:13px; border:#ff9008 1px solid; line-height:17px} .conLine_gray{ padding:20px;text-align:left; font-size:13px; border:#2f2f2f 1px solid; line-height:17px} /* PLAN PAGE-wireless */ #planBox{display:block;width:920px; clear:both} #planBox .textlist{display:block;float:left; width:200px;height:50px; background-color:eaeaea; text-align:center; padding:10px;border:#eaeaea 1px solid;} #planBox .planlist{display:block;float:left; width:150px;height:50px; background-color:fff; text-align:center; padding:5px;border:#fff 1px solid;} #planBox .boxlist{display:block;float:left; width:150px;height:50px; background-color:fff; text-align:center; padding:5px;border:#eaeaea 1px solid;} .planL {background:#eaeaea;color:#2f2f2f;text-align:center;border:#eaeaea 1px solid;font-size:13px;padding:10px 10px;} .planR {color: #2f2f2f;padding: 6px;text-align:center;border:#eaeaea 1px solid;font-size:13px;padding:10px 10px;} /* SHOP order process */ #CTempty{width:920px;margin-top:19px;} #CTempty .Top{ color:#FFF; text-align:center; font-size: 13px;height: 20px; font-family: "Times New Roman", Times, serif;background-color: #91b1be; border-bottom: #6c818a 1px solid;border-top: #91b1be 1px solid;border-left: #91b1be 1px solid;border-right: #91b1be 1px solid; padding:5px 0; } #CTempty .info{text-align:center; height:80px; padding-top:30px;color:#465054;border-bottom: #6c818a 1px solid;border-left: #6c818a 1px solid;border-right: #6c818a 1px solid; font-size: 13px;} #CTempty .listbox{ font-size: 14px; border: #6c818a 1px solid; background-color: #eaeaea; height: 30px; text-align:right; width:918px;} #CTempty .listLeft{ color:#465054;text-align:right; width:80%;float:left;padding-top:5px; } #CTempty .listRight{ color:#465054;text-align:right; width:15%;float:right ;padding-top:5px;padding-right:10px; border-left: #6c818a 1px solid;height: 25px; } #CTpack{width:920px} #CTpack .Top{ color:#FFF; font-size: 13px;height: 20px;padding:5px 0; font-family: "Times New Roman", Times, serif;background-color: #91b1be; border-bottom: #6c818a 1px solid;border-top: #91b1be 1px solid;border-left: #91b1be 1px solid;border-right: #91b1be 1px solid;} #CTpack .Top .text{ float:left; width:80px;text-align:center;} #CTpack .info{ position:relative;height:100px;color:#465054;border-bottom: #6c818a 1px solid;border-left: #6c818a 1px solid;border-right: #6c818a 1px solid; font-size: 13px;clear:both;} #CTpack .info .infoNo{ left:10px;top:40px; width:50px;text-align:center;position:absolute;} #CTpack .info .infoimg{ left:60px;top:0px; width:120px;position: absolute;} #CTpack .info .infoProduct1{ left:200px;top:20px; width:280px;text-align:left;position: absolute;} #CTpack .info .infoProduct2{ left:200px;top:45px; width:280px;text-align:left;position: absolute;} #CTpack .info .infoProduct3{ left:200px;top:70px; width:280px;text-align:left;position: absolute;} #CTpack .info .infoPrice1{ left:500px;top:15px; width:80px;text-align:left;position: absolute;line-height:120%} #CTpack .info .infoPrice2{ left:500px;top:48px; width:80px;text-align:left;position: absolute;} #CTpack .info .infoPrice3{ left:500px;top:68px; width:80px;text-align:left;position: absolute;} #CTpack .info .infoOption{ left:570px;top:40px; width:80px;text-align:center;position: absolute;} #CTpack .info .infoQty{ left:610px;top:40px; width:80px;text-align:center;position: absolute;} #CTpack .info .infoButton{ left:750px;top:40px; width:40px;text-align:center;position: absolute;} #CTpack .info .infoTotal{ left:790px;top:40px; width:80px;text-align:right;position: absolute; font-size: 15px;} .rcTop{ color:#FFF; text-align:center; font-size: 13px;height: 30px; font-family: "Times New Roman", Times, serif;background-color: #91b1be; border-bottom: #6c818a 1px solid;border-top: #91b1be 1px solid;border-left: #91b1be 1px solid;border-right: #91b1be 1px solid; padding:5px 0; } .rcCp1{ color:#1080AE; font-size: 13px; padding: 3px; background-color: #d7e2e7; border-bottom: #6c818a 1px solid;border-left: #6c818a 1px solid;border-right: #6c818a 1px solid; } .rcBtm_noR{ padding: 3px; background-color: #FFF; border-bottom: #6c818a 1px solid;border-left: #6c818a 1px solid; } .rcBtm_noL{ padding: 3px; background-color: #FFF; border-bottom: #6c818a 1px solid; } .rcBtm1all{ color:#465054; font-size: 13px; padding: 3px; background-color: #FFF; border-bottom: #6c818a 1px solid;border-left: #6c818a 1px solid;border-right: #6c818a 1px solid;border-top: #6c818a 1px solid; } .rcBtm1{ color:#465054; font-size: 13px; padding: 3px; background-color: #FFF; border-bottom: #6c818a 1px solid;border-left: #6c818a 1px solid;border-right: #6c818a 1px solid; } .rcBtm2{ color:#465054; font-size: 13px;border-bottom: #6c818a 1px solid;border-left: #6c818a 1px solid;border-right: #6c818a 1px solid; padding: 3px;background-color: #d7e2e7; } .rcBtm3{ color:#465054; font-size: 14px; border-bottom: #6c818a 1px solid; border-left: #6c818a 1px solid; border-right: #6c818a 1px solid; padding: 3px; background-color: #ccc; height: 40px; } .rcBtmCheck { color:#666; font-size: 12px; padding: 3px; } /* bubble POPup Section-Jun Young */ .bubble{ display: inline-block; } .bubble_pic {opacity: 0; z-index: 20; position: absolute; margin-left: 15px;} .bubbleHD_box{position:absolute; padding: 20px;width:250px; background-color: #fff; border: 1px #7a7e7e solid; border-radius: 6px; color: #333; font-size:13px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);} .bubbleHD_title{padding:5px;width:95%; background-color: #7a7e7e; border: 1px #717574 solid; border-radius: 6px; color: #fff; text-align:center; margin-bottom:10px; font-weight:bold; font-size:16px} /* PLAN PAGE-wireless */ dl { margin-bottom:10px; font-size:13px; width:100%; } dl dt{ background:#eaeaea; color:#2f2f2f; float:left; font-weight:lighter; margin-right:10px; padding:10px 20px;border:#eaeaea 1px solid; } dl dd {margin-bottom:2px; margin-top:2px;margin-left:0px; padding:10px 20px;text-align:left; border:#eaeaea 1px solid; } .dv-Lpadding {color: #2f2f2f;padding: 0px;text-align: left; vertical-align:top;border-bottom: 1px #eaeaea solid;border-right: 1px #999 dotted;font-size: 12px; vertical-align:top} .dv-rm {background:#fff;color:#2f2f2f;text-align: left;font-size:14px;padding:10px 0 5px 5px; font-weight:border-bottom:#eaeaea 2px solid;} .dv-sm {background:#fff;color:#2f2f2f;text-align: left;font-size:11px;padding:10px 0 5px 5px; font-weight:border-bottom:#eaeaea 2px solid;} .dv-Title {background:#fff;color:#2f2f2f;text-align: left;font-size:18px;padding:10px 0 5px 5px; font-weight:border-bottom:#eaeaea 2px solid;} .dv-L {background:#eaeaea;color:#2f2f2f;text-align: left;border:#FFF 1px solid;font-size:14px;padding:6px 20px;} .dv-R {color: #2f2f2f;padding: 6px;text-align: left;border:#eaeaea 1px solid;font-size:14px;padding:6px 20px;} .dv-Llte {background:#000;color:#fff;text-align: left;border:#FFF 1px solid;font-size:14px;padding:6px 20px;} .dv-LlteTT {color:#fee533; font-weight:400;font-family: 'Roboto Condensed', sans-serif;background:#000;text-align: left;border:#FFF 1px solid;font-size:18px;padding:6px 20px} .dv-Rlte {color: #2f2f2f;padding: 6px;text-align: left;border:#7a7e7e 1px solid;font-size:14px;padding:6px 20px;} .dv-Lmin {background:#e2e2e2;color:#000;text-align: left;border-bottom:#000 1px solid;font-size:14px;padding:6px 20px;} .dv-LminTT {color:#fee533; font-weight:400;font-family:'Roboto Condensed', sans-serif; text-align: left;font-size:20px;padding:6px 20px} .dv-Rmin { background-color:#FFF;color: #2f2f2f;border-bottom:#000 1px solid;padding: 6px;text-align: left;font-size:14px;padding:6px 20px;} .dv-R p{ float: left; width: 123px;margin: 0;} .dv-R .info{float: left; width: 132px;} .dv-box {color: #2f2f2f;padding:9px 0 0 0;text-align: left;font-size:14px;padding:0} .dv-wirelessTitle {background:#FFF;color:#333;text-align: left;font-size:14px;padding:10px 0 5px 20px; font-weight:bold;border-bottom:#ffe700 2px solid;} .dv-RNO {color: #2f2f2f;padding: 6px;text-align: left;font-size:14px;padding:6px 20px;} .dv-box2{ display:block; margin-bottom:1px; clear:both; width:100%} .dv-L2 {background:#eaeaea;color:#2f2f2f;text-align: left;border:#eaeaea 1px solid;font-size:14px;padding:6px 20px; height:20px; width:220px; float:left; margin-bottom:1px;} .dv-R2 {color: #2f2f2f;padding: 6px;text-align: left;border:#eaeaea 1px solid;font-size:14px;padding:6px 20px; height:20px; width:400px;float:left; margin-bottom:1px;} .dv-Lfp {background:#eaeaea;color:#2f2f2f;text-align: left;border:#eaeaea 1px solid;font-size:14px;padding:6px 20px;} .form_text2{margin-top:8px; color:#7a7e7e; font-size:13px; display:block} /* help */ .helpTop{ display:block; padding-top:10px; text-align:left;border-bottom: 1px #eaeaea solid;} .tbTU td{padding:5px; font-size:13px; border:#CCCCCC 1px solid;} /* Layered Popup */ #blanket{ background-color:#111; opacity: 0; position:absolute; z-index: 9001; top:0px; left:0px; width:100%; height:100%; filter:alpha(opacity=65); } #box_confirm{margin:0; padding:5px; background:#fff; border:5px solid #2f2f2f; z-index:9002; position:fixed; _position:absolute; } /*product */ #mainCont #phone{margin-left:39px;} .product-box-1{ margin-right: 27px; width:244px; text-align:center; display:block; float:left; margin-right:25pxs; margin-bottom:30px; border:1px solid #ccc; border-radius:6px; padding:20px 10px; position:relative;} .product-box-1 .title{color: #797575;font-size: 18px;font-weight: bold;margin: 8px 0 0;} .product-box-1 p{margin: 9px 0 0;} .product-box-1 img{display: block; margin:0 auto; width:auto;min-height:195px; max-height:250px;width:auto;} .product-box-1 .pink{ font-size:18px;color:#fb319d; margin:10px 0 0 0; display:block;} .product-box-1 .title1 { color: #666666;font-size: 19px;margin: 5px 0 10px;} .product-box-1 .p{color: #66666;} .product-box-1 .button{display:inline-block; padding:4px 30px; text-align: center; text-transform: uppercase; font-size:16px; text-align: center; margin:10px 0; color:white; text-decoration: none; background: #666666;} .button:hover{ color: #fff;text-transform:uppercase; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #ffd34c; box-shadow:0px 0px #111; -webkit-box-shadow: 0px 0px #111; -moz-box-shadow: 0px 0px #111; -ms-box-shadow: 0px 0px #111; -o-box-shadow: 0px 0px #111; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } /* POPOVER */ .popover{width:100%;position:fixed;height:100%;display:none;left:0;top:0;background:rgba(0,0,0,0.7);z-index:1000;} /* Slider inside quick view */ .swiper-container{height:340px;width:150px;} .swiper-wrapper{height:309px;width:150px;} .pagination{display:block;text-align:center;width:160px;position:relative;z-index:111111;top:-20px;} .swiper-pagination-switch{width:10px;height:10px;background:grey !important;display:inline-block;margin:0 5px;border-radius:20px;cursor:pointer;} .swiper-active-switch{background:#333 !important;} /* Product Box */ .product-box-1 a.quick-view{display:none; position:absolute; z-index:10; top:200px; left:86px; background:#a4a7aa; border-radius:4px;padding:5px 10px; color:white; text-transform:uppercase; text-decoration: none} .product-box-1:hover a.quick-view{display:block;} .product-box-1 a.active{background:black !important; display:block;} /* Product Box Quick View */ .product-box-1 .quick-view-box{position:absolute;left:265px; width:350px;padding:20px 10px;border-radius:6px;box-shadow:-10px 1px 20px rgba(0,0,0,0.2); display:block;background:white; display:block; top:-1px; z-index:1000; text-align: left !important; min-height:345px;display:none;} .quick-view-box:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 16px; margin-top: -16px;} .product-box-1:nth-child(3n+3) .quick-view-box{position:absolute;left:-429px;} .product-box-1:nth-child(3n+3) .quick-view-box:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 30px; margin-top: -30px;} .product-box-1 .quick-view-box .image-block{float:left; display:block;} .product-box-1 .quick-view-box .image-block img{margin:0;float:left;min-height:none;max-height:none;} .product-box-1 .quick-view-box .right-block{float:left; margin-left:20px; width:180px;} .product-box-1 .quick-view-box .text-block{padding:10px; background:#f2f2f2; border:1px solid #ccc; display:block; margin:0 0 10px 0;} .product-box-1 .quick-view-box .text-block h3{font-size:20px; color:#40c6ee; font-weight:bold;} .product-box-1 .quick-view-box .yellow-button{background:#e9c63d;padding:10px 5px;color:black; text-decoration:none; font-size:12px;} .product-box-1 .quick-view-box .blue-button{background:#40c6ee; padding:10px 5px; color:white; font-size:12px; text-decoration: none; font-weight:bold; margin-left: 8px;s} .quick-view-box-1:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 16px; margin-top: -16px;} /* Family Plan */ .fb-ListTitlePl{background: none repeat scroll 0 0 #0066cc; border-radius: 10px; font-size:24px; border:1px #CCC solid; color: #FFFFFF; display: block; float: left; line-height: 110%; overflow: hidden; padding: 5px 20px;margin-bottom:10px} .fb-ListTitle{background: none repeat scroll 0 0 #00aaf8; border-radius: 10px; font-size:20px; border:1px #CCC solid; color: #FFFFFF; display: inline-block; float: left; line-height: 110%; overflow: hidden; padding: 5px 20px; margin-top:20px; margin-bottom:10px} .fb-ListTitleOp{font-size:14px;color: #00aaf8; display: inline-block; line-height: 110%; padding-left: 10px; margin-top:40px;} .fb-ListTitlePl{background: none repeat scroll 0 0 #0066cc; border-radius: 10px; font-size:24px; border:1px #CCC solid; color: #FFFFFF; display: block; float: left; line-height: 110%; overflow: hidden; padding: 5px 20px;margin-bottom:10px} /* Family Plan=PRIME LINE */ #fb-TTPrimeBox{background: none repeat scroll 0 0 #fff;display: block; width:860px;border-radius: 10px;border:1px #0066cc solid; padding:20px 30px; margin:0 auto} .fb-TTPrimeTT{ background: rgba(0, 0, 0, 0) url("../../images/fp_tt_bg.png") no-repeat scroll left top; color: #ffe700; display: block; font-size: 24px; font-variant: small-caps; font-weight: bold; margin-left: 30px; padding: 12px 0 5px 20px; width: 220px; } #fb-TTPrimeBox table td input { border: 3px solid #eaeaea; border-radius: 4px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.75) inset; height: 36px; margin-left: 10px; padding: 0 5px; width: 60%; } #fb-TTPrimeBox table td select {margin-left: 10px; font-size:16px;padding:5px; } /* Family Plan -ADDITINAL LINE*/ .fb-TTaddTT{background:url(../../images/fp_tt_bg2.png); background-position:top left; background-repeat:no-repeat; font-size:18px; color: #fff; display: block; width:205px; padding: 15px 0 5px 20px; margin-left:30px; float: left; } .fb-TTaddTTOp{font-size:14px;color: #00aaf8; display: inline-block;width:216px;padding-top:50px; float: left;} #fb-manageBox {background: none repeat scroll 0 0 #fff;display: block; width:860px;border-radius: 10px;border:1px #0066cc solid; padding:20px 30px; margin:0 auto} #fb-manageBox table td { } #fb-manageBox table th { border: 3px solid #eaeaea; border-radius: 4px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.75) inset; height: 36px; margin-left: 10px; padding: 0 5px; width: 60%; } /* event*/ .eventBox{float:left; width:200px;text-align:center; padding:30px 0; margin:14px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #404040;font-size:22px; } .eventBox a{color:#FFF; text-decoration:none} .eventBox a:hover{color:#CCC; text-decoration:none} /***LTE month plan***/ .extraPlan{background:url('../../images/extraPlan_bg.gif')#000;background-position:top right; background-repeat:no-repeat;width:410px; height:185px; text-align:left; padding:20px; color:#fff; font-size:13px} .extraPlan br{ margin-bottom:20px} /***LTE upgrade***/ #lte_Box{width:340px; padding:30px; text-align:left; display:inline-block; position:relative; border:#ccc solid 1px; border-radius:5px;} #lte_Box .active {display:block;background:url('../../images/lte_new_img.png');background-position:top left; background-repeat:no-repeat; padding:10px 0 0 130px; height:180px } #lte_Box .upgrade{display:block;background-position:top left; background-repeat:no-repeat; padding:10px 0 0; height:180px } #plan_Box30{display:block;width:910px; background:url('../../images/ltePlan/planDetail_30.png') #000 right top; background-repeat:no-repeat;height:510px;color:#FFF;font-family: 'Roboto Condensed', sans-serif;} #plan_BoxFooter{display:block;width:910px; background:url('../../images/ltePlan/planDetail_foot.png') #000 left bottom; background-repeat:no-repeat;height:30px} #plan_Box30 .box1{float:left; width:180px;border-top:#999 1px solid;border-right:#999 1px solid;border-bottom:#999 1px solid;padding:10px; height:270px} #plan_Box30 .box1 p{font-weight:300; font-size:40px; line-height:120%; margin:10 0} #plan_Box30 .box2{float:left; width:260px;border-top:#999 1px solid;border-bottom:#999 1px solid;padding:10px 20px; font-size:18px;height:270px} #plan_Box30 .boxImg{width:220px;float:right; margin-right:150px; margin-top:-270px} #plan_Box40{display:block;width:910px; background:url('../../images/ltePlan/planDetail_40.png') #000 right top; background-repeat:no-repeat;height:510px;color:#FFF;font-family: 'Roboto Condensed', sans-serif;} #plan_Box40 .box1{float:left; width:180px;border-top:#999 1px solid;border-right:#999 1px solid;border-bottom:#999 1px solid;padding:10px; height:270px} #plan_Box40 .box1 p{font-weight:300; font-size:40px; line-height:120%; margin:10 0} #plan_Box40 .box2{float:left; width:260px;border-top:#999 1px solid;border-bottom:#999 1px solid;padding:10px 20px; font-size:18px;height:270px} #plan_Box40 .boxImg{width:220px;float:right; margin-right:150px; margin-top:-270px} #plan_Box50{display:block;width:910px; background:url('../../images/ltePlan/planDetail_50.png') #000 right top; background-repeat:no-repeat;height:580px;color:#FFF;font-family: 'Roboto Condensed', sans-serif;} #plan_Box50 .box1{float:left; width:180px;border-top:#999 1px solid;border-right:#999 1px solid;border-bottom:#999 1px solid;padding:10px; height:350px} #plan_Box50 .box1 p{font-weight:300; font-size:40px; line-height:120%; margin:10 0} #plan_Box50 .box2{float:left; width:300px;border-top:#999 1px solid;border-bottom:#999 1px solid;padding:10px 20px; font-size:18px;height:350px} #plan_Box50 .boxImg{width:220px;float:right; margin-right:150px; margin-top:-350px} #plan_Box50 .grad {padding:5px; font-size:14px;line-height:100%; border-width: 3px; border-style: solid; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(green), to(red)) 1 100%; -webkit-border-image: -webkit-linear-gradient(green, white, red) 1 100%; -moz-border-image: -moz-linear-gradient(green, white, red) 1 100%; -o-border-image: -o-linear-gradient(green, white, red) 1 100%; border-image: linear-gradient(green, white, red) 1 100%; } #plan_Box60{display:block;width:910px; background:url('../../images/ltePlan/planDetail_60.png') #000 right top; background-repeat:no-repeat;height:510px;color:#FFF;font-family: 'Roboto Condensed', sans-serif;} #plan_Box60 .box1{float:left; width:180px;border-top:#999 1px solid;border-right:#999 1px solid;border-bottom:#999 1px solid;padding:10px; height:270px} #plan_Box60 .box1 p{font-weight:300; font-size:40px; line-height:120%; margin:10 0} #plan_Box60 .box2{float:left; width:260px;border-top:#999 1px solid;border-bottom:#999 1px solid;padding:10px 20px; font-size:18px;height:270px} #plan_Box60 .boxImg{width:220px;float:right; margin-right:150px; margin-top:-270px} #plan_Box65{display:block;width:910px; background:url('../../images/ltePlan/planDetail_65.png') #000 right top; background-repeat:no-repeat;height:510px;color:#FFF;font-family: 'Roboto Condensed', sans-serif;} #plan_Box65 .box1{float:left; width:180px;border-top:#999 1px solid;border-right:#999 1px solid;border-bottom:#999 1px solid;padding:10px; height:270px} #plan_Box65 .box1 p{font-weight:300; font-size:40px; line-height:120%; margin:10 0} #plan_Box65 .box2{float:left; width:260px;border-top:#999 1px solid;border-bottom:#999 1px solid;padding:10px 20px; font-size:18px;height:270px} #plan_Box65 .boxImg{width:220px;float:right; margin-right:150px; margin-top:-270px} #plan_minBox{width:910px; height:420px; background-color:#000; padding:20px 0} #plan_minBox25{width:910px; height:480px; background-color:#000; padding:20px 0} #planTop_Banner{display:block;width:920px; background:url('../../images/PlanTop_bg.gif')#fff right 30px; background-repeat:no-repeat;height:160px;color:#000;font-family: 'Roboto Condensed', sans-serif; text-align:center} #planTop_Banner h2{ color:#7e7e7e; font-size:46px;margin-bottom:1px} #planTop_Banner h1{ color:#000; font-size:95px;margin:40px 0 1px;} /* Month Plan updated 0601 2015 */ #planChart{width:920px; height:429px;padding:0; display:inline-block} #planChart .planCon-h{ float:left;width:213px;height:429px;background:url('../../images/planUpdate_0701_MON.gif');background-position:0 0;background-repeat: no-repeat;cursor:default} #planChart .planCon30-h a{float:left;width:142px;height:429px;background:url('../../images/planUpdate_0701_MON.gif');background-position:-213px 0;background-repeat: no-repeat;} #planChart .planCon30-h a:hover{float:left; width:142px;height:429px;background:url('../../images/planUpdate_0701_MON.gif');background-position:-213px -430px;background-repeat: no-repeat;}/* planCon35-check heigh/magirgin difference */ #planChart .planCon35-h a{float:left; width:142px;height:429px;background:url('../../images/planUpdate_0701_MON.gif');background-position:-355px 0;background-repeat: no-repeat;} #planChart .planCon35-h a:hover{float:left; width:142px;height:429px;background:url('../../images/planUpdate_0701_MON.gif');background-position:-355px -430px;background-repeat: no-repeat;} #planChart .planCon40-h a{float:left; width:142px;height:429px;background:url('../../images/planUpdate_0701_MON.gif');background-position:-497px 0;background-repeat: no-repeat;} #planChart .planCon40-h a:hover{float:left; width:142px;height:429px;background:url('../../images/planUpdate_0701_MON.gif');background-position:-497px -430px;background-repeat: no-repeat;} #planChart .planCon50-h a{float:left; width:142px;height:429px;background:url('../../images/planUpdate_0701_MON.gif');background-position:-639px 0;background-repeat: no-repeat;} #planChart .planCon50-h a:hover{float:left; width:142px;height:429px;background:url('../../images/planUpdate_0701_MON.gif');background-position:-639px -430px;background-repeat: no-repeat;} #planChart .planCon60-h a{float:left; width:137px;height:429px;background:url('../../images/planUpdate_0701_MON.gif');background-position:-781px 0;background-repeat: no-repeat;} #planChart .planCon60-h a:hover{float:left; width:137px;height:429px;background:url('../../images/planUpdate_0701_MON.gif');background-position:-781px -430px;background-repeat: no-repeat;} #planChart .planCon65-h a{float:left; width:120px;height:429px;background:url('../../images/planUpdate_0701_MON.gif');background-position:-789px 0;background-repeat: no-repeat;} #planChart .planCon65-h a:hover{float:left; width:120px;height:429px;background:url('../../images/planUpdate_0701_MON.gif');background-position:-789px -430px;background-repeat: no-repeat;} /* slider banner-sim promo 0810 2016 */ #planSlider{width:490px;padding:0;}.planSlider-h{width:250px;height:329px;background:url('../../images/plan_slide_left.png');background-position:0 0;background-repeat: no-repeat;cursor:default; margin:25px 30px 0 50px} #planSlider .planCon30-h a{float:left;width:142px;height:329px;background:url('../../images/plan_banner.png');background-position:-213px 0;background-repeat: no-repeat;} #planSlider .planCon30-h a:hover{float:left; width:142px;height:329px;background:url('../../images/plan_banner.png');background-position:-213px -329px;background-repeat: no-repeat;}/* planCon35-check heigh/magirgin difference */ #planSlider .planCon35-h a{float:left; width:142px;height:329px;background:url('../../images/plan_banner.png');background-position:-355px 0;background-repeat: no-repeat;} #planSlider .planCon35-h a:hover{float:left; width:142px;height:329px;background:url('../../images/plan_banner.png');background-position:-355px -329px;background-repeat: no-repeat;} #planSlider .planCon40-h a{float:left; width:142px;height:329px;background:url('../../images/plan_banner.png');background-position:-497px 0;background-repeat: no-repeat;} #planSlider .planCon40-h a:hover{float:left; width:142px;height:329px;background:url('../../images/plan_banner.png');background-position:-497px -329px;background-repeat: no-repeat;} #planSlider .planCon50-h a{float:left; width:142px;height:329px;background:url('../../images/plan_banner.png');background-position:-639px 0;background-repeat: no-repeat;} #planSlider .planCon50-h a:hover{float:left; width:142px;height:329px;background:url('../../images/plan_banner.png');background-position:-639px -329px;background-repeat: no-repeat;} #planSlider .planCon60-h a{float:left; width:137px;height:329px;background:url('../../images/plan_banner.png');background-position:-781px 0;background-repeat: no-repeat;} #planSlider .planCon60-h a:hover{float:left; width:137px;height:329px;background:url('../../images/plan_banner.png');background-position:-781px -329px;background-repeat: no-repeat;} #planSlider .planCon65-h a{float:left; width:120px;height:329px;background:url('../../images/plan_banner.png');background-position:-789px 0;background-repeat: no-repeat;} #planSlider .planCon65-h a:hover{float:left; width:120px;height:329px;background:url('../../images/plan_banner.png');background-position:-789px -329px;background-repeat: no-repeat;} .slidebox{position:relative;margin:0 auto; overflow:hidden;} .slidebox,.slidebox .slideboxSlide{width:490px;} .slidebox,.slidebox .slideboxSlides,.slidebox .slideboxSlide{height:330px;} .slidebox ul{position:relative; overflow:hidden; margin-left:30px; padding:0; border:0; list-style-type:none;} .slidebox ul li{float:left;} .slidebox ul li .slideboxCaption{} .slideboxContainer{position:relative; margin:40px auto;} .slideboxContainer .slideboxNext,.slideboxContainer .slideboxPrevious{position:absolute; display:block; width:21px; height:50px; top:50%; margin-top:-50px;} .slideboxContainer .slideboxNext{right:0; background:url('../../images/slidebox_next.png') no-repeat;} .slideboxContainer .slideboxNext:hover{background:url('../../images/slidebox_next_hover.png') no-repeat;} .slideboxContainer .slideboxPrevious{background:url('../../images/slidebox_previous.png') no-repeat;} .slideboxContainer .slideboxPrevious:hover{background:url('../../images/slidebox_previous_hover.png') no-repeat;} .slideboxContainer .slideboxThumbs{position:absolute; bottom:10px; right:10px; text-align:center;} .slideboxContainer .slideboxThumbs .slideboxThumb{display:inline-block; margin:0 3px; background:#666; min-width:10px; min-height:10px; text-decoration:none; font-size:12px; color:#fff;} .slideboxContainer .slideboxThumbs .slideboxThumb:hover,.slideboxContainer .slideboxThumbs .selectedSlideboxThumb{background:#fff; color:#666;} #planChart_2{display:inline-block; width:920px;margin-top:3px; padding:0; clear:both;} #planChart_2 .partLeft {float:left; width:181px; margin-right:3px;background-color:#000; text-align:center; padding:20px 0;} #planChart_2 .partRight {float:left; width:733px;background-color:#000; text-align:center; padding:20px 0;} /* PAYG Plan updated 0605 2015 */ #planChartPAYG{width:920px; height:406px;padding:0; display:inline-block;} #planChartPAYG .planConMin { float:left;width:240px;height:407px;background:url('../../images/planUpdate_PAYG.gif');background-position:0 0;background-repeat: no-repeat;cursor:default} #planChartPAYG .planConMin10 a{float:left;width:133px;height:407px;background:url('../../images/planUpdate_PAYG.gif');background-position:-241px 0;background-repeat: no-repeat;} #planChartPAYG .planConMin10 a:hover{float:left; width:133px;height:407px;background:url('../../images/planUpdate_PAYG.gif');background-position:-241px -406px;background-repeat: no-repeat;}/* planCon35-check heigh/magirgin difference */ #planChartPAYG .planConMin20 a{float:left; width:133px;height:407px;background:url('../../images/planUpdate_PAYG.gif');background-position:-378px 0;background-repeat: no-repeat;} #planChartPAYG .planConMin20 a:hover{float:left; width:133px;height:407px;background:url('../../images/planUpdate_PAYG.gif');background-position:-378px -406px;background-repeat: no-repeat;} #planChartPAYG .planConMin25 a{float:left; width:133px;height:407px;background:url('../../images/planUpdate_PAYG.gif');background-position:-513px 0;background-repeat: no-repeat;} #planChartPAYG .planConMin25 a:hover{float:left; width:133px;height:407px;background:url('../../images/planUpdate_PAYG.gif');background-position:-513px -406px;background-repeat: no-repeat;} #planChartPAYG .planConMin30 a{float:left; width:133px;height:407px;background:url('../../images/planUpdate_PAYG.gif');background-position:-647px 0;background-repeat: no-repeat;} #planChartPAYG .planConMin30 a:hover{float:left; width:133px;height:407px;background:url('../../images/planUpdate_PAYG.gif');background-position:-647px -406px;background-repeat: no-repeat;} #planChartPAYG .planConMin100 a{float:left; width:133px;height:407px;background:url('../../images/planUpdate_PAYG.gif');background-position:-782px 0;background-repeat: no-repeat;} #planChartPAYG .planConMin100 a:hover{float:left; width:133px;height:407px;background:url('../../images/planUpdate_PAYG.gif');background-position:-782px -406px;background-repeat: no-repeat;} /* new plan table -rwd 0920 2016 */ .RWDplan .plantable h1,h2,h4{margin:10px 0 5px !important} .RWDplan .plantable h1{font-size:46px;letter-spacing: -1px;} .RWDplan .plantable h3{font-size:20px;letter-spacing:0; color:#2ca4fa; margin:10px 0 0 0 !important} .RWDplan .plantable p {line-height: 1.2; } .RWDplan .plantable p:last-child {line-height: 1.2;} .RWDplan .plantable { display: table; text-align:center;border:#f5f5f5 2px solid;overflow:hidden; } .RWDplan .plantable:hover {background-color:#f5f5f5; cursor:pointer; border:#ddd 2px solid; overflow:hidden; } .RWDplan .row { display: table-row } .RWDplan .col { display: table-cell; padding:0 10px; } .RWDplan .col.content {background-color:#ffe700; width:200px;} .RWDplan .col.content2 {width:200px;background-color:#ffe700; background-repeat:no-repeat; background-position:left top; min-width: 100px;padding-top: 20px;} @media (min-width:481px) { .RWDplan .col.content2.tag-IMG-hidden {background-image: none !important;} } .RWDplan .col.sidebar { background:url(../../images/plan/separator-vt.png); background-repeat:no-repeat; background-position:right;font-size: 14px; } .RWDplan .col.sidebar-last {width:130px;} .RWDplan .col.endbar { width: 200px; background-color:#f5f5f5; } .Tyellow{color:#ffe700}.Tblue{color:#2ca4fa} .Tblock{display:block; line-height:1.1} /* new plan table for index page -rwd 0926 2016 */ .RWDplan .plantable-index h1,h2,h3,h4{margin:10px 0 !important; } .RWDplan .plantable-index h1{font-size:46px;letter-spacing: -1px;} .RWDplan .plantable-index h3{font-size:20px;letter-spacing:0; color:#2ca4fa;; margin:0 !important} .RWDplan .plantable-index p { font-size:17px; margin:0 !important} .RWDplan .plantable-index hr { margin: 10px 0;border: none;height:2px;width: 100%; background:url(../../images/plan/separator-hr.png); background-repeat:no-repeat; background-position:top;} .RWDplan .plantable-index .newIcon-index{background: #ffe700 url("../../images/plan/new-bg-icon.png") no-repeat left top;background-size: 30% auto;} .RWDplan .col-index {display: table-cell} .RWDplan .plantable-index{ display: table; text-align:center;overflow:hidden;border-collapse: separate;border-spacing: 30px 0;} .RWDplan .col-index.content-index {width:300px;border:#f5f5f5 2px solid;} .RWDplan .col-index.content-index:hover {background-color:#f5f5f5;cursor:pointer; border:#ddd 2px solid; overflow:hidden;} .RWDplan .col-index.sidebar-index {width:300px;border:#f5f5f5 2px solid;} .RWDplan .col-index.sidebar-index:hover {background-color:#f5f5f5;cursor:pointer; border:#ddd 2px solid; overflow:hidden;} .RWDbutton { display:block; text-align:center; text-transform:uppercase; letter-spacing:1px; font-size: 16px; font-weight:bold; border-radius:4px; width:100%; padding:5px; border: 1px solid #333; color:#fff; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); background: #666; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3), inset 0px 26px 10px 0px rgba(255,255,255,0.08), inset -1px 0px 0 0px rgba(255,255,255,0.3), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; cursor: pointer; } .RWDbutton:hover{ letter-spacing: 1px; color: #000;text-transform:uppercase; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); border:1px solid #ffd34c; background: #ffe700; box-shadow:0px 0px #111; -webkit-box-shadow: 0px 0px #111; -moz-box-shadow: 0px 0px #111; -ms-box-shadow: 0px 0px #111; -o-box-shadow: 0px 0px #111; -webkit-box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5), inset 0px 10px 10px 0px rgba(255,255,255,0.05), inset -1px 0px 0 0px rgba(255,255,255,0.5), inset 0px -10px 10px 0px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .planspace {padding: 5px;} .buyplan {background-color:#f5f5f5 ;padding:20px;} .space-desc {padding: 0 10px; margin:20px 0} /* Auto Recharge newly Added */ .autoTopBn{background:url(../../images/autorecharge/ar_main_bg.png); background-repeat:no-repeat;width:100%; height:200px; padding:30px} .BlackpromoBn{background:url(../../images/autorecharge/ar_promo_img.png) #000 right top;background-repeat:no-repeat;} .panelBlack{overflow:hidden; border:1px solid #fff; background-color:#000; padding:5px 20px 20px} .panelBlack{margin-left:80px} .flipBlack{font-size:23px;color:#fff;line-height: 1.2;text-align: right;cursor: pointer; background-color:#000;} .flipBlack{width:75%;} .filpBlack-child{color:#fff;line-height: 1.2;text-align: left;} .filpBlack-child ul {list-style: none} .filpBlack-child li::before {content: "\25a0"; color:#ffe700;display: inline-block; width: 1em;margin-left: -1em} .conTitle{font-family: Roboto Condensed;font-size: 40px; color:#a7a6a6;text-align:left;line-height:100%; margin-left:20px} .howtoBox{background-color: #fff; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; background:url(../../images/autorecharge/howto_bg.gif);background-repeat: repeat-y;width:100%;float:left;} .howtoBox .numeric{float:left;width:10%;; color:#fff; font-size:45px;padding: 35px} .howtoBox .howtoBox-Child{float:right;width:80%;} .howtoBox .img{float:left;padding-top: 10px} .howtoBox .textInfo{display:inline-block;margin-left: 20px;padding:20px;} .howtoBox .textInfo{ width:60%} /* Recharge newly Added */ .rewardDropBn{ border:#CCC 1px solid;} .inputBdBlue {border: 1px solid #2ca4fa; background:#fff; font-size: 13px; width: 170px;padding: 4px 0 4px 6px ;} /* referral newly Added */ .colBox{width:80%; margin:30px auto; height:130px} .colBox .colList{width:33.3%; text-align:center; float:left} .social-icon {color: #fff; font-size:55px} .social-icons a {color: #fff;text-decoration: none; } .fa-plus-circle{ color:#09F} .fa-facebook {padding:10px 18px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition: .5s;border-radius: 4px;background-color: #3d5b99;} .fa-facebook:hover {background-color: #322f30;color: #fff;} .fa-twitter {padding:10px 12px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition: .5s;border-radius: 4px;background-color: #00aced;} .fa-twitter:hover {background-color: #322f30;color: #fff;} .fa-envelope {padding:10px 12px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition: .5s;border-radius: 4px;background-color: #0073a4;} .fa-envelope:hover {background-color: #322f30;color: #fff;} .referInput{max-width: 350px;width: 85%; display:inline; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; font-size: 16px; height: 34px; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;} .yel-PromoBox{background-color:#ffe700;} .yel-PromoBox span{display:block;margin-top:10px; font-size: 16px;} .gray-PromoBox80{width:80%; margin:30px auto; background-color:#FFF;border: 1px solid #e3e3e3; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; padding:20px 10px} .referToggle{font-size: 18px;color:#333;text-align: left; cursor: pointer; padding:10px 0} .togglePanel{font-size: 15px;color:#666;text-align: left;text-align:justify;border-top:1px solid #999; padding:10px 0} /* Responsive CSS Temp */ @media (min-width:768px) and (max-width: 991px) { .RWDplan .col-index.content-index, .RWDplan .col-index.sidebar-index { width: 235px; } .plantable-index {margin: 0 auto 20px;} .col-index .Tblue {display: block;} #phoneDeals {text-align: center;} .phoneDeal-text {text-align: left !important; } .separator {width: 5% !important;} .phoneDeal {width: 30% !important;padding-left: 1% !important;} .planspace {padding: 5px !important; margin-bottom: 20px;} .RWDplan .plantable-index { border-spacing: 20px 0;} .panelBlack{margin-left:80px} #line-img{display: 100%;} .howtoBox .textInfo{ width:60%} .BlackpromoBn{background:url(../../images/autorecharge/ar_promo_img.png) #000 right top;background-repeat:no-repeat;} .flipBlack{width:75%;} .popinBox span{ width:25%;text-align: right;} } @media (min-width:481px) and (max-width: 767px) { .RWDplan .col-index.content-index, .RWDplan .col-index.sidebar-index { max-width: 30%; } .plantable-index {margin: 0 auto 20px;} .col-index .Tblue {display: block;} #phoneDeals {text-align: center;} .phoneDeal-text {text-align: left !important; } .separator {width: 5% !important;} .phoneDeal {width: 30% !important;padding-left: 1% !important;} .planspace {padding: 5px !important; margin-bottom: 20px;} .RWDplan .plantable-index { border-spacing: 15px 0; } .buyplan {background-color:#f5f5f5 ;padding:20px 6px;} .RWDplan .plantable-index .newIcon-index { background: #ffe700 url("../../images/plan/new-bg-icon.png") no-repeat left top; background-size: 30% auto;} .phoneDeal-img {display: block !important; width: 100% !important; margin-bottom: 10px !important;} .phoneDeal-text { clear: both !important; float: none !important; padding: 0 !important; width: 100% !important; } a.phoneDeal-btn div {text-align: center; padding: 4px; font-size: 18px;} .panelBlack{margin-left:0} #line-img{display: none;} .howtoBox .textInfo{ width:60%} .BlackpromoBn{background:url(../../images/autorecharge/ar_promo_img.png) #000 right top;background-repeat:no-repeat;} .flipBlack{width:95%;} .oneHalfcolumns,.twocolumns, .threecolumns,.sevenTwocolumns, .sevencolumns, .fourcolumns, .fourtyfourcolumns, .fivecolumns, .sixcolumns{ width: 100%;}.popinBox span{ width:25%;text-align: right;} } @media all and (max-width: 480px) { .RWDplan .plantable,.RWDplan .plantable-index { display: block; } .RWDplan .row { display: block } .RWDplan .col { display: block; width: 100%;padding:20px; } .RWDplan .col-index { display: block; width: 100%; } .RWDplan .col.content,.RWDplan .col.content2,.RWDplan .col.endbar, .RWDplan .col.sidebar-last { width: 100%; } .RWDplan .col-index.content-index,.RWDplan .col-index.sidebar-index{ width: 100%; } .RWDplan .col-index.content-index,.RWDplan .col-index.sidebar-index{ margin-bottom: 30px} .RWDplan .col.sidebar { width: 100%; background:url(../../images/plan/separator-hr.png); background-repeat:no-repeat; background-position:bottom; padding:5px 0; } .panelBlack{margin-left:0} #line-img{display: none;} .howtoBox .textInfo{ width:95%} .BlackpromoBn{background:url() #000 right top;background-repeat:no-repeat;} .flipBlack{width:95%;} .oneHalfcolumns,.twocolumns,.threecolumns,.sevenTwocolumns, .sevencolumns, .fourcolumns,.fivecolumns, .fourtyfourcolumns, .sixcolumns{ width: 100%;}.popinBox span{ width:100%;text-align: center;} } /* CSS for responsive UI */ /******* promo :: 4 Small Banners ********************/ .promo-banner { width: 100% !important; display: block; padding: 0;margin: 20px 0; float: left; text-align: center; } .promobanner4-wrap {width: 100%;} .promobanner4-wrap ul { margin: 0; padding: 0; text-align: left; list-style: none; } .promobanner4-wrap li { list-style: none;float: left;display: inline;text-align: center; padding:0; } .promobanner4-wrap li.promo-30 { background: url("../../images/banner/promobanner-30.png") no-repeat center center; margin: 0 5px 5px 0; } .promobanner4-wrap li.promo-40 { background: url("../../images/banner/promobanner-40.png") no-repeat center center; margin: 0 0 5px 0; } .promobanner4-wrap li.promo-50 { background: url("../../images/banner/promobanner-50.png") no-repeat center center; margin: 0 5px 5px 0; } .promobanner4-wrap li.promo-60 { background: url("../../images/banner/promobanner-60.png") no-repeat center center; margin: 0; } @media (min-width:992px) { .promobanner4-wrap {margin: 0 auto; display: block;padding: 0; text-align: center; } .promobanner4-wrap li { width: 455px; height: 199px; } } @media (min-width:768px) and (max-width:991px) { .promobanner4-wrap {margin: 0 auto; max-width:765px; width:100%;padding: 0; text-align: center; float:none; } .promobanner4-wrap li { width: 365px; height: 159px; } .promobanner4-wrap li.promo-30, .promobanner4-wrap li.promo-40, .promobanner4-wrap li.promo-50, .promobanner4-wrap li.promo-60 {background-size: 100% 100%;} } @media (min-width:481px) and (max-width:767px) { .promobanner4-wrap {margin: 0 auto; display: block; width:455px;padding: 0; text-align: center; float:none;} .promobanner4-wrap li { display: block !important; width: 455px; height: 199px; } .promobanner4-wrap li.promo-30, .promobanner4-wrap li.promo-40, .promobanner4-wrap li.promo-50, .promobanner4-wrap li.promo-60 {background-size: 100% 100%;} } @media (max-width:480px) { .promobanner4-wrap {margin: 0 auto;width:300px;padding: 0; text-align: center; float:none;} .promobanner4-wrap li { display: block !important; width: 290px; height: 127px; } .promobanner4-wrap li.promo-30, .promobanner4-wrap li.promo-40, .promobanner4-wrap li.promo-50, .promobanner4-wrap li.promo-60 {background-size: 100% 100%;} .phoneDeal-img img { width: 80%;} }