/* For ringtone page */
#cwallpapers, #jgame, #themes, #pmessage, #operlogo{float:left; margin:8px 0px 0px 0px; text-align: left;width:100%;}
#group3{width:100%;}

#group1 #cwallpapers.showpic li{width:137.4px; padding-top:19px; height: 156px;}
html>body #group1 #cwallpapers.showpic li{height: 138px;}

#group1 #themes.showpic li{width:137.4px; height:174px; padding-top:19px;}
html>body #group1 #themes.showpic li{height: 156px;}

#group1 #pmessage.showpic li{width:137.4px; padding-top:19px; height: 84px;}
#group1 #pmessage2.showpic li{width:137.4px; height: 84px; padding-top: 19px;}
html>body #group1 #pmessage.showpic li{height: 66px;}
html>body #group1 #pmessage2.showpic li{height: 66px;}

#group1 #operlogo.showpic li{width:137.4px; height: 68px; padding-top: 19px;}
#group1 #operlogo2.showpic li{width:137.4px; height: 68px; padding-top: 19px; }
html>body #group1 #operlogo.showpic li{height: 50px;}
html>body #group1 #operlogo2.showpic li{height: 50px;}

#group1 #cwallpapers.showpic li a h3,
#group1 #themes.showpic li a h3,
#group1 #pmessage.showpic li a h3,
#group1 #operlogo.showpic li a h3{ font-weight:normal;}

#group1 #jgame{position:relative;}
html>body #group1 #jgame{border-bottom:#E5E5E5 1px solid;}
#group1 #jgame.showpic li{width:50%; height:148px; text-align:left; padding-top: 13px;}
html>body #group1 #jgame.showpic li{height:131px;}
#group1 #jgame.showpic li a{ display:block;}
#group1 #jgame.showpic li img{ float:left; margin-left:6px;}
#group1 #jgame.showpic li h3,
#group1 #jgame.showpic li h4,
#group1 #jgame.showpic li h5{ font-size:9px; margin:0px 0px 0px 116px;position:relative;display:block; line-height:15px;}
#group1 #jgame.showpic li span.detail{margin:2px 10px 4px 116px; display:block;}

/*download btn*/
#group1 #jgame.showpic li h4,

/*More info btn*/
#group1 #jgame.showpic li h5{font-weight:normal; padding:2px 0px 2px 20px; margin-top:2px; margin-bottom:-4px;}
#group1 #jgame.showpic li h4{background:url('../images/download.gif') no-repeat left center;}
#group1 #jgame.showpic li h5{background: url('../images/info.gif') no-repeat left center; }
#group1 #jgame.showpic li h4 a,#group1 #jgame.showpic li h5 a{ text-decoration:underline; letter-spacing: -0.5px; display:inline; font-size:9px; background:url('../images/arrow.gif') no-repeat right; padding-right:12px; margin-right:8px;}
#group1 #jgame.showpic li h4 a:hover, #group1 #jgame.showpic li h5 a:hover{ text-decoration: none;}
#group1 #salesline {margin:0px;padding:0px;font:normal 10px verdana;color:#000000;float:left;}

/* moreinfo */
#moreinfo{float:left; width:100%; margin:8px 0px 0px 0px;}
#moreinfo ul{ width:100%; float:left; background-color:#F7FAF0;}
#moreinfo li{ float:left;}
#moreinfo li h4{ font-size:9px; font-weight:normal; padding:2px 0px 2px 20px; margin:0px 0px 0px 9px; position:relative; line-height:15px;}
#moreinfo li h4.download{background:url('../images/download.gif') no-repeat left center;}
#moreinfo li h4.info{background: url('../images/info.gif') no-repeat left center;}
#moreinfo li h4.instruction{background: url('../images/instruction.gif') no-repeat left center;}
#moreinfo li h4.trailer{background: url('../images/trailer.gif') no-repeat left center;}
#moreinfo li h4 a{ text-decoration:underline; letter-spacing: -0.5px; display:inline; font-size:9px; background:url('../images/arrow.gif') no-repeat right; padding-right:12px; margin-right:8px;}
#moreinfo li h4 a:hover{ text-decoration: none;}
#moreinfo li span.detail{margin:5px 5px 10px 9px;width:350px; display:block;}
#moreinfo #cover img{ float:left; border:#cccccc 1px solid; margin:5px auto auto 5px;}
#moreinfo #photos{ width:356px; float:right; margin:15px 2px 10px 0px; color:#7E7E7E;}


#download{ float:left; width:100%; margin:8px 0px 0px 0px;}
#download h3{ margin:5px;}
#download #frmRegister{ width:100%; float:left; padding:10px 0px 10px 0px; background-color:#F0FCCF; /*border-bottom:#E5E5E5 1px solid; border-top:#E5E5E5 1px solid;*/}
html>body #download #frmRegister{padding-bottom:20px;}
#download #frmRegister .wwFormTable{margin:10px;}
#download li{width:60%; float:left; padding:1px; margin-top:6px; vertical-align: middle;line-height:15px;}
#download li.left{ width:32%;font-weight:bold; text-align:right;padding:5px 6px 0px 0px;}
#download li.leftbox{ width:32%;text-align:right;padding:0px 6px 0px 0px;}
/*#download #handsetVendorsRow, #download #handseListRow, #download #mobilenum, #download #operatorId{font-family:Ms Shell Dlg; font-size: 12px; color: #000000;}*/
html>body #download #mobilenum {margin-top: 9px;}
#download input[type="checkbox"] #regCheckBox{ border:none; padding:0px; margin:0px; float: left;}
#download #btncontinue{ width:68px; height:17px; border:none; background:0px 0px url('../images/btn_continue.gif') no-repeat; margin-left:10px;}
#download #btncontinue1{ /*width:68px;*/ height:17px; border:none; margin-left:10px; margin-top:5px}
#download #btncontinue2{ width:68px; height:17px; border:none; margin:3px;background-color:#F0FCCF; }
#download #TNC{ font-size:10px; color:#000000; line-height:12px;}
#download a{ text-decoration:underline;}
#download a:hover{ text-decoration: none;}
/*#download #venderId, #download #useragentId{ font-size:13px; font-weight:normal;}*/
#download .selectPhone {border: 1px solid #aaa;}
html>body #download .selectPhone {float: left; padding-top: 2px;}

#download #selecteditem{padding:5px;float:none;}
#download #selecteditem img{margin:5px;border:#cccccc 1px solid; }
#download #selecteditem.jgame img{float:left; margin:0px 0px 10px 0px;}
#download #selecteditem.jgame span{ display:block; text-align:left;}
#download #selecteditem.jgame h5{ margin:0px 0px 10px 116px;padding:2px 0px 2px 20px;position:relative;display:block; font-weight:normal; line-height:15px; font-size:9px; background: url('../images/info.gif') no-repeat left center;}
#download #selecteditem.jgame a{text-decoration:underline; letter-spacing: -0.5px; display:inline; font-size:9px; background:url('../images/arrow.gif') no-repeat right;padding-right:12px; margin-right:8px;}
#download #selecteditem.jgame a:hover{text-decoration: none;}
#download #selecteditem.ringtone span{ width:100%; display:block; margin-left:35px}
#download #selecteditem.pmessage img, #download #selecteditem.operlogo img{ margin-left:15px;}
#download #input, #download #login_password{vertical-align: middle;border: #aaa 1px solid;}


#gotpassword{ float:left;width:100%; padding:8px 0px 0px 0px;}
#gotpassword ul{width:100%; float:left; padding:5px 0px 5px 0px; border:none; background-color:#ffffff;}
html>body #gotpassword ul{padding:5px 0px 15px 0px;}
#gotpassword li{width:60%;  float:left; padding:1px; margin-top:6px; vertical-align: middle;line-height:15px;}
#gotpassword li.left{ width:32%;font-weight:bold; text-align:right;padding:5px 6px 0px 0px;}
#gotpassword a.arrow{ letter-spacing: -0.5px; display:inline; font-size:9px; background:url('../images/arrow.gif') no-repeat right;padding-right:12px; margin-right:8px;}
#gotpassword #password{ width:120px;}
#gotpassword input{vertical-align: middle;}

/* Welcome page */
#welcomemsg{ float:left; width: 760px; text-align:left; margin:8px 0px 0px 0px;}
#welcomemsg .boxheader {width:100%; height:25px; padding:4px 0px 0px 0px; background-color:#EBF3D9;}
#group3 #msg{ background-color:#F7FAF0; padding:8px; line-height:1.4; text-align:left;}

/* sitemap */
#group3 #sitemap{float:left; width:100%; margin:8px 0px 0px 0px; background-color: #F7FAF0;}
#group3 #sitemap ul{ width:98%; padding-left:12px;}
#group3 #sitemap ul li{ width:100%; float:left; padding:12px 0px 12px 0px; }
#group3 #sitemap ul ul{ width:705px; margin:18px auto 0px 0px;}
html>body #group3 #sitemap ul ul{float:left;}
#group3 #sitemap ul li li{ background-color: #F0FCCF; padding:6px 0px 2px 3px; width:137px; display: block; border-left:1px solid #ffffff; float:left;}
#group3 #sitemap ul li li.color{ background-color: #ECFEC2;}
#group3 #sitemap ul li li a{ text-decoration:underline;}
#group3 #sitemap ul li li a:hover{ text-decoration: none;}
#group3 #sitemap h3, #group3 #sitemap h4{ position:relative; font-size:10px;}

/* paragraphic */
#group3 .paragraphic{float:left; width:100%; margin:8px 0px 0px 0px;  background-color: #F7FAF0; color:#000000;}
#group3 .paragraphic .boxheader{ color:#3E3B2F; height:25px;}
#group3 .paragraphic p{text-align:justify; margin:10px; display:block;}
#group3 .paragraphic ul { margin-left: 25px;}
#group3 .paragraphic h2{ height:25px; }
#group3 .paragraphic h4,
#group3 .paragraphic h5{ margin:10px 10px -10px 10px;}
#group3 .paragraphic h5{font-size: 10px;}
#group3 .paragraphic a{text-decoration:underline;}
#group3 .paragraphic a:hover{ text-decoration: none;}
#group3 .paragraphic #subcontent{ width:auto;}
#group3 .paragraphic #subcontent p{margin:20px;}
#group3 .paragraphic #subcontent h5{ margin:10px 10px -20px 20px;}
#group3 .paragraphic #subcontent li{ margin-left:10px; padding-right:20px; }
#group3 .paragraphic li{list-style-type:decimal;}

/*contactus*/
#group3 #contactus{float:left; width:100%; margin:8px 0px 0px 0px; background-color: #F7FAF0;}
#group3 #contactus ul{ width:98%; padding-left:12px;padding-bottom:15px; float:left;}
#group3 #contactus li{ width:100%; float:left; padding:12px 0px 6px 0px;}
#group3 #contactus li a{ text-decoration:underline;}
#group3 #contactus li a:hover{ text-decoration: none;}
#group3 #contactus h3, #group3 #contactus h4{ position:relative; font-size:10px;}

/* copyright */
#group3 #copyright li{padding:0px 10px 0px 0px;}

/* my profile */
#group3 #myprofile h4{ color:#3E3B2F;}
#group3 #myprofile h5{font-size:9px; font-weight:normal; padding:2px 0px 2px 20px; margin:0px 0px 0px 12px; position:relative; line-height:15px;}
#group3 #myprofile h5.campaign{background:url('../images/mclubs.gif') no-repeat left center;}
#group3 #myprofile h5.chgpassword{background:url('../images/mpassword.gif') no-repeat left center;}
#group3 #myprofile h5.changemobile{background:url('../images/mchangemob.gif') no-repeat left center;}
#group3 #myprofile h5.chglocale{background:url('../images/mlanguage.gif') no-repeat left center;}
#group3 #myprofile h5.profile{background:url('../images/mprofile.gif') no-repeat left center;}
#group3 #myprofile h5 a{color:#000000; text-decoration:underline; letter-spacing: -0.5px; display:inline; font-size:9px; background:url('../images/arrow.gif') no-repeat right; padding-right:12px; margin-right:8px;}
#group3 #myprofile h5 a:hover{ text-decoration: none;}
#changeLocale #changeLocale_btnseacrh {width:57px; height:17px;}
/* membershipdetail */
#group3 .membershipdetail{ width:440px; margin:0px auto 0px auto; padding:5px; background-color:#ECFEC2; border:#EBF3D9 1px solid;}
#group3 .membershipdetail h4{ margin:0px; font-size:9px;}
#group3 .membershipdetail a{ float:right;}
#group3 .membershipdetail a.descript{ float:none;}
#group3 .membershipdetail a.arrow,
#group3 .membershipdetail a.descript{letter-spacing: -0.5px; display:inline; font-size:9px; background:url('../images/arrow.gif') no-repeat right;padding-right:12px; margin-right:12px;}
#group3 .membershipdetail li{ margin:0px 3px 0px 3px; padding:3px 0px 3px 0px; list-style-type:none;}

/* Change password*/
#group3 #myprofile #chgpass { float:left; width:350px; margin: 0px;}
#group3 #myprofile #chgpass h4{ margin:0px 0px 15px 0px; font-size:9px;}
#group3 #myprofile #chgpass li{ list-style-type:none;  width:130px; display:block;}
#group3 #myprofile #chgpass li.left{ text-align:right; margin:4px 10px 0px;width:180px;float:left; }
#group3 #myprofile #chgpass li input{ width:57px;}
#group3 #myprofile #chgpass img{border:0; width:57px; margin:10px 0px 0px 70px;}
#group3 #myprofile #chgpass li select{ MARGIN-BOTTOM: 3px;}

/* forgotpass */
#forgotpass{float:left; width:100%; margin:8px 0px 0px 0px; text-align:left; border:0; padding: 0;} /* Edited by Stan */
#forgotpass ul{ width:auto; padding:10px 10px 10px 10px; background-color: #F7FAF0;color:#000000;}
html>body #forgotpass ul{ padding-bottom:20px;}
#forgotpass ul h3{ margin-bottom:18px; font-weight:normal;}
#forgotpass li{ margin-left:40px;list-style-type:decimal;}
#forgotpass td{ padding: 5px 1px 1px 5px;}
html>body #forgotpass p{margin:15px 0px 10px 40px;}
#pwd input {vertical-align: middle; float: left; width: 40px; }
#subBtn input { border-style: none; margin-left: 8px;}
#forgotpass #btnsubmit{ margin-left:10px; border:0; padding: 0; margin-top: 7px;}

/* #photoselect - Mobile phone Selector */
#photoselect{float:left; margin:8px 0px 0px 0px;position:relative;}
#photoselect li{height:120px; width:66px; text-align:left; position:relative;text-align:center;  background:none;border-bottom:#EBE9E4 1px solid;}
#photoselect li img{ border:none;}
#photoselect li a{text-decoration:underline;}
html>body #photoselect li a{text-decoration: underline;}
#photoselect li a:hover{ text-decoration: none;}

/* Colorset for box*/
.colorset2 .boxheader{background-color:#DAF3A1;}
.colorset2 li {background-color: #FCFFF4;} 
.colorset2 li.color{background-color: #F0FCCF;}
.colorset3 li {background-color: #FCFFF4;}
.colorset3 li.color{background-color: #F0FCCF;}

/* system message or error*/
.noresult .msg1 li{ width:90%;position:relative;padding:8px;color:#c00000;}/*color:#c00000;*/
html>body .noresult { float:left;margin:8px 0px 0px 0px; padding:0px;}
html>body .noresult #btm_line{margin:-12px 0px 0px 0px;}

/* Popup */
#popup .boxheader{background-color:#DAED95;}
#popup #footertxt{ float:left; width:100%; padding:2px 0px 0px 0px; border-top:#D2EC77 7px solid;}
#popup h6{ font-weight:normal; display:inline; margin-left:4px; color:#7E7E7E;}
#popup a{ margin-right: 2px; float:right; color:#000000; text-decoration:underline; letter-spacing: -0.5px; display:inline; font-size:9px; background:url('../images/arrow.gif') no-repeat right;padding-right:12px;}
#popup a:hover{text-decoration: none;}
#popup #gameFooter {width: 100%; padding: 0; border: 0; margin: 0;}

#popup span#contenttxt{padding:10px; display:block; color:#000000;}
#popup #showInstruction {padding: 10px; display: block; color: #000000;}
#popup span#trailer{padding:10px; margin-bottom:-10px; display:block; color:#000000; text-align:center;}
#popup span#whichmobiletxt{padding:10px; display:block; color:#000000;}
#popup span#whichmobiletxt h5{ font-size:9px;}
#popup span#whichmobiletxt #mobilepic{ float:right;}
#popup span#whichmobiletxt p{ margin:10px; padding:0px;}
#popup whichmobileFooter {width: 100%; padding: 0; margin: 0; border: 0;}

/* Order page */
#orderpage{ float:left; width:100%;margin:8px 0px 0px 0px;}
#orderpage #col_left{ float:left; width:100px; margin:8px 10px 0px 5px; display:block;}
#orderpage #col_right{ float:left; width:630px; margin:8px 0px 0px 0px; color:#000000;}
html>body #orderpage #col_right{width:640px;}
#orderpage h5{background: url('../images/info.gif') no-repeat left center;padding:2px 0px 2px 20px;font-weight:normal;}
#orderpage h5 a{ text-decoration:underline; letter-spacing: -0.5px; display:inline; font-size:9px; background:url('../images/arrow.gif') no-repeat right; padding-right:12px; margin-right:8px;}
#orderpage h5 a:hover{ text-decoration: none;}
#col_right a{ text-decoration:underline;}
#col_right a:hover{ text-decoration: none;}
#orderpage p{text-align:justify; padding-right:8px;}
#orderpage #TNC{ color:#7E7E7E;}
#orderpage #col_left p {float: left; padding: 0; margin: 5px 3px 0 0; border: 0}