/* @group SingTel Header/Footer */

#topbar {
	height: 30px;
	clear: both;
	background: #fff;
	overflow: hidden;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, Verdana, sans;
	font-size: 9px;
	padding: 0 0 0 0;
	width: 960px;
	margin: 0 auto;
	text-align: center;
	height: 50px;
}

#topbar select {
	margin-right: 10px;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, Verdana, sans;
	font-size: 9px;
	float: right;
	width: auto;
	margin-top: 10px;
}

#topbar ul {
	margin: 0;
	list-style-type: none;
	float: right;
	padding-right: 20px;
	padding-top: 10px;
}

#topbar ul li {
	float: left;
	display: inline;
	padding: 3px 10px 0 15px;
	color: #666;
}

#topbar li a:link, #topbar li a:visited {
	background: url('../img/bullet.gif') no-repeat left;
	color: #444;
	text-decoration: underline;
	padding: 0 0 0 6px;
}

#topbar li a:hover {
	color: #e10000;
	text-decoration: none;
}

#botbar {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30px;
	clear: both;
	background: #ab0d0c;
	overflow: hidden;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, Verdana, sans;
	font-size: 9px;
}

#botbar ul {
	margin: 0 auto;
	list-style-type: none;
	text-align: center;
	padding: 8px 0 0 0;
}

#botbar ul li {
	display: inline;
	padding: 0 5px 0 5px;
	color: #FFFFFF;
}

#botbar li a:link, #botbar li a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#botbar li a:hover {
	color: #e10000;
	text-decoration: none;
}

#notice {
	color: #e69f9d;
}

.footer-font {
	color: #CCCCCC;
	font-size: 12px;
	text-decoration: none;
}

.footer-font a {
	color: #CCCCCC;
	font-size: 12px;
	text-decoration: underline;
}

.footer-font a:hover {
	color: #CC0000;
	font-size: 12px;
	text-decoration: underline;
}

/*#footer-bar {
	width: 960px;
	height: 3px;
	margin: 15px auto 0 auto;
	background: url(../img/bg_lgray.gif) repeat-x;
}*/

#footer {
	width: 960px;
	padding-top: 9px;
	margin: 0 auto;
}
#footer-left a {
	color: #ccc;
	/*text-decoration: none;*/
}
#footer-left a:hover {
	color: #c00;
	text-decoration: underline;
}
#footer-left {
	width: auto;
	float: left;
	margin: 0 auto;
	font-size: 12px;
	color: #CCCCCC;
}

#footer-right {
	width: auto;
	float: right;
	margin: 0 auto;
	font-size: 10px;
	color: #CCCCCC;
}

/* @end */

/* @group SingTel singtel.css */

body {
	scrollbar-base-color: #D9D9D9;
	scrollbar-track-color: #D9D9D9;
	scrollbar-highlight-color: #AEAEAE;
	scrollbar-shadow-color: #AEAEAE;
	scrollbar-darkshadow-color: #AEAEAE;
	scrollbar-arrow-color: #737373
}

input {
	color: #000000;
	font-family: verdana;
	font-size: 11px
}

select {
	color: #000000;
	font-family: verdana;
	font-size: 11px
}

.tablecontent1a {
	font-family: arial,helvetica;
	color: #250B7D;
	font-size: 12px;
	line-height: 10pt;
	background-color: #A5C7EC
}

.tablecontent1b {
	font-family: arial,helvetica;
	color: #000000;
	font-size: 12px;
	line-height: 12pt;
	background-color: #E3EFFD
}

.infocontent {
	font-family: arial,helvetica;
	color: #000000;
	font-size: 12px;
	line-height: 14pt
}

body, td, .bd {
	font-family: Verdana;
	font-size: 11px;
	color: #323232
}

.bdW {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF
}

.bdR {
	font-family: Verdana;
	font-size: 11px;
	color: #CC0000
}

.sm {
	font-family: Verdana;
	font-size: 9.5px;
	color: #323232
}

.smW {
	font-family: Verdana;
	font-size: 9.5px;
	color: #FFFFFF
}

.smR {
	font-family: Verdana;
	font-size: 9.5px;
	color: #CC0000
}

.hdm {
	font-family: Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #323232
}

.hd1 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #323232
}

.hd1W {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF
}

.hd1R {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000
}

.hd2 {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #323232
}

.hd2W {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF
}

.hd2R {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000
}

.nav {
	font-family: Verdana;
	font-size: 10px;
	color: #323232
}

.navW {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF
}

.navR {
	font-family: Verdana;
	font-size: 10px;
	color: #CC0000
}

.navG {
	font-family: Verdana;
	font-size: 10px;
	color: #808080
}

/*.tab  {padding-left: 7px}*/

.FT {
	font-family: Verdana;
	font-size: 10px;
	color: #323232
}

.FL {
	font-family: Verdana;
	font-size: 10px;
	color: #323232
}

.FLg {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	background: #A8A8A8
}

.FB {
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	background: #E8CFC4;
	border-top: 1px solid #D5C1AF;
	border-left: 1px solid #D5C1AF;
	border-bottom: 1px solid #7B4310;
	border-right: 1px solid #7B4310;
	cursor: hand
}

.FBg {
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	background: #D0D0D0;
	border-top: 1px solid #C2C2C2;
	border-left: 1px solid #C2C2C2;
	border-bottom: 1px solid #454545;
	border-right: 1px solid #454545;
	cursor: hand
}

a:link {
	text-decoration: underline;
	color: #323232
}

a:visited {
	text-decoration: underline;
	color: #323232
}

a:active {
	text-decoration: none;
	color: #323232
}

a:hover {
	text-decoration: none;
	color: #323232
}

.al:link {
	text-decoration: none;
	color: #323232
}

.al:visited {
	text-decoration: none;
	color: #323232
}

.al:active {
	text-decoration: underline;
	color: #323232
}

.al:hover {
	text-decoration: underline;
	color: #323232
}

.aW:link {
	text-decoration: underline;
	color: #FFFFFF
}

.aW:visited {
	text-decoration: underline;
	color: #FFFFFF
}

.aW:active {
	text-decoration: none;
	color: #FFFFFF
}

.aW:hover {
	text-decoration: none;
	color: #FFFFFF
}

.alW:link {
	text-decoration: none;
	color: #FFFFFF
}

.alW:visited {
	text-decoration: none;
	color: #FFFFFF
}

.alW:active {
	text-decoration: underline;
	color: #FFFFFF
}

.alW:hover {
	text-decoration: underline;
	color: #FFFFFF
}

.aR:link {
	text-decoration: underline;
	color: #CC0000
}

.aR:visited {
	text-decoration: underline;
	color: #CC0000
}

.aR:active {
	text-decoration: none;
	color: #CC0000
}

.aR:hover {
	text-decoration: none;
	color: #CC0000
}

.alR:link {
	text-decoration: none;
	color: #CC0000
}

.alR:visited {
	text-decoration: none;
	color: #CC0000
}

.alR:active {
	text-decoration: underline;
	color: #CC0000
}

.alR:hover {
	text-decoration: underline;
	color: #CC0000
}

.alG:link {
	text-decoration: none;
	color: #808080
}

.alG:visited {
	text-decoration: none;
	color: #808080
}

.alG:active {
	text-decoration: underline;
	color: #808080
}

.alG:hover {
	text-decoration: underline;
	color: #808080
}

/* @end */

/* @group Bom Specific */

#STContent {
	width: 960px;
	height: 500px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#STContent form {
	padding: 0;
	margin: 0;
}
#STContentBG {
	background-image: url(../img/bg_existing.jpg);
	width: 960px;	
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: none;
}
#STContentContainer {
	width: 960px;	
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
}
div#STContentBG.laptop {
	background-image: url(../img/bg_laptop.jpg);
}
div#STContentBG.mobile {
	background-image: url(../img/bg_mobile.jpg);
}
div#STContentBG.ipad {
	background-image: url(../img/bg_ipad.jpg);
}
/*#BomContent {
	display: none;
}*/
#flashliner {
	position: absolute;
	bottom: 0;
	left: 30px;
	z-index: 101;
}
/* @group Top Nav */

ul#BomMenu {
	list-style: none;	
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 31px;
	z-index: 101;
	position: absolute;
}
ul#BomMenu li {
	list-style: none;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
ul#BomMenu li a, ul#BomMenu li a:link {
	display: inline-block;
	height: 31px;
	float: left;
	text-indent: -5000px;
	outline: none;
	background-image: url(../img/navi.png);
}
li#menuPromotions, li#menuPromotions a, li#menuPromotions a:link {
  width: 0;
}
li#menuHome a {
	width: 98px;
  background-position: 0 0;
}
li#menuHome a:hover, li#menuHome a.active {
	background-position: 0 -31px;
}
li#menuSurfLaptop a {
	width: 156px;
	background-position: -98px 0;
}
li#menuSurfLaptop a:hover, li#menuSurfLaptop a.active {
	background-position: -98px -31px;
}
li#menuSurfMobile a {
	width: 155px;
  background-position: -254px 0
}
li#menuSurfMobile a:hover, li#menuSurfMobile a.active {
	background-position: -254px -31px;
}
li#menuSurfPrepaid a {
	width: 144px;
  background-position: -409px 0;
}
li#menuSurfPrepaid a:hover, li#menuSurfPrepaid a.active {
	background-position: -409px -31px;
}
li#menuSurfiPad a {
	width: 122px;
  background-position: -490px 0;
}
li#menuSurfiPad a:hover, li#menuSurfiPad a.active {
	background-position: -490px -31px;
}
li#menuAbout a {
	width: 99px;
  background-position: -553px 0;
}
li#menuAbout a:hover, li#menuAbout a.active {
	background-position: -553px -31px;
}
li#menuEnquiry a {
	width: 128px;
  background-position: -652px 0;
}
li#menuEnquiry a:hover, li#menuEnquiry a.active {
	background-position: -652px -31px;
}
li#menuExistingCustomer a {
	width: 180px;
  background-position: -780px 0;
}
li#menuExistingCustomer a:hover, li#menuExistingCustomer a.active {
	background-position: -780px -31px;
}
#menuExistingCustomerSub {
	position: absolute;
	width: 160px;
	top: 31px;
	right: 0;
	height: 130px;
	background: #0a0a0a url(../img/existingSub.png) repeat-x;
	display: none;
	z-index: 101;
}

/* @end */

/* @group Secondary Nav */

/* @group Laptop */

ul#menuSurfLaptopSub {
	width: 677px;
	height: 26px;
	overflow: hidden;
	position: absolute;
	top: 31px;
	/*top:0px;*/
	left: 78px;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	display: none;
}
ul#menuSurfLaptopSub li {
	list-style: none;
	list-style-type: none;
	display: inline;
}
ul#menuSurfLaptopSub li a {
	display: inline-block;
	height: 26px;
	float: left;
	text-indent: -5000px;
	outline: none;
}
li#SLPricePlans a {
	width: 85px;
	background: url(../img/laptop_subnavi.png) no-repeat 0 0;	
}
li#SLPricePlans a:hover, li#SLPricePlans a.active {
	background-position: 0 -26px;
}
li#SLPickPlan a {
	width: 102px;
	background: url(../img/laptop_subnavi.png) no-repeat -85px 0;	
}
li#SLPickPlan a:hover, li#SLPickPlan a.active {
	background-position: -85px -26px;
}
li#SLSignUp a {
	width: 90px;
	background: url(../img/laptop_subnavi.png) no-repeat -187px 0;
}
li#SLSignUp a:hover, li#SLSignUp a.active {
	background-position: -187px -26px;
}
li#SLDevices a {
	width: 65px;
	background: url(../img/laptop_subnavi.png) no-repeat -277px 0;	
}
li#SLDevices a:hover, li#SLDevices a.active {
	background-position: -277px -26px;
}
/*li#SLSecuritySuite a {
	width: 156px;
	background: url(../img/laptop_subnavi.gif) no-repeat -315px 0;		
}
li#SLSecuritySuite a:hover, li#SLSecuritySuite a.active {
	background-position: -315px -26px;
}*/
li#SLFAQs a {
	width: 60px;
	background: url(../img/laptop_subnavi.png) no-repeat -342px 0;			
}
li#SLFAQs a:hover, li#SLFAQs a.active {
	background-position: -342px -26px;
}
/*li#SLSMSMMSUG a {
	width: 131px;
	background: url(../img/laptop_subnavi.gif) no-repeat -546px 0;			
}
li#SLSMSMMSUG a:hover, li#SLSMSMMSUG a.active {
	background-position: -546px -26px;
}*/

/* @end */

/* @group Mobile */

ul#menuSurfMobileSub {
	width: 321px;
	height: 26px;
	overflow: hidden;
	position: absolute;
	top: 31px;
	/*top:0px;*/
	left: 214px;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	display: none;
}
ul#menuSurfMobileSub li {
	list-style: none;
	list-style-type: none;
	display: inline;
}
ul#menuSurfMobileSub li a {
	display: inline-block;
	height: 26px;
	float: left;
	text-indent: -5000px;
	outline: none;
}
li#SMPricePlans a {
	width: 90px;
	background: url(../img/mobile_subnavi.gif) no-repeat 0 0;	
}
li#SMPricePlans a:hover, li#SMPricePlans a.active {
	background-position: 0 -26px;
}
li#SMMobileMail a {
	width: 80px;
	background: url(../img/mobile_subnavi.gif) no-repeat -90px 0;
}
li#SMMobileMail a:hover, li#SMMobileMail a.active {
	background-position: -90px -26px;
}
li#SMSignUp a {
	width: 90px;
	background: url(../img/mobile_subnavi.gif) no-repeat -170px 0;
}
li#SMSignUp a:hover, li#SMSignUp a.active {
	background-position: -170px -26px;
}
li#SMFAQs a {
	width: 61px;
	background: url(../img/mobile_subnavi.gif) no-repeat -260px 0;
}
li#SMFAQs a:hover, li#SMFAQs a.active {
	background-position: -260px -26px;
}

/* @end */

/* @group iPad */

ul#menuSurfiPadSub {
	width: 677px;
	height: 26px;
	overflow: hidden;
	position: absolute;
	top: 31px;
	/*top:0px;*/
	left: 302px;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	display: none;
}
ul#menuSurfiPadSub li {
	list-style: none;
	list-style-type: none;
	display: inline;
}
ul#menuSurfiPadSub li a {
	display: inline-block;
	height: 26px;
	float: left;
	text-indent: -5000px;
	outline: none;
}
li#SIPricePlans a {
	width: 160px;
	background: url(../img/ipad_subnavi.png) no-repeat 0 0;	
}
li#SIPricePlans a:hover, li#SIPricePlans a.active {
	background-position: 0 -26px;
}
li#SISignUp a {
	width: 91px;
	background: url(../img/ipad_subnavi.png) no-repeat -160px 0;	
}
li#SISignUp a:hover, li#SISignUp a.active {
	background-position: -160px -26px;
}
li#SIExclusiveApps a {
	width: 104px;
	background: url(../img/ipad_subnavi.png) no-repeat -251px 0;	
}
li#SIExclusiveApps a:hover, li#SIExclusiveApps a.active {
	background-position: -251px -26px;
}
li#SIFAQs a {
	width: 55px;
	background: url(../img/ipad_subnavi.png) no-repeat -355px 0;	
}
li#SIFAQs a:hover, li#SIFAQs a.active {
	background-position: -355px -26px;
}

/* @end */

/* @end */
#UsageForm {
	width: 840px;
	margin: 0 auto;
}
#usage_result {
	padding-left: 30px;
	padding-top: 30px;
	padding-right: 50px;
}
#usage_result .data {
	font-weight: bold;
	font-size: 110%;
}
.checkUsage {
	width: 896px;
	height: 400px;
	background: url(../img/bg_checkusage.gif) no-repeat;
	position: absolute;
	top: 80px;
	left: 1500px;
	z-index: 10;
	/*margin-top: 80px;
	margin-right: auto;
	margin-left: auto;*/
}
.recontract {
	width: 896px;
	height: 450px;
	background: url(../img/bg_recontract.gif) no-repeat;
	position: absolute;
	top: 50px;
	left: 1500px;
	z-index: 10;
}
.prepaid {
	width: 896px;
	height: 450px;
	background: url(../img/bg_checkexpiry.gif) no-repeat;
	position: absolute;
	top: 50px;
	left: 1500px;
	z-index: 10;
}
#buttonCon {
	position: absolute;
	top: 405px;
	right: 0;
}
.signup {
	width: 896px;
	height: 400px;
	background: url(../img/bg_signup.gif) no-repeat;
	position: absolute;
	top: 65px;
	left: 1500px;
	z-index: 10;
}
.signup.mobile { background:url(../img/bg_signup_mobile.gif) no-repeat; }
.signup #buttonCon {
	position: absolute;
	top: 390px;
	right: 0;
}
#FormCon {
	margin: 0 auto;
	position: relative;
}
#laptop_signup {

}
#message_overlay {
	position: absolute;
	z-index: 99;
	top: 180px;
	left: 180px;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height: 170px;
	width: 580px;
	border: 1px solid #ccc;
	display: none;
}
#message_overlay div {
	padding: 15px;
	text-align: center;
}
#SubsContent.loading` {
	background: url(../img/ajax-loader.gif) no-repeat center bottom;
}
a#planBtn {
	background: #30678b;
	display: block;
	position: absolute;
	padding: 5px 8px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	color: #fff;
	right: 30px;
	text-decoration: none;
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
a#planBtn:hover {
	background: #659fb7;
}
/* @group Existing */

ul#SubsMenu {
	list-style: none;
	list-style-type: none;
	overflow: hidden;
	border-bottom: 1px solid #b2b2b2;
	width: 840px;
	margin: 0 auto;
	padding: 45px 0 0;
}
ul#SubsMenu li {
	list-style: none;
	list-style-type: none;
	display: inline;
	text-indent: -5000px;

}
ul#SubsMenu li a, ul#SubsMenu li a:link {
	display: inline-block;
	float: left;
	margin-right: 5px;
	outline: none;
}
li#btnDataUsage a {
	width: 170px;
	height: 33px;
	background: url(../img/btnDataUsage.gif) no-repeat;
}
li#btnRecontract a {
	width: 223px;
	height: 33px;
	background: url(../img/btnRecontract.gif) no-repeat;
}
li#btnCheckExpiry a {
	width: 150px;
	height: 33px;
	background: url(../img/btnCheckExpiry.gif) no-repeat;
}
li#btnTopUp a {
	width: 150px;
	height: 33px;
	background: url(../img/btnTopUp.gif) no-repeat;
}
li#btnDataUsage a:hover, li#btnDataUsage a.active, li#btnRecontract a:hover, li#btnRecontract a.active, li#btnCheckExpiry a:hover, li#btnCheckExpiry a.active, li#btnTopUp a:hover, li#btnTopUp a.active    {
	background-position: 0 -33px;
}

.offer {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	margin-top: 5px;
}
#recon_welcome {
	font-size: 120%;
	font-weight: bold;
	padding: 5px 0;
}
#scrollbox {
	height: 300px;
	overflow: auto;
	width: 800px;
}
/* @end */

/* @group Signup */
input.text {
	font: 11px Verdana;
	border: 1px solid #ccc;
	margin-right: 10px;
	margin-left: 5px;
	width: 200px;
}
#subs_details td {
	padding: 3px 0;
}
form#laptop_signup {
	margin: 0;
	padding: 50px 10px 0 30px;
	position: relative;
}
#plan_options, #subs_details {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	margin-top: 5px;
	margin-right: 5px;
}
#plan_details {
	padding: 1px 20px;
}
#plan_options label {
	font-weight: bold;
}
/* @end */
/* @end */