@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#3A3A3A;
}
body {
	background-color: #0056b0;
	background-position: center top;
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Headings */

h1 {
	font-size: 36px;
	color: #007DC7;
	margin-left: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
}
h2 {
	font-size: 20px;
	color: #007DC7;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
}
h3 {
	font-size: 20px;
	color: #666666;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
h4 {
	font-size: 20px;
	color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
}
h5 {
	/* define your own style */	
}
h6 {
	/* define your own style */	
}

/* Links */ 

a {
	font-size: 12px;
	color: #0099CC;
	-moz-outline: none 0;
	outline: none 0;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0099CC;
}
a:hover {
	text-decoration: underline;
	color: #0099CC;
}
a:active {
	text-decoration: none;
	color: #0099CC;
}

/* Sub Navi */

a.subnavi {
	font-size: 12px;
	color: #3399CC;
	font-weight: bold;
}
a.subnavi:link {
	text-decoration: none;
}
a.subnavi:visited {
	text-decoration: none;
	color: #3399CC;
}
a.subnavi:hover {
	text-decoration: none;
	color: #0066cc;
}
a.subnavi:active {
	text-decoration: none;
	color: #0066cc;
}

/* Call to action button */

a.button01 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
a.button01:link {
	text-decoration: none;
}
a.button01:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.button01:hover {
	text-decoration: none;
	color: #E4A825;
}
a.button01:active {
	text-decoration: none;
	color: #E4A825;
}

a.button02 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
a.button02:link {
	text-decoration: none;
}
a.button02:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.button02:hover {
	text-decoration: none;
	color: #0099CC;
}
a.button02:active {
	text-decoration: none;
	color: #0099CC;
}

/* Jump Menu */

#jumpMenu1 {
	font-size: 12px;
}

/* Container */
#landing {
	width: 796px;
	padding-left: 40px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 40px;
}
#landing_banner {
	width: 796px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
}
#landing_banner_L {
	width: 80px;
	height: 80px;
	float: left;
	background-color: #0099CC;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#landing_banner_R {
	width: 230px;
	height: 70px;
	float: left;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
}
#landing_banner_promotions {
	width: 220px;
	height: 100px;
	float: left;
	background-color: #FFFFFF;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
}
#content {
	width: 900px;
	height: auto;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#content_col_L {
	width: 627px;
	float: left;
	text-align: left;
	background: url();
	background-repeat: repeat-y;
	padding-left: 14px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#content_area {
	width: 587px;
	float: left;
	text-align: left;
	background: url(../images/inner_bg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #BBD2F2;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#content_area2 {
	width: 627px;
	float: left;
	text-align: left;
	background: url(../images/inner_bg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #BBD2F2;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#content_area_promo {
	width: 828px;
	float: left;
	text-align: left;
	background: url(../images/inner_bg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #BBD2F2;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
}
#content_col_R {
	width: 259px;
	float: left;
	background: url();
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#content_col_R_xcells {
	width: 245px;
	text-align: center;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
}


/* For Content Pages */

.padded_content{
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
}
.subnav_selected{
	color: #0066cc;
	font-size: 12px;
	font-weight: bold;
	text-decoration:underline;
}
.subnav_separator{
	color: #3399CC;
	font-size: 12px;
	font-weight: bold;
}

/* Titles */

.title_1 {
	font-size: 34px;
	font-weight: bold;
	color: #007DC7;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}
.title_2 {
	font-size: 16px;
	font-weight: bold;
	color: #007DC7;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}
.title_3 {
	font-size: 20px;
	color: #666666;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}
.title_4 {
	font-size: 20px;
	color: #FFFFFF;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}
.title_5 {
	font-size: 13px;
	color: #666666;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}
.title_6 {
	font-size: 13px;
	font-weight: bold;
	color: #007DC7;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}

/* Text */

.txt_blue12 {
	color: #007DC5;
	font-size: 12px;
}
.txt_grey12 {
	color: #CCCCCC;
	font-size: 12px;
}
.txt_darkgrey12 {
	color: #333333;
	font-size: 12px;
}
.txt_darkgrey11_thumbtxt {
	color: #333333;
	font-size: 11px;
	line-height:13px
}
.txt_grey14 {
	color: #333333;
	font-size: 14px;
}
.txt_blue14 {
	color: #007DC5;
	font-size: 14px;
	font-weight:bold;
}
.txt_orange12 {
	color: #FF6600;
	font-size: 12px;
}
.txt_orange16 {
	color: #FF6600;
	font-size: 16px;
	font-weight: bold;
}
.points_numbers{
	color: #FFFFFF;
	font-size: 42px;
}
.points_bodytxt{
	color: #333333;
	font-size: 14px;
}
.blue_highlighttxt{
	color:#007DC6;
}
.txt_white12 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}

.txt_white14 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
}
.txt_grey11 {
	color: #333333;
	font-size: 11px;
}
/* Tables */

#table_landing {
	background: url(../images/table_landing_bg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #F0F0F0;
}
.table_subnavi {
	width: 547px;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
.blue_divider{
	color:#d9e6f8;
}

/* Footer */

.footer {
	font-size: 10px;
	color: #FFFFFF;
}
a.footer {
	font-size: 10px;
	color: #FFFFFF;
}
a.footer:link {
	text-decoration: none;
}
a.footer:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.footer:hover {
	text-decoration: none;
	color: #00CCFF;
}
a.footer:active {
	text-decoration: none;
	color: #00CCFF;
}
#jumpMenuFooter {
	font-size: 10px;
}
.jumpMenuFooter {
	font-weight: bold;
	color: #00CCFF;
}

a.languageHeader {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:300;
	color:#FFFFFF;
}

ul.decimal li { list-style-type:decimal; padding: 5px 0 5px 0;}

.whiteCopy {font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}
.underlinecopy { text-decoration:underline}
/* Add link www.celcom.com.my */
#wrapper { width:900px	}
.underlinecopy { text-decoration:underline}
#btnCelcom a { background:url(../images/celcomlink.gif) no-repeat 0 0; width:146px; height:20px; display:block; float:right; margin:-35px 10px 0 0; position:relative; z-index:100; }
#btnCelcom a:hover { background:url(../images/celcomlink.gif) no-repeat 0 -25px; }

#btnPhoneSettings a { background:url(../images/phonesettings.gif) no-repeat 0 0; width:91px; height:25px; display:block; float:right; margin:-35px 156px 0 0; position:relative; z-index:100; }
#btnPhoneSettings a:hover { background:url(../images/phonesettings.gif) no-repeat 0 -25px; }

#btnAircash a { background:url(../images/aircash.gif) no-repeat 0 0; width:59px; height:20px; display:block; float:right; margin:-35px 255px 0 0; position:relative; z-index:100;}
#btnAircash a:hover { background:url(../images/aircash.gif) no-repeat 0 -25px }
/* Add scrollbar on promo landing page  */
#scrollPromotions { width:100%; height:260px; overflow-y:auto; margin:0; }