/* by ISIRAN  */
.desciption{
	color: #989898;
}
.submitGeneral{
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #999999 1px solid; CURSOR: hand; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Tahoma; HEIGHT: 22px; BACKGROUND-COLOR: #ffffff; padding-left: 10px; padding-right: 10px;
}
.DropDownList{
	font-size: 7pt;
}
body{
	cursor: default;
}
#footer {
    height: 110px;
    background: url("../Webfiles/Files/image/footer_wbkg.jpg") repeat-x bottom;
}
#SideNavBar td{
	padding: 0px 0px 1px 10px;
}
#SideNavBar .smSubMenu{
	padding: 0px 15px 6px 0px;
}
#SideNavBar a.smActiveLink{
	font-weight: 600;
	color: #333333;
	font-size: 11px;
}
#SideNavBar a.smActiveLink:hover{
	color: #FFB300;
}
#SideNavBar a.smDisabledLink{
	font-weight: 600;
	color: #909090;
	font-size: 11px;
}
#homeBanners a{
	border: solid 1px #FFCA4D;
}
#homeBanners a:hover{
	border: solid 1px #5A5A5A;
}
#homeBannersWhite td{
	padding-top: 1px;
}
#homeBannersWhite a{
	border: solid 1px #D9D9D9;
}
#homeBannersWhite a:hover{
	border: solid 1px #FFB300;
}
#PDN div{
	color: #FFF;
}
#PDN a{
	color: #FFF;
	font-weight: normal;
}
#PDN a:hover{
	color: #000000;
}
#PDN_BCD div{
	color: #ffb300;
}
#PDN_BCD a{
	color: #ffb300;
}
#PDN_BCD a:hover{
	color: #000000;
}
.pageTitle{
	font-size: 20px;
	font-family: Arial;
	font-weight: 600;
	color: #ffb300;
	line-height: 30px;
	padding: 0px 0px 10px 10px;
}
td.navigation{
	height: 35px;
	vertical-align: middle;
	padding-right: 40px;
	font-size: 10px;
	font-weight: 400;
}
td.navigation a{
	font-weight: 400;
}

.content{
	padding: 10px;
	padding-top: 25px;
	text-align: justify;
}
.smallTitle{
	font-weight: 600;
	color: #ffb300;
	font-size: 12px;
}
hr.tLine{
		color: #ffb300;
		height: 1px;
		text-align: center;
		width: 100%;
}

/* From MTN SA Default CSS File */
#TABLESDealers{
	BORDER: #e6e6e6 1px solid;
	border-left: 1px;
	border-bottom: 0px;
}
#TABLESDealers TD {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 2px; LINE-HEIGHT: 1.2em; PADDING-TOP: 2px; BORDER:#e6e6e6 solid; font-size: 8pt; border-bottom: 1px; border-left: 0px; border-right: 0px; border-top: 0px;
}
#TABLESDealers TD.zeroCell {
	padding:0px 0px 0px 0px; BORDER:#e6e6e6 solid; font-size: 8pt; border-bottom: 1px; border-left: 0px; border-right: 0px; border-top: 0px;
}
#TABLESDealers TD.tableHeading {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: 600; FONT-SIZE: 1em; PADDING-BOTTOM: 3px; COLOR: #ffaa00; PADDING-TOP: 3px; BACKGROUND-COLOR: #fff7e5; font-size: 9pt; border-bottom: 0px;
}
#TABLESDealers TD.tableHeading1 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: 400; FONT-SIZE: 1em; PADDING-BOTTOM: 3px; COLOR: #989898; PADDING-TOP: 3px; BACKGROUND-COLOR: #fff7e5; font-size: 8pt; border-bottom: 0px;
}

#TABLES{
	BORDER: #e6e6e6 1px solid;
	border-left: 0px;
	border-bottom: 0px;
}
#TABLES TD {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 1.2em; PADDING-TOP: 4px; BORDER:#e6e6e6 solid; font-size: 8pt; border-bottom: 1px; border-left: 1px; border-right: 0px; border-top: 0px;
}
#TABLES TD.currency {
	TEXT-ALIGN: center; font-size: 9pt; border-bottom: 1px;
}
#TABLES TD.tableHeading {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: 600; FONT-SIZE: 1em; PADDING-BOTTOM: 3px; COLOR: #ffaa00; PADDING-TOP: 3px; BACKGROUND-COLOR: #fff7e5; font-size: 9pt; border-bottom: 1px;
}
#TABLES TD.tableSubHeading {
	BACKGROUND-COLOR: #f2f2f2; font-size: 9pt;
}
#TABLES a{
	font-weight: normal;
}

.TablesContact {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 3px; LINE-HEIGHT: 1.2em; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px solid; font-size: 9pt;
}
.tableHeader {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: 600; FONT-SIZE: 1em; PADDING-BOTTOM: 3px; COLOR: #ffaa00; PADDING-TOP: 3px; BACKGROUND-COLOR: #fff7e5; BORDER-BOTTOM-STYLE: none; font-size: 9pt;
}
.tablesOnYellow TD {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BORDER-LEFT-COLOR: #ffffff; PADDING-BOTTOM: 3px; BORDER-TOP-COLOR: #ffffff; LINE-HEIGHT: 15px; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px solid; BORDER-RIGHT-COLOR: #ffffff; font-size: 9pt;
}



/* original  */
*{
   font-family: Tahoma,Helvetica,  sans-serif;

}
TD, DIV{
   vertical-align: top;
   font-size: 11px;
   font-family: Tahoma, Helvetica, sans-serif;
   color: #272727;
		direction: rtl;
}


.FileSize{
   font-weight: normal;
}
.Home{
	margin-top:-4px !important;
	margin-top:0px;
   padding-right: 20px;
}
#ColumnRight UL{
    padding: 0;
    margin-left: 15px;
    margin-top: 0px;
}
#ColumnLeft UL{
    padding: 0;
    margin-left: 25px
}
#ColumnLeft LI, #ColumnRight LI{
   padding-bottom: 5px;
}
BODY{
   margin: 0 0 0 0;
   background-color: #FFF;
}
A{
   	color: #000000;
		font-weight: 600;
	text-decoration: none;
}
a:hover{
	color: #ffb300;
}
BODY.Landing{
   background-color: #FFB300;
}
A.Bulleted{
   display: block;
   padding-left: 8px;
   background:  url(Arrow_DarkGrey.gif) no-repeat;
   line-height:17px;
}
.Landing .Quarter{
   border:1px solid #FFC726;
   background-color: #FEBD00;
   position: absolute;
   width:160px;
   height:160px
}
A IMG{
   border: none;
}
A.PDF{
   background-image:  url(icon_PDF.gif);
   background-repeat: no-repeat;
   padding-left: 21px;
   padding-top: 2px;
   height: 18px;
   padding-bottom: 2px;
   display: inline-table;
}
A.PDF IMG{
   padding-top: 2px !important;
   padding-top: 5px;
   margin-left: 0px !important;
   margin-left: 18px;
}
.Spacer{
   width: 20px;
   height: 20px;
   font-size: 1px;
}
.PageHeading{
   color: #959595;
   font-size: 20px;
   font-weight:400;
   margin-bottom:10px;
   display:block;
   background-color: red
}
.Gap{
   width: 8px;
   height: 8px;
   font-size: 1px;
}
#WindowFrame{
	width: 700px;
	/*height: 600px;*/
	z-index: 1;
   text-align:left;
}
#TitleBar{
	width: 776px;
	height: 100px;
   margin-right:-4px
}
#TitleBar #MTNLogo{
   float: left;
   margin: 15px 0px 15px 0px !important;
   margin: 15px 0px  15px 0px;
   background-image: url(../images/header/logo_fa.gif);
   background-repeat: no-repeat;
	background-position: right;
   width: 130px;
   height: 70px;
   cursor: pointer;
}

#TitleBar #MTNTopFlash {
	float: right;
	margin: 20px 10px 0 0;
}

#TitleBar #MTNBalance {
	float: right;
	margin: 20px 10px 0px 10px !important;
}

#search {
	padding-bottom: 5px;
	padding-left: 15px;
}
#search input{
border: solid 1px #989898;
font-size: 7pt;
}
#topVitrinLink{
	width: 150px;
}
#MTNLogoLeft .vitrin2_MTNlogo{
margin: 7px 0px 7px 0px !important;
   margin: 7px 0px 7px 0px;
   background-image: url(../images/header/hdrl_logo_fa.jpg);
   background-repeat: no-repeat;
   background-position: left;
   width: 120px;
   height: 80px;
   cursor: default;

}
#TitleBar #tools *{
	text-align: left;
	margin-left: 50px;
}
#TitleBar #tools a{
	cursor: hand;
	font-size: 7pt;
	font-family: tahoma;
	font-weight: normal;
	color: #000000;
	padding: 0px;
}
#TitleBar #tools a:hover{
	color: #FFFFFF;
}
#TitleBar #tools{
   margin: 5px 0px 0px 7px;
	border: solid 0px #FFFFFF;
	padding: 3px;
   float: left;
	width: 150px;
	text-align: right;
	font-size: 7pt;
}
#TitleBar #Heading{
   float:right;
   height:100px;
   background-repeat: no-repeat;
}
#TitleBar .Welcome{
   background-image:  url(Heading_Welcome.gif);
   width: 500px;
}
#TitleBar .Styleguide{
   background-image: url(Heading_Styleguide.gif);
   width: 184px;
   height: 100px;
   float:right;
}
/* Menu styles: START */
#MenuBar{
	width: 100%;
	height: 152px;
   text-align: center;
   background-color: #FFB300;
	background-image:  url(../images/header/MenuBarBG.gif);
   display:block;
}
#MenuBar #Holder{
   width: 776px;
   height: 20px;
   text-align:right;
   margin-right: -4px;
   right:50%;
	direction: rtl;
}
#MenuBar td A{
	padding: 2px 7px 5px 7px !important;
   padding: 3px 7px 4px 7px;
	color: #FFF;
	text-decoration: none;
	text-align: right;
	display: block;
	cursor: default;
	font-weight: 400;
	direction: rtl;
	cursor: hand;
}
#MenuBar td A:hover{
	color: #999;
}
#MenuBar td div A{
	padding: 3px 7px 3px 7px !important;
   padding: 3px 7px 3px 7px;
	color: #272727;
	text-decoration: none;
	text-align: right;
	display: block;
	cursor: default;
	font-weight: 400;
	direction: rtl;
	cursor: hand;
}
#MenuBar td div A:hover{
	color:#FFF;
}
A#mWelcome{
   cursor:pointer;
}
#Holder .Divider{
   background-image:  url(MenuDivider.gif);
   font-size: 1px;
   width:2px;
}
#MenuBar A:hover{
   color: #FFF;
}
#MenuBar TABLE DIV{
   position: absolute;
	background-color: #FFC726;
   border:1px solid #FFB300;
	display: none;
   z-index: 100;
}
#MenuBar TABLE DIV A{
	padding: 3px 9px 3px 9px;
	display: block;
	width: 155px;
	font-weight: 400;
   cursor: pointer;
}
#MenuBar TABLE DIV A:hover, #MenuBar TABLE DIV A.Current{
	color: #FFF;
}
#MenuBar #searchHolder{
   width: 776px;
	padding-top: 6px;
   height: 26px;
   text-align:left;
   margin-right: -4px;
   right:50%;
	direction: rtl;
}
#MenuBar #searchHolder table{
	float: left;
}
.searchField {
background-color:#FFFFFF;
background-image:url(../images/header/searchTop.gif);
background-repeat:repeat-x;
padding-top:1px;
}
.searchField input{
	border: 0;
	font-size: 8pt;
	margin-top: 1px;
	color: #999;
}
/* Menu styles: END */

#ColumnHome{
   width:700px;
   padding-top:30px;
}
#Cookies{
   margin-top:10px;
   font-size:10px;
   font-weight:400;
   cursor: default;
}
#ColumnLeft{
	width: 528px;
   height: 459px;
	/*padding: 20px 0px 0px 0px;*/
	font-size: 11px;
   color: #272727;
   position:absolute;
   text-align:left;
}
#Intro{
   padding: 20px 0px 0px 0px;
   width:520px;
}
#ColumnLeft #Content{
   width: 100%;
   height: 100%;
   border: none;
}
#ColumnLeft #Content #ContentTop{
   padding: 0 4px 0 4px;
}
/* Tabs: START */
#Tabs{
   background-image:  url(TabFolderBG.gif);
   background-repeat: no-repeat;
   background-position: left bottom;
   width: 528px;
}
#Tabs TD{
   color:#545454;
   padding: 20px 14px 14px 14px;
}
#Tabs TD DIV{
   color: #545454;
}
#Tabs TD TD{
   padding:0;
}
#Tabs H1, #Content H1{
   font-size: 11px;
   font-weight: 400;
   margin-top: 0px;
   margin-bottom: 5px;
}
#TabBar,  #TabBarExtended, #TabBarExtend{
   width: 528px;
   height: 30px;
   background-color:#FFF7E5;
}
#TabSubBar{
   background-color:#FFF7E5;
   margin-left:5px;
   margin-right:5px;
   padding:6px;
   padding-left: 10px;
   cursor: default;
   height:12px;
}
#TabSubBar A{
   color: #585858;
   margin-right: 10px;
   background-image:  url(TabSubBarSeparator.gif);
   background-repeat: no-repeat;
   padding-left:10px;
}
#TabSubBar A#First{
   background-image: none;
   padding-left:0;
}
#TabSubBar .Current{
   color: #FFA200;
}
.Tab0{
   background-image: url(Tab0.gif);
   margin-top: -36px;
   background-repeat: no-repeat;
   background-position: bottom;
}
.Tab0 SPAN{
   display: none;
}
.Tab1Current1{
   background-image: url(Tab1Current1.gif);
}
.Tab1Current2{
   background-image: url(Tab1Current2.gif);
}
#TabBarExtended.Tab1Current2{
   background-image:url('Tab1Current2Extended.gif');
}
.Tab2Current2{
   background-image: url(Tab2Current2.gif);
}
#TabBarExtend.Tab2Current2{
   background-image:url('Tab2Current2Extended.gif');
}
.Tab1Current3{
   background-image: url(Tab1Current3.gif);
}
.Tab2Current3{
   background-image: url(Tab2Current3.gif);
}
.Tab3Current3{
   background-image: url(Tab3Current3.gif);
}
.Tab1Current4{
   background-image: url(Tab1Current4.gif);
}
.Tab2Current4{
   background-image: url(Tab2Current4.gif);
}
.Tab3Current4{
   background-image: url(Tab3Current4.gif);
}
.Tab4Current4{
   background-image: url(Tab4Current4.gif);
}
.Tab{
   font-weight: 400;
   color: #585858;
   display: inline-block; /* Invalid CSS value (for Internet Explorer)*/
   padding-top: 10px;
   height: 20px;
}
.Tab, [DUMMY]{ /* For Mozilla browsers */
   display: table-cell; /* Valid CSS value */
}

.Tab A{
   color: #585858;
   cursor: pointer;
   font-size: 11px;
   background:  url(Arrow_DarkGrey.gif) no-repeat;
   padding-left:8px;
}
.Tab1Current1 #Tab2, .Tab1Current1 #Tab3, .Tab1Current1 #Tab4{
   display:none;
}
.Tab1Current1 #Tab1 A, .Tab1Current2 #Tab1 A, .Tab1Current3 #Tab1 A, .Tab1Current4 #Tab1 A{
   color: #FFA200;
   cursor: default;
   background-image:  url(Arrow_Yellow.gif);
}
.Tab1Current2 #Tab3, .Tab1Current2 #Tab4, .Tab2Current2 #Tab3, .Tab2Current2 #Tab4{
   display:none;
}
.Tab2Current2 #Tab2 A, .Tab2Current3 #Tab2 A, .Tab2Current4 #Tab2 A{
   color: #FFA200;
   cursor: default;
   background-image:  url(Arrow_Yellow.gif);
}
.Tab1Current3 #Tab4, .Tab2Current3 #Tab4, .Tab3Current3 #Tab4 {
   display:none;
}
.Tab3Current3 #Tab3 A, .Tab3Current4 #Tab3 A{
   color: #FFA200;
   cursor: default;
   background-image:  url(Arrow_Yellow.gif);
}
.Tab4Current4 #Tab4 A{
   color: #FFA200;
   cursor: default;
   background-image:  url(Arrow_Yellow.gif);
}
#Tab1{
   padding-left: 13px;
   width: 123px;
}
#TabBarExtended #Tab1, #TabBarExtend #Tab1{
   width:143px
}
#Tab2{
   padding-left: 9px;
   width: 119px;
}
#TabBarExtended #Tab2, #TabBarExtend #Tab2{
   width: 139px;
}
#Tab3{
   padding-left: 4px;
   width: 124px;
}
#Tab4{
   padding-left: 4px;
   width: 121px;
}
.Hidden{
   display:none;
}
/* Tabs: END */
#PreviousNext{
   position: relative;
   margin-top: 12px;
   margin-right: 20px !important;
   margin-right: 8px;
   text-align: right;
   float: right;
   display:none;
}
A.Previous, A.Next, A.NextInvisible, A.PreviousInvisible{
   color: #999;
   text-decoration: none;
   font-weight: 400;
   font-size: 11px;
   background-repeat: no-repeat;
}
A.Previous{
   background-image:  url(ArrowPrevious.gif);
   padding-left: 11px;
   padding-top: 2px !important;
   padding-top: 0px;
}
A.Next{
   background-image:  url(ArrowNext.gif);
   padding-right: 11px;
   background-position: top right;
   padding-top: 1px !important;
   padding-top: 0px;
}
A.PreviousInvisible{
   background-image:  url(ArrowPreviousDull.gif);
   padding-left: 11px;
   padding-top: 2px !important;
   padding-top: 0px;
   color: #CACBCE;
   cursor: default;
}
A.NextInvisible{
   background-image:  url(ArrowNextDull.gif);
   color: #CACBCE;
   padding-right: 11px;
   background-position: top right;
   padding-top: 1px !important;
   padding-top: 0px;
   cursor: default;
}

/* Widgets: START */
#Widget{
   background-color: #F8F8F8;
   border: 1px solid #d0d0d0;
}
#Widget TD{
   padding:9px;
}
#Widget TD.WidgetHeading{
   font-size: 11px;
   height: 20px;
   color: #FFF;
   padding:0 0 0 0;
   padding-top:4px;
   font-weight: 400;
   padding-left: 5px;
   background-color: #FFB300;
}
/* Widgets: END */

#ColumnRight{
	width: 160px;
   /*height: 455px;*/
	padding: 29px 0px 0px 0px;
   font-size: 11px;
   color: #272727;
   position:relative;
   left:544px;
}
.Landing #ColumnLeft, .Landing #ColumnRight{
   width:340px;
   margin-top:30px;
   height:340px;
   background-color: #FEBD00;
}
.Landing #ColumnRight{
   left:340px;
   width:312px;

   padding:30px 30px 30px 20px;
   top:30px;
   height: 280px;
}
#ColumnRight H1{
   font-size: 15px;
   font-weight: 400;
   color: #4A4A4A;
   margin-bottom: 5px;
   margin-top: 0px;
}
#ColumnRight H2{
   font-size: 12px;
   font-weight: 400;
   color: #4A4A4A;
   margin-bottom: 5px;
   margin-top: 0px;
}
.Tables TD{
   border-bottom: 1px solid #E7E7E7;
}
/* ---Special styles as there is much more copy than the other landing pages: BEGIN--- */
#BrandElements #WindowFrame{
   margin-top:30px;
   background-color: #FEBD00;
}
#BrandElements #ColumnLeft, #BrandElements #ColumnRight{
   margin-top:0;
}
#BrandElements  #ColumnRight{
   top:0;
}
/* ---Special styles as there is much more copy than the other landing pages: END--- */

.tabletpl {
  width:100%;
  direction:rtl;
  border: 1px solid #FFFF00;
  font-family:Tahoma;
  font-size:10px;
  color:#000000;
  line-height: 25px;
  text-align:center;
  vertical-align:middle;
}
.tabletpl td {
  font-family:Tahoma;
  font-size:10px;
  border: 1px solid #FFFF00;
  text-align: right;
}
.tabletpl tr.header td {
  border: 1px solid #000000;
  background-color:#4D4D4E;
  color:#FFFFFF;
  font-weight:bold;
  font-size:11px;
  font-family:Tahoma;
  line-height: 30px;
  text-align: center;
}
.tabletpl tr.olor td, .tabletpl tr.color {
  background-color: #FFEB94;
}

.tabletplen {
  width:100%;
  direction:ltr;
  border: 1px solid #FFFF00;
  font-family:Tahoma;
  font-size:10px;
  color:#000000;
  line-height: 25px;
  text-align:center;
  vertical-align:middle;
}
.tabletplen td {
  font-family:Tahoma;
  font-size:10px;
  border: 1px solid #FFFF00;
  text-align: left;
}
.tabletplen tr.header td {
  border: 1px solid #000000;
  background-color:#4D4D4E;
  color:#FFFFFF;
  font-weight:bold;
  font-size:11px;
  font-family:Tahoma;
  line-height: 30px;
  text-align: center;
}
.tabletplen tr.olor td, .tabletplen tr.color {
  background-color: #FFEB94;
}