@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); } 
@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf'); }

body {
	background: #FBC01A url(../images/wp_bubbles3.jpg) no-repeat fixed center;
}
#soccer {
	background: url(../images/wp_ball.jpg) no-repeat fixed center;
}

#about {
	background: #FFC url(../images/texture_pattern_xx.png);
	padding: 20px;
}
.container {
	min-height:800px;
	background: #FCFCFE url(../images/bg_canvas.jpg) repeat;
}

a:link, a:visited {
	color: #F60;
	text-decoration: none;
	font: 12px Verdana, Geneva, sans-serif;
}
a:hover {
	text-decoration: underline;
	color: #393;
	font-family: Verdana, Geneva, sans-serif;
}
p {
	color: #452E16;
}
h1 {
	color: #F63;
	font: bold 30px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}
h2 {
	width: 500px;
	padding: 0px;
	color: #069;
	font: 15px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 12px 0px 8px;
}
h6 {
	font: 9px Verdana, Geneva, sans-serif;
}

form {
	font: 9px Verdana, Geneva, sans-serif;
}

#leftNavi p {
	font: 9px Tahoma, Geneva, sans-serif;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 20px;
}
#leftNavi ul li {
	list-style: none;
	display: block;
	font: bold normal 13px/25px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
	color: #666;
	padding-left: 10px;
}

#leftNavi ul li ul li {
	color: #999;
	margin-bottom: 5px;
	padding-left: 5px;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding-top: 5px;
	margin-top: 5px;
}
#leftNavi a:link, #leftNavi a:visited {
	font: 11px Tahoma, Geneva, sans-serif;
	text-align: left;
	display: block;
	border-bottom: 1px solid #D8EBED;
	height: 24px;
}

#leftNavi a:hover{
	font: 11px Tahoma, Geneva, sans-serif;
	text-align: left;
	padding-left: 5px;
}


#subHeading {
	background: #FFA53D;
	color: #FFF;
	padding-left: 10px;
	clip: rect(auto,auto,auto,auto);
	font: normal 20px Verdana, Geneva, sans-serif;
}
#content ul li {
	display: block;
	list-style: none;
	width: 150px;
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
#content p {
	font: 12px/18px Verdana, Geneva, sans-serif;
	padding-bottom: 6px;
}
#content h1 {
	font: 22px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 5px;
}
#content h2 {
	font: bold 12px Verdana, Geneva, sans-serif;
}
#content table {
	padding: 5px;
	font-size: 12px;
	margin: 0px;
	width: 280px;
}
#content th {
	font: bold 13px Tahoma, Geneva, sans-serif;
	background: #FC3;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
	margin-bottom: 10px;
}
#content td {
	font: 12px Tahoma, Geneva, sans-serif;
}
#contentC {
	background: #FFF;
	height: 400px;
	border: thin solid #CCC;
	padding: 10px 10px 80px;
	overflow: auto;
}
#contentC ol li {
	margin-left: 30px;
	font: 9px Verdana, Geneva, sans-serif;
}

#contentC table {
	font-size: 12px;
	padding: 10px;
	width: 550px;
}
#contentC table tr th {
	background: #FC3;
	padding: 5px;
	border: thin solid #CCC;
}
#contentC table tr td {
	padding: 5px;
	border: thin solid #CCC;
}

#contentD #info #intro ul {
	list-style: none;
	font-size: 20px;
}
#contentE {
	background: #FFF;
	border: thin solid #CCC;
	padding: 10px 10px 80px;
}
#contentE ol li {
	font: 9px Verdana, Geneva, sans-serif;
	margin-left: 30px;
}
#contentE table {
	font-size: 12px;
	width: 530px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#contentE table tr th {
	background: #FC3;
	border: thin solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
#contentE table tr td {
	border: thin solid #CCC;
	padding: 5px;
}

/*======================================================

        WEBSITE DESIGN BY JIMMY GUNAWAN
		jimmy.cg@gmail.com

========================================================*/
#contentE #tablescroll {
	height: 500px;
	width: 550px;
	overflow: auto;
}
#tab ul li {
	background: #F2EDD9;
	height: 30px;
	border-top: 2px solid #F63;
	border-right: 1px solid #CCC;
	border-bottom: none;
	border-left: 1px solid #CCC;
	margin-right: 5px;
	width: 180px;
}
#spacer ul li {
	text-decoration: none;
	display: block;
	width: 140px;
	background: #FFF;
	color: #999;
	font: 15px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

#spacer ul li a:link {
	text-decoration: none;
	color: #F63;
	display: block;
	width: 140px;
	background: #FFF;
	font: 15px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

#spacer ul li a:visited {
	text-decoration: none;
	color: #F60;
	display: block;
	width: 140px;
	font: 15px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#spacer ul li a:hover {
	text-decoration: none;
	background: #F63;
	display: block;
	color: #FFF;
	width: 140px;
	font: bold 15px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#bannerA {
	background: url(../images/emob_banner_autopay.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}

#bannerB {
	background: url(../images/emob_banner_ebiz.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerC {
	background: url(../images/emob_banner_minicap.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerD {
	background: url(../images/emob_banner_autopay365.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerE {
	background: url(../images/gmob_banner_fff3080.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerF {
	background: url(../images/gmob_banner_fff3999.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerG {
	background: url(../images/gmob_banner_newgoodcap.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerH {
	background: url(../images/gmob_banner_goodbiz.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerI {
	background: url(../images/gmobbb_banner_prepay.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerJ {
	background: url(../images/gmobbb_banner_postpay.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerK {
	background: url(../images/eroaming_sim2china_banner.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerL {
	background: url(../images/phone_biz_ebiz.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerM {
	background: url(../images/phone_biz_inbound.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerN {
	background: url(../images/phone_biz_phsys.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerO {
	background: #F93 url(../images/product_comingsoon.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}

#bannerP {
	background: #999 url(../images/phone_rez_bigsaver.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerQ {
	background: #999 url(../images/product_comingsoon.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerR {
	background: #999 url(../images/product_comingsoon.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerS {
	background: #999 url(../images/phone_rez_go.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerT {
	background: #999 url(../images/eroaming_sim2china_banner.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerU {
	background: #999 url(../images/eroaming_sim2china_ch_banner.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerV {
	background: #999 url(../images/eroaming_sim2asia_banner.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerW {
	background: #999 url(../images/phone_rez_go.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
#bannerA ul li, #bannerB ul li , #bannerC ul li , #bannerD ul li ,
#bannerE ul li, #bannerF ul li , #bannerG ul li , #bannerH ul li ,
#bannerI ul li, #bannerJ ul li , #bannerK ul li , #bannerL ul li ,
#bannerM ul li, #bannerN ul li , #bannerO ul li , #bannerP ul li ,
#bannerQ ul li, #bannerR ul li , #bannerS ul li , #bannerT ul li ,
#bannerU ul li, #bannerV ul li , #bannerW ul li , #bannerX ul li {
	list-style: none;
	float: left;
	display: block;
	margin: 10px;
	width: 140px;
	text-align: center;
	font: bold 15px Arial, Helvetica, sans-serif;
	padding: 3px;
	background: #FFF;
	border: thin dotted #F93;
}
#bannerA #spacer, #bannerB #spacer, #bannerC #spacer, #bannerD #spacer, 
#bannerE #spacer, #bannerF #spacer, #bannerG #spacer, #bannerH #spacer, 
#bannerI #spacer, #bannerJ #spacer, #bannerK #spacer, #bannerL #spacer, 
#bannerM #spacer, #bannerN #spacer, #bannerO #spacer, #bannerP #spacer,
#bannerQ #spacer, #bannerR #spacer, #bannerS #spacer, #bannerT #spacer,
#bannerU #spacer, #bannerV #spacer, #bannerW #spacer, #bannerX #spacer {
	margin-top: 220px;
	margin-left: 130px;
}
#rightNavi {
	width: 140px;
}
#rightNavi p {
	font: 10px Verdana, Geneva, sans-serif;
}
#rightNavi #rightNaviContainer {
	padding: 5px;
}
#rightNavi #rightNaviContainerB {
	padding: 5px;
}

#rightNavi h3 {
	font: bold 12px Verdana, Geneva, sans-serif;
	padding-bottom: 10px;
	color: #F60;
}
#rightNavi a {
	font: 10px Verdana, Geneva, sans-serif;
}
#breadcrumb {
	font: 9px Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
	background: #FC3;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}
#breadcrumb a:link, #breadcrumb a:visited {
	font: 9px Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
	background: #FC3;
}

#content #twocolumnB .span-8 p img {
	padding: 5px;
	float: left;
}

#btmNavi {
}
#btmNavi ul li {
	padding-right: 2px;
}

/* style for product banner*/

a.borderHighlightA:link, a.borderHighlightB:link, a.borderHighlightC:link, a.borderHighlightD:link, 
a.borderHighlightE:link, a.borderHighlightF:link, a.borderHighlightG:link, a.borderHighlightH:link, 
a.borderHighlightI:link, a.borderHighlightJ:link, a.borderHighlightK:link, a.borderHighlightL:link, 
a.borderHighlightM:link, a.borderHighlightN:link, a.borderHighlightO:link, a.borderHighlightP:link, 
a.borderHighlightQ:link, a.borderHighlightR:link, a.borderHighlightS:link, a.borderHighlightT:link,
a.borderHighlightU:link, a.borderHighlightV:link, a.borderHighlightW:link, a.borderHighlightX:link {
	border: 5px solid #FFF;
}
a.borderHighlightA:hover, a.borderHighlightB:hover, a.borderHighlightC:hover, a.borderHighlightD:hover,
a.borderHighlightE:hover, a.borderHighlightF:hover, a.borderHighlightG:hover, a.borderHighlightH:hover,
a.borderHighlightI:hover, a.borderHighlightJ:hover, a.borderHighlightK:hover, a.borderHighlightL:hover,
a.borderHighlightM:hover, a.borderHighlightN:hover, a.borderHighlightO:hover, a.borderHighlightP:hover,
a.borderHighlightQ:hover, a.borderHighlightR:hover, a.borderHighlightS:hover, a.borderHighlightT:hover,
a.borderHighlightU:hover, a.borderHighlightV:hover, a.borderHighlightW:hover, a.borderHighlightX:hover  {
	border: 5px solid #FFA53D;
}
.borderHighlightA {
	background: url(../images/emob_banner_autopay_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightASelected {
	background: url(../images/emob_banner_autopay_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightB {
	background: url(../images/emob_banner_ebiz_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightBSelected {
	background: url(../images/emob_banner_ebiz_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightC {
	background: url(../images/emob_banner_minicap_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightCSelected {
	background: url(../images/emob_banner_minicap_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightD {
	background: url(../images/emob_banner_autopay365_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightDSelected {
	background: url(../images/emob_banner_autopay365_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightE {
	background: url(../images/gmob_banner_fff3999_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightESelected {
	background: url(../images/gmob_banner_fff3999_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightF {
	background: url(../images/gmob_banner_fff3080_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightFSelected {
	background: url(../images/gmob_banner_fff3080_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightG {
	background: url(../images/gmob_banner_newgoodcap_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightGSelected {
	background: url(../images/gmob_banner_newgoodcap_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightH {
	background: url(../images/gmob_banner_goodbiz_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightHSelected {
	background: url(../images/gmob_banner_goodbiz_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightI {
	background: url(../images/phone_biz_ebiz_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightISelected {
	background: url(../images/phone_biz_ebiz_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightJ {
	background: url(../images/phone_biz_inbound_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightJSelected {
	background: url(../images/phone_biz_inbound_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightK {
	background: url(../images/phone_biz_phsys_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightKSelected {
	background: url(../images/phone_biz_phsys_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightL {
	background: url(../images/phone_biz_eOfficeLine_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightLSelected {
	background: url(../images/phone_biz_eOfficeLine_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightP {
	background: url(../images/phone_rez_bigsaver_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightPSelected {
	background: url(../images/phone_rez_bigsaver_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightQ {
	background: url(../images/phone_rez_ehp_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightQSelected {
	background: url(../images/phone_rez_ehp_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightR {
	background: url(../images/phone_rez_go_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightRSelected {
	background: url(../images/phone_rez_go_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightS {
	background: url(../images/phone_rez_ehome_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightSSelected {
	background: url(../images/phone_rez_ehome_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightT {
	background: url(../images/sim2china_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightTSelected {
	background: url(../images/sim2china_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightU {
	background: url(../images/sim2china_ch_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightUSelected {
	background: url(../images/sim2china_ch_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightV {
	background: url(../images/sim2asia_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightVSelected {
	background: url(../images/sim2asia_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightW {
	background: no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightWSelected {
	background: no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
.borderHighlightX {
	background: url(../images/gmob_banner_fff3999combo_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #FFF;
}
.borderHighlightXSelected {
	background: url(../images/gmob_banner_fff3999combo_mini.gif) no-repeat;
	height: 100px;
	width: 135px;
	display: block;
	border: 5px solid #F63;
}
#quickBtn {
	padding-bottom: 5px;
	padding-top: 5px;
}

.qBtnA {
	background: #FFF url(../images/index_bbutton_A.gif);
	width: 150px;
	display: block;
	height: 35px;
}
.qBtnB {
	background: #FFF url(../images/index_bbutton_B.gif);
	width: 150px;
	display: block;
	height: 35px;
}
.qBtnC {
	background: #FFF url(../images/index_bbutton_C.gif);
	width: 150px;
	display: block;
	height: 35px;
}
.qBtnD {
	background: #FFF url(../images/index_bbutton_D.gif);
	width: 150px;
	display: block;
	height: 35px;
}
a.qBtnA:hover {
	background: url(../images/index_bbutton_Ax.gif);
	width: 150px;
	display: block;
	height: 35px;
}
a.qBtnB:hover {
	background: url(../images/index_bbutton_Bx.gif);
	width: 150px;
	display: block;
	height: 35px;
}
a.qBtnC:hover {
	background: url(../images/index_bbutton_Cx.gif);
	width: 150px;
	display: block;
	height: 35px;
}
a.qBtnD:hover {
	background: url(../images/index_bbutton_Dx.gif);
	width: 150px;
	display: block;
	height: 35px;
}
.containerB {
	background: #F4F1E8;
	/*min-height:960px;*/
	text-align: center;
	margin: 0px auto;
	width: 400px;
}
#footerB {
	font: .8em Verdana, Geneva, sans-serif;
	background: url(../images/footer.png);
	text-align: center;
	bottom: 0px;
	position: fixed;
	z-index: 30;
}

#footerB a:link, #footer a:visited {
	font: .8em Verdana, Geneva, sans-serif;
	text-align: center;
}

body2 {
	background: #D0CBB3 url(../images/deco_drop_shadow.gif) repeat-y fixed center;
}

#sitemap {
	background: #EEE8DA;
	font: 9px Verdana, Geneva, sans-serif;
	padding-top: 10px;
	padding-bottom: 30px;
}
#sitemap .span-4 p a {
	font: 9px Verdana, Geneva, sans-serif;
}
#mapcontainer {
	background: #FFF;
	margin: 0px auto 30px;
	height: 360px;
	width: 640px;
	padding: 15px 35px 50px;
	text-align: center;
	border: 2px dashed #6CC;
}
#list {
	font-size: 12px;
	background: #FFF;
	padding: 10px 30px;
}
#list table {
	width: 640px;
}

#list table td {
	border-bottom: thin solid #999;
}
#list table th {
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	color: #F63;
	height: 50px;
}
#articles {
	margin-top: 10px;
	margin-bottom: 10px;
}
#articles p {
	margin-top: 10px;
	margin-bottom: 10px;
	font: 9px Verdana, Geneva, sans-serif;
}
#blog {
	margin-bottom: 20px;
}
#blog p {
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.loginEbill{
	background: #FFD9D9;
	height: 60px;
	width: 180px;
	display: block;
	padding: 5px;
}

.loginBal{
	background: #C2F3EE;
	display: block;
	height: 60px;
	width: 180px;
	padding: 5px;
}

.loginPay{
	background: #DBCDF5;
	display: block;
	height: 60px;
	width: 180px;
	padding: 5px;
}

a.loginEbill:hover{
	background: #FFC;
}

a.loginPay:hover{
	background: #FFC;
}

a.loginBal:hover{
	background: #FFC;
}
.rounded-all {
	/*rounded corner effect*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*end of rounded corner*/	
}

.rounded-btm {
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px; 
}

.rounded-top {
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px; 
}

.rounded-mixA {
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px; 
}

.rounded-right {
	/*rounded corner effect*/
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px; 
	/*end of rounded corner*/	
}
#mainHeader {
	background: url(../images/header_complex.jpg) no-repeat;
	height: 110px;
	font-family: Delicious, sans-serif;
}
#mainHeader #subNavi {
	background: #FFCD00;
	font: 10px Verdana, Geneva, sans-serif;
	padding: 10px;
	height: 50px;
	width: 88px;
	margin-left: 40px;
}

#mainHeader #subNavi ul li {
	list-style: none;
	font: 10px Verdana, Geneva, sans-serif;
}
#mainHeader #subNavi a:link, #mainHeader #subNavi a:visited {
	color: #F60;
	font: 10px Verdana, Geneva, sans-serif;
}
#containerBtnB {
	width: 420px;
	margin: 0px;
	padding: 10px 0px 0px 54px;
	height: 60px;
}
#containerBtnB a {
	text-decoration: none;
}

#containerBtnB table tr td {
	text-align: center;
}
#containerBtnB a:link, #containerBtnB a:visited {
	text-decoration: none;
	color: #788B96;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
}
#containerBtnB a:link.active, #containerBtnB a:visited.active, #containerBtnB a:hover {
	color: #F60;
}
#logobottom {
	float: right;
	position: fixed;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 160px;
	z-index: 50;
}

#twocolumnA p {
	padding-top: 10px;
	padding-bottom: 10px;
	font: 10px Verdana, Geneva, sans-serif;
}
#twocolumnB p {
	padding-top: 10px;
	padding-bottom: 10px;
	font: 10px Verdana, Geneva, sans-serif;
}
#threecolumnA {
	background: #FFC;
}

#threecolumnA p {
	font: 10px Verdana, Geneva, sans-serif;
	color: #930;
	padding: 5px;
}
#threecolumnA a:link, #threecolumnA a:visited {
	padding-top: 10px;
	padding-bottom: 10px;
	font: 10px Verdana, Geneva, sans-serif;
}
#fourcolumnA {
	background: #F60;
	height: 20px;
}

/*style highlighter*/
.highlight {
	background: #FFA53D;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	padding-left: 10px;
}
.highlightB {
	display: block;
	padding-left: 15px;
}
.highlightC {
	background: #FC3;
	display: block;
	height: 20px;
}
.highlightD {
	background: #F63;
	display: block;
	height: 20px;
}
.highlightE {
	display: block;
	border-top: thin none #FFF;
	border-right: thin none #FFF;
	border-bottom: thin dotted #FFF;
	border-left: thin none #FFF;
}
.highlightF {
	display: block;
	border-top: thin dotted #666;
	border-right: thin none #666;
	border-bottom: thin #666;
	border-left: thin none #666;
}
.highlightG {
	background: #FFC;
	border-top: 1px dotted #F63;
	border-bottom: 1px dotted #F63;
	border-right-color: #F63;
	border-left-color: #F63;
}

.sideways {
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.gradientA {
	background-image: -moz-linear-gradient(top, #ffcc00, #ff8500);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ff8500));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcc00,endColorstr=#ff8500);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcc00,endColorstr=#ff8500)";
}
.gradientB {
	background-image: -moz-linear-gradient(top, #ffffcc, #ffffff);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffcc), to(#ffffff));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffcc,endColorstr=#ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffcc,endColorstr=#ffffff)";
	border: 1px solid #FFF;
}
.gradientC {
	background-image: -moz-linear-gradient(top, #cbf3fc, #ffffff);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cbf3fc), to(#ffffff));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cbf3fc,endColorstr=#ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cbf3fc,endColorstr=#ffffff)";
}
/* navigation jump box */
#navjumpbox {
	width: 625px;
	margin: 5px 0px;
	height: 40px;
	padding-left: 5px;
}
#navjump {
	margin: 5 0;
	/*background: url(../images/gradient.png) repeat-x 0 -110px;*/
	line-height: 100%;
	border-radius: 1em;
	/*-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);*/
	display: inline-block;
	width: 630px;
}

#navjump li {
	padding: 0px 0; /* use this to control the height of default button state*/
	float: left;
	position: relative;
	list-style: none;
	margin: 0px 3px;
	background: #D3C4AD url(../images/gradient.png) repeat-x 0 -40px;
	color: #F60;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
}
/* main level link */
#navjump a {
	color: #F60;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
	font: 14px Delicious, sans-serif;
}
#navjump a:hover {
	background: #FFF;
	color: #F36;
}

/* main level link hover */
#navjump .current a, #navjump li:hover > a {
	background: #CF3 url(../images/gradient.png) repeat-x 0 -40px;
	color: #F03;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#navjump ul li:hover a, #navjump li:hover li a {
	background: none;
	border: none;
	color: #F60;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#navjump ul a:hover {
	background: #F36 url(../images/gradient.png) repeat-x 0 -100px  !important;
	color: #FFF !important;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#navjump li:hover > ul {
	display: block;
}

/* level 2 list */
#navjump ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 150px;
	position: absolute;
	top: 44px;
	left: 0;
	/*background: url(../images/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);*/
}
#navjump ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#navjump ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#navjump ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#navjump ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#navjump ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#navjump:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


#welcome {
	background: url(../images/index_welcome.gif);
	height: 181px;
	width: 150px;
}

#welcome img {
	padding: 30px 10px 56px 85px;
}
.dropshadow {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);}
#wordscroll {
	color: #F60;
	font: 9px Verdana, Geneva, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 800px;
}
.item {
	width: 200px;
	display: block;
	height: 200px;
	float: left;
	border: 1px solid #FC3;
	background: #FFF;
	padding: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#section {
	background: #A8E1E1 url(../images/stripe_babyblue.png);
	height: 30px;
}
#sectionComic {
	background: #FF9 url(../images/stripe_white.png);
	height: 30px;
}
#sectionVideo {
	background: #E4FFE1 url(../images/stripe_white.png);
	height: 30px;
}
#gallery {
	padding-left: 10px;
}
#leftNaviB {
	background: #FFC;
	padding-top: 10px;
}
#buzzwidget {
	height: 320px;
	overflow: auto;
	background: #FFF;
	margin-top: 5px;
}
#googlesearch {
	padding: 5px 5px 5px 5px;
	border: 1px dashed #3CF;
}
/* E.Tel Buzz start*/
/* ul list */
ul.gb{
	padding:0;
	margin:0;
	font: 9px Verdana, Geneva, sans-serif;
}

ul.gb li{
	border-bottom:1px dotted #F60;
	float:left;
	margin:3px 0;
	list-style-type:none;
	overflow:hidden;
	width:105px;
	padding: 2px;
}
/* Buzz date */
ul.gb span.gb-meta {
   display:block;
   margin:3px 0 0 0;
}
ul.gb span.gb-meta a{
	font-size:95%;
	color:#099;
	text-decoration:none;
}
/* E.Tel Buzz end */
.tooltip {
	display: none;
	position: absolute;
	border: 1px solid #333;
	padding: 2px 6px;
	background: #F63;
	color: #FFF;
}
.spacerA {
	display: block;
	height: 20px;
}
.spacerB {
	display: block;
	padding-left: 60px;
}
.spacerC {
	display: block;
	height: 10px;
}

.jump {
	position: relative;
	margin: 0px;
	padding: 0px;
}

#info {
	border: 1px solid #F60;
	width: 800px;
	text-align: center;
	background: #F2EADD;
	clear: left;
	overflow: hidden;
	height: 500px;
}
/*info is the parent container, overflow hidden will hide the child under it*/
#info #intro {
	height: 500px;
}
#info #prepay {
	height: 500px;
}
#info #ebill {
	height: 500px;
}
#info #broadband {
	height: 500px;
}
#info #payment {
	height: 500px;
}

#info-nav li {
	list-style: none;
	display: block;
	color: #666;
	float: left;
	width: 154px;
	padding: 0px;
	text-align: center;
	margin: 0px 8px 0px 0px;
}

a.linkButton:link, a.linkButton:visited{
	text-decoration: none;
	display: block; /*this is important in order for hover to work as block*/
	height: 66px;
	background: #FC3;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
	border-top: thin solid #F60;
	border-right: thin solid #F60;
	border-bottom: thin none #F60;
	border-left: thin solid #F60;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
}
a.linkButton:hover{
	color: #FFF;
	background: #F60;
	display: block;
}
.delicious {
	font-family: Delicious, sans-serif;
}
#eclubbanner {
	height: 40px;
	background: #333 url(../images/stripe_c34c5a2fca1186bd9541a1a7f298244c.png);
	margin-bottom: 20px;
}
#bannerfade {
	margin: 0px;
	padding: 0px;
	height: 100px;
	border: 2px solid #FFF;
}
#bannerfade li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 100px;
}
.displace {
	/*this trick is used to hide visible hyperttext*/
	position: absolute;
	left: -5000px;
	}
.highme {
	background: #FFF;
}

.gapperA {
	padding-left: 10px;
}
#acerdetails table {
	width: 640px;
}
#acerdetails {
	padding-left: 10px;
}

#acerdetails th {
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	background: #FF9;
	margin: 0px;
	padding: 10px;
	text-align: center;
	border: thin solid #000;
}
#acerdetails td {
	border-width: thin;
	border-style: solid;
	margin: 0px;
	padding: 5px;
	text-align: center;
}

.highmeB {
	background: #FFF;
}

.highlightH {
	border-top: 1px dotted #F63;
	border-bottom: 1px dotted #F63;
	border-right-color: #F63;
	border-left-color: #F63;
	color: #F63;
	background: #FFC;
}
#announce {
	text-align: center;
	padding: 5px;
	background: #FFC url(../images/pattern_022.gif);
	margin: 0px auto;
	height: 20px;
}
#announce p {
	font: italic bold 14px Georgia, "Times New Roman", Times, serif;
	position: relative;
	color: #399;
	text-align: right;
}
#announce p a {
	font-weight: bold;
	padding: 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#announce ul li{
	list-style: none;
	display: block;
}
#announce ul li a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	padding-left: 10px;
}
#announce table {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.lefttop {
	position: absolute;
	top: -25px;
	z-index: 5;
	left: 830px;
}

#highlightJ {
	background: #FF9 url(../images/pattern_022.gif);
	color: #F63;
	border: 1px solid #3C9;
	padding-right: 10px;
	padding-left: 10px;
	width: 660px;
}
#highlightJ p {
	font: 14px Georgia, "Times New Roman", Times, serif;
}
.righttop {
	position: absolute;
	top: 0px;
	z-index: 5;
	right: 50px;
}
form.contact {
	margin: 30px auto 0;
	width: 500px;
	font: 12px/30px Verdana, Geneva, sans-serif;
	padding: 15px;
	background: #FFC;
}
form.contact div {
	margin-top: 5px;
	margin-bottom: 5px;
}

form.contact .rounded {
	/*rounded corner effect*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*end of rounded corner*/	
}


form label {
	line-height: 30px;
}
form.contact fieldset legend {
	color: #39C;
	font: 18px Georgia, "Times New Roman", Times, serif;
	display: block;
	padding-bottom: 15px;
}



form.contact label.fixedwidth {
	display: block;
	width: 120px;
	float: left;
}
form.contact #details {
	width: 300px;
	height: 120px;
}
form .ilabel {
	line-height: 30px;
	float: none;
	display: inline;
}
form .itext {
	background: #FFC;
	width: 250px;
	margin: 0px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
	background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	padding: 5px;
}
form .itextarea {
	background: #FFC;
	width: 250px;
	margin: 0px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
	background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
form .itext:hover,.itextarea:hover,.iselect:hover,
form .itext:focus,.itextarea:focus,.iselect:focus{
border-color: #333;
background:#fff;
}
form .iselect {
	background: #FFC;
	width: 250px;
	margin: 0px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
	background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	padding: 5px;
}
form .ibutton {
	padding: 5px 20px;
	width: auto;
}
form .buttonarea {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	width: 130px;
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 4px; 
}
.highlightSold {
	border-top: 1px dotted #F63;
	border-bottom: 1px dotted #F63;
	border-right-color: #F63;
	border-left-color: #F63;
	color: #F63;
	background: #CCC;
}

.relative{
	position: relative;
}
.lefttopB {
	position: absolute;
	top: -10px;
	z-index: 6;
	left: -15px;
}
.border {
	background: #FFF;
	padding: 2px;
}
#bannerX {
	background: #999 url(../images/gmob_banner_fff3999combo.gif) no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
* html #dropnav a {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#dropnav, #dropnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background: #FFC;
}
#dropnav a:link, #dropnav a:visited {
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#dropnav li {
	float: left;
	position: relative;
	border: 1px solid #B0C4DE;
	margin: 0px;
	padding: 0px;
}
#dropnav ul {
	display: none;
	position: absolute;
	padding: 0;
	margin: 0px;
}
#dropnav ul li {
	border: 0 none transparent;
	border-bottom: 1px solid #E7EDF5;
	border-top: .5em solid #FFF;
	background-color: #F1F5F9;
	font-size: 100%;
	padding: 0;
	margin: 0px;
}
#dropnav li:hover ul {
	display: block;
	margin: 0px;
	padding: 0px;
}
/*CSS3 style trial*/
a.colorTransition {
	-webkit-transition-property: color;
	-webkit-transition-duration:.4s;
	-webkit-transition-timing:ease-out;
}
a.posTransition {
	-webkit-transition-property: padding;
	-webkit-transition-duration:.2s;
	-webkit-transition-timing:ease-out;
}
a.borderTransition {
	-webkit-transition-property: border;
	-webkit-transition-duration:.2s;
	-webkit-transition-timing:ease-out;
}
.ilabel {
	line-height: 30px;
	float: none;
	display: inline;
}
.ilabel {
	line-height: 30px;
	float: none;
	display: inline;
}