*{
   font-family: Arial,Helvetica,  sans-serif;
}
TD, DIV{
   vertical-align: top;
   font-size: 11px;
   font-family: Arial, Helvetica, sans-serif;
   color: #272727;
}
UL{
   margin-top: 5px;
   margin-bottom: 0px;
   margin-left:0px;
   padding-left:0px;
   list-style-type: none;
   list-style-image:  url(../images/Global/bulletLists.gif);
}
INPUT{
   font-size:11px;
}
LI{
   margin-left: -8px !important;
   margin-left: -15px;
}

.FileSize{
   font-weight: normal;
}
.Home{
	margin-top:-3px !important;
	margin-top:0px;
   padding-right: 20px;
}
#ColumnRight UL{
    padding: 0;
    margin-left: 15px;
    margin-top: 0px;
}
.Landing #ColumnRight A:hover{
   color:#FFF;
}
#ColumnLeft UL{
    padding: 0;
    margin-left: 25px
}
#ColumnLeft LI, #ColumnRight LI{
   padding-bottom: 5px;
}
BODY{
   margin: 0 0 0 0;
   background-color: #FFF;
}
A{
   font-weight: bold;
   text-decoration: none;
   color: #272727;
   background-repeat: no-repeat;
}
A:hover{
   color:#FFA200;
}
BODY.Landing{
   background-color: #FFB300;
}
A.Bulleted{
   display: block;
   padding-left: 8px;
   background:  url(../images/Global/Arrow_DarkGrey.gif) no-repeat;
   line-height:17px;
}
A.Action{ /* links that submit a form */
   background-position : 100% 20%;
	padding-right : 12px;
   background-image : url(../images/Global/ArrowDouble_DarkGrey.gif);
}
A.Action:hover{
	background-image : url(../images/Global/ArrowDouble_Yellow.gif);
}
.Landing .Quarter{
   border:1px solid #FFC726;
   background-color: #FFFFFF;
   position: absolute;
   width:400px;
   height:160px;
   z-index:10;
}
A IMG{
   border: none;
}
A.PDF{
   background-image:  url(../images/Global/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:bold;
   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;
   margin:0 auto;
}
#TitleBar{
	width: 704px;
	height: 100px;
   margin:0 auto;
   text-align:left;
}
#TitleBar #MTNLogo{
  
   /*margin: 15px 0px 15px 0px !important;
   margin: 15px 0px  15px 0px;*/
   background-image:  url(../images/Header/MTNLogo.gif);
   background-repeat: no-repeat;
   width: 220px;
   height: 120px;
   cursor: pointer;
}
#TitleBar #Heading{
   height:50px;
   background-repeat: no-repeat;
}
#TitleBar .Welcome{
   width: 300px;
}
#TitleBar .BrandAgreements{
   background-image:  url(../images/Header/Heading_BrandAgreements.gif);
   width: 300px;
   margin-left:200px
}
#TitleBar .Website{
   background-image:  url(../images/Header/Heading_Website.gif);
   width: 400px;
}
/*
#TitleBar .Styleguide{
   background-image: url(../images/Header/mtninternet.gif);
   width: 271px;
   height: 50px;
   background-repeat: no-repeat;
}
*/
#TitleBar #MTNLogo{
   position:absolute;
}
#TitleBar #Heading{
   position:absolute;
   margin-left:410px;
   margin-top:32px;
}
/*
#TitleBar .Styleguide{
   position:absolute;
   margin-left:130px;
   margin-top:32px;
}
*/
/* Menu styles: START */
#MenuBar{
	width: 100%;
	height: 120px;
   text-align: center;
   background-color: #FFB300;
	background-image:  url(../images/Header/MenuBarBG.gif);
   display:block;
}
#MenuBar #Holder{
   width: 704px;
   height: 20px;
   text-align:left;
   margin: 0 auto;
   left:50%;
}
#MenuBar A{
	padding: 3px 9px 3px 9px !important;
   padding: 3px 9px 3px 9px;
	color: #272727;
	text-decoration: none;
	text-align: left;
	display: block;
	cursor: default;
	font-weight: bold;
}
A#mWelcome{
   cursor:pointer;
}
#Holder .Divider{
   background-image:  url(../images/Header/MenuDivider.gif);
   font-size: 1px;
   width:2px;
}
#MenuBar A:hover, #MenuBar A.Current{
   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: 140px;
	font-weight: bold;
   cursor: pointer;
}
#MenuBar TABLE DIV A:hover, #MenuBar TABLE DIV A.Current{
	color: #FFF;
}
/* Menu styles: END */

#ColumnHome{
   width:700px;
   padding-top:30px;
}
#Cookies{
   margin-top:10px;
   font-size:10px;
   font-weight:bold;
   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(../images/Global/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: bold;
   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(../images/Global/TabSubBarSeparator.gif);
   background-repeat: no-repeat;
   padding-left:10px;
   cursor: pointer;
}
#TabSubBar A#First{
   background-image: none;
   padding-left:0;
}
#TabSubBar .Current{
   color: #FFA200;
}
.Tab0{
   background-image: url(../images/Global/Tab0.gif);
   margin-top: -36px;
   background-repeat: no-repeat;
   background-position: bottom;
}
.Tab0 SPAN{
   display: none;
}
.Tab1Current1{
   background-image: url(../images/Global/Tab1Current1.gif);
}
.Tab1Current2{
   background-image: url(../images/Global/Tab1Current2.gif);
}
#TabBarExtended.Tab1Current2{
   background-image:url('../images/Global/Tab1Current2Extended.gif');
}
.Tab2Current2{
   background-image: url(../images/Global/Tab2Current2.gif);
}
#TabBarExtend.Tab2Current2{
   background-image:url('../images/Global/Tab2Current2Extended.gif');
}
.Tab1Current3{
   background-image: url(../images/Global/Tab1Current3.gif);
}
.Tab2Current3{
   background-image: url(../images/Global/Tab2Current3.gif);
}
.Tab3Current3{
   background-image: url(../images/Global/Tab3Current3.gif);
}
.Tab1Current4{
   background-image: url(../images/Global/Tab1Current4.gif);
}
.Tab2Current4{
   background-image: url(../images/Global/Tab2Current4.gif);
}
.Tab3Current4{
   background-image: url(../images/Global/Tab3Current4.gif);
}
.Tab4Current4{
   background-image: url(../images/Global/Tab4Current4.gif);
}
.Tab{
   font-weight: bold;
   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(../images/Global/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(../images/Global/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(../images/Global/Arrow_Yellow.gif);
}
.Tab1Current3 #Tab4, .Tab2Current3 #Tab4, .Tab3Current3 #Tab4 {
   display:none;
}
.Tab3Current3 #Tab3 A, .Tab3Current4 #Tab3 A{
   color: #FFA200;
   cursor: default;
   background-image:  url(../images/Global/Arrow_Yellow.gif);
}
.Tab4Current4 #Tab4 A{
   color: #FFA200;
   cursor: default;
   background-image:  url(../images/Global/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: bold;
   font-size: 11px;
   background-repeat: no-repeat;
}
A.Previous{
   background-image:  url(../images/Global/ArrowPrevious.gif);
   padding-left: 11px;
   padding-top: 2px !important;
   padding-top: 0px;
}
A.Next{
   background-image:  url(../images/Global/ArrowNext.gif);
   padding-right: 11px;
   background-position: top right;
   padding-top: 1px !important;
   padding-top: 0px;
}
A.PreviousInvisible{
   background-image:  url(../images/Global/ArrowPreviousDull.gif);
   padding-left: 11px;
   padding-top: 2px !important;
   padding-top: 0px;
   color: #CACBCE;
   cursor: default;
}
A.NextInvisible{
   background-image:  url(../images/Global/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: bold;
   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: bold;
   color: #4A4A4A;
   margin-bottom: 5px;
   margin-top: 0px;
}
#ColumnRight H2{
   font-size: 12px;
   font-weight: bold;
   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;
}
#Footer{
   width:704px;
   border-top:1px solid #373737;
   font-size: 10px;
   color: #A07611;
   text-align:right;
   clear:both;
   margin-top:30px;
   padding-top:5px
}
/* ---Special styles as there is much more copy than the other landing pages: END--- */