/* CSS Document */
* {margin:0; padding:0;}
html {font-size: 125%;}
body {font-family:Arial, Helvetica, sans-serif; font-size:50%; 
background:#FFFFFF url('../images/presentation/bodybg.gif') repeat-x;}
div#top {background:#ffffff; margin-top:2px; position:relative; height:112px;}
div#redbar {width:50%; height:24px; background-color:#DF010C; position:absolute; right:0; z-index:1;}
div.wrap {width:774px; margin-left:auto; margin-right:auto;}
div.lift {position:absolute; z-index:2; width:100%;}
#top h1 {width:167px; height:80px; text-indent:-9000px; padding-top:3px;}
#top h1 a {display:block; width:167px; height:80px; overflow:hidden;
                 background:url('../images/content/logo.gif') no-repeat;}
				 
dl#locations {margin-left: 500px; margin-top:60px;}				 
dl#locations dt {width:124px; height:15px; float:left; color:#FFFFFF; font-weight:bold; text-align:center;
background:url("../images/presentation/findstore.gif") no-repeat;}
dl#locations dd {float:left; margin-left: 8px; padding-left:4px; border-left:1px solid red;}
dl#locations dd.first {border:none;}
dl#locations dd a {text-decoration:none; color:#002B71;}
dl#locations dd a:hover {text-decoration:underline;}

/* common styling */
.menu {font-family: arial, sans-serif; width:558px; height:24px; position:relative; font-size:11px; z-index:100; background:#002B71;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:80px; height:24px; text-align:center; color:#fff; line-height:20px; font-size:11px; overflow:hidden; }
.menu ul li a.active {background:#710069 url('../images/presentation/mainNavHov.jpg') repeat-x;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}


/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:24px; left:-34px; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul {background:#DF010C url('../images/presentation/bgphoneNavSub.jpg') 0 100% no-repeat; width:auto;}
.menu ul li:hover ul li a {display:block; color:#FFF; padding:0 5px 0 5px; width:105px;}
.menu ul li:hover ul li a:hover {background:#FFF; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.menu {background:#DF010C url('../images/presentation/navleft.gif') no-repeat; margin-top:-83px; margin-left:216px;}
.menu ul {margin-left:18px;}

/* common styling */
.menu1 {font-family: arial, sans-serif; width:500px; height:18px; position:relative; font-size:11px; z-index:100; background:#DF010C url('../images/presentation/bg_phoneNav.gif');}
.menu1 ul li a, .menu1 ul li a:visited {display:block; text-decoration:none; color:#000;width:60px; height:18px; text-align:center; color:#fff; line-height:20px; font-size:11px; overflow:hidden; }
.menu1 ul li a.active {background:#710069 url('../images/presentation/mainNavHov.jpg') repeat-x;}
.menu1 ul {padding:0; margin:0; list-style: none;}
.menu1 ul li {float:left; position:relative;}
.menu1 ul li ul {display: none;}


/* specific to non IE browsers */
.menu1 ul li:hover a {color:#fff;}
.menu1 ul li:hover ul {display:block; position:absolute; top:18px; left:-27px; width:105px;}
.menu1 ul li:hover ul.left {display:block; position:absolute; top:18px; left:0; width:105px;}
.menu1 ul li:hover ul.right  {display:block; position:absolute; top:18px; left:-35px; width:105px;}
.menu1 ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu1 ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu1 ul li:hover ul li ul {display: none;}
.menu1 ul li:hover ul {background:#DF010C url('../images/presentation/bgphoneNavSub1.jpg') 0 100% no-repeat; width:auto;}
.menu1 ul li:hover ul li a {display:block; color:#FFF; padding:0 5px 0 5px; width:105px;}
.menu1 ul li:hover ul li a:hover {background:#FFF; color:#000;}
.menu1 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu1 ul li:hover ul li:hover ul.left {left:-105px;}

.lionbg {height:159px; background:url('../images/presentation/masthead.jpg') no-repeat;}
.lionbg h1 {background:url('../images/presentation/lionblue.gif') no-repeat;}
.lionbg p {color:#E1EBF2; font-family:Verdana, Arial, Helvetica, sans-serif; width:300px; font-size:1.2em; line-height:1.4em; margin-left:474px; padding-top:10px; font-weight:bold;}
* html .lionbg p {margin-top:-150px;}
.lionbg h1 {color:#E1EBF2; width:400px; float:left; padding-left:70px; padding-top:80px; padding-bottom:30px; font-size:3em;}

#content {margin-bottom:30px; margin-top:20px; }
.contentbox {width:252px; height:219px; padding:2px;position:relative;
background:url('../images/presentation/contentbox2.gif') no-repeat; float:left;}
.contentbox h3 {color:#ffffff; font-size:1.4em; margin-left:10px; margin-top:-3px;}
.contentbox p {width:140px; color:#5a5a5a; margin-top:10px; margin-left:10px; float:left; font-size:1.2em; line-height:1.4em; font-family:Verdana, Arial, Helvetica, sans-serif;}
* html .contentbox p {margin-left:5px;}
.contentbox #phones {width:87px; height:177px; margin-top:4px; position:absolute; right:5px;
background:url('../images/presentation/phone.gif') no-repeat;}
.contentbox #money {width:85px; height:129px; margin-top:4px; margin-right:8px; position:absolute; right:0;
background:url('../images/presentation/money.gif') no-repeat;}
.contentbox #airtime {width:95px; height:177px; margin-top:4px; padding-right:4px; position:absolute; right:5px;
background:url('../images/presentation/laptop.gif') no-repeat;}
.contentbox a.more {display:block; width:107px; height:20px; position:absolute; left:140px; top:180px; font-size:1.2em; font-weight:bold;
background:#DF010C url('../images/presentation/button.gif') no-repeat; text-align:center; color:#ffffff; text-decoration:none;}
.spacer {clear:both;}

div#partners {width:507px; float:left; margin-top:10px;}
div#partners img { margin-left:10px;}
div#partners img.first { margin-left:20px;}
div#partners h3 {background:url('../images/presentation/headerbg.gif') no-repeat; color:#ffffff; font-size:1.4em; padding-left:10px; padding-bottom:10px; padding-top:2px;}

#footer p {text-align:center; color:#999999;}
p#copy {width:600px; height:20px; padding-top:7px; color:#ffffff; float:left;
background:#DF010C url('../images/presentation/footerleft.gif') no-repeat; text-align:center;}
p#design {width:174px; height:20px;  padding-top:7px; color:#ffffff; float:left;
background:#000000 url('../images/presentation/footerright.gif') no-repeat; text-align:center;}

div.phonedetails {background:#abbbbb; background:url('../images/presentation/bg_phonedetailsBottom.jpg') 100% 100% no-repeat; position:relative; width:507px; float:left; margin-bottom:1.4em;}
div.phonedetails h2 {color:#5a5a5a; line-height:1.2em; font-size:1.8em; padding-bottom:5.5em; padding-top:0.4em;}
div.phonedetails h2 { background:url('../images/presentation/bg_phonedetailsTop.jpg') 0 0 no-repeat; padding-top:16px; padding-left:24px;}
div.phonedetails h3 {color:#5a5a5a; line-height:1.5em; font-size:1.4em; margin-left:40px;}
div.phonedetails img {position:absolute; top:20px; right:170px;}
div.phonedetails p {font-size:1.3em; line-height:1.4em; color:#555555; padding:0 40px 1em 40px;}
div.phonedetails p.first {margin-top:-7em;}

div.phonedetails dl {width: 170px;}
div.phonedetails dl dt {font-size:1.6em; font-weight:bold; line-height:1.6em; color:#5a5a5a;}
div.phonedetails dl dd {font-size:1.2em; background:#F3F3F3; color:#5a5a5a; margin-bottom:5px; padding-left:8px; line-height:1.6em; border:1px solid #E6E6E6;}
div.phonedetails dl.features {float:right; margin-right:70px; margin-bottom:20px;}
* html div.phonedetails dl.features {margin-right:35px; float:right;}
div.phonedetails dl.specs {margin-left:70px; margin-bottom:10px;}
* html div.phonedetails dl.specs {margin-left:35px;}
div.phonedetails dl.connectivity {margin-left:70px; margin-bottom:20px;}
* html div.phonedetails dl.connectivity {margin-left:35px;}
div.phonedetails table {border-collapse:collapse; border:1px solid #aaa; width:90%; margin:1em auto 2em auto;
    font-size:1.2em; line-height:1.4em; color:#444;}
div.phonedetails table tr.lightgrey {background-color:#EAEAEA;}	
div.phonedetails table td, div.phonedetails table th {padding:5px;}	
div.phonedetails table td.rtalign {text-align:right; padding:5px 15px 5px 0}
div.phonedetails table tfoot {background-color:#FFFBFB; color:#FB3D37; font-weight:bold; border-top:1px solid #FEBDB1;}

div#phonerevs {width:507px; float:left;}


div#maintext {width:507px; float:left;}
div#maintext h3 {background:url('../images/presentation/pop.gif') no-repeat; color:#ffffff; font-size:1.4em; padding-left:10px; padding-bottom:10px; padding-top:0px;}
div#maintext p {font-size:1.2em; line-height:1.4em; width:400px; padding: 0.1em 10px 1em 10px;}
.sideStuff {width:258px; float:left; margin-left:9px; margin-top:-2px;}
.sideStuff img {padding:0.2em 7px;}
.sideStuff ul {background:url('../images/presentation/bg_sideStuff.jpg') 0 0 no-repeat; padding: 0 8px 16px 8px;}
.sideStuff ul li {list-style-type:none;}
.sideStuff ul li h3 {color:#ffffff; font-size:1.4em; line-height:1.1em; padding: 1px 10px 10px 12px;}
.sideStuff ul li p {font-size:1.3em; line-height:1.4em; color:#494949; padding-bottom: 0.6em;}
.sideStuff ul li p.big {font-weight:bold;}
.sideStuff ul li p a {color:#075AA3;}
.sideStuff ul li.borderbottom {border-bottom:1px solid #FDEFF0;}
.sideStuff ul li a.simbaShop {display:block; background:url('../images/presentation/roll_simbaShop.gif') 0 7% no-repeat; padding-left:35px; padding-bottom:10px; padding-top:10px; font-size:1.4em; text-decoration:none; line-height:1.8em; color:#DF010C;}
.sideStuff ul li a.simbaShop:hover {color: #075AA3; background:#FFFDFD url('../images/presentation/roll_simbaShop.gif') 0 90% no-repeat;}
.sideStuff ul li a.simbaCash {display:block; background:url('../images/presentation/roll_simbaCash.gif') 0 7% no-repeat; padding-left:35px; padding-bottom:10px; padding-top:10px; font-size:1.4em; text-decoration:none; line-height:1.8em; color:#DF010C;}
.sideStuff ul li a.simbaCash:hover {color: #075AA3; background:#FFFDFD url('../images/presentation/roll_simbaCash.gif') 0 96% no-repeat;}
.sideStuff ul li a.simbaElec {display:block; background:url('../images/presentation/roll_simbaElectronics.gif') 0 9% no-repeat; padding-left:35px; padding-bottom:10px; padding-top:10px; font-size:1.4em; text-decoration:none; line-height:1.8em; color:#DF010C;}
.sideStuff ul li a.simbaElec:hover {color: #075AA3; background:#FFFDFD url('../images/presentation/roll_simbaElectronics.gif') 0 95% no-repeat;}
div.phonedetails1 {background:#abbbbb; background:url('../images/presentation/bg_phonedetailsBottom.jpg') 100% 100% no-repeat; position:relative; width:507px; float:left;}
#lion { height:113px; background:url('../images/presentation/lion2.gif') no-repeat;}
#lion h1 {margin-left:90px; padding-top:70px; color:#DF010C; font-size:3em;}
div.phonedetails2 {background:#abbbbb; background:url('../images/presentation/bg_phonedetailsBottom.jpg') 100% 100% no-repeat; position:relative; width:507px; float:left; margin-bottom:1.4em;}

.snapshot { width: 578px; margin-left: 4px;}
.snapshotNav { font-size: 1.2em; color: #002B71; width: 100%; }
.snapshotNav li { float: left; list-style-type: none; }
.snapshotNav li.padded { margin-left: 20px; margin-right: 20px;}
.snapshotNav li.paddedRight { margin-right: 20px; }
.snapshotNav li.paddedLeft { margin-left: 20px;}
.snapshotNav li a.active:link, #snapshotNav li a.active:active, #snapshotNav li a.active:visited {
  background: #DFE4EE;  
}

div.pink {border-top:1px solid #FDEFF0; width:80%; margin:1.4em auto;}
#promos {text-align:center; padding-top:22px; width:258px; float:left;}
#promos a img {padding:2px; color:#ffffff; border:none;}
#promos a:hover img {color: #075AA3;}

.contacts {background:#abbbbb; background:url('../images/presentation/bg_phonedetailsBottom.jpg') 100% 100% no-repeat; position:relative; width:507px; float:left; margin-bottom:1.4em;}
.contacts h2 {color:#5a5a5a; line-height:1.2em; font-size:1.8em; padding-bottom:5.5em; padding-top:0.4em;}
.contacts h2 { background:url('../images/presentation/bg_phonedetailsTop.jpg') 0 0 no-repeat; padding-top:16px; padding-left:24px;}
form  {width:450px; margin:-80px auto 2em auto; background:url('.../images/presentation/liongrey.gif') 100% 0% no-repeat;}
input.style1 {width:150px; font-size:1.4em; border:1px solid #E6E6E6; color:#5a5a5a;}
input:focus {background:#F3F3F3; font-weight:bold;}
input#btn {margin-left:20px;}
textarea {width:250px; font-size:1.4em; border:1px solid #E6E6E6;}
textarea:focus {background:#F3F3F3;}
fieldset { border:none; padding:40px 20px; margin-bottom:0.2em;}
* html legend{margin-bottom:40px; margin-top:-40px;}
legend {background-color:#FFFFFF; font-size:1.4em; font-weight:bold;
        color:#0080C0; padding: 2px 5px 5px 5px; margin-left:-4px;}
fieldset dt {width:180px; float:left; font-size:1.4em; font-weight:bold; color:#5a5a5a;}
fieldset dd {margin-bottom:10px;  margin-left: 100px;}

.contacts dl.locations {width:102px; float:left; background: url('../images/presentation/contactbg.jpg') 0 80% repeat-x; margin-left:10px; margin-top:-75px; padding:8px; margin-bottom:4em;}
.contacts dl.locations dt {font-size:1.4em;padding-bottom:1em; font-weight:bold; color:#5a5a5a}
.contacts dl.locations dd {}
.contacts ul#key {width:90px; float:left; margin-left:20px; margin-top:-38px; text-align:right;}
* html .contacts ul#key {margin-left:5px;}
.contacts ul#key li {color:#5a5a5a; list-style-type:none; font-size:1.2em;}
.contacts .phone{border-bottom:2px solid #ffffff; height:30px;font-size:1.2em; line-height:1.6em; padding-bottom:1em;}
.contacts .post{border-bottom:2px solid #ffffff; height:70px;font-size:1.2em; line-height:1.6em; padding-bottom:1em;}
.contacts .fax{border-bottom:2px solid #ffffff; height:30px;font-size:1.2em; line-height:1.6em; padding-bottom:1em;}

.bits {background:#abbbbb; background:url('../images/presentation/bg_phonedetailsBottom.jpg') 100% 100% no-repeat; position:relative; width:507px; float:left; margin-bottom:1.4em;}
.bits h2 {color:#5a5a5a; line-height:1.2em; font-size:1.8em; padding-bottom:5.5em; padding-top:0.4em;}
.bits h2 { background:url('../images/presentation/bg_phonedetailsTop.jpg') 0 0 no-repeat; padding-top:16px; padding-left:24px;}
.bits img {border:2px solid #E6E6E6; margin:0 4px;}
.bits dl.imagewrap {width:212px; float:left; margin-bottom:2em;}
.bits dl.imagewrap dd {width:198px; font-size:1.1em; background:#FFFFFF; color:#5a5a5a; margin-bottom:5px; padding-left:4px; line-height:1.4em; border:1px solid #FFFFFF; margin-left:4px;}
.bits p {font-size:1.3em; line-height:1.4em; color:#555555; padding:0 40px 1em 40px;  padding-bottom:1.6em;}
.bits p.first, .phonedetails h3.first  {margin-top:-7em;}
.bits dl.store {float:left; width:130px; margin-left:15px;}
dl.top {top:-80px;}
.bits .store dt {font-size:1.6em; font-weight:bold; line-height:1.6em; color:#5a5a5a;}
.bits .store dd {font-size:1.2em; background:#F3F3F3; color:#5a5a5a; margin-bottom:5px; padding-left:8px; line-height:1.6em; border:1px solid #E6E6E6;}
.bits dl.first {margin-left:40px; clear:both;}
* html .bits dl.first {margin-left:20px;}
.bits .rise {margin-top:-80px; margin-bottom:40px;}
* html .bits .rise {margin-top:0px; margin-bottom:40px;}

#showHide {position:absolute; margin-left:380px; margin-top:-34px; font-size:14px; font-weight:bold; color:#DF010C; cursor:pointer;}

.phonedetails .programmes {width:80%; margin:1em 40px 2em;}
.phonedetails .programmes dl {width:100%;}
.phonedetails .programmes dt {width:100%; font-size:1.2em;}
.phonedetails .programmes dd {width:100%;}