/* CSS Document */
/* style2: layout by sherman, code by on */


body {
	background: #1A2018;
	margin: 0px;
	color: #c9cdcd;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #001849 url(images/top_bg.gif) no-repeat center top;
	}

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	}

a:link, a:active, a:visited {
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
}

a:hover{
	color:#ffcd3f;
	text-decoration: none;

	}

a.border img{
	display:inline-table;
	border: 1px solid #1A2018;
}
a.border:hover img{
	display:inline-table;
	border: 1px solid #C7CDC4;
}

border-color {color:#ffffff;}
form {
	margin: 0px;
	padding: 0px;
}

form input,select{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
#areacode, #prefix, #suffix{
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}
#areacode{
	width: 40px;
	height:22px;
}
#prefix{
	width: 40px;
	height:22px;
}
#suffix{
	width: 55px;
	height:22px;
}
#pin {
	width: 50px;
	height: 22px;
}

img {
	border: 0px;
}

/* structure */

#container {
	width: 760px;
	margin: 0px auto;
	padding:0px 0px 50px 0px;
	z-index:1;
}

#content{float: left;position: relative;width: 100%;margin:0;padding:0;background: #31688e url(images/container_bg_b.jpg) repeat-x left top;}

#footer {
	display:block;
	float: left;
	padding: 70px 0px 0px 0px;
	width: 100%;
	position: relative;
	background: url(images/footer_bg.gif) repeat-x left top;
}


/* structure for side and container */

#leftcontent{
	margin-right: 379px;
	/*background: url(images/left.jpg) no-repeat right 63px; */
	height: 740px;
}

#rightcontent{
	margin-left: 379px;
	/*background: url(images/right.jpg) no-repeat left 63px; */
	height: 740px;
}

.column{
	width: 50%;
	position: absolute;
	top: 0px;
	text-align: left;
	left: 50%;
    z-index:-10;
}

.left{
	left: 0px;
}
.right{
	right: 0px;
}

#container_i1 {
	float: left;
	width: 100%;
}
#container_i2 {
	float: left;
	width: 100%;
}

/* structure for top */

#top_i1 {

}
#top_i2 {

}

#logo{padding:0 0 0 7px;height: 63px;float:left;width:235px;margin-right:-260px;position:relative;}
#logo h3 span{
	display: none;
}

	/* for logo image */
#logo h3.color_sch_logo{
	cursor:pointer;
	display: block;
	height: 67px;
	width: 235px;
	/*width: 170px;*/
	padding: 0px;
	margin: 0px;
	background: url(images/logo.gif) no-repeat left top;
}

#topitems{float:left;height:63px;width:760px}
#topitems a{color:#03daff;}
#topitems a:hover{color:#ffffff;}
#loginname{float:right;height: 16px;padding: 4px 10px 0 0;}
#loginname h3{
	margin: 0px;
	padding: 0px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#logintop, #phonetop{float: right;height: 16px;} 
#logintop h3{
	margin: 0px;
	padding: 4px 10px 2px 20px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: url(images/btn_right.gif) no-repeat left 5px;
}
#logintop h3 span{
}

#phonetop {
	float: right;
	height: 16px;
}
#phonetop h3{
	margin: 0px;
	padding: 4px 10px 2px 20px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: url(images/btn_right.gif) no-repeat left 5px;
}
#phonetop h3 span{
}
#phonetop h3.phonemodel {
	font-weight: bold;
}
#phonetop h3.phonelink{
}

#banner1 {
	padding: 3px 0px 0px 0px;
    float:left;
    width:100%;
}
#banner1 h3 span{
	display: none;
}

	/* for banner image */
#banner1 h3{
	display: none;
	height: 110px;
	padding: 0px;
	margin: 0px;
	background: url(images/top_banner.jpg) no-repeat 0px top;
}
#searchbox .searchform {
background:transparent url(images/btn_logintop.gif) no-repeat scroll 10px 5px;
}
#searchbox {float:right;margin-top:6px;/*width:610px*/width:760px}

#searchbox input, 
   #searchbox select{background: #1e3042;border: 1px solid #1c84a0;color: #fff;} 
   #searchbox .fieldcell{float: right;padding: 2px 10px 0 0}

#searchbox .fieldcell{
	background:transparent url(images/btn_logintop.gif) no-repeat scroll 10px 5px;
	float: right;
	padding: 2px 10px 0px 0px;
	width:105px;
	height:20px;
}
#searchbox .fieldcell input{margin-left:30px}
html>body #searchbox .fieldcell{padding: 3px 10px 0px 0px;}

#searchbox .fieldcell span{
	display: none;
}

#searchbox .fieldcell input{
	width: 71px;
	height: 13px;
	padding: 2px 1px;
}

#searchbox .category{float: right;padding: 2px 10px 0 0} 
#searchbox .category span{
	display: none;
}

#searchbox .category select{
	width: 145px;
	height: 17px;
	margin: 1px;

}

#searchbox .btnsearch{float: right} 
#searchbox .btnsearch span{
	display: none;
}

#searchbox .btnsearch input{
	background: none;
	border:0px;
	width:77px;
	height:24px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/btn_search.png' sizingMethod='scale');
	cursor:pointer;
}
html>body #searchbox .btnsearch input {
	filter:none;
	background: url("images/btn_search.png");
}
/* change dash image here */
.dash {
	width:8px;
	height:22px;
	border:0px;
	background: url(images/dash.gif) no-repeat;
}

#menu{float:left;position: relative;height:64px;background: url(images/container_bg.jpg) no-repeat;}

#menu_i1 {
	height: 100%;
}
#menu_i2 {
	height: 100%;
}

#menu ul  {
	float: left;
	width: 760px;
	height: 46px;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
}
#menu li {
	float: left;
}
#menu h1 {
	display: block;
	height:46px;
}
#menu-text h1 {background: none;}

#menu h1 span{
	display: none;
}

#menu-ringtone h1{
	background: none;
	border:0px;
	cursor:pointer;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/ringtone_logo.png' sizingMethod='scale');
}
html>body #menu-ringtone h1{ background: url("images/ringtone_logo.png") no-repeat;}

#menu-bitmap h1{
	background: none;
	border:0px;
	cursor:pointer;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/graphics_logo.png' sizingMethod='scale');
}
html>body #menu-bitmap h1{ background: url("images/graphics_logo.png") no-repeat;}

#menu-game h1{
	background: none;
	border:0px;
	cursor:pointer;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/game_logo.png' sizingMethod='scale');
}
html>body #menu-game h1{ background: url("images/game_logo.png") no-repeat;}

#menu-text h1{
	background: none;
	border:0px;
	cursor:pointer;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/text_logo.png' sizingMethod='scale');
}
html>body #menu-text h1{ background: url("images/text_logo.png") no-repeat;}

#menu-ringtone, #menu-bitmap, #menu-game, #menu-text {position: absolute;}

#menu-ringtone {left: 300px; width: 130px; cursor:pointer;}
#menu-bitmap {left: 455px; width: 120px; cursor:pointer;}
#menu-game {left: 520px; width: 110px; cursor:pointer; display:none;}
#menu-text {left: 600px; width: 110px; cursor:pointer;}

.menu-ringtone-bg {background: url(images/menu_ringtone_text.gif) no-repeat 45px 13px;}
.menu-ringtone-bg-over {background: url(images/menu_ringtone_text_on.gif) no-repeat 45px 13px;}

.menu-bitmap-bg {background: url(images/menu_graphics_text.gif) no-repeat 45px 13px;}
.menu-bitmap-bg-over {background: url(images/menu_graphics_text_on.gif) no-repeat 45px 13px;}

.menu-game-bg{background: url(images/menu_game_text.gif) no-repeat 45px 13px;}
.menu-game-bg-over {background: url(images/menu_game_text_on.gif) no-repeat 45px 13px;}

.menu-text-bg {background: url(images/menu_text_text.gif) no-repeat 45px 13px;}
.menu-text-bg-over {background: url(images/menu_text_text_on.gif) no-repeat 45px 13px;}

#menu .submenu  {
	position: absolute;
	top: 40px;
	height: 15px;
	visibility: hidden;
	z-index: 2;
	padding: 0px 0px 0px 5px;
	background: url(images/sub_menu_bg_l.gif) no-repeat left top;
}


#menu .submenu ul{
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	height: 14px;
	width: auto;
	background: url(images/sub_menu_bg_r.gif) no-repeat right top;
}

#menu .submenu li {
	float: left;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#menu .submenu li h2{
	font-weight: normal;
	background:#485f78;
	padding: 1px 5px 1px 5px;
}

#sub-ringtone {width: 300px;margin: 0px 0px 0px -40px;}
#sub-bitmap {width: 400px;margin: 0px 0px 0px -20px;}
#sub-game {width: 100px;margin: 0px 0px 0px 5px;}
#sub-text {width: 200px;margin: 0px 0px 0px -40px;} 

#banner2 {display:none;}
#banner2 h3 span{display: none;}

/* structure for content */

#content_i1 {
	float: left;
	width: 100%;
}
#content_i2 {
	float: left;
	width: 100%;
}

.box {
	float: left;
	position: relative;
}

.box_i1 {
	position: relative;
}
.box_i1 span.boxcorner1{
	display:none;
}
.box_i2 {
	position: relative;
}
.box_i2 span.boxcorner2{
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 20px;
	height: 49px;
}

.box_i3 {
	position:relative;
}
.box_i3 span.boxcorner3 {
	display: none;
}
.boxheader {
	height: 57px;
	padding: 11px 0px 0px 2px;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/box_bg_t.png' sizingMethod='scale');
}
html>body .boxheader {
	filter:none; background: url("images/box_bg_t.png") no-repeat left top;
	margin-bottom:-11px;
}



.boxheader h1{
	display: block;
	height: 57px;
	padding: 0px 0px 0px 20px;
}
.boxheader h1 span{
	margin: 10px 30px 0px 30px;
	position:absolute;
	font-size:11px;
	font:Verdana, Arial, Helvetica, sans-serif;
}
.color_sch_title{color: #f8d548;}

/* for icon image */
#javagame .boxheader h1 {background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/box_game.png' sizingMethod='scale');}
html>body #javagame .boxheader h1{filter:none; background: url("images/box_game.png") no-repeat left top;}

#polytone .boxheader h1 , #truetone .boxheader h1 {background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/box_ringtone.png' sizingMethod='scale');}
html>body #polytone .boxheader h1 , #truetone .boxheader h1 {filter:none; background: url("images/box_ringtone.png") no-repeat left top;}

#wallpaper .boxheader h1 , #theme .boxheader h1 {background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/box_graphic.png' sizingMethod='scale');}
html>body #wallpaper .boxheader h1 , #theme .boxheader h1 {filter:none; background: url("images/box_graphic.png") no-repeat left top;}


	/* for more button image */
.boxheader h3.more {
	position:absolute;
	margin: 0px;	padding: 0px;
	float: right;
	right:20px;
	top:25px;
	/*
	float: right;
	bottom: 25px;
	float: right;
	right: 25px;
	*/
	width: 59px;
	height: 9px;
	background: url(images/btn_more.gif) no-repeat left top;
	cursor:pointer;
}
html>body .boxheader h3.more {	bottom: 45px;}
.boxheader h3.more span{
	display: none;
} 

.boxfooter {
	clear: left;
	margin: 0px 14px 0px 0px;
	height: 30px;
	text-align:center;
}

.cringtone, .cgame, .cgraphics  {
	position: relative;
	width: 100%; /* for fixing IE7 problem */
}


.cringtone{padding: 0px 0px 0px 0px;}/*for more space for more btn*/

/* box header with no "hole" */
#register .box_i1 span.boxcorner1 {display:none;}
#register .boxheader {
	height: 38px;
	padding:0px;
	margin:0px;
	filter:none; background:none;
}

#register .boxfooter {
	position:relative;
	height: 9px;
	width:100%;
	padding:0px;
	margin:0px;
	background:#31688e url("images/signup_box_footer.gif") no-repeat left top;
}

.cregister {
	position: relative;
	float:left;
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	background:#234C6A;
	width: 100%;
}


.arrow_l, _arrow_r {
	display: none;
}
#registertab{
	float:left;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	width: 90px;
	cursor:pointer;
}
#logintab {
	float:left;
	padding: 0px;
	margin: 0px 0px 0px -1px;
	width: 91px;
	cursor:pointer;
}
#registertab h3, #logintab h3{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 35px;
}
html>body #registertab h3, #logintab h3{margin: 0px 0px 0px 0px;}
#registertab h3 span, #logintab h3 span{
	display: none;
}

/* set tab icon here */
#registertab.t h3{background: url(images/tab_registeron.gif) no-repeat left top;}

#registertab.toff h3{background: url(images/tab_registeroff.gif) no-repeat left top;}

#logintab.t h3{background: url(images/tab_loginon.gif) no-repeat left top;}

#logintab.toff h3{background: url(images/tab_loginoff.gif) no-repeat left top;}


#registerbox, #loginbox { margin:0px; padding:0px; height:100%; width:100%; float:left;}

#bannerreg a {cursor:pointer;}
#bannerreg {float:left;padding:13px 0px 0px 20px; width:110px;}

/* set register banner here */
#bannerreg h3{
	display: none;
	width: 220px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url(images/signup_banner.gif) no-repeat top left;
}
#bannerreg h3 span{
	display: none;
}



/* set login banner here */

#bannerlogin {float:left;
padding:13px 0px 0px 20px;
width:220px;}

/* set register banner here */
#bannerlogin h3{
	display: block;
	width: 220px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url(images/login_banner.jpg) no-repeat top left;
}
#bannerlogin h3 span{
	display: none;
}

#campaignreg {padding:13px 0px 0px 20px; float:left; width:220px;}
#campaignreg h3{
	display: block;
	width: 220px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url(images/signup_banner.gif) no-repeat top left;
}
#campaignreg h3 span{
	display: none;
}
.campaign_name {
font: 11px Arial, Helvetica, sans-serif;
font-weight: bold;
}
#loginform_btnlogin{
 	width:95px;
	height:31px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/btn_login.png' sizingMethod='scale');}
html>body #loginform_btnlogin {filter:none; background:url(images/btn_login.png) no-repeat top left;}
.loginform{
margin: 0px auto;
}

.registerform, .loginform {
	float:left;
	padding: 0px 0px 0px 0px;
	width:460px;
}

.registerform input,
	.registerform select,
	.loginform input,
	.loginform select{
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	border: 1px solid #1c84a0;
	color: #1E3042;
}
/* set dimension for input field in registerbox*/
#registerbox input, #registerbox select{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#registerbox #areacode, #registerbox #prefix{
	width: 30px;
	height:16px;
}
#registerbox #suffix{
	width: 40px;
	height:16px;
}
#register .cregister #registerbox #areacode, #register .cregister #registerbox #prefix{	width:40px; 	height:20px;}
#register .cregister #registerbox #suffix{	width: 50px;	height:20px;}



.cregister #loginbox .phoneno, .cregister #loginbox .password{
	float:left;
	margin:0px;
	padding:0px;
	width:310px;
}
.cregister #loginbox .phoneno{width:450px; height:30px;}

.cregister #loginbox .phoneno .fieldcell{
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px;
}
.cregister #loginbox .password{
	margin: 0px 0px 0px 0px;
	padding:0px;
}
.cregister #loginbox .password
.cregister #loginbox .btnlogin{
float:left;
padding:0px;
width:450px;
}
.cregister #registerbox .phoneno h2, .cregister #registerbox .password h2 {
	padding: 5px 0px 5px 0px;
	margin:0px 0px 0px 15px;
	width:auto;
	float:left;
	width:180px;
	text-align:left;
}html>body .cregister #registerbox .phoneno h2,  .cregister #registerbox .password h2{  float:left;	padding: 8px 0px 8px 0px; 	margin:0px 0px 0px 30px;}
.cregister #loginbox .phoneno h2, .cregister #loginbox .password h2 {
	padding: 6px 0px 0px 0px;
	margin:0px 0px 0px 15px;
	width:auto;
	float:left;
	width:120px;
	text-align:left;
}
html > body .cregister #registerbox .phoneno h2 .selecthandset, .cregister #registerbox .password h2 .selecthandset{text-decoration:underline;}
html>body .cregister #loginbox .phoneno h2,  .cregister #loginbox .password h2{  float:left;	padding: 6px 0px 0px 0px; 	margin:0px 0px 0px 30px;}

.cregister .password span {
	display: block;
	clear: left;
}

.cregister .fieldcell {
	margin: 0px;
	padding: 0px;
}

.cregister .btnregister {
	text-align:center;
	margin: 0px;
	padding: 5px 0px;
}
, .cregister .btnlogin {
	float:left;
	text-align:center;
	margin: 0px;
	padding: 5px 0px;
}
.cregister .btnregister span, .cregister .btnlogin span{
	display: none;
}
.cregister .btnregister input{
	background: none;
	width: 81px;
	height: 27px;
	border: 0px;
	cursor:pointer;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/btn_register.png' sizingMethod='scale');}
html>body .cregister .btnregister input {filter:none; background: url(images/btn_register.png) no-repeat left top;}

.cregister .btnlogin input {
	width: 75px;
	height: 24px;
	border: 0px;
	background: url(images/btn_login.gif) no-repeat left top;
}

/* set fieldcell and button side by side in registerbox */
#registerbox .fieldcell {
	float:left;
	margin: 0px 0px 0px 5px;
}
html>body #registerbox .fieldcell {	margin: 5px 0px 0px 5px;}
 #registerbox div.btnregister{
 	float:left;
	margin: -2px 0px 0px 10px;
 }
#register .cregister #loginbox .btnlogin
{
	float:left;
	margin: -2px 0px 0px 0px;
}
.cregister .tnc {
	float: left;
	width: 450px;
	margin: 0px 0px 0px 10px;
	line-height:11px;
}
html>body .cregister .tnc{	margin: 0px 0px 0px 20px;}

.cregister .tncbox  {
	float: left;
	width: 6%;
}

.tnc .tnccheck, #frmRegister_terms {
   background: none;
   border-bottom-color:#1e3042;
   border: 0px none;
   margin: auto 10px 0 -20px;
}

.cregister .tnctext1 {
	float: left;
	margin-left: 5px;
	padding: 3px 0px;
	width: 88%;
	text-align: justify;
}


.cregister .loginlink {
	float: left;
	width:450px;
	padding: 10px 0px 0px 30px;
	text-align: left;
}
.cregister h3.loginlost, .cregister h3.loginreg{
	margin: 0px;
	padding: 2px 0px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
.cregister h3.loginreg{
	font-weight: bold;
}
#register .registerform{
	float:left;
	margin: 0px;
	width:485px;
}


.cgame ul, .cgraphics ul {
	margin: 0px;
	padding:0px;
	width:100%;
	list-style-type: none;
}
.cringtone ul{
	padding: 0px 10px 0px 5px;
	margin: 0px -7px 0px 15px;;
	list-style-type: none;
}
.cringtone li {
	float: left;
	padding: 1px 0px;
	margin: 1px 0px 0px 0px;
	width: 100%;
	background: url(images/line.gif) no-repeat left bottom;
}
.cringtone li.no10 {background:none;}

.cringtone .gp1 {
	float:left;
	width: 325px;
}
.cringtone .gp2 {
	float:left;
	width: 325px;
}


.cringtone h3.number {
	float: left;
	display: block;
	width: 9px;
	height: 4px;
	margin: 0px;
	font-size:10px;
	width: 40px;
}
.cringtone h3.number span{
}

.cringtone .no1 h3.number,
	.cringtone .no2 h3.number,
	.cringtone .no3 h3.number {
}

	/* for ringtone number image */
.cringtone .no1 h3.number {/*background: url(images/ringtone_c1.jpg) no-repeat left top;*/}
.cringtone .no2 h3.number {/*background: url(images/ringtone_c2.jpg) no-repeat left top;*/}
.cringtone .no3 h3.number {/*background: url(images/ringtone_c3.jpg) no-repeat left top;*/}


.cringtone h2{
	float: left;
	width: 200px;
}

.cringtone .rtitle {
	display:block;
	font:  bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;

}
.cringtone .rartist {
	font:  10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/*#ringtone .rartist a{color:#C7CDC4;}
#ringtone .rartist a:hover{color:#ffcd3f;} */

.cringtone .rbutton {
	float: right;
	padding: 6px 3px 0px 0px;
}
.cringtone .rbutton a { 
   float:left; 
   } 


h3.preview, h3.preview_dim, h3.download, h3.info, h3.instruction, h3.trailer {
	display: block;
	float: left;
	height: 22px;
	width: 22px;
	margin: 0px;
	padding:0px 1px;
}

	/* for preview button image */
h3.preview {
	cursor:pointer;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/btn_preview.png' sizingMethod='scale');
}
html>body h3.preview {
	filter:none;
	background: url(images/btn_preview.png) no-repeat left top;
}

h3.preview_dim {
	cursor:pointer;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/btn_preview_dim.png' sizingMethod='scale');
}
html>body h3.preview_dim {
	filter:none;
	background: url(images/btn_preview_dim.png) no-repeat left top;
}
	/* for download button image */
h3.download , .campagin_reg{
	cursor:pointer;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/btn_download.png' sizingMethod='scale');
}
html>body h3.download, .campagin_reg{
	filter:none;
	background: url(images/btn_download.png) no-repeat left top;
}
.campagin_reg {height:21px; width:22px; margin:5px auto;}
.campagin_reg img {display:none;}
	/* for info button image*/
h3.info {
	cursor:pointer;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/btn_info.png' sizingMethod='scale');
}
html>body h3.info {
	filter:none;
	background: url(images/btn_info.png) no-repeat left top;
}

	/* for instruction button image*/
h3.instruction {
	cursor:pointer;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/btn_instruction.png' sizingMethod='scale');
}
html>body h3.instruction {
	filter:none;
	background: url(images/btn_instruction.png) no-repeat left top;
}

	/* for trailer button image*/
h3.trailer {
	cursor:pointer;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/btn_trailer.png' sizingMethod='scale');
}
html>body h3.trailer {
	filter:none;
	background: url(images/btn_trailer.png) no-repeat left top;
}
.cringtone h3.preview_dim span {display:none;}
.cringtone h3.preview span {display:none;}
.cringtone h3.download span {display:none;}


	/* for special effect for no1, no2, no3 */
.cringtone li.no1,
	.cringtone li.no2,
	.cringtone li.no3 {
}

.cringtone li.no1 .rbutton,
	.cringtone li.no2 .rbutton,
	.cringtone li.no3 .rbutton {
}
html>body .cringtone li.no1 h2,html>body .cringtone li.no2 h2, html>body .cringtone li.no3 h2{	
}

.cringtone li.no1 h3.preview,
	.cringtone li.no2 h3.preview,
	.cringtone li.no3 h3.preview {

}
.cringtone li.no1 h3.download,
	.cringtone li.no2 h3.download,
	.cringtone li.no3 h3.download {

}
.cringtone li.no1 h3.download span,
	.cringtone li.no2 h3.download span,
	.cringtone li.no3 h3.download span{
}


.cgame li {
	display: block;
	float: left;
	width: 16.5%;
	height: 150px;
	padding: 10px 0px 3px 0px;
	margin: 0px;
	text-align: center;
}
.cgame .iphoto, .cgame .itext{width:100%;}

.cgame .itext{margin: 4px 0px 0px 0px;}

.cgame h2 {
	display: block;
	height: 25px;
}
.cgame h2 a{
}


.cgraphics li {
	display: block;
	float: left;
	width: 16.5%;
	height: 135px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 1px 0px;
	text-align: center;
}

.cgraphics h2 {
	display: block;
	height: 25px;
}
.cgraphics h2 a{
}

#theme .no5,
	#theme .no6,
	#theme .no7,
	#theme .no8 {
	display: none;
	}

#register {
	position: relative;
	float:left;
	width:	728px;
	padding:0px;
	margin: 20px 0px 0px 7px;
	background: url(images/signup_box_header.gif) no-repeat left top;
	background-position: 0px 35px;
}
html>body #register {	margin: 20px 0px 0px 15px;}


#signupform_terms{
background: none;
border-width:0px;
float:left;
margin:auto 10px;
}

#ringtone {
	float:left;
	margin: 20px 0px 0px 10px;
	padding: 0px 0px 15px 0px;
	background: url(images/line2.gif) no-repeat bottom;
}
/*html>body #ringtone {
	margin: 20px 0px 0px 5px;
	}*/
#polytone {width: 355px; margin: 0px 0px 0px 5px}

#truetone {width: 360px; background: url(images/line3.gif) no-repeat center left; margin:0px 0px 0px 10px;}


#game {
	float:left;
	top: 5px;
	left: 3px;
	margin: 20px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	background:url(images/line2.gif) no-repeat center bottom;
}

html>body #game {	margin: 20px 0px 0px 20px;}

#javagame {width: 720px;
height:410px;
}

#graphics {
	margin: 0px 0px 0px 3px;
}

#wallpaper {
	background:url(images/line2.gif) no-repeat center bottom;
	margin: 20px 0px 0px 20px;
	width: 700px;
}
/*html>body #wallpaper {	margin: 20px 0px 0px 20px;}*/
#wallpaper li {width: 16.5%;}

#theme {
	margin: 20px 0px 0px 20px;
	width: 700px;
}
/*html>body #theme {	margin: 20px 0px 0px 20px;}*/

#javagame .boxfooter, #graphics .boxfooter, #wallpaper .boxfooter, #game .boxfooter, #ringtone .boxfooter, #polytone .boxfooter, #truetone .boxfooter{
	display:none;
}

/* structure for footer */

#footer_i1 {

}

#footer_i2 {

}
#footer_i2 span,
	#btm span {
	padding: 0px 14px;
}
#footer #poweredby {
	position: absolute;
	top: -10px;
	right: 14px;
}
#footer #poweredby span{
	float: left;
	display: block;
	padding: 0px;
	margin: 3px;
}
#footer #poweredby h3.footerlogo{
	float: left;
	display: block;
	width: 134px;
	height: 46px;
	padding: 0px;
	margin: 0px;
	background: url(images/logo.gif) no-repeat left top;
}
#footer #poweredby h3.footerlogo span{
	display: none;
}


#footer ul {
	padding: 2px 14px;
	margin: 0px 0px 0px -4px;
}
#footer li {
	display: inline;
	padding:0px 4px 0px 4px;
	margin:0px;
	list-style-type: none;
	border-right: 1px solid;
}
#footer li.end { border-right-style: none;}


#btm {
	line-height: 9.5px;
	padding:5px 0px 20px 0px;
	text-align:justify;
}
#btm ul {
	padding: 0px 14px;
	margin: 0px;
}
#btm li {
	display: inline;
	margin: 0px;
	padding:0px;
	border-right-style: none;
}

#mouseOvertncContent, .niceTitle{
	color:#ffffff;
	background-color: #36a1d7;
	font-weight: none;
	font-size: 10px;
	font: Verdana, Arial, Helvetica, sans-serif;
	width: 640px;
	left: 0;
	top: 0;
	padding: 6px;
	position: absolute;
	text-align: left;
	z-index: 20;
	-moz-border-radius: 0 10px 10px 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.noitem {
	padding: 0px 0px 0px 20px;
}
div#prelisten{width:130px; height:100px;}
div#prelisten table{
width:130px;
height:100px;
margin:0px auto;
background:url(images/prelisten_bg.gif) no-repeat left top;}
div#prelisten .caption{
width:100%;
color:#ffffff;
margin: 2px 0px 0px 10px;}
div#prelisten .icon_close{
float:right;
margin: 2px 5px 0px 0px;}
div#prelisten .contents{
margin:0px auto 0px auto;}
.caption{
width:auto;}

.cregister .tnctext1 a, #download .tnctext1 a, .innerbox .cdownload #noitem a{	font-weight:bold;  text-decoration:underline;}
.cregister .tnctext1 a:hover, #download .tnctext1 a:hover, .innerbox .cdownload #noitem a:hover{ text-decoration:none; font:normal;}
#getmore{
height: auto;
}

#getmore_form{
float:left;
margin: 13px 0px 0px 10px;
width: 450px;
text-align:center;
}
#getmore_form ul{
padding:0px;
margin: 10px 0px 0px 0px;
width:100%;
}
#getmore_form li{
margin: 20px 0px 0px 0px;
width:24.5%;
float:left;
list-style-type:none;
}
#localeTable{
position:absolute;
left:510px;
top:120px;
}
.hightlight{
font-family:arial;
font-size:12pt;
margin:0px;
color:white}
#registerformdiv .hightlight{text-align:center}
#registerbox .hightlight{margin:0px 0px 0px 20px}

/* added on 29/9/2008 for menu and ringtone category updates */
table.menu_alphabets td{
	width: 20px;
	padding: 2px;
	text-align: center;}
table.menu_alphabets td a, table.menu_alphabets td a:visited{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #F8D548;}
table.menu_alphabets td a:hover{
	color: #F8D548;
	text-decoration: underline;}
table.menu_alphabets td.skeyword{
	border: solid 1px #FFFFFF;}
table.menu_alphabets td.skeyword a{
	font-weight: bold;}
	
#country .ThemeFlagMenu {width:163px; margin: 0;padding: 4px 10px 2px 20px;font: 10px Verdana, Arial, Helvetica, sans-serif;background: url(/style/en_US/1/images/btn_right.gif) no-repeat left 5px}

.yui-tt-shadow{display:none;}

.ui-dialog {
	background:url(images/prelisten_bg.gif) no-repeat;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: 0.4em 0 0.2em 0.5em;
}

.ui-dialog .ui-dialog-titlebar-close {
    position:absolute;
    top:0px;
    right:0px;
    height:14px;
    width:18px;
    margin: 0.3em 0.5em 0 0.3em;
    background:url(images/prelisten_close.gif) no-repeat;
}

.ui-dialog .ui-dialog-titlebar {
    padding:0;
    border:none;
    color:#FFF;
    height:20px;
    text-align:left;
    vertical-align:middle;
    overflow:visible;
}

#tooltip {
	position: absolute;
    float:left;
    background-color:#36a1d7;
    z-index: 3000;
	-moz-border-radius: 0 10px 10px 10px;
	-moz-opacity: 1;
}

#tooltip.mouseOverTnc {
    width: 640px;
}

#tooltip p {color: #ffffff;padding:10px; margin:0px; text-align:justify;}