body { padding:0; margin:0; background:#ededed; font-family:arial; font-size:12px; color:#989898; line-height:16px;} #wrapper { width:980px; padding:0; margin:0 auto;} h1 { font-family: MyriadProRegular; font-size:30px; font-weight:normal; color:#4b4b4b; margin:0 0 10px 0; padding:10px 0;} h2 { font-family: MyriadProRegular; font-size:26px; font-weight:normal; color:#4b4b4b; padding:10px 0; margin:0;} h3 { font-family: MyriadProRegular; font-size:18px; color:#4b4b4b; font-weight:normal; padding:10px 0; margin:0;} h4 { font-size:13px; color:#4b4b4b; font-weight:normal; padding:0; margin:0;} img { border:none;} a { color:#0082a5; text-decoration:none;} a:visited { color:#67b2c7; text-decoration:none;} a:hover { color:#966e00; text-decoration:none;} a:focus { border:none; outline:none;} .pageHeading-h1-light { font-family: MyriadProLight;} .pageHeading-h2-light { font-family: MyriadProLight;} /* ////// ---- Header --- ////// */ #header { width:980px; height:130px; border-bottom:6px solid #ffbe00; position:relative; z-index:1000; } /*Header - EXTRAS*/ #header #header-extras { width:980px; height:20px; background:#ededed; font-size:10px; color:#ccc; text-transform:uppercase; text-align:right;} #header #header-extras a { color:#4b4b4b;} #header #header-extras a:hover { text-decoration:underline;} /*Header - TABS*/ #header #header-tabs { width:50%; height:20px; float:left;} #header #header-tabs .active { width:183px; height:16px; padding:2px 10px; background:url(/_layouts/1033/Images/MTNcoza/global/header_tabs_active_bg.jpg) repeat-x; float:left;} #header #header-tabs a { height:16px; padding:2px 10px; background:url(/_layouts/1033/Images/MTNcoza/global/header_tabs_bg.jpg) repeat-x; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; float:left;} /*Header - UTILITY*/ #header #header-utility { height:16px; padding:2px 20px; float:right;} /*Header - CHANGE MAIN ELEMENTS*/ #header #header-main { width:980px; height:110px; background: url(/_layouts/1033/Images/MTNcoza/global/header_bg.jpg) repeat-x;} #header-main #logo { width:70px; height:70px; padding:10px 37px 0 37px; float:left;} /*Header - CHANGE COUNTRY*/ #header-main #country-change { margin:10px 15px 0 0; float:right; } #header-main #country-change .country-details { float:left;} #header-main #country-change .country-icon { float:right; margin-left:10px; } #header-main #country-change .country-details p { font-family: MyriadProRegular; font-size:15px; color:#dedede; font-style:italic; text-align:right; padding:0; margin:5px 0 0 0; float:right; clear:both; text-align:right;} #header-main #country-change .country-details b { font-family: MyriadProSemibold; color:#ffbe00; font-weight:normal; } #header-main #country-change .country-details a { font-size:11px; color:#989898; font-style:normal; text-align:center; display:block; float:right; clear:both;} #header-main #country-change .country-details a:hover { color:#ffebb2; } #change-country { width:645px; background:#fff; margin:10px; } #change-country h2 { color:#989898;} #change-country .country-flag { width:90px; height:85px; display:block; text-align:center;margin:3px 1px; float:left;} #change-country .country-flag img { margin-top:10px;} #change-country .country-flag p { width:90px; font-size:11px; text-align:center; position:relative; bottom:6px; padding:0; margin:0;} #change-country .country-flag a { width:90px; height:85px; color:#989898; display:block; } #change-country .country-flag a:hover { background:url(/_layouts/1033/Images/MTNcoza/global/flag_hover.jpg) no-repeat;} #change-country #external-menu { width:275px; margin:30px auto 0 auto;} #change-country #external-menu p { margin:4px 10px 0 0; padding:0; float:left;} /*Header - SEARCH*/ #header-main #search { position:absolute; bottom:10px; right:0;} #header-main #search .headerSearch{ width: 127px; height: 20px; font-size:11px; color:#989898; border: none; background: url(/_layouts/1033/Images/MTNcoza/global/search.gif) no-repeat top; padding-left: 25px; margin:0 20px 0 0; float: right;} /*Header - NAVIGATION*/ #menu { list-style:none; position:absolute; top:80px; left:102px; z-index:900; } #menu li.drop { font-family:MyriadProRegular; font-size:13px !important; color:#989898; text-transform: uppercase; padding: 10px 0; margin:0 1px; float: left; } #menu li.drop a { color:#989898; padding:12px 7px 16px 7px;} #menu li:hover .drop { color:#373737; text-shadow: #cccccc 2px 2px 1px; background:url(/_layouts/1033/Images/MTNcoza/global/nav_hover.jpg) repeat-x; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; } #menu li.drop a:hover, #menu li.drop a:active { color:#373737; } #menu #menu-selected { color:#ffbe00; text-shadow: #373737 2px 2px 1px; padding:11px 10px 16px 10px; margin:-12px 0 0 0; background:url(/_layouts/1033/Images/MTNcoza/global/nav_selected.jpg) repeat-x; border:1px solid #ffbe00; border-bottom:none; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px;} /*Header - NAVIGATION DROPDOWN*/ .dropDownMenu { display:none; width:970px; text-transform:none; background:#ffc600; border-top:6px solid #ffbe00; position: absolute; top:38px; left:-102px; z-index: 999; padding:0 0 0 10px;} .navColumn { width:140px; color: #373737; background:#ffc600; border-right: 1px dotted #D99900; float:left; padding:10px 10px; margin: 0; } .navColumn-alt{ width:140px; color: #373737; background:#ffbe00; border-right: 1px dotted #D99900; float:left; padding:10px 10px; margin: 0; } .navColumn-last { border:none;} .navCol-services { height:320px; } .navCol-shop { height:225px; } .navCol-community { height:140px;} .navCol-support { height:172px;} .adj-package { margin-left:190px;} .adj-play { margin-left:360px;}/*.adj-play { margin-left:435px;}*/ .adj-support { margin-left:435px;} .adj-profile { margin-left:594px;}/*.adj-profile { margin-left:682px;}*/ .columnHeader { color: #373737; margin: 0 0 10px 0; padding:0; cursor:pointer; } #menu p.columnHeader a { color:#373737;margin-left:-7px;} #menu p.columnHeader a:hover { color:#966e00; text-decoration: underline;} .columnItem { font-size:11px; color:#373737; line-height:15px; margin:0 0 4px 0; padding:1px 0;} #menu p.columnItem a { color:#373737 !important; line-height:13px; padding:0;} #menu p.columnItem a:hover { color:#966e00 !important; text-decoration:underline;} /* ////// ---- Content --- ////// */ #content { width:940px; padding:10px 20px 20px 20px; background:#fefefe;} /*Content - BREADCRUMB */ #breadcrumb { font-size:11px; color:#989898; margin:0 0 10px 0} /* Content - RED */ #content .red { color:#c8000a; font-weight:bold;} /*Content - LIST */ #content ul.list { margin:0 0 10px 20px; padding:0; list-style-image:url(/_layouts/1033/Images/MTNcoza/global/bullet.png);} #content ul.list li { list-style-position:outside; line-height:18px; padding:0; margin:0 0 5px 0;} /*Content - LINKS*/ .more:link, .more:visited { padding:0 12px 0 0; background:url(/_layouts/1033/Images/MTNcoza/global/icon/more_arrow.gif) no-repeat right -16px;} .more:hover { background:url(/_layouts/1033/Images/MTNcoza/global/icon/more_arrow.gif) no-repeat right -2px;} .print:link, .print:visited { padding:2px 22px 2px 0; background:url(/_layouts/1033/Images/MTNcoza/global/icon/icon_print.gif) no-repeat right -19px; } .print:hover { background:url(/_layouts/1033/Images/MTNcoza/global/icon/icon_print.gif) no-repeat right 0 ;} .email:link, .email:visited { width:20px; height:15px; background:url(/_layouts/1033/Images/MTNcoza/global/icon/icon_email.gif) no-repeat 0 -15px; display:block; margin:1px 0 0 5px; float:left;} .email:hover { background:url(/_layouts/1033/Images/MTNcoza/global/icon/icon_email.gif) no-repeat 0 0;} .pdf-more:link { padding:0 20px 0 0; background:url(/_layouts/1033/Images/MTNcoza/global/icon/pdf.jpg) no-repeat right -16px;} .pdf-more:hover { background:url(/_layouts/1033/Images/MTNcoza/global/icon/pdf.jpg) no-repeat right 0px;} /*Content - SOCIAL MEDIA LINKS*/ a.facebook, a:visited.facebook { width:16px; height:16px; display:block; background:url(/_layouts/1033/Images/MTNcoza/global/icon/social_facebook.jpg) no-repeat 0 -16px;} a:hover.facebook { background:url(/_layouts/1033/Images/MTNcoza/global/icon/social_facebook.jpg) no-repeat 0 0;} a.facebook-like, a:visited.facebook-like { width:56px; height:23px; display:block; background: url(/_layouts/1033/Images/MTNcoza/global/icon/fb_plugin_like.gif) no-repeat 0 -23px;} a:hover.facebook-like { background:url(/_layouts/1033/Images/MTNcoza/global/icon/fb_plugin_like.gif) no-repeat 0 0;} a.fb-share:link, a:visited.fb-share:link { width:16px; height:16px; background:url(/_layouts/1033/Images/MTNcoza/global/icon/social_facebook.jpg) no-repeat 0 -16px ; display:block; margin-left:5px; float:left;} a:hover.fb-share{ background:url(/_layouts/1033/Images/MTNcoza/global/icon/social_facebook.jpg) no-repeat 0 0;} a.twitter, a:visited.twitter { width:16px; height:16px; display:block; background:url(/_layouts/1033/Images/MTNcoza/global/icon/social_twitter.jpg) no-repeat 0 -16px;} a:hover.twitter { background:url(/_layouts/1033/Images/MTNcoza/global/icon/social_twitter.jpg) no-repeat 0 0;} a.youtube, a:visited.youtube { width:16px; height:16px; display:block; background:url(/_layouts/1033/Images/MTNcoza/global/icon/social_youtube.jpg) no-repeat 0 -16px;} a:hover.youtube { background:url(/_layouts/1033/Images/MTNcoza/global/icon/social_youtube.jpg) no-repeat 0 0;} a.blog, a:visited.blog { width:23px; height:19px; display:block; background:url(/_layouts/1033/Images/MTNcoza/global/icon/social_blog.jpg) no-repeat 0 -19px;} a:hover.blog { background:url(/_layouts/1033/Images/MTNcoza/global/icon/social_blog.jpg) no-repeat 0 0;} /*Content - IMGAES*/ /*#content #col-left img { float:left; margin:2px 10px 10px 0;}*/ #content .thummb { width:80px; margin: 5px 20px 5px 0; float:left; } #content .thummb img { border:1px solid #ccc; } #content .thummb p { font-size:11px; text-align:center; line-height:12px; padding:5px; margin:0;} #content .main-banner { width:620px; height:250px; margin:12px 0 20px 0;} /*Content - TABLES*/ /*#info-table .header{ background-color:#ffd264; color:#a17e0d; padding:5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } #info-table .header-grey{ background-color:#ccc; color:#4b4b4b; padding:5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } #info-table .row_alt{ background-color: #f9f9f9; border-top: solid 1px #fff; border-bottom: solid 1px #ebeaea; padding:5px;} #info-table .row{border-bottom: solid 1px #ebeaea; padding:5px;} .yellow-dot{ background-image: url(/_layouts/1033/Images/MTNcoza/global/yellowdot.png); background-repeat: no-repeat; background-position: center center;} .grey-dot{ background-image: url(/_layouts/1033/Images/MTNcoza/global/greydot.png); background-repeat: no-repeat; background-position: center center;} #info-table .header-grey-plain{ background-color:#ccc; color:#4b4b4b; padding:5px;} #info-table .header-light{background-color:#ffebb2; padding:5px;} */ table#info-table {border-spacing:0; border-bottom: 1px solid #ebeaea; margin-bottom:0; } /* 588 */ table#info-table th {;padding:0 10px;font-weight:normal; color:#927100;height:30px;line-height:30px;background:#ffd264} table#info-table tr:last-child th:first-child {border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-left: 1px solid #ffd264;background:#ffd264} table#info-table tr:last-child th:last-child {border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-left: 1px solid #ffd264;background:#ffd264} table#info-table th.noborder {border-right:0px;} .row a.more, .row_alt a.more { padding:0 12px 0 0; background:url(/_layouts/1033/Images/MTNcoza/global/icon/more_arrow.gif) no-repeat right -16px;} .row a:hover.more, .row_alt a:hover.more { padding:0 12px 0 0; background:url(/_layouts/1033/Images/MTNcoza/global/icon/more_arrow.gif) no-repeat right -2px;} table#info-table-grey {border-spacing:0; border-bottom: 1px solid #ebeaea; margin-bottom:0; } /* 588 */ table#info-table-grey th {padding:0 10px;font-weight:normal; color:#927100;height:30px;line-height:30px;;background:#ccc} table#info-table-grey tr th { background-color:#ccc; color:#4b4b4b; } table#info-table-grey tr:last-child th:first-child{border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0;background:#ccc} table#info-table-grey tr:last-child th:last-child {border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0;background:#ccc} table#info-table-noborder {border-spacing:0; margin-bottom:0; } #info-table-noborder .row_alt{ background-color: #f9f9f9; border-top: solid 1px #fff; padding:5px} #info-table-noborder .row{ padding:5px 0 5px 5px; text-align:right} table#info-table td:last-child {border:none} table#info-table.leftalign {text-align:left} /*#info-table .header {background-color:#ffd264; color:#a17e0d; padding:5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }*/ /*#info-table .header td {padding:5px}*/ #info-table .yellow { background-color:#ffd264; color:#a17e0d; padding:5px } /*#info-table .header-grey{ background-color:#ccc; color:#4b4b4b; padding:5px 10px; }*/ #info-table .row_alt{ background-color: #f9f9f9; border-top: solid 1px #fff; border-bottom: solid 1px #ebeaea; padding:5px} #info-table .row{border-bottom: solid 1px #ebeaea; padding:5px} .yellow-dot{ background-image: url(/_layouts/1033/Images/MTNcoza/global/yellowdot.png); background-repeat: no-repeat; background-position: center center;} .grey-dot{ background-image: url(/_layouts/1033/Images/MTNcoza/global/greydot.png); background-repeat: no-repeat; background-position: center center;} #info-table .header-grey-plain{ background-color:#ccc; color:#4b4b4b; padding:5px} #info-table .header-light{background-color:#ffebb2; padding:5px} #info-table .header {background-color: #ffd264;border-radius: 5px 5px 0 0;color: #a17e0d;padding: 5px;} #info-table .required p {margin-top: 8px} .insurance-quote {padding:12px} .insurancegetfree { background: none repeat scroll 0 0 #FFD264; border-left: 1px solid #FFD264; border-radius: 5px 5px 5px 5px; height: 30px; } #content #col-left .insurance-quote img {} #content #col-left .insurance-quote .details {float:left} #content #col-left .insurance-quote .details-input {float:left} /*Content - COMPONENT NAV*/ #content .component-nav { height:16px; margin:0 0 0 0; float:right;} #content .component-nav p { float:left; margin:0 0 0 5px; padding:0; } #content .component-nav-indent { height:16px; margin:8px 20px 0 0; float:right;} #content .component-nav-left { height:16px; margin:10px 0; float:left;} #content .component-nav-inline { margin:5px 0 0 0;} #content .component-nav-form { width:230px; margin-top:10px;} .component-nav { height:16px; margin:0 0 0 0; float:right;} .component-nav p { float:right; margin:0 0 0 5px; padding:0; } .component-nav-indent { height:16px; margin:8px 20px 0 0; float:right;} .component-nav-left { height:16px; margin:10px 0; float:left;} .component-nav-inline { margin:5px 0 0 0;} .component-nav-form { width:230px; margin-top:10px;} /*Content - FORMS*/ .textfield { width:218px; font-size:11px; color:#4b4b4b; background:#fff; border:1px solid #c7c7c7; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:4px 9px; margin:10px 0 0 0; background-image:url(/_layouts/1033/Images/MTNcoza/global/inputBG.jpg); background-repeat:repeat-x;} .textfield:focus {color:#4b4b4b;} a.buttonSubmit { width:47px;} a.buttonNext { width:35px;} a.buttonSignUp { width:40px;} a.buttonPrevious { width:62px;} a.buttonRegister { width:62px;} a.login_btn { width:40px;} a.clear_btn { width:43px;} a.send_btn { width:37px; } a.cancel_btn { width:50px;} a.buy_btn { width:25px;} a.addnew_btn { width:120px; } a.no_btn { width:18px;} .required { display:inline; margin-bottom:-5px;} .required img { margin-bottom:-8px;} .valid img { margin-bottom:-8px;} .invalid img { margin-bottom:-8px;} /* Sponsorship form styles*/ .Sponsorrequired { display:inline; margin-bottom:-5px;} .Sponsorrequired img { margin-bottom:0px;} .Sponsorvalid img { margin-bottom:0px;} .Sponsorinvalid img { margin-bottom:0px;} .radio { width: 19px; height:25px; padding:0; background: url(/_layouts/1033/Images/MTNcoza/global/radio_buttons.png) no-repeat; display: block; float:left;} label { font-size:13px; margin:4px 8px 0 0; float:left; color:#4B4B4B; } .checkbox { width: 25px; height: 26px; padding: 0 5px 0 0; background:url(/_layouts/1033/Images/MTNcoza/global/checkbox.png) no-repeat; display: block; clear: left; float: left;} .submitButton { width:50px;} .email_error{ width:50px; height:30px; background-color:#F00; display:none;} #easyTooltip{ padding:5px 10px; border:1px solid #7a2700; background:#be000a; color:#efefef; font-size:12px; max-width:150px;} #easyTooltip_tip{ width:23px; height:11px; background-image:url(/_layouts/1033/Images/MTNcoza/global/tooltip_tip.png); position:absolute; margin-top:-16px; margin-left:10px;} #easyTooltipGrey{ padding:5px 10px; border:1px solid #989898; background:#cccccc; color:#4b4b4b; font-size:12px; max-width:150px; z-index:3500;} #easyTooltip_tipGrey{ width:23px; height:11px; background-image:url(/_layouts/1033/Images/MTNcoza/global/tooltip_tipGrey.png); position:absolute; margin-top:-16px; margin-left:10px;} #BannerRotatorFlash{ padding-top:3px;} #form_elements{ width:330px; background-color:#FFF;} .textarea{ font-family:MyriadProRegular; padding:10px 0 0 5px; width:225px; font-size: 11px;} .texrareaRequired{position:absolute; margin:10px 3px;} .file-wrapper { cursor: pointer; display: inline-block; overflow: hidden; position: relative;} .file-wrapper .button1 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; cursor: pointer; display: inline-block; font-size: 12px; padding: 4px 10px; background: url(/_layouts/1033/Images/MTNcoza/global/btn_bg.jpg) repeat-x; color:#ffffff; } a.button1:hover { background: url(/_layouts/1033/Images/MTNcoza/global/btn_bg_hover.jpg) repeat-x; color:#000000;} .file-wrapper input { cursor: pointer; height: 100%; position: absolute; right: 0; top: 0; filter: alpha(opacity=1); -moz-opacity: 0.01; opacity: 0.01;} .file-holder{ margin-left:5px; } .sponcerUL{ padding-left:20px; list-style-image:url(/_layouts/1033/Images/MTNcoza/global/bullet.png);} .sponcerUL li { list-style-position:outside; line-height:18px; margin-bottom:4px;} #form_login { width:280px; background-color:#FFF;} .textfield_modul {width:170px;} a.login_btn {width:40px;} .emphasis{font-size: 1.5em;} .textarea{ font-family:MyriadProRegular;} .yellow-strip-sms{ height: 22px; background-image:url(/_layouts/1033/Images/MTNcoza/global/yellow-gradient-slice.jpg); background-repeat: repeat-x; background-position: left top;color:#000; padding:7px 15px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:10px; } .freeSMS {width:100px;} .freeSMSinput {width:120px; margin-right:7px;} .freeSMSnumber {width:100px; margin-right:7px;} .Vcard_send{ width:300px; margin:10px auto;} .vcard_nb{font-size:10px; color:#f9592e;} .select { color:#4b4b4b; position: absolute; width: 230px; height: 25px; padding: 4px 0 0 8px; background:url(/_layouts/1033/Images/MTNcoza/global/select_bg.png) no-repeat; overflow: hidden; margin-top:10px; } .select2 { color:#4b4b4b; position: absolute; width: 104px; height: 25px; padding: 4px 0 0 8px; background:url(/_layouts/1033/Images/MTNcoza/global/select_bg_small.png) no-repeat; overflow: hidden; margin-top:0px; } select.styled { position: relative; with:230px; z-index: 5; margin:8px;} #drop-down-spacer{margin-bottom: 15px; } .styled label{color:#4B4B4B;} .career_search_drop{ padding-left:15px;} .select_career{width:220px;} .dropdown { float:left; margin:0;} .dropdown dd, .dropdown dt, .dropdown ul { width: 200px; margin:0; padding:0;} .dropdown dd { position:relative;} .dropdown a { color:#989898;} .dropdown a:hover { color:#989898; text-decoration:none;} .dropdown dt a { width:160px; height:24px; background: url(/_layouts/1033/Images/MTNcoza/global/select_right.gif) no-repeat scroll right center; display:block; padding-right:20px; } .dropdown dt a:hover { background: url(/_layouts/1033/Images/MTNcoza/global/select_right_hover.gif) no-repeat scroll right center;} .dropdown dt a span, .dropdown dt a span:hover { height:14px; background:url(/_layouts/1033/Images/MTNcoza/global/select_bg.gif) no-repeat; cursor:pointer; display:block; padding:4px 5px 6px 10px; } .dropdown dd ul { width:auto; min-width:176px; list-style:none; color:#989898; background:#fff none repeat scroll 0 0; border:1px solid #c7c7c7; display:none; position:absolute; left:-8px; top:-1px; padding:2px 0px; margin:0 10px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; z-index: 99; } .dropdown dd ul li a { color:#989898; border-bottom:1px solid #c7c7c7; padding: 5px 10px; display: block; } .dropdown dd ul li a:hover { color: #966e00; text-decoration: none;} /*Content - BUTTON*/ a.button { height:15px; background: url(/_layouts/1033/Images/MTNcoza/global/btn_bg.jpg) repeat-x; font-size:12px; color:#fff; padding:4px 10px; display:block; -moz-border-radius:15px; border-radius:15px; -webkit-border-radius:15px; text-align:center; behavior: url(/_layouts/1033/styles/MTNcoza/Resources/css/PIE.htc);} a.button:hover { background: url(/_layouts/1033/Images/MTNcoza/global/btn_bg_hover.jpg) repeat-x; color:#373737;} a.button:active { background: url(/_layouts/1033/Images/MTNcoza/global//btn_bg.jpg) repeat-x;} a.button span { height:26px; color:#fff; display:block;} a.button:hover span { color:#373737; text-shadow: #cccccc 2px 2px 1px;} a.button:active span {} /*Content - SCROLLER*/ .scroll{ width:300px; position:absolute; display:block; height:300px; overflow-y: scroll; overflow-x: hidden; padding: 0px 0px 15px 20px; border-right:0; background:#fff; left:0; top:0; zoom:1;} .scrollControls { display:block; position: absolute; top:0; right:0; height:100%; width:24px; } .upBtn{ display:block; position:absolute; top:0; right:0; width:24px; height:24px; background: url(/_layouts/1033/Images/MTNcoza/global/upBtn.gif) no-repeat 0 0; cursor:pointer;} .upBtn:hover{ background: url(/_layouts/1033/Images/MTNcoza/global/upBtn.gif) no-repeat 0 -24px;} .upBtn-Active, .upBtn-Active:hover{ background: url(/_layouts/1033/Images/MTNcoza/global/upBtn.gif) no-repeat 0 -48px;} .downBtn{ display:block; position:absolute; bottom:0; right:0; width:24px; height:49px; background: url(/_layouts/1033/Images/MTNcoza/global/downBtn.gif) no-repeat 0 0px; cursor:pointer;} .downBtn:hover{ background: url(/_layouts/1033/Images/MTNcoza/global/downBtn.gif) no-repeat 0 24px;} .downBtn-Active, .downBtn-Active:hover{ background: url(/_layouts/1033/Images/MTNcoza/global/downBtn.gif) no-repeat 0 0;} .scrollBar{ display:block; position:absolute; top:24px; right:0; bottom:24px; width:24px; background: url(/_layouts/1033/Images/MTNcoza/global/scrollBar.gif) repeat-y center top;} .scrollHandle{ display:block; position:absolute; top:0px; right:0; width:24px; height:35px; min-height:13px; cursor: pointer; padding:11px 0;} .scrollHandleBG{ display:block; position: relative; height:100%; width:24px; background: url(/_layouts/1033/Images/MTNcoza/global/scrollHandleBG.gif) repeat-y 0 0 ;} .scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG{ background: url(/_layouts/1033/Images/MTNcoza/global/scrollHandleBG.gif) repeat-y -24px 0;} .scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG{ background: url(/_layouts/1033/Images/MTNcoza/global/scrollHandleBG.gif) repeat-y -48px 0;} .scrollHandleMiddle{ display:block; position: absolute; width:24px; height:13px; background: url(/_layouts/1033/Images/MTNcoza/global/scrollHandleMiddle.gif) no-repeat 0 0 ; top:50%; margin:-5px 0 0 0;} .scrollHandle .scrollHandleMiddle:hover, .scrollHandle:hover .scrollHandleMiddle{ background: url(/_layouts/1033/Images/MTNcoza/global/scrollHandleMiddle.gif) repeat-y -24px 0;} .scrollHandle-Active .scrollHandleMiddle:hover, .scrollHandle-Active:hover .scrollHandleMiddle, .scrollHandle-Active .scrollHandleMiddle{ background: url(/_layouts/1033/Images/MTNcoza/global/scrollHandleMiddle.gif) repeat-y -48px 0;} .scrollHandleTop{ display:block; position:absolute; width:24px; height:11px; background: url(/_layouts/1033/Images/MTNcoza/global/scrollHandleTop.gif) no-repeat 0 0; top:0; margin:0 0 0 0;} .scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop{bbackground: url(/_layouts/1033/Images/MTNcoza/global/scrollHandleTop.gif) no-repeat -24px 0;} .scrollHandle-Active .scrollHandleTop:hover, .scrollHandle-Active:hover .scrollHandleTop, .scrollHandle-Active .scrollHandleTop{ background: url(/_layouts/1033/Images/MTNcoza/global/scrollHandleTop.gif) no-repeat -48px 0;} .scrollHandleBottom{ display:block; position:absolute; width:24px; height:11px; background: url(/_layouts/1033/Images/MTNcoza/global/scrollHandleBottom.gif) no-repeat -48px 0 ; bottom:0; margin:0 0 0 0;} .scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom{ background: url(/_layouts/1033/Images/MTNcoza/global/scrollHandleBottom.gif) no-repeat -24px 0;} .scrollHandle-Active .scrollHandleBottom:hover, .scrollHandle-Active:hover .scrollHandleBottom, .scrollHandle-Active .scrollHandleBottom{ background: url(/_layouts/1033/Images/MTNcoza/global/scrollHandleBottom.gif) no-repeat 0 0 ;} /*Content - 3 COLUMNS */ #content .col-home-left { width:300px; margin:0 20px 0 0; float:left; position:relative;} #content .col-home-mid { width:300px; margin:0; float:left; position:relative;} #content .col-home-right { width:300px; margin:0; float:left; position:relative;} #content .col-home-right-dbl { width:620px; margin:0; float:right;} #content .col-divider { width:940px; height:20px; display:block;} /*Content - 2 COLUMNS */ #content #col-left { width:620px; margin-right:20px; float:left;} #content #col-left .col-left-left { width:320px; float:left;} #content #col-left .col-left-right { width:320px; float:right;} #content #col-left .left-flash-banner { position:relative; margin-right:-20px;} #content #col-right { float:right;} /*Content - HOME DEALS INTRO*/ #content #home-deals { border-left:1px solid #cccccc;} #content #home-deals p { margin:0; padding:5px 0;} #content #home-deals .deals-intro { background: url(/_layouts/1033/Images/MTNcoza/home/deals_brd.gif) no-repeat bottom; padding:0 20px 15px 20px;} #content #home-deals .deals-more { height:100px; background:url(/_layouts/1033/Images/MTNcoza/home/deals_more_bg.gif) repeat-y; padding:10px 20px 1px 20px;} /*Content - OVERVIEW*/ #content .overview { padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px solid #dfdfdf;} #content #youtube-vid { width:420px; margin:0 auto; padding: 20px; } /*Content - OVERVIEW WITH IMAGE */ #content .overview-item { padding:0; margin:15px 0 0 0;} #content .overview-item img { margin:0 0 0 20px; float:left;} #content .overview-item .overview-item-details { width:520px; min-height:80px; border-bottom:1px solid #dfdfdf; float:left;} #content .overview-item .overview-item-details h3 { padding:0; margin:0;} #content .overview-item .overview-item-details p { padding:0; margin:5px 0;} /*Content - OVERVIEW TABS*/ #content .overview-tab-item { padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px solid #dfdfdf; } #content .overview-tab-item-first { padding:0 0 8px 0; margin:15px 0 15px 0; border-bottom:1px solid #dfdfdf; } #content .overview-tab-item-last { padding:0; margin:0; } /*Content - COMP OVERVIEW TABS*/ #content .comp-tab-item { padding:0 0 10px 0; margin:15px 0 0 0; border-bottom:1px solid #dfdfdf;} #content .comp-tab-item img { margin:0 0 0 20px; float:left;} #content .comp-tab-item .comp-enter { width:50px; float:left;} /*Content - SEARCH OVERVIEW*/ #content .search-overview { padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px solid #dfdfdf;} #content .search-overview p { padding:0; margin:0 0 5px 0;} #content .search-overview-header h3 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#989898; font-weight:bold; margin:5px 0 0 0;} #content search-item-header { margin:0; padding:0;} /*Content - FEATURES*/ #content .feature-item { padding:0 0 8px 0; margin:15px 20px 0 20px; border-bottom:1px solid #dfdfdf; } /*Content - SUPPORT OVERVIEW*/ #content .support-overview-banner { width:258px; height:208px; background: url(/_layouts/1033/Images/MTNcoza/support/support_bg.gif) repeat-x bottom; border:1px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:20px 20px 10px 20px; display:block; position:relative;} #content .support-overview-banner h1 { line-height:30px; margin:0 0 5px 0; padding:0;} #content .support-overview-banner img { position:absolute; bottom:0; right:0; z-index:1;} #content .support-overview-banner .go { width:35px; margin:10px 0 0 0;} /*Content - TWITTER FEED*/ .twitter-icon { width:15px; height:15px; padding:8px 0 10px 10px; float:left; } #twitter_update_list { font-size:10px; list-style:none; overflow:hidden; padding:10px 0 6px 10px; } /*Content - MY PROFILE*/ #content .profile-tab-item { padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px solid #dfdfdf; } #content .profile-tab-item-first { padding:0 0 10px 0; margin:15px 0 15px 0; border-bottom:1px solid #dfdfdf; } #content .profile-tab-item-first p { margin:0; padding:0;} #content .profile-tab-item .option{float:left; width:400px; margin:0; padding:0; } #content .profile-tab-item .profile-left{ float:left; width:95px; margin-right:20px; } #content .emphasis{font-size: 1.5em;} #content .profile-pic{ width:80px; height:80px; float: left; margin:0 20px 10px 0;} #content .profile-name{ float: left; margin-right:20px;} #content .profile-name h3 { padding:0; margin:0 0 5px 0;} .yellow-strip{ height: 22px; background-image: url(/_layouts/1033/Images/MTNcoza/global/yellow-gradient-slice.jpg); background-repeat: repeat-x; background-position: left top; color:#000; padding:7px 15px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:10px;} #content .radio-list { height:18px; margin:0 0 5px 0; padding:0;} /*Content - HOME SLIDER BANNERS*/ .slide-header { font-family:MyriadProRegular; font-size:16px; color:#4b4b4b; text-shadow: #fff 2px 2px 1px; position:absolute; top:10px; left:10px; border:0; z-index:10;} #slides .slides_container { width:300px; height:220px; display:none; border: 1px solid #e4e4e4; border-top: none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin:30px 0 0 0; } #slides .slides_container .slides-content { width:270px; height:210px; display:block; padding:15px 15px; position:relative;} #slides_two .slides_container { width:300px; height:220px; display:none; border: 1px solid #e4e4e4; border-top: none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin:30px 0 0 0; } #slides_two .slides_container .slides-content { width:270px; height:210px; display:block; padding:15px 15px; position:relative;} .pagination { width:90px; background:#dfdfdf; border:1px solid #b8b8b8; border-bottom:none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding:10px 10px 9px 200px; float: right; position: absolute; top:-12px; left:0; z-index: 9;} .pagination li { float:right; margin:0 1px; list-style:none;} .pagination li a { width:15px; height:0; display:block; padding-top:15px; background: url(/_layouts/1033/Images/MTNcoza/home/ticker_btn.jpg) no-repeat 0 -15px; overflow:hidden;} .pagination li.current a { width:15px; height:0; display: block; background: url(/_layouts/1033/Images/MTNcoza/home/ticker_btn.jpg) no-repeat 0 0;} .deals-image { margin:0 20px 0 0; float:left;} .deals-details { float:left;} .deals-details h3 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4b4b4b; margin:10px 0 0 0; padding:0;} .deals-details .deals-share { float:left; margin:0; padding:0;} .deals-details .deals-sub { color:#be000a; font-style:italic; font-weight:bold; margin-top:5px;} .deals-details .deals-price { font-size:50px; color:#be000a; font-weight:bold; line-height:45px; float:left;} .deals-details .deals-month { width:25px; font-size:11px; color:#be000a; font-weight:bold; line-height:12px; margin:16px 0 0 5px; float:left;} .deals-details .deals-month b { font-size:12px;} .deals-details .deals-package { margin:0 0 10px 0;} .deals-details .view-deals { width:74px; margin:18px 0 0 0; float:right;} .services-details img { float:left; position:absolute; left:0; top:110px; z-index:1;} .services-details p {font-size:11px; margin:0; padding:0;}/*width:270px; Removed for the Share Icon to show*/ .services-details .view-services { width:72px; float:right; position:absolute; top:170px; right:20px; z-index:2;} .services-details .service-share { float:right; margin:0; padding:0;font-size:13px;} /*Content - HOME MY PROFILE TABS*/ .panes div { height:205px; color:#373737; display:none; padding:7px 0px; background: url(/_layouts/1033/Images/MTNcoza/home/tab_pane_bg.jpg) repeat-x; border:1px solid #ffbe00; border-top:none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position:relative; top:-2px;} .panes .pane { display:none; } .airtime-name { text-align:center;} .airtime-amount { font-size:40px; color:#be000a; font-weight:bold; line-height:35px; margin:0; padding:0; text-align:center;} .airtime-type { font-size:16px; color:#4b4b4b; text-align:center; margin:5px 0 25px 0; padding:0;} .airtime-spend { width:60px; text-align:center; margin:0 auto;} ul.tabs { height:32px; list-style:none; margin:0; !important; padding:0; background:#ffbe00; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; position:relative; top:-2px;} ul.tabs li { float:left; text-indent:0; padding:0; margin:0; list-style-image:none !important; } ul.tabs li h3 { font-family: MyriadProRegular; font-size:15px; color:#373737; font-weight:normal; padding:0; margin:0; text-shadow: #ffecb3 2px 2px 1px;} ul.tabs a { width:98px; height:32px; color:#373737; background: url(/_layouts/1033/Images/MTNcoza/home/tab_bg.jpg) repeat-x; display:block; line-height:30px; text-align:center; padding:0; margin:0; position:relative; border:1px solid #ffbe00; border-bottom:none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } ul.tabs a:active { background:#ffd866;} ul.tabs a:hover { background:#ffd866;} ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background:#ffd866;} /* Content - MODAL ColorBox Core Style */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}d #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #colorbox{ -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important;} #cboxOverlay{} #colorbox{} #cboxTopLeft{width:21px; height:21px; background: url(/_layouts/1033/Images/MTNcoza/global/modal/controls.png) no-repeat -100px 0;} #cboxTopRight{width:21px; height:21px; background:url(/_layouts/1033/Images/MTNcoza/global/modal/controls.png) no-repeat -129px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(/_layouts/1033/Images/MTNcoza/global/modal/controls.png) no-repeat -100px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(/_layouts/1033/Images/MTNcoza/global/modal/controls.png) no-repeat -129px -29px;} #cboxMiddleLeft{width:21px; background:url(/_layouts/1033/Images/MTNcoza/global/modal/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/_layouts/1033/Images/MTNcoza/global/modal/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/_layouts/1033/Images/MTNcoza/global/modal/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/_layouts/1033/Images/MTNcoza/global/modal/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/_layouts/1033/Images/MTNcoza/global/modal/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/_layouts/1033/Images/MTNcoza/global/modal/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/_layouts/1033/Images/MTNcoza/global/modal/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/_layouts/1033/Images/MTNcoza/global/modal/loading.gif) center center no-repeat;} #cboxClose{position:absolute; top:0; right:0; background:url(/_layouts/1033/Images/MTNcoza/global/modal/controls.png) -25px 0 no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);} /*Content - ACCORDIAN*/ #accordian-nav { color:#0082a5; margin:0 0 10px 0; float:right;} #accordian-nav a { margin:0 5px;} .trigger { width:620px; font-size:13px; margin:0; padding:16px 10px; background:url(/_layouts/1033/Images/MTNcoza/global/accordian_closed.jpg) no-repeat; float:left; display:inline; cursor:pointer;} .trigger:hover { background:url(/_layouts/1033/Images/MTNcoza/global/accordian_hover.jpg) no-repeat;} .trigger:active { background:url(/_layouts/1033/Images/MTNcoza/global/accordian_open.jpg) no-repeat; } .trigger a { color:#4b4b4b; } .trigger a:hover { color:#966e00;} .adrActive { background:url(/_layouts/1033/Images/MTNcoza/global/accordian_open.jpg) no-repeat;} .adrActive:hover { background:url(/_layouts/1033/Images/MTNcoza/global/accordian_hover.jpg) no-repeat; } .adrActive:active { background:url(/_layouts/1033/Images/MTNcoza/global/accordian_open.jpg) no-repeat; } .toggle_container { color:#989898; margin: 20px; padding: 0; overflow: hidden; clear: both;} /*Content - TAB ACCORDIAN*/ #accordian-tab { width:580px;} #accordian-tab-nav { color:#0082a5; margin:0 0 10px 0; float:right;} #accordian-tab-nav a { margin:0 5px;} .trigger-tab { width:580px; font-size:13px; margin:0; padding:16px 10px; background:url(/_layouts/1033/Images/MTNcoza/global/accordian_tab_closed.jpg) no-repeat; float:left; display:inline;} .trigger-tab:hover { background:url(/_layouts/1033/Images/MTNcoza/global/accordian_tab_hover.jpg) no-repeat;} .trigger-tab:active { background:url(/_layouts/1033/Images/MTNcoza/global/accordian_tab_open.jpg) no-repeat; } .trigger-tab a { color:#4b4b4b; } .trigger-tab a:hover { color:#966e00;} .adrActive-tab { background:url(/_layouts/1033/Images/MTNcoza/global/accordian_tab_open.jpg) no-repeat;} .adrActive-tab:hover { background:url(/_layouts/1033/Images/MTNcoza/global/accordian_tab_hover.jpg) no-repeat; } .adrActive-tab:active { background:url(/_layouts/1033/Images/MTNcoza/global/accordian_tab_open.jpg) no-repeat; } .toggle-tab_container { color:#989898; margin: 20px; padding: 0; overflow: hidden; clear: both;} /* Content - SLIDING TABS */ .lavaLamp {background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #E0E0E0;border-radius:5px 0px 0px 0px;height: 43px;margin-top: 15px;overflow: visible;width: 580px;} .tab-normal { -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; } .lavaLamp li { list-style: none; background:url(/_layouts/1033/Images/MTNcoza/global/lava_sep.png) no-repeat right; margin:0; padding:8px 0 12px 0; float:left; position:relative; z-index:2;} .tab-normal li { left:-40px;} .lavaLamp li.back { width:1px; height:45px; background: url(/_layouts/1033/Images/MTNcoza/global/lava_bg.jpg) no-repeat center 0; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; margin:0; padding:0 0 0 -1px; position: absolute; z-index:1;} .lavaLamp li a { height: 45px; color:#373737; outline: none; text-align: center; position: relative; top: 7px; left:-1px; float: left;overflow: hidden;display: block; z-index: 10; margin:0; padding:0 18px 0 20px;} .lavaLamp li a:hover, .lavaLamp li a:active {color:#373737; text-shadow: #cccccc 2px 2px 1px; } div.st_horizontal { width:620px; margin-top:5px; position:relative; float:left; clear:both; overflow:visible;} div.st_horizontal a.st_prev, div.st_horizontal a.st_next { width:40px; height:43px; position:absolute; top:0px; z-index:110; display:none;} div.st_horizontal a.st_prev { left:0px; background:#f5f5f5 url(/_layouts/1033/Images/MTNcoza/global/tab_paging_prev.gif) no-repeat 0 -86px; border:1px solid #e0e0e0; border-right:none; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;} div.st_horizontal a.st_prev:hover { background:#f5f5f5 url(/_layouts/1033/Images/MTNcoza/global/tab_paging_prev.gif) no-repeat 0 -43px;} div.st_horizontal a.st_next { right:0px; background:#f5f5f5 url(/_layouts/1033/Images/MTNcoza/global/tab_paging_next.gif) no-repeat 0 -86px; border:1px solid #e0e0e0; border-left:none; border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;} div.st_horizontal a.st_next:hover { background:#f5f5f5 url(/_layouts/1033/Images/MTNcoza/global/tab_paging_next.gif) no-repeat 0 -43px;} div.st_horizontal a.st_prev.st_btn_disabled, div.st_horizontal a.st_next.st_btn_disabled { cursor:default;} div.st_horizontal a.st_prev.st_btn_disabled { background:#f5f5f5 url(/_layouts/1033/Images/MTNcoza/global/tab_paging_prev.gif) no-repeat 0 0;} div.st_horizontal a.st_next.st_btn_disabled { background:#f5f5f5 url(/_layouts/1033/Images/MTNcoza/global/tab_paging_next.gif) no-repeat 0 0;} div.st_horizontal div.st_tabs_container { width:100%; height:43px; margin-bottom:-1px; position:relative; z-index:100; overflow:visible;} div.st_horizontal div.st_slide_container { position:relative !important;} div.st_horizontal div.st_sliding_active div.st_slide_container { margin:0px 40px;} div.st_horizontal ul.st_tabs { width:1990px; height:43px; margin:0px; padding:0px; list-style:none;} div.st_horizontal ul.st_tabs_small { width:618px; height:43px; margin:0px; padding:0px;border-radius:5px 5px 0px 0px;} div.st_horizontal ul.st_tabs li { float:left;} .tabNavActive {color:#373737;text-decoration:none;} ul.mytabs { z-index: 2;} ul.mytabs, ul.mytabs li { margin: 0; padding: 0; list-style: none; float: left;} .mytabs-container { width: 580px; padding:0 0 10px 0; margin: 15px 20px 0 20px; clear: both; overflow:hidden;} /* Content - COMMUNITY SLIDER */ .coda-slider-wrapper { padding:0; margin:15px 0 0 0;} .coda-slider {} .coda-slider-no-js .coda-slider { height: 395px; overflow: auto !important; } .coda-slider p.loading { padding: 20px; text-align: center } .coda-slider, .coda-slider .panel { width: 620px ; margin:-1px 0 0 0; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; position:relative; z-index:1; } .coda-nav ul li a.current { color:#373737; margin-left:-1px; background: #ffbe00; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px;} .coda-nav ul { clear: both; display: block; margin:0; padding:0; overflow: hidden; background: #f4f4f4; border:1px solid #dfdfdf; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px;} .coda-nav ul li { display: inline; } .coda-nav ul li a { background: url(/_layouts/1033/Images/MTNcoza/community/community_tab_div.gif) no-repeat right; color: #989898; display: block; float:left; padding: 13px 20px; text-decoration: none; } .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider { float: left; overflow: hidden; position: relative;} .coda-slider .panel { display: block; float: left; } .coda-slider .panel-container { position:relative;} .panel-wrapper { width:620px; height:394px;} .panel-wrapper .title { display:none;} .coda-subnav { font-size:11px; background:url(/_layouts/1033/Images/MTNcoza/community/community_sub_nav_bg.jpg) repeat-x; padding:8px 0 2px 0;-moz-border-radius-topright:5px; margin-top:10px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; position:absolute; z-index:800; } .coda-subnav a { color:#373737; padding:0 10px; float:left;} .coda-subnav a:hover { color:#373737; text-decoration:underline;} .coda-subnav-div { width:1px; height:26px; background:url(/_layouts/1033/Images/MTNcoza/community/community_subtab_div.gif) no-repeat; display:block; margin-top:-5px; float:left;} .coda-music { left:68px;} .coda-lifestyle { left:140px;} .coda-community { left:226px;} .coda-competitions { left:411px;} .coda-overlay { width:200px; background:#fff; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; padding:15px; position:absolute; top:50px; display:none; z-index:800; } .coda-overlay h2 { line-height:28px;} /*Content - RADIO BUTTON SELECTOR*/ #content .radio-selector { height:18px; margin:6px 10px 6px 0;} #content .radio-selector p { font-size:13px; padding:0; margin:4px 5px 0 0; float:left;} /*Content - PAGING NUMBERS*/ #pagen-outer-cont{ width:100%; height:35px; margin-bottom:30px; overflow:hidden;} #pagen-cont{ float: left; left: 50%; margin:0; padding-top: 10px; position: relative;} .paging{ float: left; left: -50%; position:inherit;} #content .paging { height:26px; margin-bottom:30px;} #content .paging a { float:left;} #content .paging .btn-start:link { width:26px; height:25px; background: url(/_layouts/1033/Images/MTNcoza/global/paging_start.gif) no-repeat 0 -25px; display:block; margin-right:5px;} #content .paging .btn-start:visited { width:26px; height:25px; background: url(/_layouts/1033/Images/MTNcoza/global/paging_start.gif) no-repeat 0 -25px; display:block; margin-right:5px;} #content .paging .btn-start:hover { background:url(/_layouts/1033/Images/MTNcoza/global/paging_start.gif) no-repeat 0 0;} #content .paging .btn-end:link { width:26px; height:25px; background:url(/_layouts/1033/Images/MTNcoza/global/paging_end.gif) no-repeat 0 -25px; display:block; margin-left:5px;} #content .paging .btn-end:visited { width:26px; height:25px; background:url(/_layouts/1033/Images/MTNcoza/global/paging_end.gif) no-repeat 0 -25px; display:block; margin-left:5px;} #content .paging .btn-end:hover { background:url(/_layouts/1033/Images/MTNcoza/global/paging_end.gif) no-repeat 0 0;} #content .paging .btn-prev:link { width:26px; height:25px; background:url(/_layouts/1033/Images/MTNcoza/global/paging_prev.gif) no-repeat 0 0; display:block; margin-right:5px;} #content .paging .btn-prev:visited { width:26px; height:25px; background:url(/_layouts/1033/Images/MTNcoza/global/paging_prev.gif) no-repeat 0 0; display:block; margin-right:5px;} #content .paging .btn-prev:hover { background:url(/_layouts/1033/Images/MTNcoza/global/paging_prev.gif) no-repeat 0 -25px;} #content .paging .btn-next:link { width:26px; height:25px; background:url(/_layouts/1033/Images/MTNcoza/global/paging_next.gif) no-repeat 0 0; display:block; margin-left:5px;} #content .paging .btn-next:visited { width:26px; height:25px; background:url(/_layouts/1033/Images/MTNcoza/global/paging_next.gif) no-repeat 0 0; display:block; margin-left:5px;} #content .paging .btn-next:hover { background:url(/_layouts/1033/Images/MTNcoza/global/paging_next.gif) no-repeat 0 -25px;} #content .paging .page-number { display: inline; width: auto;} #content .paging .page-number a { font-size:12px; color:#373737; line-height:10px; padding:5px 6px; margin-top:4px;} #content .paging .page-number a:hover { color:#ffd264; background:#927100;} #content .paging .page-number a:active{ color:#e0e0e0; background:#927100;} /*Content - PAGENATION */ #pagen_filter { width:600px; height:35px; background-color:#f4f4f4; border: solid 1px #dfdfdf; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; margin:15px 0 5px 0; padding:5px 10px; display:block;} #pagen_filter2 { width:600px; height:35px; background-color:#f4f4f4; border: solid 1px #dfdfdf; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; margin:15px 0 5px 0; padding:5px 10px; display:block;} #pagen_filter p { color:#4b4b4b; padding:0; margin:10px 10px 0 10px; float:left; font-family:Arial;font-size:12px;} #pagen_filter2 p { color:#4b4b4b; padding:0; margin:10px 10px 0 10px; float:left; font-family:Arial;font-size:12px;} /*#pagen_filter .pagen_menu { width:104px; margin:5px 0 0 0; float:left;}*/ #pagen_filter .pagen_menu {margin-left: 504px;margin-top: -24px; width: 104px;} /* ////// ---- Right Col--- ////// */ /*Right Col - Ad Banner*/ #col-right #ad-banner { width:298px; height:248px; border:1px solid #cccccc; -moz-border-radius-:5px; border-radius:5px; -webkit-border-radius:5px; padding:0;} /*Right Col - Play Banner*/ #col-right #play-banner { margin:20px 0 0 0;} /*Right Col - Career Search*/ #col-right #career-search { width:258px; border:1px solid #cccccc; -moz-border-radius-:5px; border-radius:5px; -webkit-border-radius:5px; padding:15px 20px; margin:50px 0px 0px 0px;} #col-right #career-search h2 { color:#989898;} #col-right #career-search p { margin: 5px 0 0 0; padding:0;} #col-right #career-search .career-search-button { margin:10px 15px 10px 0;} /*Right Col - Flash Banner*/ #col-right #support-banner { width:320px; height:105px; position:relative; margin-right:-20px;} #col-right #newsletter-banner { width:320px; height:105px; position:relative; margin-right:-20px;} /*Right Col - Facebook*/ #col-right #fb-plugin { width:298px; margin-top:20px; color:#596da3;} /* ////// ---- Footer --- ////// */ /*Footer*/ #footer { margin-top:20px;} /*Footer - External Navigation*/ #external-nav { width:918px; height:50px; padding:0 0 0 20px; border:1px solid #dfdfdf; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px;} #external-nav #social { width:160px; margin-top:2px; float:left;} #external-nav #social a { margin-right:5px; float:left;} #external-nav #external-menu { width:312px; margin-top:12px; float:right;} #external-nav #external-menu p { margin:4px 10px 0 0; padding:0; float:left;} /*Footer - Navigation*/ #footer-nav { width:918px; height:235px; padding:20px 10px; background:#ebebeb; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;} #footer-nav .footer-nav-col { padding:0 10px; line-height:12px; float:left;} #footer-nav .footer-nav-col h3 { line-height:20px; margin:0 0 5px 0; padding:0;} #footer-nav .footer-nav-col a {color:#4b4b4b;} #footer-nav .footer-nav-col a:hover {color:#966e00;} #footer-nav .footer-nav-col ul { font-size:11px; color:#989898; padding:0; margin:10px 0 0 0;} #footer-nav .footer-nav-col ul li { list-style:none; margin:5px 0; padding:0;} #footer-nav .footer-nav-col ul a { color:#989898;} #footer-nav .footer-nav-col span { line-height:20px; margin:0 0 5px 0; padding:0; font-size:17px} /*Footer - Copyright Navigation*/ #copyright-nav { width:940px; height:50px; font-size:11px; color:#ccc; text-align:center; padding-top:12px; background:url(/_layouts/1033/Images/MTNcoza/global/copyright_bg.jpg) repeat-x; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px;} #copyright-nav a { color:#ccc; padding:0 2px;} #copyright-nav a:hover { color:#ffd264;} #copyright-nav #copyright { font-size:10px; color:#989898; margin:0; padding:0; } /*Error*/ #error { width:820px; margin:20px auto;} #error img { width:410px; float:left; } #error #error-details { width:400px; margin:90px 0 0 10px; float:left; padding-top:3px;} #error #error-details h1 { font-size:50px; font-style:italic; color:#989898; margin:0 0 10px 0; padding:10px 0;} #error #error-details h2 { font-family: MyriadProLight; font-size:35px; font-style:italic; color:#989898; margin:0 0 10px 0; padding:10px 0;} #error #error-details h3 { font-size:20px; font-style:italic; color:#989898; line-height:24px;} #error #error-details .error-link { width:55px; margin:10px 0 0 0;} /*Print*/ #print_header{ height:130px; background:url(/_layouts/1033/Images/MTNcoza/global/mtn_logo.jpg) no-repeat 40px 30px; border-bottom: solid 6px #ffbe00;} #print_copyright{ text-align:center } /*Your Basket Utility*/ #purchase-utility { width:145px; text-align:right; float:right; margin-right:5px; margin-top:-25px } #purchase-utility .purchase-utility-icon { float:left;} #purchase-utility .purchase-utility-details { margin:8px 0 0 0; float:right; font-size:11px} /*#purchase-utility .purchase-utility-details a {color:#989898}*/ #purchase-utility .purchase-utility-details a:hover {color:#966E00} #purchase-utility .purchase-utility-details a.basket {color:#027FA3;} #purchase-utility .purchase-utility-details a.basket:hover {color:#966E00} /*upgrade Hotspot */ #wrapper #content #col-right.upgrade_hotspot {margin-top: 10px} #upgrade_hotspot{float:left;width:298px;border:1px solid #dbdbdb;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #upgrade_hotspot #upgrade_hotspot-header{width:258px;padding:8px 20px; background-color:#fed572; } #upgrade_hotspot #upgrade_hotspot-header h2{color:#927100; font-size:24px; margin:0px; padding:0px; line-height:20px; font-family:MyriadProRegular;} #upgrade_hotspot #upgrade_hotspot-details{position:relative;float:left;width:258px;padding:5px 20px 5px; height:49px; color: #989898; font-family:MyriadProRegular; font-size:14px; line-height:18px; background:url(/_layouts/1033/Images/MTNcoza/global/upgrate_bg.gif) #ffffff repeat-x;} #upgrade_hotspot #upgrade_hotspot-details p {padding:0px; margin:0px; text-shadow: #fff 1px 1px 1px;} #upgrade_hotspot #upgrade_hotspot-footer {width:263px;padding:0px 15px 15px 20px;float: left; color:#373737} #upgrade_hotspot #upgrade_hotspot-footer p {padding:0px; margin:0px} #upgrade_hotspot #upgrade_hotspot-footer .linkThrough {float:right; margin-top:6px} #upgrade_hotspot #upgrade_hotspot-footer .textfield {margin-top:5px; margin-left:-10px} #upgrade_hotspot #upgrade_hotspot-footer-number {width:263px;padding:10px 15px 15px 20px;float: left; color:#555555; background: #dfdfdf url(/_layouts/1033/Images/MTNcoza/global/Contact_footer_bg.gif) repeat-x; text-shadow: #fff 1px 1px 1px; font-family:MyriadProRegular; font-size:14px;} #upgrade_hotspot #upgrade_hotspot-footer-number .textfield { margin-left:-10px} /*Contact Hotspot */ #contact-banner { width:300px; position:relative; margin-top:20px;} #contact-banner .contact-badge { position:absolute; top:8px; right:3px;} #contact-banner .contact-hours { background:url(/_layouts/1033/Images/MTNcoza/shop/delivery_header_bg.jpg) repeat-x bottom #e6e6e6; border:1px solid #d2d2d2; border-top:1px solid #ebebeb; border-bottom:none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding:7px 20px; font-family: MyriadProRegular; font-size:14px; text-shadow: #fff 1px 1px 1px; line-height:18px;} #contact-banner .contact-hours b { font-size:24px; color:#373737; font-weight:normal; line-height:26px;} #contact-banner .contact-details { background: url(/_layouts/1033/Images/MTNcoza/shop/delivery_details_bg.jpg) repeat-x #c4c4c4; border:1px solid #d2d2d2; border-top:none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding:7px 20px 6px 20px; font-family: MyriadProRegular; color:#373737; font-size:14px; text-shadow: #fff 1px 1px 1px; line-height:18px;} #contact-banner .contact-details span {font-family: MyriadProSemibold; } #contact-banner .contact-details b {color:#be0f0b} .printhide{display:none;} /*Scroll For BCP Contract Form */ /*.ContractFormscroll { background: none repeat scroll 0 0 #FFFFFF; border-right: 0 none; display: block; height: 700px; left: 0; overflow: scroll; padding: 15px 100px 15px 20px; position: absolute; top: 0; width: 600px;zoom:1;}*/ .ContractFormscroll { background: none repeat scroll 0 0 #FFFFFF; border-right: 0 none; display: block; height: 700px; left: 0; overflow-x: hidden; overflow-y: scroll; padding: 15px 100px 15px 20px; position: absolute; top: 0; width: 600px; } #search_container { background: url("/_layouts/Microsoft.MTN.SearchDeployment/resources/images/global/icon_search.gif") no-repeat scroll 8px 5px #FFFFFF; border: 1px solid #D7D7D7; border-radius: 10px 10px 10px 10px; height: 23px; position: relative; width: 152px; } #search_container input { background: none repeat scroll 0 50% transparent; border: 0 none; color: #989898; font-family: Arial; font-size: 11px; height: 22px; line-height: 20px; margin-left: 24px; outline: medium none; width: 124px; } #search_container.active { border-radius: 10px 10px 0 0; } #header-main #search { bottom: 10px; position: absolute; right: 25px; } .playspacetop { margin-top:20px; } .communityspacetop { margin-bottom:20px; } .BannerBox300x90 {width:300px !important; height:90px; display:block; background-position:0px -94px!important;} .BannerBox300x90:hover {background-position:0px -4px!important;} .BannerBox300x90.mtn141 {background: url("/SiteCollectionDocuments/resources/images/home/MTN141_Sprite_300x180.png") no-repeat} .BannerBox300x90.mtnBlog {background: url("/SiteCollectionDocuments/resources/images/home/MTNBlog_Sprite_300x180.png") no-repeat} .BannerBox300x90.freeSMS {background: url("/SiteCollectionDocuments/resources/images/home/Send-a-free-SMS_Sprite_300x180.png") no-repeat} .BannerBox300x90.YellowTrader {background: url("/SiteCollectionDocuments/resources/images/home/Yellowtrader_Sprite.png") no-repeat} /* 2013-06-28 */ #openAll { display: inline-block; text-transform: lowercase; } #openAll:first-letter { text-transform: uppercase;} #closeAll { display: inline-block; text-transform: lowercase; } #closeAll:first-letter { text-transform: uppercase;} /* My profile june 2013 */ .my-profile-tab-item { padding:0 0 0 0; margin:0 0 10px 0; border-bottom:0px} .my-profile-tables {font-family:MyriadProRegular; font-size: 12px;line-height: 16px; color: #989898; text-align:left; background-color:#fbfbfb; border:1px solid #e5e5e5; font-weight:normal; margin-bottom:15px} .my-profile-tables thead th {color: #000; padding: 8px; background-color:#f4f4f4;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #ffffff;font-weight:normal; text-align:left} .my-profile-tables .myprofile_italic {font-family:MyriadProItalic} .my-profile-tables thead th.last_col {border-left: 1px solid #ffffff; } .my-profile-tables tr td {border-bottom: 1px solid #e5e5e5;border-top: 1px solid #ffffff; border-left: 1px solid #ffffff;border-right: 1px solid #e5e5e5;} .my-profile-tables td {padding: 8px;} .my-profile-tables tr.alt_row {background-color: #f9f9f9} .my-profile-tables tr td.noborder_bottom {border-bottom: 0!important} .my-profile-tables tr td.noborder_top {border-top: 0!important} .my-profile-tables tr td.noborder_left {border-left: 0!important} .my-profile-tables tr td.noborder_right {border-right: 0!important} .my-profile-tables tr td.alignRight { text-align:right} .my-profile-tables td a {font-family:Arial, Helvetica, sans-serif; font-size:12px} .my-profile-tables .more:link, .my-profile-tables .more:visited {background:url(/_layouts/1033/Images/MTNcoza/global/icon/more_arrow.png) no-repeat right -16px; } .my-profile-tables .more:hover { background:url(/_layouts/1033/Images/MTNcoza/global/icon/more_arrow.png) no-repeat right -2px;} .my-profile-tables tr.last_row td {border-bottom: 0;border-top: 1px solid #ffffff; border-right: 1px solid #e5e5e5;} .my-profile-tables tr.last_row td.last_col {border-bottom: 0;border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;border-right: 0; background-color:#f7f7f7} .my-profile-tables tr.last_row td.last_col_white {border-bottom: 0;border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;border-right: 0} .my-profile-tables tr td.last_col {border-bottom: 1px solid #e5e5e5;border-top: 1px solid #ffffff; border-left: 1px solid #ffffff;border-right: 0;background-color:#f7f7f7} .my-profile-tables tr td.last_col_white {border-bottom: 1px solid #e5e5e5; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff;border-right: 0;} .pageHeading-h1-light {font-weight:normal} .my-profile-content-heading {border-bottom: 1px solid #DFDFDF; padding: 20px 0 20px; margin-bottom:10px; width:600px; } .my-profile-content-heading h2 {font-size: 30px; font-weight: normal; margin:0; padding:0} .my-profile-content {margin-bottom:40px} .my-profile-content p {color:#989898; font-size:12px; font-family:Arial, Helvetica, sans-serif} .red_txt {color:#c8000a} .grey_txt {color:#4b4b4b} .my-profile-details .profile-tab-item {padding: 0 8px 10px 8px} .my-profile-tables th {color: #000; padding: 8px; background-color:#f4f4f4;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #ffffff;font-weight:normal; text-align:left} .my-profile-tables th.last_col {border-left: 1px solid #ffffff; } /* My profile july 2013 */ .myprofile-purchase-breadcrumb {margin:5px 0 10px 0} .myprofile-purchase-breadcrumb ul { list-style:none; margin:0; padding:0} .myprofile-purchase-breadcrumb ul li{float:left} .myprofile-purchase-breadcrumb ul li a.typeActive{background:url(/_layouts/1033/Images/MTNcoza/myprofile/btn-selectTypeActive.gif); width:116px; height:24px; display:block} .myprofile-purchase-breadcrumb ul li a.type{background:url(/_layouts/1033/Images/MTNcoza/myprofile/btn-selectType.gif); width:116px; height:24px; display:block} .myprofile-purchase-breadcrumb ul li a.bundleActive{background:url(/_layouts/1033/Images/MTNcoza/myprofile/btn-selectBundleActive.gif); width:168px; height:24px; display:block} .myprofile-purchase-breadcrumb ul li a.bundle{background:url(/_layouts/1033/Images/MTNcoza/myprofile/btn-selectBundle.gif); width:168px; height:24px; display:block} .myprofile-purchase-breadcrumb ul li a.bundleVisited{background:url(/_layouts/1033/Images/MTNcoza/myprofile/btn-selectBundleVisited.gif); width:168px; height:24px; display:block} .myprofile-purchase-breadcrumb ul li a.confirmSelectionActive{background:url(/_layouts/1033/Images/MTNcoza/myprofile/btn-confirmSelectionActive.gif); width:136px; height:24px; display:block} .myprofile-purchase-breadcrumb ul li a.confirmSelection{background:url(/_layouts/1033/Images/MTNcoza/myprofile/btn-confirmSelection.gif); width:136px; height:24px; display:block} .myprofile-purchase-breadcrumb ul li a.confirmSelectionVisited{background:url(/_layouts/1033/Images/MTNcoza/myprofile/btn-confirmSelectionVisited.gif); width:136px; height:24px; display:block} .myprofile-purchase-breadcrumb ul li a.confirmActive{background:url(/_layouts/1033/Images/MTNcoza/myprofile/btn-confirmationActive.gif); width:125px; height:24px; display:block} .myprofile-purchase-breadcrumb ul li a.confirm{background:url(/_layouts/1033/Images/MTNcoza/myprofile/btn-confirmation.gif); width:125px; height:24px; display:block} .myprofile-purchase-bundles{float:left; width:400px; font-size:11px} td.middleHead {line-height:25px;color:#373737; font-size:12px;} td.middle {line-height:25px} .myprofile-purchase-services{float:right; background:url(/_layouts/1033/Images/MTNcoza/myprofile/dividerLine.gif) repeat-y; width:124px; padding:0 0 0 20px; font-size:11px} .purchaseHeading {color:#373737; font-weight:bold; padding-bottom:20px; font-size:12px} .fr {float:right} .fl {float:left} .stepThreeBack {float:left; margin-right:10px} .stepFourBack {float:left} .stepFourCancel {margin-right:10px; float:right} .stepFour {float:right} .clearfix {clear:both; height:0px}