/* TMobile main css file */

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

body  {
	font: 11px Arial, Helvetica, sans-serif;
	background: #f2f2f2;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #333;
}
/* Typography */

h1.pagetitle{ font:27px Arial, Helvetica, sans-serif; color:#e30074;}
h2.subtitle{ font:22px Arial, Helvetica, sans-serif; color:#000;}
h1.pabelheading{ font:18px Arial, Helvetica, sans-serif; color:#e30074;}
h3.copysubtitle{ font:22px Arial, Helvetica, sans-serif; color:#000;}
h4.copysubsubtitle{ font:14px Arial, Helvetica, sans-serif; color:#666;}

a:link { font:11px Arial, Helvetica, sans-serif; color:#e30074; text-decoration:none;}
a:visited { font:11px Arial, Helvetica, sans-serif; color:#e30074; text-decoration:none;}
a:hover { font:11px Arial, Helvetica, sans-serif; color:#333; text-decoration: underline;}
a:active { font:11px Arial, Helvetica, sans-serif; color:#e30074;text-decoration: underline;}

/* End Typography */

#leftContentPlaceholder{
}
#centerContentPlaceholder{
margin-bottom:60px;
}
#rightContentPlaceholder{
}

#topborder{
margin-top: 2%;
background:url('t-mobile_border_top.png') repeat-x bottom;
height: 20px;
width:782px; margin-left:auto; margin-right:auto; margin-bottom:0
}
#border{
margin: 0 auto;
width:792px;
background:url('t-mobile_border.png') repeat-y;
}
#container {
	width: 764px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto;
/* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #b8b8b8;
	text-align: left;
	padding:8px 8px 0px 8px;/* this overrides the text-align: center on the body element. */
} 
#header { 
	background: #e30074; 
	height:107px;
	padding-top:27px;
	padding-left:8px;
} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#header_logo{
	background:url('t-mobile_header_bg.gif') repeat-x;
	height:60px;
	padding-left: 34px;
	padding-right:5px;
	margin-bottom:8px
}

#title_logo{
background:url('t-mobile_05.gif') no-repeat;
width:182px;
height:60px; 
overflow:hidden; 
text-indent:-999999px;
position:relative; 
float: left 
}

#header_logo form.search {
margin-top:40px;
display:block;
clear:right;
float:right;

}

#header_logo input.text_field {
width:150px;
border:1px solid #B2B3B4;
color:#000000;
font-family:Verdana,sans-serif;
font-size:11px;
vertical-align:middle;
}

#header_logo input.button {
background:url('t-mobile_search_btn.png') no-repeat;
width:28px;
height:19px;
border:medium none;
}

#top_nav{
background:url('t-mobile_menu_bg.gif') repeat-x;
margin-left:-8px;
padding:0;
height:39px;
width:764px;
position:relative; margin-right:0; margin-top:0; margin-bottom:0}

.glossymenu{
	position: relative;
	margin: 0 auto;
	background: url('t-mobile_menu_bg.gif') repeat-x; /*tab background image path*/
	height: 39px;
	list-style-type:none; padding-left:16px; padding-right:0; padding-top:0; padding-bottom:0
}

.glossymenu li{
	float:left;
	margin-right:8px;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#fff;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: none;
	padding:0 0 0 10px; /*Padding to accomodate left tab image. Do not change*/
	height: 39px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a font{
	font-family: sans-serif;
	font-size: 11px;
	font-weight: none;
	float: left;
	display: block;
	padding: 0 8px 0 0; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url('t-mobile_menu_left.png') no-repeat left 50%; /*left tab image path*/
	
}

.glossymenu li.current a font, .glossymenu li a:hover font{
	color: #fff;
	background: url('t-mobile_menu_right.png') no-repeat right top; /*right tab image path*/
}

#sidebar1 {
	float: left; 
	width: 22%; 
	background: #EBEBEB;
	padding: 15px 0;
}
#sidebar2 {
	float: right; 
	width: 23%; 
	background: #EBEBEB;
	padding: 15px 0; 
}
#sidebar1 p, #sidebar1 h3, #sidebar2 p, #sidebar2 h3 {
	margin-left: 10px;
	margin-right: 10px;
}


#content_body{
padding:11px 0;
margin-bottom:60px;}

#sub-nav {
font-size:0.7em;
width:144px;
float:left;
}

#sub-nav ul
{padding:0;
margin:0;
width:144px;
list-style-type:none;
border-top:1px solid #999999;
}

#sub-nav li
{width:144px;border-bottom:1px solid #999999;}

#sub-nav li a
{text-decoration:none;
display:block;
width:129px;
padding:3px 5px 3px 10px;
    color:#333333;
}
#sub-nav li a:hover
{
     color:#fff;
     background:#000;
}
#sub-nav  li.active 
{
    background: #000;
}
#sub-nav  li.active a
{
    color:#fff;
}

#loginpage 
{width:558px;
height:366px;
float:right;
background: url('t-mobile_login_card.jpg') no-repeat bottom right;
margin:0;
padding:0
}

#logincontent, #footerlogin
{float:right;
width:410px;}
#logincontent
{margin-top:-30px;}
#logincontent h3{
font: 11px Arial, Helvetica, sans-serif;
font-weight:bold;
}
#logincontent h3, p{
padding:0;
margin:0;
padding-bottom:11px;
}

.btn-arrow{
border-left:1px solid rgb(214, 214, 214); border-right:1px solid rgb(143, 143, 144); border-top:1px solid #D6D6D6; border-bottom:1px solid rgb(143, 143, 144); background:#E0E4E7 url('button_grey.gif') no-repeat bottom right; text-align:center
}

#loginpage .btn-arrow{
width:135px;
height:17px;
float:right;
margin:265px 25px 0 0;
}

.btn-arrow a{
color:#666666 !important;
text-decoration:none;
font-weight:bold;
}

#loginpage .btn-arrow a{
display:block;
width:105px;
height:17px;
padding-top:1px;
font-weight:bold;
text-decoration:none;
}

#footercontent{
padding-left:0px; padding-right:0; padding-top:35px; padding-bottom:0px;
}

#footerlogin{
background: url('t-mobile_login_foter_card.jpg') no-repeat;
width:410px;
margin-top:20px;
height:170px;
padding-left:0px; padding-right:0; padding-top:5px; padding-bottom:0px;
}

#footerlogin h3{
padding:0;
margin:0;
font:18px Arial sans-serif;
margin-bottom:5px;
}
.magenta{
color:#e30074;
}
.black{
color:#000000;
}
a.black_arrow{
background: url('black_arrow.gif') no-repeat right;
color:#333;
font-weight:bold;
padding-right:15px;
text-decoration:none
}
/*.panel{
float:right;
}*/

.panel.corner.darkgreen{
width:176px !important;
float:right;
background:#FFFFFF url('bgr_panel.gif') repeat-x bottom;
margin-bottom:10px
}

.panel.corner.darkgreen .corner-rt {
background:url('corner_round_darkgreen.gif') no-repeat top right;
position:relative
}
.panel.corner.darkgreen .corner-lb {
background:url('corner_round_darkgreen.gif') no-repeat bottom left;
}
.panel.corner.darkgreen .corner-rb {
background:url('corner_shadow_darkgreen_rb.gif') no-repeat bottom right;
}
.panel.corner.darkgreen .corner-lt {
background:url('corner_shadow_darkgreen_lt.gif') no-repeat top left;
padding-left:0pt; padding-right:4px; padding-top:1px; padding-bottom:4px
}
#regbox.panel.content {
color:#333333;
padding:3px 9px 9px 9px;
min-height:260px;
}

#regcard{
background:url('t-mobile_login_box_card.gif') no-repeat bottom right;
width:152px;
height:80px
}

 .panel .content {
color:#333333;
padding:3px 9px 9px 9px;
min-height:80px;
}
.panel .content h3{
padding:0;
margin:0;
color:#FFFFFF !important;
font-family:Arial,Verdana,sans-serif !important;
font-size:14px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:bold !important;
letter-spacing:-0.005em;
line-height:1.2em !important;
margin-bottom:10px;
}

#logbox.panel .content h3{
display:block;
padding:0;
height:1.2em;
background:url('secure.gif') no-repeat bottom right;
margin-bottom:10px; margin-left:0; margin-right:0; margin-top:0
}
#regbox.panel .content p{
font-weight:bold;
}

.float-right{
float:right;}

#registr
{
width:70px;
position:relative;
margin-top:-20px;
}

#login{
width:50px;
}

.greenbtn{
background:url('btn_mtm_green_left.gif') no-repeat 0pt 50%;
border:medium none;
margin-right:0px;
text-align:center;
font-weight:bold
}

#cmdLogin {
display:block;
background:url('btn_mtm_green_right.gif') no-repeat 100% 50%;
border:medium none;
color:#FFFFFF;
width:50px;
font-weight:bold;
font-style:normal; font-variant:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-left:0pt; padding-right:0px; padding-top:3px; padding-bottom:4px
}

.greenbtn a, .greenbtn a:active, .greenbtn a:hover, .greenbtn a:visited {
background:url('btn_mtm_green_right.gif') no-repeat right;
color:#FFFFFF;
text-decoration:none;
display:block;
width:70px;
height:19px;
font-weight:bold;
padding-left:0pt; padding-right:0px; padding-top:7px; padding-bottom:4px
}


#footer { 
margin-bottom:5%;
width:764px;
height:25px;
background:url('t-mobile_footerbg.png') repeat-x;; margin-left:auto; margin-right:auto; margin-top:0
} 
#footer_nav{
margin:0;
padding:0;
padding-left:10px;
padding-top:5px;
text-align:right;
float:right;
}
#footer_nav li{
display:inline;
color:white;
list-style-type:none;
list-style-position:outside;
list-style-image:url('none');
float:left;
padding-left:11px;
padding-right:32px; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:sans-serif
}
#footer_nav li.first_child{
border:none;
}

#footer_nav a{
color:#FFFFFF;
}

/* Miscellaneous classes for reuse */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 
 /*new - 24.02.2008 */
.formsubtitle{ font:15px Arial, Helvetica, sans-serif; color:#333; font-weight:bold; margin:0; padding:0;}
.formfieldgrey { background:#F2F2F2;padding:19px 9px;line-height:23px;}
.formfieldgrey label {	float:left; display:block; width:124px; clear:left; font-weight:bold; /*line-height:20px; border:1px solid red;*/}
.formfieldgrey label span {font-weight:normal}
.formfieldgrey input { width:175px;border:1px solid #B2B3B4; color:#000000; font-family:Verdana,sans-serif; font-size:11px;margin:3px 0; display:inline;}
.formfieldgrey small { clear:left; display:block}
.formfieldgrey.grey_border {border:1px solid #999}
.formfieldgrey div { display:block; width:175px; float:left;}
.formfieldgrey div input {width:20px; color:#000000; border:0px; margin:4px 0;}
.formfieldgrey div label {font-weight:normal; float:right; clear:none; width:150px;line-height:23px;}

.formfieldgrey a.btn-arrow:active, .formfieldgrey a.btn-arrow:link, .formfieldgrey a.btn-arrow:visited, .formfieldgrey a.btn-arrow:hover {
height:17px; color:#666; font-weight:bold; text-decoration:none; float:right; line-height:17px; padding-left:20px; padding-right:32px; margin:17px 15px 17px 0px; 
}
.formfieldgrey a.btn_green:link, .formfieldgrey a.btn_green:active, .formfieldgrey a.btn_green:hover, .formfieldgrey a.btn_green:visited { margin-right:7px;}

a.btn_green:link, a.btn_green:hover, a.btn_green:visited, a.btn_green:active 
{border-left:1px solid rgb(214, 214, 214); border-right:1px solid rgb(143, 143, 144); border-top:1px solid #D6D6D6; border-bottom:1px solid rgb(143, 143, 144); background:url('btn_arr_green.gif') no-repeat top right; color:#78AA51; text-decoration:none; font-weight:bold; line-height:17px; height:17px;
text-align:right; float:right; padding-left:20px; padding-right:32px; margin:17px 0}

a.black_plus:link, a.black_plus:visited, a.black_plus:hover, a.black_plus:active { background: url('ico_plus.gif') no-repeat left; color:#333; font-weight:bold; padding-left:16px; text-decoration:none; font-weight:bold}

#homecardpage 
{width:417px;
height:260px;
background: url('t-mobile_home_card.jpg') no-repeat bottom right;
padding:0; font-weight:bold; color:#FFF; font-size:22px; line-height:30px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:11px
}
#homecardpage div {display:block; width:168px; padding:55px 30px 20px 30px;}
#homecardpage h3 {padding:0px 0px 0 30px; margin:0;font-size:33px; letter-spacing:-1px}

#homecardpagewii
{width:417px;
height:260px;
background: url('t-mobile_home_card_wii.jpg') no-repeat bottom right;
padding:0; font-weight:bold; color:#FFF; font-size:22px; line-height:30px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:11px
}
#homecardpagewii div {display:block; width:168px; padding:55px 30px 20px 30px;}
#homecardpagewii h3 {padding:0px 0px 0 30px; margin:0;font-size:33px; letter-spacing:-1px}

#homecardpagePS3
{width:417px;
height:260px;
background: url('giftBox_PS3_straightON.jpg') no-repeat bottom right;
padding:0; font-weight:bold; color:#FFF; font-size:22px; line-height:30px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:11px
}
#homecardpagePS3 div {display:block; width:168px; padding:55px 30px 20px 30px;}
#homecardpagePS3 h3 {padding:0px 0px 0 30px; margin:0;font-size:33px; letter-spacing:-1px}

#homecardpagePSP
{width:409px;
height:231px;
background: url('giftBox_PSP_straightON.jpg') no-repeat bottom right;
padding:0; font-weight:bold; color:#FFF; font-size:22px; line-height:30px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:11px
}
#homecardpagePSP div {display:block; width:168px; padding:55px 30px 20px 30px;}
#homecardpagePSP h3 {padding:0px 0px 0 30px; margin:0;font-size:33px; letter-spacing:-1px}

#homecardpageNintendoDS
{width:411px;
height:235px;
background: url('giftBox_NintendoDS_straightON.jpg') no-repeat bottom right;
padding:0; font-weight:bold; color:#FFF; font-size:22px; line-height:30px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:11px
}
#homecardpageNintendoDS div {display:block; width:168px; padding:55px 30px 20px 30px;}
#homecardpageNintendoDS h3 {padding:0px 0px 0 30px; margin:0;font-size:33px; letter-spacing:-1px}


.panel .content ul { color:#e30074; font-size:9px; margin:0; padding:0; list-style-type:none;}
.panel .content ul a { text-decoration:underline; padding-left:12px; line-height:15px; background:url('tip.gif') no-repeat left 6px; display:block; margin:0; width:138px}

.panel.corner.blue {
width:176px !important;
float: right;
background:#FFFFFF url('bgr_panel_bl.gif') repeat-x bottom;
margin-bottom:10px
}

.panel.corner.blue .corner-rt {
background:url('corner_round_blue.gif') no-repeat top right;
position:relative
}
.panel.corner.blue .corner-lb {
background:url('corner_round_blue.gif') no-repeat bottom left;
}
.panel.corner.blue .corner-rb {
background:url('corner_shadow_blue_rb.gif') no-repeat bottom right;
}
.panel.corner.blue .corner-lt {
background:url('corner_shadow_blue_lt.gif') no-repeat top left;
padding-left:0pt; padding-right:4px; padding-top:1px; padding-bottom:4px
}
.panel.blue {margin-top:46px;}
.panel.blue .content {
color:#333333;
padding:3px 1px 24px 1px;
/*min-height:170px;*/
}
.panel.blue .content h3 {text-indent:9px;}
/*.panel.blue .content div { margin-top:6px;}*/
.panel.blue .content a { margin-top:6px; display:block; padding:6px 5px; color:#FFF; /*padding:6px 0 6px 22px;*/ font-size:12px; font-weight:bold;line-height:19px; height:19px; text-decoration:none}
.panel.blue .content a b { background:url('magenta_arrow.gif') no-repeat left; display:block; float:left; width:20px; height:18px}

.panel.blue .content a.link1:active, .panel.blue .content a.link1:visited, .panel.blue .content a.link1:link {background:#C9C9C9;}
.panel.blue .content a.link1:hover {background:#ADADAD;}

.panel.blue .content a.link2:active, .panel.blue .content a.link2:visited, .panel.blue .content a.link2:link {background:#B9B9B9;}
.panel.blue .content a.link2:hover {background:#9D9D9D;}

.panel.blue .content a.link3:active, .panel.blue .content a.link3:visited, .panel.blue .content a.link3:link {background:#7F7F7F;}
.panel.blue .content a.link3:hover {background:#707070;}

.panel.blue .content img {position:absolute; bottom:27px;}

table.listing {border:0px none; border-collapse:collapse}
table.listing .thead {background:#333; color:#fff; font-weight:bold; padding:5px;}
table.listing td, table.listing th {padding:3px;}
table.listing .button {background:#F2F4F3; border:1px solid red; padding:0px 15px; font-family:"trebuchet MS", arial, sans-serif;
border:2px solid;
border-color:#FBFBFB rgb(150, 150, 150) rgb(150, 150, 150) rgb(250, 250, 250);
}
/* end new adds */
form#Form1{
margin:0;
padding:0;
}

a#Form1{
margin-top:10px;
padding-top:10px;
}

input#txtLogin, input#txtPassword{
width:150px;
margin-bottom:2px;
}
 
.black_plus_footer{
position:relative;
bottom:30px;
left:156px;
float:left;
}
.black_plus_footer.terms_zone{
left:0px;
}
.black_plus_footer.reg_zone{
left:188px;
}

#login_plus.black_plus_footer{
float:right;
width:410px;}
#whatbox.panel .content {
min-height:135px;
vertical-align:bottom;
}
#whatboximg{
height:121px;
background:url('whatbox.gif') no-repeat;
}

#forgotpas{
position:relative;
left:156px;
}

.registrpage{
width:376px;
margin:0 auto;
}

#underlogin{
background:url('underlogin.gif') no-repeat;
height:208px;
position:relative;
top:570px;
left:10px
}

/* Made by Evgeniy Shishkin */