/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}
*/
/* Globals --------------------------------------- */
.list-style {
  list-style: none;
}
.divider-rb {
  border-right: 1px solid rgba(0, 0, 0, 0.18);
}
.divider-rw {
  border-right: 1px solid rgba(255, 255, 255, 0.18);
}
.red {
  color: #ff0000;
}
.list {
  list-style-type: disc;
  margin: 0 0 0 20px !important;
  line-height: 1.3em;
}
.list li {
  float: none;
  clear: both;
}
.block {
  display: block;
}
.clear {
  clear: both;
}
.hideThis {
  display: none;
}
.styleThese .dp .showMore,
.styleThis .dp .showMore {
  font-weight: bold;
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
  background-position: 4px center  !important;
  padding-left: 26px  !important;
  display: block;
  margin: 10px 0 0;
}
.styleThese .dp .hideMore,
.styleThis .dp .hideMore {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png') no-repeat scroll top left transparent;
}
.styleThese .dp .hiddenBit,
.styleThis .dp .hiddenBit {
  text-decoration: none;
}
.device-type li {
  border: 1px solid #cacaca;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 0;
}
.device-type a {
  padding: 0  !important;
}
.deviceType li {
  border: 1px solid #cacaca;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 0;
  padding: 15px;
}
.deviceType a {
  padding: 0  !important;
}
div.selector,
div.selector span,
div.checker span,
div.radio span {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/uniformsprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
div.selector,
div.checker,
div.button,
div.radio,
div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  margin: 0 5px 2px 0;
}
div.selector:focus,
div.checker:focus,
div.radio:focus {
  outline: 0;
}
div.selector,
div.selector *,
div.radio,
div.radio *,
div.checker,
div.checker * {
  padding: 0;
  text-decoration: none;
}
div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none;
}
div.selector {
  background-position: 0px -198px;
  line-height: 35px;
  height: 35px;
  padding: 0 0 0 3px;
  position: relative;
  overflow: hidden;
  width: 100%  !important;
}
div.selector span {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  background-position: right -158px;
  height: 35px;
  line-height: 35px;
  padding-right: 25px;
  padding-left: 4px;
  cursor: pointer;
  width: 100%  !important;
}
div.selector.fixedWidth {
  width: 160px;
}
div.selector.fixedWidth span {
  width: 125px;
}
div.selector select {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 30px;
  top: 2px;
  left: 0px;
  width: 100%;
}
div.checker {
  margin: 0 5px 2px 0;
  position: relative;
}
div.checker,
div.checker span,
div.checker input {
  width: 23px;
  height: 23px;
}
div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: -30px 0;
}
div.checker span.checked {
  background-position: -30px -30px;
}
div.checker input {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
div.radio {
  margin: 0 5px 2px 0;
  position: relative;
}
div.radio,
div.radio span,
div.radio input {
  width: 22px;
  height: 22px;
}
div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 0;
}
div.radio span.checked {
  background-position: 0 -29px;
}
div.radio input {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
}
.vodaTable {
  margin-top: 0;
  min-width: 850px;
  text-align: center;
  width: 100%;
}
.vodaTable .tblStatic {
  background: #cccccc;
}
.vodaTable tr > th {
  background: none repeat scroll 0 0 #dedede;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 10px;
  text-align: center;
}
.vodaTable tr > th small {
  display: block;
  font-weight: normal;
}
.vodaTable tr > th span {
  display: block;
}
.vodaTable tr > td {
  border-bottom: 1px solid #E6E6E6;
  padding: 20px 10px;
}
.vodaTable .tableClone tr th {
  background: none repeat scroll 0 0 #DEDEDE;
  font-size: 16px;
  font-weight: bold;
  padding: 17px 0;
  text-align: center;
  width: auto;
}
.vodaTable .tableClone td {
  background: none repeat scroll 0 0 #CCCCCC;
  border-bottom: 1px solid #E6E6E6;
  padding: 21px 0;
  text-align: center;
}
.tableClone {
  left: 0;
  position: absolute;
  top: 0;
  width: 130px;
}
.tableClone td {
  text-align: center;
  border-bottom: 1px solid #E6E6E6;
  padding: 20px 10px;
}
.tableClone tr th {
  background: none repeat scroll 0 0 #DEDEDE;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 10px;
  text-align: center;
}
.tblStatic {
  background: none repeat scroll 0 0 #CCCCCC;
}
.c-26 {
  width: 26.333%;
  padding: 20px 0 0 0;
  float: left;
}
.c-25 {
  width: 25%;
  float: left;
}
.c-31 {
  float: left;
  margin-right: 20px;
  width: 31%;
}
.c-33 {
  float: left;
  width: 33.333%;
  margin: 0;
}
.c-45 {
  width: 46.333%;
  float: left;
}
.c-50 {
  width: 50%;
}
.c-69 {
  width: 69%;
  float: left;
  margin: 0;
}
.c-75 {
  width: 75%;
  float: left;
}
.c-80 {
  width: 76%;
}
@media only screen and (max-width: 767px) {
  .c-26 {
    clear: both;
    float: none !important;
    width: 100%;
  }
}
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: 'VodafoneBold';
  src: url("vodacom/framework/skins/vodacom_skins/css/fonts/vodafonergbd-webfont.eot");
  src: url("vodacom/framework/skins/vodacom_skins/css/fonts/vodafonergbd-webfont.eot?#iefix") format("embedded-opentype"), url("vodacom/framework/skins/vodacom_skins/css/fonts/vodafonergbd-webfont.woff") format("woff"), url("vodacom/framework/skins/vodacom_skins/css/fonts/vodafonergbd-webfont.ttf") format("truetype"), url("vodacom/framework/skins/vodacom_skins/css/fonts/vodafonergbd-webfont.svg#VodafoneBold") format("svg");
}
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: 'VodafoneRegular';
  src: url("vodacom/framework/skins/vodacom_skins/css/fonts/VodafoneRgd41d.eot");
  src: url("vodacom/framework/skins/vodacom_skins/css/fonts/VodafoneRgd41d.eot?#iefix") format("embedded-opentype"), url("vodacom/framework/skins/vodacom_skins/css/fonts/VodafoneRg.woff") format("woff"), url("vodacom/framework/skins/vodacom_skins/css/fonts/VodafoneRg.ttf") format("truetype"), url("vodacom/framework/skins/vodacom_skins/css/fonts/VodafoneRg.svg#VodafoneRegular") format("svg");
}
/* Main --------------------------------------- */
html {
  height: 100%;
  min-width: 320px;
}
body {
  height: 100%;
  color: #333333;
  font: 400 14px / 1 "Arial", sans-serif;
}
header {
  min-height: 75px;
  margin-bottom: 20px;
}
ul {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
  margin: 0  !important;
}
header,
main,
footer {
  clear: both;
}
hr,
.hr {
  border: 0;
  border-top: 1px solid #cccccc;
  height: 0;
  margin-top: 0;
  margin-bottom: 15px;
}
main {
  padding: 0 20px;
}
main a {
  text-decoration: underline  !important;
}
main a.btn {
  text-decoration: none  !important;
}
main .pagination .pageSelect a {
  text-decoration: none  !important;
}
main .mod-fl-menu a {
  text-decoration: none  !important;
}
a {
  text-decoration: none;
}
a,
a:link,
a:visited,
a:hover,
a:focus,
a:active {
  outline: 0;
  color: #333;
}
.main-grid-full h1 {
  margin-top: 0px;
}
.modulesRight a {
  text-decoration: underline;
}
h1 {
  color: #e60000;
  font: 400 45px / 1.125 "VodafoneRegular";
  margin-top: 5px;
  margin-bottom: 5px;
}
h2 {
  color: #333333;
  font-weight: 400;
  font-size: 22px;
  line-height: / 1.158;
  margin-top: 30px;
}
h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: / 1.176;
  color: #333;
  margin: 30px 0 10px;
}
h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: / 1.333;
}
h5,
h6 {
  font-weight: 700;
  font-size: 14px;
  line-height: / 1.3;
  margin: 5px 0;
}
table tr td {
  vertical-align: top;
}
input,
textarea,
select {
  border: 0 none;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75) inset;
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75) inset;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75) inset;
  font-size: 16px;
  font-family: sans-serif;
  padding: 10px;
  width: 100%;
}
figure {
  margin: 0;
}
figure figcaption {
  margin: 15px 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3;
}
.padding {
  padding: 0 20px 20px;
}
.container-fluid {
  margin: 0 auto;
  max-width: 1024px;
  padding: 0 60px;
}
.rhombus {
  position: absolute;
  top: -10px;
  left: -927px;
  z-index: 0;
  width: 100%;
  height: 125px;
  background: url('vodacom/framework/skins/vodacom_skins/img/rhombus-1.png') no-repeat scroll top left transparent;
  display: none;
}
.rhombus img {
  bottom: 35px;
  position: absolute;
  right: -5px;
  display: none;
}
.m-logo {
  position: absolute;
  top: 40px;
  left: 20px;
  z-index: 100;
  display: none;
}
.r-sml {
  display: none;
}
.logo {
  position: absolute;
  top: 37px;
  z-index: 100;
}
.search {
  position: relative;
  background-color: #F4F4F4;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 15px;
}
.link-arrow:after,
.list-link-arrow a:after {
  border: 3px solid transparent;
  border-left-color: inherit;
  content: ' ';
  left: 100%;
  margin: 7px 0 1px 4px;
  display: inline-block;
}
#nav-primary,
#nav-custom .a-dbl {
  line-height: 1em;
  vertical-align: top  !important;
}
#nav-primary a,
#nav-custom .a-dbl a {
  display: inline-block  !important;
  vertical-align: top  !important;
  line-height: 1.25em  !important;
}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
  background: #FFFFFF;
  border: 1px solid;
}
/* --------------------- Navigation*/
#main-nav {
  position: relative;
}
#nav-primary {
  z-index: 20;
}
#nav-menu {
  width: 69%;
  float: left;
  margin: 0;
}
#nav-menu li#closeBtn {
  display: none;
}
#nav-menu li#mobileLogoutLi {
  display: none;
}
#nav-menu li {
  display: block;
  float: left;
  white-space: nowrap;
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  border-right: 1px solid rgba(255, 255, 255, 0.18);
}
#nav-menu li .selected {
  background: none repeat scroll 0 0 #840000;
}
#nav-menu li:first-child a {
  border-left: 0;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#nav-menu a {
  padding: 10px 20px;
  color: #fff;
  font: 400 21px / 1.07 "VodafoneRegular";
}
#nav-menu a:hover {
  background: #840000;
  text-decoration: underline;
}
#nav-menu a.nav-active,
#nav-menu a.nav-current {
  border-right-color: transparent;
  background: #750000;
}
#nav-custom {
  z-index: 400;
}
#nav-primary,
#nav-custom {
  margin: 0;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #E31F00;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
}
.navbar {
  position: absolute;
  top: 2.7em;
  width: 79%;
}
.navbar-search {
  position: absolute;
  top: 0;
  right: 0;
  margin: 4px 5px;
  width: 27%;
}
.navbar-search input {
  height: 34px  !important;
}
.nav-bus {
  position: absolute;
  top: 1em;
  right: 1.2em;
  line-height: 22px;
  width: 78%;
}
.nav-bus .count {
  padding: 0 3px;
  border: 1px solid #FFF;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #E60000;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 14px;
  position: absolute;
  right: 0;
  text-align: right;
  top: -10px;
  width: auto;
}
.nav-bus .ddl-inset {
  background-color: #F4F4F4;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 3px -1px #999999 inset;
  -webkit-box-shadow: 0 1px 3px -1px #999999 inset;
  box-shadow: 0 1px 3px -1px #999999 inset;
  margin: -10px 6px 10px 0;
  padding: 10px 5px 2px 6px;
  position: relative;
  z-index: 99999;
  height: 33px;
}
.nav-bus li {
  float: right;
  margin: 0 0 0 6px;
}
.nav-bus li .ddm {
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  overflow: hidden;
  z-index: 999;
  display: none;
  background: #fff;
  width: 150px;
  line-height: 2em;
  text-align: left;
  position: relative;
  margin: 7px 0 0 -6px  !important;
}
.nav-bus li .ddm li {
  width: 150px;
  margin: 0;
  padding: 5px 15px 5px 5px  !important;
  position: relative;
  display: block;
  float: left;
}
.nav-bus li .loginDropDown {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/bannerHomeArrowDown.png");
  background-position: right center;
  background-repeat: no-repeat;
  width: 48px;
  margin-right: -5px;
}
.nav-bus .current a {
  color: #ca0000  !important;
}
.nav-bus .n-left {
  float: left  !important;
}
.nav-bus li {
  vertical-align: middle;
  line-height: 1em;
}
.nav-bus li a {
  color: #333333;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.25em;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.navbar-search .btn-search {
  padding: 0 5px;
  height: 30px  !important;
}
.nav-bus li a:hover {
  text-decoration: underline;
}
.nav-close {
  display: none;
  border: none;
  background-color: #fff;
  color: #656565;
  font-size: 18px;
  text-align: center;
  padding: 5px 20px 5px 10px;
}
.nav-close a:hover {
  text-decoration: underline;
}
.nav-close:hover {
  text-decoration: underline;
  background: #ffffff  !important;
}
#searchCloseBtn {
  display: none;
}
#searchCloseBtn .nav-close {
  border-bottom: none;
}
/* --------------------- Icons */
.i-basket {
  padding-left: 40px;
}
.i-bus-sites {
  padding: 3px 0 2px 30px;
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/business-sites.png') no-repeat scroll left center transparent;
}
.i-search,
.i-search-pg {
  display: block  !important;
  padding: 5px 15px 5px 35px  !important;
  width: 100%;
  height: 25px  !important;
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/search-main.png') no-repeat scroll 8px #ffffff;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font: 400 20px / 1.176 "VodafoneRegular";
}
.i-search-pg {
  height: 35px  !important;
  width: 50%;
  float: left;
}
.i-buy-online,
.i-getting-started,
.i-internet-services {
  margin: 0;
  padding: 10px 10px 30px 70px;
}
.i-internet-services {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/pay-monthly-sml.png') no-repeat scroll left center transparent;
}
.i-getting-started {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/device-services.png') no-repeat scroll left center transparent;
}
.i-buy-online {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/new-user.png') no-repeat scroll left center transparent;
}
.i-arrow-down-lrg,
.i-arrow-up-lrg {
  display: none;
  float: right;
  margin-top: -18px;
  width: 13px;
  height: 8px;
}
.i-arrow-down-lrg {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
}
.i-arrow-up-lrg {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png') no-repeat scroll top left transparent;
}
.i-extras {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/extras.png') no-repeat scroll left 0 transparent;
  color: #333;
  padding: 10px 0 10px 40px;
}
.i-extras,
.i-apps {
  display: block;
}
.i-apps {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/apps.png') no-repeat scroll left 13px transparent;
}
.i-signal {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/signal.png') no-repeat scroll left 14px transparent;
}
.i-need-help {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/need-help.png") no-repeat scroll left center transparent;
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/need-help.png");
}
.i-basket {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/basket.png") no-repeat scroll left center transparent;
}
.i-shield {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/shield.png') no-repeat scroll left 14px transparent;
}
.i-apps h3,
.i-signal h3,
.i-need-help h3,
.i-shield h3,
.i-basket h3 {
  border-bottom: 1px solid #8f8f8f;
  margin: 0 0 10px;
  padding: 6px 0 6px 40px;
}
.search .i-search {
  margin: 10px 0;
  height: 40px  !important;
}
.i-mv-head {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/myvf-head.png") no-repeat left center transparent;
}
.i-need-help,
.i-top-up,
.i-pay-bill,
.i-basket {
  background: none;
}
.i-bus {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent;
  background-position: -61px -82px;
  height: 15px;
  width: 22px;
}
.i-lan {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent;
  background-position: -319px 1px;
  height: 17px;
  width: 22px;
}
.i-bask {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent;
  background-position: 0 -124px;
  height: 16px;
  width: 19px;
}
.i-bus,
.i-lan,
.i-bask {
  display: inline-block;
  margin: 0 8px;
  vertical-align: bottom;
}
.i-bubble {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/speech-bubble.png") no-repeat scroll 94% 94% transparent;
}
.i-calls {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/phone-lrg.png") no-repeat scroll top left transparent;
}
.i-mails {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/email-lrg.png") no-repeat scroll top left transparent;
}
.i-net {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/abroad-lrg.png") no-repeat scroll top left transparent;
}
.i-device {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/use-device.png") no-repeat scroll top left transparent;
}
.i-rewards {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/rewards.png") no-repeat scroll top left transparent;
}
.i-onenet {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/onenet.png") no-repeat scroll top left transparent;
}
.i-bubble,
.i-calls,
.i-mails,
.i-net,
.i-device,
.i-rewards,
.i-onenet {
  height: 60px;
  display: inline-block;
  font: 400 20px / 1 "Arial", sans-serif;
  margin: 0;
  padding: 15px 15px 15px 75px;
  color: #333;
}
.i-arrow-up-grey {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/arrow-up-grey.png") no-repeat scroll 0 7px transparent;
  display: inline-block;
  height: 100%;
  width: 13px;
  background-position: 0px 7px 0px 0px;
}
.i-carousel-arrow-left {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/carousel-left.png") no-repeat center transparent;
  width: 35px;
  height: 111px;
  display: inline-block;
  cursor: pointer;
}
.i-carousel-arrow-right {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/carousel-right.png") no-repeat center transparent;
  width: 35px;
  height: 111px;
  display: inline-block;
  cursor: pointer;
}
.i-fl-help,
.i-fl-chat,
.i-fl-geo,
.i-fl-contact {
  line-height: 3em;
  display: block;
  /*padding: 10px;
    border-top: 1px solid #ADADAD;
    background-position: center @i;*/
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
}
.i-fl-help {
  background-image: url(vodacom/framework/skins/vodacom_skins/sprite/icon-fl-sprite.png);
  background-position: 0px -100px;
  width: 32px;
  height: 32px;
}
.i-fl-chat {
  background-image: url(vodacom/framework/skins/vodacom_skins/sprite/icon-fl-sprite.png);
  background-position: 0px -32px;
  width: 32px;
  height: 32px;
}
.i-fl-geo {
  background-image: url(vodacom/framework/skins/vodacom_skins/sprite/icon-fl-sprite.png);
  background-position: 0px -66px;
  width: 32px;
  height: 32px;
}
.i-fl-contact {
  background-image: url(vodacom/framework/skins/vodacom_skins/sprite/icon-fl-sprite.png);
  background-position: 0px 0px;
  width: 32px;
  height: 30px;
}
/* --------------------- Buttons */
a.navbar-toggle {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0)  !important;
  box-shadow: none  !important;
  padding: 0  !important;
  line-height: 2em;
  height: 2em  !important;
  margin: 6px 0  !important;
  text-align: left;
}
a.navbar-toggle span {
  vertical-align: bottom;
  display: inline-block;
  padding: 2px 20px 0 10px;
  border-left: 1px solid #cacaca;
  line-height: 2em;
  height: 2em;
}
.btn-search {
  position: absolute;
  top: 2px;
  right: 2px;
  display: none;
  padding: 4px 10px;
  background: #FFFFFF;
  margin: 0  !important;
  width: auto;
}
.btn-help,
.btn-comm,
.btn-login {
  padding: 5px 0  !important;
}
.btn-help {
  white-space: normal;
  line-height: 1.4em;
}
.btn-comm {
  width: 200px;
}
.btn-alt {
  background: #fff;
  color: #333333;
  box-shadow: none  !important;
}
.btn-ss {
  padding: 0 20px 0  !important;
  font-size: 20px;
  display: table;
  margin: 0 auto;
}
.btn-search-pg {
  border-color: #525252;
  -webkit-text-shadow: none;
  text-shadow: none;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #FFFFFF;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  border: 0;
  padding: 10px 20px;
  margin: 0 0 0 20px;
  width: auto;
}
/* --------------------- Grid */
.cols0 .tidbit {
  margin-left: 45px;
  display: none;
}
.center {
  margin: 0 auto;
}
.main-grid-full {
  z-index: 300;
  clear: both;
  width: 100%;
}
.main-grid-full li a {
  padding: 0 5px 0 8px;
}
.main-grid-full .breadcrumb.ie {
  margin: 0  !important;
  float: left;
  width: 80%;
  line-height: 10px;
  padding: 8px 0;
}
.main-grid-full .breadCrumbSpan {
  float: left;
  line-height: 10px  !important;
  padding: 8px 0;
  margin: 0  !important;
  color: #e60000;
  font-weight: 700;
}
.main-grid-full h2 {
  margin-top: 0  !important;
}
.main-grid-full h1 {
  margin-top: 0;
}
.main-grid-full ul.lists {
  list-style-position: outside;
}
.main-grid-full ul.lists li {
  margin-left: 15px !important;
}
.main-grid-full ul.lists li a {
  padding: 0px !important;
}
.description ul li {
  list-style-position: outside;
  margin-left: 15px !important;
}
.device-overview,
.mod-quick-links {
  margin-top: 20px;
}
.mod-quick-links .cols3,
.main-center .cols3,
.mod-sbm .cols3 {
  float: left;
  margin-right: 20px;
  width: 31%;
}
.mod-quick-links .cols3 li,
.main-center .cols3 li,
.mod-sbm .cols3 li {
  padding: 10px;
  border-top: 1px solid #CCCCCC;
  line-height: 1;
}
.mod-quick-links .cols3.added li,
.main-center .cols3.added li,
.mod-sbm .cols3.added li {
  display: list-item;
}
.mod-quick-links .cols3:nth-child(3n),
.main-center .cols3:nth-child(3n),
.mod-sbm .cols3:nth-child(3n) {
  margin: 0  !important;
}
.mod-quick-links .cols3 a,
.main-center .cols3 a,
.mod-sbm .cols3 a {
  color: #333333;
}
.mod-quick-links .cols3 h3,
.main-center .cols3 h3,
.mod-sbm .cols3 h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}
.mod-quick-links .cols4,
.main-center .cols4,
.mod-sbm .cols4 {
  width: 100%;
  float: left;
  margin: 2px 2px 20px;
}
.mod-quick-links .cols4 p,
.main-center .cols4 p,
.mod-sbm .cols4 p {
  line-height: 1.5;
  margin-bottom: 15px;
}
.mod-quick-links .cols2,
.main-center .cols2,
.mod-sbm .cols2 {
  width: 75%;
  float: left;
  margin: 2em 0 0 1em;
}
.cols0 {
  width: 100%  !important;
}
.c-26 {
  line-height: 3em;
  text-align: center;
}
.c-26,
.o-s {
  margin-bottom: 0;
}
.o-s {
  width: 46.333%;
  float: left;
  padding: 20px 0;
  line-height: 1.5em;
}
.o-s strong {
  display: block;
}
.main-center .cols3 {
  margin-left: 0  !important;
}
.nb {
  border: 0  !important;
  padding-top: 20px  !important;
}
.margin {
  margin: 20px 0 0 0;
}
/* --------------------- Help-bar */
.help-bar .cols4:last-child {
  margin-right: 0;
}
.li-first {
  border-top: 0  !important;
}
/* --------------------- Breadcrumb */
.breadcrumb,
.main-grid-full.breadCrumbSpan {
  line-height: 30px;
}
.breadcrumb {
  margin: 18px 0 0 0  !important;
}
.breadcrumb a {
  color: #616161;
}
.breadcrumb li {
  float: left;
}
.breadcrumb li a {
  text-decoration: underline;
}
.breadcrumb li:last-child a {
  font-weight: 700;
  text-decoration: none;
}
.sml {
  float: right;
  padding-bottom: 20px  !important;
  width: 17%  !important;
}
/* --------------------- Help Topics */
.help-topics-1 li,
.help-topics-2 li,
.help-topics-3 li {
  padding: 10px 0 10px 70px  !important;
  border: 0  !important;
}
.help-topics-1 li {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/alert.png') no-repeat scroll center left transparent;
}
.help-topics-2 li {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/puzzle.png') no-repeat scroll center left transparent;
}
.help-topics-3 li {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/coverage.png') no-repeat scroll center left transparent;
}
.help-bar h3 {
  margin: 10px 0 20px 0;
}
.copy {
  margin-top: 20px;
}
/* --------------------- Quick Links */
.ql {
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  margin: 2px 2px;
  padding: 0;
  float: left;
}
.ql h3 {
  margin: 0;
  padding: 15px;
}
.ql ul li form {
  background: #868686;
  -moz-box-shadow: 0 -3px 10px -1px #2e2e2e inset;
  -webkit-box-shadow: 0 -3px 10px -1px #2e2e2e inset;
  box-shadow: 0 -3px 10px -1px #2e2e2e inset;
  padding: 15px;
}
.ql ul li form .btn-help,
.ql ul li form .btn-more {
  width: 100%;
  margin: 5px 0;
}
.ql ul li form .btn-more {
  padding: 10px 20px 11px  !important;
  font-size: 13px;
}
.ql ul li form .btn-more b {
  border: 0 none;
  color: #FFFFFF;
  font-size: inherit;
  font-weight: normal;
  white-space: normal;
  padding: 0  !important;
  line-height: 1em;
  display: block;
}
.ql ul li form h4,
.ql ul li form .breadCrumbSpan {
  display: none;
}
.ql .link-arrow {
  color: #fff;
}
.ql .link-arrow:after,
.ql .link-arrow a:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-left-color: inherit;
  border-right: 3px solid rgba(0, 0, 0, 0);
  border-style: solid;
  border-top: 3px solid rgba(0, 0, 0, 0);
  border-width: 3px;
  content: " ";
  display: inline-block;
  left: 100%;
  margin: 7px 0 1px 4px;
}
.ql .btn-login,
.ql .link-arrow {
  display: none;
}
.ql .ql-bg {
  background-color: #FAFAFA;
  background: #FFFFFF;
  border-top: 1px solid #ADADAD;
  display: block;
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2em;
  padding: 20px 30px 20px 20px;
  position: relative;
}
.ql .ql-bg a {
  color: #333;
}
.ql li:last-child {
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  -o-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.ql .i-ar-lrg-active {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right.png") no-repeat scroll right center transparent;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
}
/* --------------------- Mods  */
.solution-selector {
  clear: both;
  background: #fff;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 1px 3px #000000;
  -webkit-box-shadow: 0 1px 3px #000000;
  box-shadow: 0 1px 3px #000000;
  margin-bottom: 20px;
  padding: 15px;
}
.solution-selector .ss-img {
  border-right: 1px solid #d5d5d5;
  padding: 5px 25px 5px 15px;
  float: left;
  margin: 0 20px 0 0;
}
.mod-help-devices {
  overflow: hidden;
  margin: 20px 0 0 0  !important;
}
.mod-help-devices div .icons {
  display: none;
}
.mod-help-devices h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 2;
}
.mod-help-devices .step-number {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") no-repeat scroll -323px -113px transparent;
  height: 32px;
  width: 32px;
  font: 18px "VodafoneBold";
  text-align: center;
  color: #fff;
  line-height: 32px;
  display: inline-block  !important;
  vertical-align: middle;
}
.mod-help-devices .inactive .step-number {
  background-position: -123px -26px;
}
.mod-help-devices .complete .step-number {
  background-position: -91px -54px;
  height: 0;
  padding-top: 32px;
  overflow: hidden;
}
.mod-help-devices .icons {
  border: 1px solid #999999;
  margin-top: 15px;
  padding: 8px;
  overflow: hidden;
}
.mod-help-devices .icons li {
  padding: 8px;
  width: 25%;
  float: left;
}
.mod-help-devices .icons li .icon {
  border: 4px solid #ffffff;
  -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75) rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75) rgba(0, 0, 0, 0);
  box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75) rgba(0, 0, 0, 0);
  text-align: center;
  padding: 8px;
  background: #f4f4f4;
  cursor: pointer;
}
.mod-help-devices .icons li .icon:hover {
  background: #fff;
}
.mod-help-devices .icons li .icon img {
  height: 56px;
}
.mod-help-devices .icons li .icon p {
  margin: 0;
  font-weight: 700;
}
.mod-help-devices select {
  padding: 10px 10px 10px 5px;
  width: 98%;
  border: 1px solid #fff;
  border-radius: 6px;
  -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
  margin-left: 1%;
  margin-bottom: 5px;
  margin-right: 1%;
  background: url(vodacom/framework/skins/vodacom_skins/css/img/selector-bg.png) #ffffff right top no-repeat;
}
.mod-help-devices .inactive select {
  box-shadow: none;
  border: 1px solid #ccc;
}
.mod-help-devices .cols3:nth-child(3n+1) {
  margin-right: 0  !important;
}
.mod-help-devices .cols3 {
  float: left;
  width: 33.333%;
  margin: 0;
}
.mod-sb {
  float: left;
  padding: 25px 25px 53px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 76%;
  margin: 20px 0 20px 0;
  line-height: 1.5em;
  border: 1px solid #999999;
}
.mod-sb h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 2;
}
.mod-sb select {
  padding: 10px 0;
  width: 100%;
}
.mod-sb .cols3:nth-child(3n+1) {
  margin-right: 0  !important;
}
.mod-sb .cols3 {
  padding-right: 3%  !important;
  float: left;
  width: 33.333%;
  margin: 0;
}
.mod-sb.cols0 {
  padding: 25px  !important;
  margin-top: 0;
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/speech-bubble.png") no-repeat scroll 94% 94% transparent;
}
.mod-sb.cols0 h3 {
  margin: 0 0 10px 0  !important;
}
.mod-sb.cols0 p {
  margin: 0 0 15px;
}
.mod-sb.sml {
  text-align: center;
  margin-left: 20px;
}
.mod-sb.sml p {
  line-height: 1.5em;
}
.mod-sbm,
.mod-sb.cols0 {
  margin: 20px 0;
}
.mod-help-other {
  margin: 20px 0;
}
.mod-help-other .mho {
  background: none repeat scroll 0 0 #F7F7F7;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 3px #999999 inset;
  -webkit-box-shadow: 0 1px 3px #999999 inset;
  box-shadow: 0 1px 3px #999999 inset;
  padding: 20px 25px 0;
}
.mod-help-other .mho li {
  padding: 20px 0;
  float: left;
  width: 33.333%;
  margin: 0;
}
.mod-help-other .mho .i-bubble {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/speech-bubble.png") no-repeat scroll 94% 94% transparent;
}
.mod-help-other .mho .i-calls {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/phone-lrg.png") no-repeat scroll top left transparent;
}
.mod-help-other .mho .i-mails {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/email-lrg.png") no-repeat scroll top left transparent;
}
.mod-help-other .mho .i-net {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/abroad-lrg.png") no-repeat scroll top left transparent;
}
.mod-help-other .mho .i-device {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/use-device.png") no-repeat scroll top left transparent;
}
.mod-help-other .mho .i-rewards {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/rewards.png") no-repeat scroll top left transparent;
}
.mod-help-other .mho .i-onenet {
  background: url("vodacom/framework/skins/vodacom_skins/img/misc/onenet.png") no-repeat scroll top left transparent;
}
.mod-help-other .mho .i-bubble,
.mod-help-other .mho .i-calls,
.mod-help-other .mho .i-mails,
.mod-help-other .mho .i-net,
.mod-help-other .mho .i-device,
.mod-help-other .mho .i-rewards,
.mod-help-other .mho .i-onenet {
  height: 60px;
  display: inline-block;
  font: 400 20px / 1 "Arial", sans-serif;
  margin: 0;
  padding: 15px 15px 15px 75px;
  color: #333;
}
.mod-main-banner {
  width: 75%;
  float: left;
  float: right;
}
.mod-main-banner .device-overview {
  padding: 0  !important;
  margin: 0  !important;
}
.mod-main-banner #tabs {
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.mod-main-banner #tabs .ui-tabs-panel {
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.mod-main-banner #tabs img {
  width: 100%;
}
.mod-main-banner #tabs li {
  background: #F4F4F4;
}
.mod-main-banner #tabs li a {
  background: #777370;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 2.7em;
  -webkit-text-shadow: 0 1px 2px #000000;
  text-shadow: 0 1px 2px #000000;
  font-weight: normal;
}
.mod-main-banner #tabs .mdd-tabs .ui-state-active,
.mod-main-banner #tabs .mdd-tabs .ui-widget-content .ui-state-active,
.mod-main-banner #tabs .mdd-tabs .ui-widget-header .ui-state-active {
  background: url("vodacom/framework/skins/vodacom_skins/img/landingPage/bannerHomeArrow.png") no-repeat center top #f4f4f4;
}
.mod-main-banner #tabs .mdd-tabs .ui-state-active {
  height: 2.6em;
  padding: 0;
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.mod-main-banner #tabs .mdd-tabs .ui-state-active a {
  margin-top: 6px;
  vertical-align: bottom;
  -moz-box-shadow: 1px 1px 6px #191919 inset  !important;
  -webkit-box-shadow: 1px 1px 6px #191919 inset  !important;
  box-shadow: 1px 1px 6px #191919 inset  !important;
  background: #636363;
}
.mod-main-banner #tabs ul {
  width: 100%;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -moz-box-shadow: 0 0 0 0;
  -webkit-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}
.mod-callback,
.mod-device-details {
  border-bottom: 1px solid #CCCCCC;
  margin: 10px 0;
}
.mod-callback .btn-submit,
.mod-device-details .btn-submit {
  font-size: 20px;
  padding: 10px 20px 11px;
  width: auto  !important;
  background: none repeat scroll 0 0 #9C2AA0;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  color: #FFFFFF;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  margin: 20px 6px 20px 0  !important;
  text-align: center;
  -webkit-text-shadow: 0 -1px #222222;
  text-shadow: 0 -1px #222222;
}
.mod-callback label,
.mod-device-details label,
.mod-callback .email-form input,
.mod-device-details .email-form input {
  display: block;
  width: 50%;
  line-height: 2.5em;
  padding-bottom: 0;
  margin: 0;
  height: 2.5em;
  vertical-align: middle;
}
.mod-callback select,
.mod-device-details select {
  width: 50%;
}
.mod-callback .email-form input,
.mod-device-details .email-form input {
  padding: 0 10px;
}
.mod-callback label,
.mod-device-details label {
  vertical-align: bottom;
  font-weight: bold;
}
.mod-callback a,
.mod-device-details a {
  color: #333333;
  cursor: pointer;
  text-decoration: none;
  line-height: 2.5em;
}
.mod-callback .device-overview,
.mod-device-details .device-overview {
  border-left: 1px solid #DDDDDD;
  -moz-box-shadow: -8px 0px 10px -5px #cccccc;
  -webkit-box-shadow: -8px 0px 10px -5px #cccccc;
  box-shadow: -8px 0px 10px -5px #cccccc;
  padding: 25px 5px 25px 40px;
  width: 75%;
  float: left;
}
.mod-callback .head,
.mod-device-details .head {
  border-bottom: 1px solid #CCCCCC;
  display: block;
  padding: 0 0 10px 0;
  font-weight: bold;
}
.mod-callback del,
.mod-device-details del {
  text-decoration: none;
  display: none;
}
.mod-callback nav,
.mod-device-details nav {
  width: 25%;
  float: left;
}
.mod-callback nav ul,
.mod-device-details nav ul {
  margin-bottom: 30px;
}
.mod-callback nav ul li,
.mod-device-details nav ul li {
  border-bottom: 1px solid #CCCCCC;
  padding: 2px 0 2px 10px;
  position: relative;
}
.mod-callback nav .selected,
.mod-device-details nav .selected {
  background: none repeat scroll 0 0 #6A6A6A;
  font-weight: bold;
}
.mod-callback nav .selected a,
.mod-device-details nav .selected a {
  color: #ffffff  !important;
}
.mod-callback nav .selected .i-ar-bg,
.mod-device-details nav .selected .i-ar-bg {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-vert-arrow.png") no-repeat scroll right center transparent;
  height: 36px;
  right: -10px;
  width: 10px;
  position: absolute;
}
.mod-device-details .device-overview,
.mod-main-banner .device-overview {
  padding: 0 5px 25px 40px;
}
.mod-device-details .device-overview form,
.mod-main-banner .device-overview form {
  width: 50%;
  float: left;
}
.mod-device-details .device-overview form input[type=radio],
.mod-main-banner .device-overview form input[type=radio] {
  display: none;
}
.mod-device-details .device-overview form .btn,
.mod-main-banner .device-overview form .btn,
.mod-device-details .device-overview form strong,
.mod-main-banner .device-overview form strong {
  margin: 10px 10px 10px 0;
}
.mod-device-details .device-overview .act-icons,
.mod-main-banner .device-overview .act-icons {
  float: right;
}
.mod-device-details .device-overview .act-icons li,
.mod-main-banner .device-overview .act-icons li {
  float: left;
}
.mod-device-details .device-overview .act-icons li a,
.mod-main-banner .device-overview .act-icons li a {
  display: block;
  padding: 10px;
}
.mod-device-details .device-overview .act-icons li a .i-print,
.mod-main-banner .device-overview .act-icons li a .i-print {
  background-position: -92px 3px  !important;
  height: 30px;
  width: 30px;
}
.mod-device-details .device-overview .act-icons li a .i-bookmark,
.mod-main-banner .device-overview .act-icons li a .i-bookmark {
  background-position: -370px -45px  !important;
  height: 30px;
  width: 23px;
}
.mod-device-details .device-overview .act-icons li a .i-share,
.mod-main-banner .device-overview .act-icons li a .i-share {
  background-position: -285px -45px  !important;
  height: 30px;
  width: 28px;
}
.mod-device-details .device-overview .act-icons li a .i-print,
.mod-main-banner .device-overview .act-icons li a .i-print,
.mod-device-details .device-overview .act-icons li a .i-bookmark,
.mod-main-banner .device-overview .act-icons li a .i-bookmark,
.mod-device-details .device-overview .act-icons li a .i-share,
.mod-main-banner .device-overview .act-icons li a .i-share {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent;
  display: block;
  margin: 0 auto;
}
.mod-device-details #tabs,
.mod-main-banner #tabs {
  padding: 0;
}
.mod-device-details .mdd-tabs,
.mod-main-banner .mdd-tabs {
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  display: table;
  overflow: hidden;
  width: 95%;
  margin: 0 auto 20px auto;
  padding: 0;
  text-align: center;
}
.mod-device-details .mdd-tabs li,
.mod-main-banner .mdd-tabs li {
  display: table-cell;
}
.mod-help-more .mho ins {
  height: 30px;
  width: 28px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.mod-help-more .mho .i-troubleshooter {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent;
  background-position: -314px -45px;
}
.mod-help-more .mho .i-help-home {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent;
  background-position: -415px -112px;
}
.mod-help-more .mho .i-chat {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent;
  background-position: -157px -214px;
  height: 24px;
}
.mod-help-more .mho .t-troubleshooter {
  font: 400 26px / 1.182 "VodafoneRegular";
  border: 0;
  margin-bottom: 5px;
}
.mod-help-more .mho li {
  width: 23.5%;
  float: left;
  padding: 10px;
  margin-right: 10px;
  line-height: 1.5em;
}
.mod-help-more .mho li ul li {
  display: block;
  float: none;
  width: 100%;
  margin: 0;
  padding: 10px 0 0 0;
}
.mod-help-more .mho li:last-child {
  margin: 0;
}
.mod-help-more .mho h3 {
  border-bottom: 1px solid #999999;
  color: #333333;
  font-size: 20px;
  padding-bottom: 8px;
  margin: 0 0 10px 0;
}
.mod-help-more .mho a {
  color: #333333;
  font-size: 18px;
  line-height: 1.5em;
}
.mod-devices,
.mod-s-plans,
.mod-s-brands {
  width: 48%;
  float: left;
}
.mod-devices .m-btns,
.mod-s-plans .m-btns,
.mod-s-brands .m-btns {
  width: 100%;
  margin-top: 10px;
}
.mod-devices li,
.mod-s-plans li,
.mod-s-brands li {
  float: left;
  width: 48%;
  line-height: 40px;
}
.mod-devices li a,
.mod-s-plans li a,
.mod-s-brands li a {
  display: inline-block;
}
.mod-devices li .btn-more,
.mod-s-plans li .btn-more,
.mod-s-brands li .btn-more {
  line-height: 10px;
}
.mod-s-plans .m-btns,
.mod-devices .m-btns {
  padding: 0;
}
.mod-s-plans .m-btns .btn-alt,
.mod-devices .m-btns .btn-alt,
.mod-s-plans .m-btns .btn-more,
.mod-devices .m-btns .btn-more {
  line-height: 20px;
  padding: 10px 20px  !important;
}
.mod-s-plans ul li,
.mod-devices ul li {
  padding: 0 0 0 40px;
}
.mod-s-plans ul .i-phones,
.mod-devices ul .i-phones,
.mod-s-plans ul .i-airtime,
.mod-devices ul .i-airtime {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/phones-plans.png") no-repeat left center transparent;
}
.mod-s-plans ul .i-tablets,
.mod-devices ul .i-tablets {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/phones-plans-ii.png") no-repeat left center transparent;
}
.mod-s-plans ul .i-routers,
.mod-devices ul .i-routers {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/laptops.png") no-repeat left center transparent;
}
.mod-s-plans ul .i-dongles,
.mod-devices ul .i-dongles {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/mobile-internet.png") no-repeat left center transparent;
}
.mod-s-plans ul .i-data,
.mod-devices ul .i-data {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/sim-only-alt-sml.png") no-repeat left center transparent;
}
.mod-s-plans ul .i-accessories,
.mod-devices ul .i-accessories {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/coverage-sml.png") no-repeat left center transparent;
}
.mod-s-plans ul .i-data-plans,
.mod-devices ul .i-data-plans {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/headset.png") no-repeat left center transparent;
}
.mod-s-brands {
  width: 79%;
  clear: both;
  margin-bottom: 20px;
}
.mod-s-brands ul {
  display: block;
}
.mod-s-brands ul li {
  display: inline-block;
  float: left;
  width: 120px;
  height: 71px;
  margin: 10px 10px 0 0;
}
.mod-s-brands ul li a {
  border: 1px solid #ADADAD;
  display: block;
  width: 120px;
  height: 71px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.mod-s-brands ul li .img-iphone {
  background: url("vodacom/framework/skins/vodacom_skins/img/brands/apple.jpg") no-repeat center transparent;
}
.mod-s-brands ul li .img-nokia {
  background: url("vodacom/framework/skins/vodacom_skins/img/brands/nokia.jpg") no-repeat center transparent;
}
.mod-s-brands ul li .img-blackberry {
  background: url("vodacom/framework/skins/vodacom_skins/img/brands/blackberry.jpg") no-repeat center transparent;
}
.mod-s-brands ul li .img-samsung {
  background: url("vodacom/framework/skins/vodacom_skins/img/brands/samsung.jpg") no-repeat center transparent;
}
.mod-s-brands ul li .img-android {
  background: url("vodacom/framework/skins/vodacom_skins/img/brands/android.jpg") no-repeat center transparent;
}
.mod-s-brands ul li .img-lg {
  background: url("vodacom/framework/skins/vodacom_skins/img/brands/lg.jpg") no-repeat center transparent;
}
.mod-s-brands ul li .img-sony {
  background: url("vodacom/framework/skins/vodacom_skins/img/brands/sony.jpg") no-repeat center transparent;
}
.mod-s-brands ul li .img-htc {
  background: url("vodacom/framework/skins/vodacom_skins/img/brands/htc.jpg") no-repeat center transparent;
}
.mod-s-brands ul li .img-huawei {
  background: url("vodacom/framework/skins/vodacom_skins/img/brands/huawei.jpg") no-repeat center transparent;
}
.mod-s-brands ul li .img-windows {
  background: url("vodacom/framework/skins/vodacom_skins/img/brands/windows.jpg") no-repeat center transparent;
}
.mod-fl-menu {
  position: fixed;
  right: 50%;
  top: 15em;
  margin-right: -525px;
  background: url('vodacom/framework/skins/vodacom_skins/img/FloatHelpMenu.png') no-repeat center top transparent;
  z-index: 999;
  font-size: 12px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-style: normal;
}
.mod-fl-menu .h3,
.mod-fl-menu .h4,
.mod-fl-menu .h5 {
  display: block;
}
.mod-fl-menu .h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: / 1.176;
  float: left;
  color: #333;
}
.mod-fl-menu .h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: / 1.333;
  margin: 14px 0;
}
.mod-fl-menu .h5 {
  font-weight: 700;
  font-size: 16px;
  line-height: / 1.3;
}
.mod-fl-menu .fl-normal .fl-second {
  padding-top: 10px;
}
.mod-fl-menu .fl-normal a {
  font-weight: normal  !important;
  line-height: 1em;
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right-lrg.png') no-repeat scroll center left transparent;
  background-position: left center;
}
.mod-fl-menu .fl-links li {
  padding: 10px 0;
  width: 50%;
  line-height: 1.5em;
  float: left;
}
.mod-fl-menu .fl-links li a {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right-lrg.png') no-repeat scroll center left transparent;
  float: none  !important;
  height: auto;
  clear: both;
  width: 100%;
  padding: 5px 5px 5px 20px;
  line-height: 1em;
  font-weight: bold;
}
.mod-fl-menu p {
  padding: 10px 20px;
  text-align: right;
}
.mod-fl-menu .fl-contact {
  float: left;
  text-align: left;
  padding: 5px 0;
  line-height: 1.7em;
}
.mod-fl-menu ins {
  clear: both;
  padding: 0;
  margin: 0 10px;
  border-bottom: 1px solid #cacaca;
}
.mod-fl-menu ins a {
  display: block;
  float: left;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/arrow-right-black.png") no repeat center transparent;
}
.mod-fl-menu ins p {
  font-size: 12px;
  margin: 0;
}
.mod-fl-menu .nb {
  border: 0;
  padding: 0  !important;
}
.mod-fl-menu .fls {
  float: left;
  padding-right: 4px;
  padding-top: 15px;
}
.mod-fl-menu .fls strong {
  line-height: 1.3em  !important;
  text-align: center  !important;
  padding: 2px;
}
.mod-fl-menu .fls-inset {
  width: 500px;
  display: block;
}
.mod-fl-menu .fl-hide {
  display: none;
  cursor: pointer;
  text-decoration: underline;
  position: absolute;
  right: 2%;
  top: 2%;
  line-height: 1.2em;
  vertical-align: middle;
}
.mod-fl-menu .fl-hide .breadCrumbSpan {
  color: #fff;
  display: block;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #8f8f8f;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 0em  !important;
  float: right;
  margin: -1px 0 0 5px  !important;
}
.mod-fl-menu .fls-main {
  display: none;
  width: 500px;
  float: left;
  margin-left: 45px;
}
.mod-fl-menu .fls-main .fl-menu {
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.mod-fl-menu .fls-main ul,
.mod-fl-menu .fls-main ul li {
  width: 100%;
}
.mod-fl-menu .fl-close {
  background: url("vodacom/framework/skins/vodacom_skins/img/iconClose.png") no-repeat right top transparent;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-bottom: -8px;
}
.mod-fl-menu ul {
  position: relative;
}
.mod-fl-menu ul li:first-child {
  border: 0;
}
.mod-fl-menu ul li a {
  display: block;
  vertical-align: middle;
}
.mod-fl-menu div {
  display: none;
  float: right;
}
.mod-fl-menu div ins {
  width: 350px;
  text-decoration: none;
  display: block;
}
.modulesLeft .mod-faceted-search-filters {
  width: 100%;
}
#filterSearch {
  display: none;
}
.mod-faceted-search-filters,
.mod-plan-item {
  float: left;
  width: 22%;
  /* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
}
.mod-faceted-search-filters .styleThis ul li,
.mod-plan-item .styleThis ul li {
  padding: 10px 5px;
}
.mod-faceted-search-filters .device-type,
.mod-plan-item .device-type {
  margin: 0 0 20px 0;
}
.mod-faceted-search-filters .uniform-input.text,
.mod-plan-item .uniform-input.text {
  display: none;
}
.mod-faceted-search-filters div,
.mod-plan-item div {
  text-decoration: none;
  display: block;
}
.mod-faceted-search-filters div label,
.mod-plan-item div label {
  padding: 0 10px;
  display: block;
}
.mod-faceted-search-filters div input,
.mod-plan-item div input {
  display: inline-block;
  text-align: left;
  width: auto;
}
.mod-faceted-search-filters .dp,
.mod-plan-item .dp {
  padding: 10px;
  display: none;
}
.mod-faceted-search-filters .dp label,
.mod-plan-item .dp label {
  padding: 0;
}
.mod-faceted-search-filters a,
.mod-plan-item a {
  padding: 0  !important;
}
.mod-faceted-search-filters h2,
.mod-plan-item h2 {
  padding: 10px;
  margin: 0;
  border-bottom: 1px solid #cacaca;
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
  background-position: 95% center;
  cursor: pointer;
  font-size: 18px;
}
.mod-faceted-search-filters .facet-more,
.mod-plan-item .facet-more {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png') no-repeat scroll top left transparent;
  background-position: 95% center  !important;
}
.mod-faceted-search-filters h3,
.mod-plan-item h3 {
  font-size: 20px;
  padding: 10px 0;
  margin: 0;
  font-weight: normal;
}
.mod-faceted-search-filters .hideThis,
.mod-plan-item .hideThis {
  display: none;
}
.mod-faceted-search-filters i,
.mod-plan-item i {
  background: url(vodacom/framework/skins/vodacom_skins/css/img/priceIndicator.png) no-repeat center transparent;
  margin: 0;
  width: 48px;
  height: 25px;
  text-align: center;
  position: absolute;
  top: -30px;
  font-size: 12px;
  font-weight: bold;
  margin-left: -18px;
  line-height: 1.5em;
  vertical-align: middle;
}
.mod-faceted-search-filters .styleThese .dp .showMore,
.mod-plan-item .styleThese .dp .showMore,
.mod-faceted-search-filters .styleThis .dp .showMore,
.mod-plan-item .styleThis .dp .showMore {
  font-weight: bold;
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
  background-position: 4px center  !important;
  padding-left: 26px  !important;
  display: block;
  margin: 10px 0 0;
}
.mod-faceted-search-filters .styleThese .dp .hideMore,
.mod-plan-item .styleThese .dp .hideMore,
.mod-faceted-search-filters .styleThis .dp .hideMore,
.mod-plan-item .styleThis .dp .hideMore {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png') no-repeat scroll top left transparent;
}
.mod-faceted-search-filters .styleThese .dp .hiddenBit,
.mod-plan-item .styleThese .dp .hiddenBit,
.mod-faceted-search-filters .styleThis .dp .hiddenBit,
.mod-plan-item .styleThis .dp .hiddenBit {
  text-decoration: none;
}
.mod-faceted-search-filters .device-type li,
.mod-plan-item .device-type li {
  border: 1px solid #cacaca;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 0;
}
.mod-faceted-search-filters .device-type a,
.mod-plan-item .device-type a {
  padding: 0  !important;
}
.mod-faceted-search-filters .deviceType li,
.mod-plan-item .deviceType li {
  border: 1px solid #cacaca;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 0;
  padding: 15px;
}
.mod-faceted-search-filters .deviceType a,
.mod-plan-item .deviceType a {
  padding: 0  !important;
}
.mod-faceted-search-filters div.selector,
.mod-plan-item div.selector,
.mod-faceted-search-filters div.selector span,
.mod-plan-item div.selector span,
.mod-faceted-search-filters div.checker span,
.mod-plan-item div.checker span,
.mod-faceted-search-filters div.radio span,
.mod-plan-item div.radio span {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/uniformsprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
.mod-faceted-search-filters div.selector,
.mod-plan-item div.selector,
.mod-faceted-search-filters div.checker,
.mod-plan-item div.checker,
.mod-faceted-search-filters div.button,
.mod-plan-item div.button,
.mod-faceted-search-filters div.radio,
.mod-plan-item div.radio,
.mod-faceted-search-filters div.uploader,
.mod-plan-item div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */
}
.mod-faceted-search-filters div.selector:focus,
.mod-plan-item div.selector:focus,
.mod-faceted-search-filters div.checker:focus,
.mod-plan-item div.checker:focus,
.mod-faceted-search-filters div.radio:focus,
.mod-plan-item div.radio:focus {
  outline: 0;
}
.mod-faceted-search-filters div.selector,
.mod-plan-item div.selector,
.mod-faceted-search-filters div.selector *,
.mod-plan-item div.selector *,
.mod-faceted-search-filters div.radio,
.mod-plan-item div.radio,
.mod-faceted-search-filters div.radio *,
.mod-plan-item div.radio *,
.mod-faceted-search-filters div.checker,
.mod-plan-item div.checker,
.mod-faceted-search-filters div.checker *,
.mod-plan-item div.checker * {
  padding: 0;
  text-decoration: none;
}
.mod-faceted-search-filters div.checker input,
.mod-plan-item div.checker input,
.mod-faceted-search-filters input[type="search"],
.mod-plan-item input[type="search"],
.mod-faceted-search-filters input[type="search"]:active,
.mod-plan-item input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none;
}
.mod-faceted-search-filters div.selector,
.mod-plan-item div.selector {
  background-position: 0px -198px;
  line-height: 35px;
  height: 35px;
  padding: 0 0 0 3px;
  position: relative;
  overflow: hidden;
  width: 100%  !important;
}
.mod-faceted-search-filters div.selector span,
.mod-plan-item div.selector span {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  background-position: right -158px;
  height: 35px;
  line-height: 35px;
  padding-right: 25px;
  padding-left: 4px;
  cursor: pointer;
  width: 100%  !important;
}
.mod-faceted-search-filters div.selector.fixedWidth,
.mod-plan-item div.selector.fixedWidth {
  width: 160px;
}
.mod-faceted-search-filters div.selector.fixedWidth span,
.mod-plan-item div.selector.fixedWidth span {
  width: 125px;
}
.mod-faceted-search-filters div.selector select,
.mod-plan-item div.selector select {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 30px;
  top: 2px;
  left: 0px;
  width: 100%;
}
.mod-faceted-search-filters div.checker,
.mod-plan-item div.checker {
  margin: 0 5px 2px 0;
  position: relative;
}
.mod-faceted-search-filters div.checker,
.mod-plan-item div.checker,
.mod-faceted-search-filters div.checker span,
.mod-plan-item div.checker span,
.mod-faceted-search-filters div.checker input,
.mod-plan-item div.checker input {
  width: 23px;
  height: 23px;
}
.mod-faceted-search-filters div.checker span,
.mod-plan-item div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: -30px 0;
}
.mod-faceted-search-filters div.checker span.checked,
.mod-plan-item div.checker span.checked {
  background-position: -30px -30px;
}
.mod-faceted-search-filters div.checker input,
.mod-plan-item div.checker input {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.mod-faceted-search-filters div.radio,
.mod-plan-item div.radio {
  position: relative;
  margin: 0 5px 2px 0;
}
.mod-faceted-search-filters div.radio,
.mod-plan-item div.radio,
.mod-faceted-search-filters div.radio span,
.mod-plan-item div.radio span,
.mod-faceted-search-filters div.radio input,
.mod-plan-item div.radio input {
  width: 22px;
  height: 22px;
}
.mod-faceted-search-filters div.radio span,
.mod-plan-item div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 0;
}
.mod-faceted-search-filters div.radio span.checked,
.mod-plan-item div.radio span.checked {
  background-position: 0 -29px;
}
.mod-faceted-search-filters div.radio input,
.mod-plan-item div.radio input {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
}
.mod-faceted-search-filters h4,
.mod-plan-item h4 {
  padding: 10px;
  margin: 0;
  background-position: 95% center;
  cursor: pointer;
  font-size: 18px;
}
.mod-faceted-search-filters .myAppsFor,
.mod-plan-item .myAppsFor {
  background: #F6F4F2;
}
.mod-faceted-search-filters .myApps,
.mod-plan-item .myApps {
  width: 100%;
  padding: 10px;
}
.mod-faceted-search-filters .downloadedApps,
.mod-plan-item .downloadedApps {
  padding: 10px;
}
.mod-faceted-search-filters .downloadedApps p,
.mod-plan-item .downloadedApps p {
  padding: 3px;
}
.mod-faceted-search-filters .downloadedApps a,
.mod-plan-item .downloadedApps a {
  font-weight: bold;
}
.tabsOverlay {
  position: absolute;
  background-color: #f4f4f4;
  left: 0px;
  padding: 0px;
  width: 100%;
  height: 529px;
  bottom: auto;
  margin-bottom: 0px;
  border-top: 1px solid #9e9e9e;
}
.tabsBorderTop {
  border-top: 1px solid #9E9E9E;
}
.mod-tabs-slider {
  background: #F4F4F4;
  padding-bottom: 20px;
}
.mod-tabs-slider div.banner[data-title="Plans"] figure {
  text-align: left;
  width: 255px  !important;
}
.mod-tabs-slider div.banner[data-title="Phones"] li {
  width: 202px  !important;
}
.mod-tabs-slider div.banner[data-title="Phones"] .dot {
  margin-top: -13px  !important;
}
.mod-tabs-slider .btn.btnWhite {
  bottom: -2px;
  left: -95%;
  position: absolute;
}
.mod-tabs-slider .btn.btnPurple {
  width: 100%;
}
.mod-tabs-slider figure {
  text-align: center;
}
.mod-tabs-slider .main-grid-full {
  position: relative;
}
.mod-tabs-slider .main-grid-full li a {
  padding-right: 0;
}
.mod-tabs-slider .main-grid-full h2 {
  position: absolute;
  top: -50px;
}
.mod-tabs-slider .tab-item {
  margin-top: 15px;
}
.mod-tabs-slider .banner {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 300;
}
.mod-tabs-slider .banner .bx-wrapper {
  max-width: 855px  !important;
}
.mod-tabs-slider .banner .bx-viewport {
  margin: 0 auto 0 5.5%;
  max-width: 95%;
}
.mod-tabs-slider .banner li {
  list-style: none;
  float: left;
}
.mod-tabs-slider .banner .bx-wrapper .bx-pager .bx-pager-item,
.mod-tabs-slider .banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
}
.mod-tabs-slider .banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mod-tabs-slider .banner .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: none repeat scroll 0 0 #6D6D6D;
}
.mod-tabs-slider .banner .bx-pager.bx-default-pager {
  margin: 10px 0;
  text-align: center;
}
.mod-tabs-slider .banner .bx-wrapper .bx-pager.bx-default-pager a {
  border: 1px solid #6D6D6D;
  border-radius: 5px;
  display: inline-block;
  height: 10px;
  margin: 0 5px;
  outline: 0 none;
  text-indent: -9999px;
  width: 10px;
}
.mod-tabs-slider .banner .dots {
  margin-right: 15px;
  position: relative;
  top: -7%;
  width: auto;
  left: 32%;
}
.mod-tabs-slider .banner .dots .dot:nth-child(3n+1) {
  display: inline-block;
}
.mod-tabs-slider .banner .dots .active {
  background: none repeat scroll 0 0 #6D6D6D;
}
.mod-tabs-slider .banner .dots .dot {
  width: 2px  !important;
  min-height: 0  !important;
}
.mod-tabs-slider .banner .dots li {
  display: none;
  border: 1px solid #6D6D6D;
  border-radius: 8px;
  margin: 0 5px 5px 4px;
  padding: 4px;
  float: left;
}
.mod-tabs-slider .aCarousel {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -moz-border-radius: 0 0 10px 10px  !important;
  -ms-border-radius: 0 0 10px 10px  !important;
  -o-border-radius: 0 0 10px 10px  !important;
  -webkit-border-radius: 0 0 10px 10px  !important;
  border-radius: 0 0 10px 10px  !important;
  background: #fff;
  width: auto;
}
.mod-tabs-slider .aCarousel li:first-child {
  border-left: 0;
  border-top: none;
}
.mod-tabs-slider .aCarousel > li {
  float: left;
  border-left: 1px solid #cacaca;
  padding: 0 30px;
  line-height: 2.5em;
  height: auto;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
}
.mod-tabs-slider .aCarousel .sl-inset {
  background: none repeat scroll 0 0 #636363;
  height: 2.5em;
  line-height: 2.5em;
  color: #fff;
}
.mod-tabs-slider .aCarousel li.sl-inset:first-child {
  -moz-border-radius: 0 0 0 5px;
  -ms-border-radius: 0 0 0 5px;
  -o-border-radius: 0 0 0 5px;
  -webkit-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.mod-tabs-slider .aCarousel li.sl-inset:last-child {
  -moz-border-radius: 0 0 5px 0;
  -ms-border-radius: 0 0 5px 0;
  -o-border-radius: 0 0 5px 0;
  -webkit-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
}
.mod-tabs-slider ins {
  bottom: 0;
  display: block;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: left;
  text-decoration: none;
  width: 48%;
  z-index: 0;
}
.mod-tabs-slider .bx-controls-direction {
  font-size: 0;
}
.mod-tabs-slider .bx-controls-direction a {
  position: relative;
  float: right;
  z-index: 3;
  text-align: center;
  height: 120px;
  width: 38px;
  background: url('vodacom/framework/skins/vodacom_skins/img/iconFeaturedItemsNav.png');
  background-position: right;
}
.mod-tabs-slider .bx-controls-direction a.bx-prev {
  float: left;
  background-position: left;
}
.mod-tabs-slider .pvCarousel.vCarousel {
  z-index: 300;
}
.mod-tabs-slider h2.carouselTitle {
  margin-top: 30px;
  padding-top: 0;
}
.mod-tabs-slider .vCarousel figure {
  padding-top: 20px;
  position: relative;
}
.mod-tabs-slider .vCarousel li {
  padding: 0 8px 8px;
  padding: 0;
  text-align: center;
  z-index: 300;
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
}
.mod-tabs-slider .vCarousel li ul li {
  margin-right: 25px;
}
.mod-tabs-slider .vCarousel li:last-child {
  margin-right: 0;
}
.mod-tabs-slider .vCarousel li img {
  width: 100%;
}
.mod-tabs-slider .vCarousel a {
  text-align: center;
  background: none;
  padding: 0;
}
.mod-tabs-slider .vCarousel i {
  margin-top: -8px;
  margin: -10px auto 8px auto;
}
.mod-tabs-slider .vCarousel em {
  font-style: normal;
  text-align: center;
  display: block;
  margin: 0 0 10px 0;
  font-size: 14px  !important;
  line-height: 1em  !important;
}
.mod-tabs-slider .vCarousel .carousel-overlay {
  background-color: #000;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  position: absolute;
  opacity: 0.8;
  bottom: 0;
  text-align: left;
  width: 100%;
}
.mod-tabs-slider .vCarousel .carousel-overlay a {
  color: #fff;
  text-decoration: none;
}
.mod-tabs-slider .vCarousel .carousel-description {
  margin-bottom: 10px;
}
.mod-tabs-slider .vCarousel .carousel-overlay a:hover {
  color: #fff;
  text-decoration: underline;
}
@media only screen and (max-width: 817px) {
  .mod-tabs-slider .vCarousel figcaption {
    display: none;
  }
  .mod-tabs-slider .vCarousel figure {
    padding-top: 0;
  }
  .mod-tabs-slider .vCarousel li {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }
  .mod-tabs-slider .vCarousel .btnBox {
    width: 100%;
  }
  .mod-tabs-slider .vCarousel .btn {
    width: calc(80%);
  }
}
.mod-tabs-slider .slider-left {
  background: url('vodacom/framework/skins/vodacom_skins/img/iconFeaturedItemsNavMinLeft.png') no-repeat;
  width: 34px;
  height: 31px;
  display: inline-block;
}
.mod-tabs-slider .slider-right {
  background: url('vodacom/framework/skins/vodacom_skins/img/iconFeaturedItemsNavMinRight.png') no-repeat;
  width: 34px;
  height: 31px;
  display: inline-block;
  margin-left: -4px;
}
.mod-tabs-slider .vpagination {
  display: inline-block;
  position: relative;
  top: -10px;
  margin-right: 15px;
}
.mod-tabs-slider .vpagination a {
  background: url(vodacom/framework/skins/vodacom_skins/img/carousel/carousel_dot_sprite_1.png) 0 0px no-repeat transparent;
  width: 15px;
  height: 16px;
  margin: 0 5px 0 0;
  display: inline-block;
}
.mod-tabs-slider .vpagination a.selected {
  background-position: -25px 0px;
  cursor: default;
}
.mod-tabs-slider .vpagination a span {
  display: none;
}
.mod-tabs-slider .vca-nav-secondary {
  display: inline-block;
}
.mod-tabs-slider .vca-nav-secondary a {
  float: left;
  position: relative;
}
.mod-tabs-slider .vca-nav-secondary a i {
  float: left;
  margin: 2px 0;
}
.mod-tabs-slider .vca-pagination {
  margin: 15px 0 16px;
  text-align: center;
}
.mod-tabs-slider .pcPhones .bx-viewport {
  height: auto  !important;
  min-height: 215px  !important;
}
h2.searchResult {
  padding: 10px 0;
  margin: 0 !important;
}
h5.searchResult {
  font-size: 16px;
  padding: 10px 0;
}
h5.searchResult a {
  color: #e60000;
  font-weight: normal;
  text-decoration: underline;
  font-size: 16px;
}
.mod-sr-login .searchField {
  display: inline-block;
  width: 100%;
  height: 35px;
  overflow: hidden;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
}
.mod-sr-login .searchField .searchService {
  float: left;
  height: 35px;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/search-main.png") no-repeat scroll 8px center #ffffff;
  border: 1px solid #cacaca;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block  !important;
  font: 400 16px/1.176 "VodafoneRegular";
  padding: 5px 15px 5px 35px  !important;
  width: 100%;
}
.mod-sr-login .searchField .buttonSearch {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #8f8f8f;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 #ffffff;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
  color: #333333;
  display: none;
  height: 28px  !important;
  padding: 4px 10px;
  position: relative;
  top: -31px;
  right: 4px;
  -webkit-text-shadow: 0 1px #FFFFFF;
  text-shadow: 0 1px #FFFFFF;
  width: auto;
  float: right;
}
.mod-sr-login .clear {
  display: none;
}
.mod-sr-login .sr-login > ul {
  margin-bottom: -15px !important;
}
.mod-sr-login form {
  text-decoration: none;
  display: block;
  background: #f2f2f2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%);
  /* W3C */
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 20px 0;
}
.mod-sr-login form .btnPurple {
  margin-left: 115px;
  display: block;
  clear: both;
}
.mod-sr-login form figure {
  width: auto;
  float: left;
  padding: 10px;
}
.mod-sr-login form figure img {
  width: 75%;
}
.mod-sr-login form h4 {
  margin: 10px 0;
}
.mod-sr-login form p {
  line-height: 1.3;
}
.mod-sr-login form ul {
  display: flex;
}
.mod-sr-login form ul li:nth-child(3n) {
  margin: 0;
  width: 20% !important;
  position: relative;
}
.mod-sr-login form ul li:nth-child(3n) a {
  position: absolute;
  margin-top: 32%;
  padding: 0;
  left: 0;
  font-size: 12px;
  text-decoration: underline;
}
.mod-sr-login form ul li {
  float: left;
  width: 28%;
  margin-right: 20px;
  margin-bottom: 15px;
}
.mod-sr-login form ul li label {
  display: block;
  font-weight: bold;
  line-height: 1.5;
}
.mod-sr-login form ul li .btn {
  margin: 15px 0 10px 0 !important;
}
.mod-search-results {
  float: left;
  margin-bottom: 20px;
}
.mod-search-results li {
  border-bottom: 1px solid #CCCCCC;
}
.mod-search-results li img {
  float: left;
  padding: 10px;
}
.mod-search-results li:last-child {
  border-bottom: 0;
}
.mod-search-results article {
  padding: 0;
  margin: 10px 0;
}
.mod-search-results article figcaption {
  float: left;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  width: 78%;
}
.mod-search-results article figcaption a {
  display: inline-block;
  max-width: 350px  !important;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: pre;
}
.mod-search-results article figcaption p {
  display: inline-block;
  max-width: 100%;
  max-height: 35px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
}
.mod-search-results article figcaption p span {
  background: none repeat scroll 0 0 #FFFFFF;
  float: right;
  margin-top: -24px;
  position: relative;
  width: 40%;
}
.mod-search-results article figcaption h3 {
  margin: 5px 0;
  line-height: 1;
}
.mod-search-results article figcaption p,
.mod-search-results article figcaption a,
.mod-search-results article figcaption h4 {
  line-height: 1;
}
.mod-search-results article figcaption h5 {
  font-size: 16px;
}
.mod-search-results article figcaption .btn {
  display: table;
  margin: 10px auto 0 auto !important;
  text-decoration: none;
}
.mod-search-results article figcaption a {
  padding-left: 0;
}
.mod-search-results article .btn {
  display: table;
  margin-top: 20px  !important;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 20px !important;
}
.mod-search-results article .btn.btnWhite {
  float: right;
}
.mod-search-results article a {
  color: #e60000;
  font-weight: normal;
  text-decoration: underline;
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.mod-search-results article p {
  font-size: 14px;
  margin: 5px 0 0 0;
  line-height: 1.5;
}
.mod-search-results .featured {
  margin-bottom: 30px;
  border-bottom: 0;
}
.mod-search-results .featured figure {
  margin: 0 auto;
  width: auto;
  text-align: center;
}
.mod-search-results .featured figure img {
  float: none;
  padding: 10px;
  width: 60%;
}
.mod-search-results .featured figure figcaption {
  margin: 10px 0 0 0;
  width: auto;
  float: none;
  font-size: 14px;
}
.mod-search-results .featured figure figcaption strong {
  font-size: 16px;
}
.mod-search-results .featured figure h5 {
  font-size: 16px;
  margin: 0 0 10px 0;
}
.mod-search-results .featured article {
  display: flex;
  float: left;
  width: 32%;
  border-right: 1px solid #CCCCCC;
  margin: 0;
}
.mod-search-results .featured article:nth-child(3n) {
  border-right: 0;
}
.mod-search-results .featured .hideMore {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent  !important;
}
.mod-search-results .featured h4 {
  font-size: 18px;
}
.mod-search-results h3 {
  margin: 20px 0;
}
.mod-plan-item {
  width: 100%;
}
.mod-plan-item ul li:nth-child(3n) {
  margin-right: 0 !important;
}
.mod-plan-item ul li {
  width: 31%;
  float: left;
  padding: 10px;
  text-align: center;
  margin: 0 20px 20px 0;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
  box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
}
.mod-plan-item ul li em {
  display: block;
  text-decoration: none;
  padding: 5px;
  font-style: normal;
  margin-top: 10px;
}
.mod-plan-item ul li strong {
  font: 400 45px / 1.5 "VodafoneRegular";
}
.mod-plan-item ul li p {
  clear: both;
  width: 100%;
  min-height: 50px;
  font-style: normal;
  text-decoration: none;
  padding: 15px 0;
  display: block;
  margin: 5px 0;
  line-height: 1.5;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #f4f4f4;
}
.mod-plan-item ul li label {
  display: block;
  padding: 10px 0;
}
.mod-plan-item ul li a {
  width: 100%;
  margin: 0;
}
.mod-plan-item ul li figure {
  padding: 0 0 5px;
  min-height: 64px;
  position: relative;
}
.mod-plan-item ul li figure figcaption {
  position: absolute;
  top: 0;
  margin-bottom: 0 !important;
  margin-left: 65px;
  margin-right: 0 !important;
  margin-top: 0 !important;
  text-align: left;
  padding: 18px 0 !important;
}
.mod-plan-item ul li figure img {
  float: left;
  padding: 0 15px 10px 0;
}
.mod-plan-item ul li .btn.btnPurple {
  margin: 10px;
  width: 80%;
}
div.tabs .hidden-tab-content,
div.tabs .tab-content {
  display: none;
}
@media only screen and (max-width: 600px) {
  .myAppsFor {
    display: none;
  }
  div.tabs .tab-content {
    display: block;
  }
  .mod-plan-item.styleThese ul li {
    width: 47% !important;
  }
  .mod-plan-item.styleThese ul li:nth-child(2n) {
    margin-right: 0 !important;
  }
  .mod-plan-item.styleThese ul li:nth-child(3n) {
    margin-right: 20px !important;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .mod-tabs-slider .vCarousel li a {
    padding: 0;
  }
  .mod-tabs-slider .vCarousel i i {
    margin: -10px auto -8px auto  !important;
  }
}
.social-media {
  width: 80%;
  padding: 5px 0 0 0  !important;
}
/* --------------------- Footer */
.mod-footer {
  color: #ffffff;
  border-top: 1px solid #000000;
  background: #2e2e2e;
  padding: 20px 0 0;
  position: relative;
}
.mod-footer h3 {
  margin: 0 0 10PX 0;
}
.mod-footer h3 a {
  color: #ffffff  !important;
  font-size: 16px  !important;
  font-weight: bold;
  padding-right: 0;
  text-align: left;
  width: auto;
  text-decoration: none;
}
.mod-footer h3 a:hover {
  text-decoration: underline;
}
.mod-footer ul {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
.mod-footer ul.social-media li {
  display: block;
  float: left;
  margin: 0;
  text-align: left;
  vertical-align: middle;
  padding: 5px 5px 0 0;
}
.mod-footer a {
  color: #CCCCCC;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.6em;
}
.mod-footer a:hover {
  text-decoration: underline;
}
.mod-footer .copy {
  clear: both;
  font-size: 12px;
  border-top: 1px solid #616161;
  color: #cacaca;
  padding: 10px 0;
}
.mod-footer .copy a {
  color: #cacaca;
}
.mod-footer .copy p {
  float: left;
  width: 60%;
  margin: 0;
}
.mod-footer .copy ul {
  text-align: right;
  float: right;
  top: 0;
  width: 20%;
}
.mod-footer .copy ul li {
  float: right;
  padding-left: 10px;
}
.access {
  display: none;
}
.cols4,
.cols3,
.cols2 {
  overflow: hidden;
}
a img {
  border: none;
}
.img-fluid {
  width: 100%;
}
.col a {
  color: #cccccc  !important;
  font-size: 12px;
}
.mrgnBottom {
  bottom: 1px;
  position: relative;
}
.mrgnTop {
  top: 2px;
  position: relative;
}
.dn {
  width: 100%;
  float: none  !important;
}
/* Media --------------------------------------- */
@media only screen and (min-width: 769px) {
  div.tabs {
    width: 725px;
  }
}
@media only screen and (max-width: 600px) {
  .myAppsFor {
    display: none;
  }
  div.tabs {
    width: 100%;
    display: block;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 10px 0;
  }
  div.tabs td {
    display: block;
    border-left: none;
    background: url(vodacom/framework/skins/vodacom_skins/css/img/icon/arrow-down-grey.png) 90% center no-repeat #f4f4f4;
    padding: 22px 30px 22px 66px;
    text-align: left;
    border-top: #dddddd 1px solid;
    color: #5e2750;
  }
  div.tabs td.active {
    background: url(vodacom/framework/skins/vodacom_skins/css/img/icon/arrow-up-grey.png) 90% center no-repeat #f4f4f4;
    color: #5e2750;
  }
}
@media only screen and (min-width: 817px) {
  .cols4,
  .cols3,
  .cols2 {
    overflow: hidden;
    margin-left: -20px;
  }
  .cols4 .col,
  .cols3 .col,
  .cols2 .col {
    padding-left: 20px;
    -moz-box-sizing: padding-box;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
  }
  .cols4 .col {
    width: 25%;
    float: left;
    height: 100%;
  }
  .mod-quick-links {
    float: left;
    display: inline-block;
    width: 23%;
  }
}
@media only screen and (min-width: 1024px) {
  .myAppsForNonDesktop {
    display: none;
  }
  #navbar-search {
    display: block  !important;
  }
  .i-search {
    display: block  !important;
  }
  .p-close {
    display: none  !important;
  }
}
@media only screen and (min-width: 980px) {
  .myAppsForNonDesktop {
    display: none;
  }
}
@media only screen and (min-width: 818px) and (max-width: 1024px) {
  main {
    padding: 0;
  }
  footer a {
    margin: 0  !important;
    padding: 0  !important;
  }
  footer h3 a {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.2;
  }
  .logo {
    top: 40px;
  }
  .logo img {
    width: 100%;
  }
  .rhombus {
    top: 0;
    left: -10px;
    width: 100%;
    height: 125px;
    background: url('vodacom/framework/skins/vodacom_skins/img/rhombus.png') no-repeat scroll -918px -10px transparent  !important;
    display: none;
  }
  .rhombus img {
    bottom: 35px;
    position: absolute;
    right: -5px;
    display: block;
  }
  .ui-tabs-panel.ui-widget-content.ui-corner-bottom {
    min-height: 284px;
  }
  .m-logo {
    position: absolute;
    top: 40px;
    left: 20px;
    z-index: 100;
    display: none;
  }
  #search-q {
    display: block  !important;
  }
  .solution-selector {
    padding: 5px;
  }
  .solution-selector .c-26 {
    float: right  !important;
  }
  mod-tabs-slider .container-fluid.padding div {
    clear: both;
  }
  mod-tabs-slider .container-fluid {
    overflow: hidden;
  }
  mod-tabs-slider .padding {
    padding: 0  !important;
  }
  #nav-menu {
    width: 85%;
  }
  #nav-menu a {
    padding: 10px 12px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.25;
  }
  .nav-bus {
    width: 76%;
  }
  .navbar {
    width: 77%;
  }
  .navbar-search {
    margin: 5px;
  }
  .p-close {
    display: none  !important;
  }
  .dd-search .btn-search {
    width: 11%;
  }
  .i-buy-online,
  .i-getting-started,
  .i-internet-services {
    padding: 20px 10px 20px 60px;
  }
  .social {
    float: left;
    width: 28%  !important;
  }
  .help-bar .cols4 {
    -moz-background-size: 13%;
    -o-background-size: 13%;
    -webkit-background-size: 13%;
    background-size: 13%;
  }
  .help-bar .cols4 h3 {
    font-weight: 700;
    font-size: 15px;
    line-height: 2;
    padding: 2px 0 2px 35px  !important;
  }
  .help-bar .cols4 .btn-help {
    width: 76%;
  }
  .mod-sb {
    margin-top: 10px;
  }
  .mod-sb.sml p {
    line-height: 1.2em;
  }
  .mod-sb h4 {
    font-weight: 700;
    font-size: 13px;
    line-height: 2;
  }
  .mod-sb .cols3 {
    margin-right: 4%  !important;
    width: 34.333%;
  }
  .help-topics-1 li,
  .help-topics-2 li,
  .help-topics-3 li {
    padding: 8px 0 8px 60px  !important;
    border: 0 none  !important;
    -moz-background-size: 15% auto;
    -o-background-size: 15% auto;
    -webkit-background-size: 15% auto;
    background-size: 15% auto;
  }
  .o-s {
    width: 41%  !important;
  }
  .ie10 #nav-menu {
    width: 88%  !important;
  }
  .ie10 #nav-menu li {
    width: 7.5em;
  }
  .ie10 #nav-menu li:last-child {
    width: 11.2em  !important;
  }
  .mod-help-more .mho a {
    font-size: 15px;
  }
  .mod-help-more .mho h3 {
    font-size: 15px  !important;
    font-weight: 700  !important;
  }
  .mod-help-more .mho li ul li {
    width: 100%  !important;
  }
  .mod-callback label,
  .mod-callback .email-form input,
  .mod-callback select {
    width: 75%;
  }
  .mod-s-plans a,
  .mod-devices a {
    font-size: 10px;
  }
  .mod-quick-links nav ul li h3 {
    font-size: 14px  !important;
  }
  .mod-fl-menu {
    right: 5px;
    margin-right: 0;
  }
  .mod-faceted-search-filters {
    min-width: 22%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1070px) {
  .myAppsForNonDesktop {
    display: none;
  }
  .mod-fl-menu {
    right: 5px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 700px) {
  .solution-selector {
    padding: 5px;
  }
  .solution-selector .c-26 {
    float: left  !important;
    width: 100%  !important;
    clear: none;
    text-align: left  !important;
    padding: 5px;
  }
  .solution-selector .c-26 .btn-ss {
    display: inline-block  !important;
    margin-right: 5px;
    margin-left: 0;
  }
}
@media only screen and (max-width: 817px) {
  .mod-fl-menu {
    display: none;
  }
  body {
    padding: 0  !important;
  }
  main,
  section {
    margin: 0;
  }
  sup {
    padding-left: 6px;
  }
  header {
    min-height: 45px  !important;
    margin-bottom: 0;
  }
  main {
    padding: 0;
  }
  nav {
    z-index: 400;
  }
  h1 {
    margin: 0;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.25;
  }
  h2 {
    color: #e60000;
    font-weight: 400;
    font-size: 22px;
    line-height: / 1.158;
  }
  h3 {
    margin: 25px 0 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: / 1.176;
  }
  .rhombus {
    top: -44px;
    left: -950px  !important;
    z-index: 500;
    width: 1000px  !important;
    display: block;
  }
  .logo {
    display: none;
  }
  .m-logo {
    top: 12px;
    left: 10px;
    z-index: 500;
    display: block;
  }
  .m-logo img {
    width: 125px;
    display: block;
  }
  .container-fluid {
    padding: 0  !important;
  }
  .main-grid-full {
    padding: 0 20px;
  }
  .main-grid-full .breadCrumbSpan {
    display: none;
  }
  .main-grid-full .search {
    display: none;
  }
  .nav-close {
    display: block  !important;
    padding-top: 20px;
  }
  .container {
    padding: 0  !important;
  }
  .active h3 {
    background: url("vodacom/framework/skins/vodacom_skins/img/misc/ft-arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    background-image: url("vodacom/framework/skins/vodacom_skins/img/misc/ft-arrow.png");
    background-repeat: no-repeat;
    background-position: right center;
    z-index: 100;
  }
  i.imgFade {
    position: absolute;
    width: 51px;
    height: 394px;
    background: url("vodacom/framework/skins/vodacom_skins/img/pricingInformation/shadow-left.png") repeat-y scroll left bottom transparent;
    right: 0;
    z-index: 99 !important;
    top: 56px;
  }
  i.imgFadePlanTable {
    position: absolute;
    width: 51px;
    height: 100%;
    background: url("vodacom/framework/skins/vodacom_skins/img/pricingInformation/shadow-left.png") repeat-y scroll left bottom transparent;
    right: 0;
    z-index: 99 !important;
    top: 0;
  }
  #nav-custom {
    height: 44px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    background: #fff;
  }
  #nav-menu li,
  #nav-menu li a:hover {
    background: #fff;
  }
  #nav-menu,
  #nav-menu a:hover {
    margin: 0;
    width: 100%;
    height: 100%;
    background-image: none  !important;
    text-decoration: underline;
  }
  #nav-menu a {
    padding: 14px;
    color: #333333;
    font-weight: 700;
    font-size: 19px;
    line-height: 1.3;
  }
  #nav-menu li {
    margin: 0;
    padding: 0;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
  }
  #nav-menu li:last-child {
    border-bottom-color: #8f8f8f;
  }
  #nav-menu li#closeBtn {
    display: block;
  }
  #nav-menu li#mobileLogoutLi {
    display: block;
  }
  #nav-menu li#closeBtn a {
    font: 18px "Arial", sans-serif;
  }
  #nav-menu li#closeBtn a:hover {
    font-weight: normal;
    text-decoration: underline;
  }
  #nav-menu li .selected {
    background: none repeat scroll 0 0 #ffffff;
    color: #E31F00;
  }
  #searchCloseBtn {
    display: block;
    height: 30px;
  }
  .navbar-search {
    display: none;
  }
  .navbar {
    top: 0;
    left: 0;
    z-index: 2  !important;
    margin: 0;
    width: 100%;
    height: 50px;
  }
  .nav-bus,
  .nav-bus-right {
    display: none;
  }
  .navbar-collapse {
    width: 100%  !important;
  }
  .collapsed-menu {
    z-index: 10;
    margin: -5px 0 -5px -1px;
    padding: 8px 16px;
    border: 1px solid #616161;
    background: #FFFFFF;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  #basket-mbl-lrg {
    margin-top: 7px;
    border-left: 0  !important;
    vertical-align: top;
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent;
    background-position: 0 -124px;
    height: 16px;
    width: 19px  !important;
  }
  #basket-mbl-lrg sup {
    background-color: #E60000;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    padding: 0 3px;
    position: absolute;
    text-align: right;
    width: auto;
    right: 5px;
    top: -1px;
  }
  #search-mbl-lrg {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/mobile-search-lrg.png') no-repeat scroll center transparent;
  }
  #search-mbl-lrg,
  #basket-mbl-lrg {
    width: 40px;
  }
  .mod-footer .copy {
    padding: 10px 20px;
  }
  .dd-search {
    top: 3.5em;
    z-index: 1;
    margin: 0;
    padding: 30px;
    width: 100%;
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #cacaca  !important;
  }
  .dd-search .btn-search {
    display: block  !important;
    right: 2%;
    top: 25%;
    width: 12%;
  }
  .dd-search .i-search {
    width: 88%;
  }
  .p-close {
    display: none;
    margin: 0 auto;
    padding: 14px 10px 0;
    width: 6em;
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/arrow-up-grey.png") no-repeat scroll right 20px #ffffff;
    color: #656565;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
  }
  .p-close:hover {
    text-decoration: underline;
  }
  .ul-border {
    border-top: 1px solid #cacaca  !important;
    border-bottom: 1px solid #cacaca  !important;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .cols3 {
    float: none  !important;
    width: 100%  !important;
    cursor: pointer;
  }
  .cols3 li {
    display: none;
    width: 100%;
    border: 0;
    padding: 6px 10px;
  }
  .cols3 h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5;
    vertical-align: middle;
    line-height: 2.5;
  }
  .li-first {
    display: block  !important;
    padding: 13px 40px 13px 15px  !important;
    width: 100%;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  .cols3.added a {
    padding-left: 48px  !important;
  }
  .main-center {
    border: 0;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
    background: #fff;
    padding: 0;
  }
  .main-center .added {
    background: #F4F4F4;
  }
  .main-center .added .li-first {
    border-top: 0  !important;
  }
  .li-first h3 {
    padding: 0 0 0 40px  !important;
    height: 35px;
  }
  .i-internet-services {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/pay-bill-sml.png') no-repeat scroll left center transparent  !important;
  }
  .i-getting-started {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/device-services-sml.png') no-repeat scroll left center transparent  !important;
  }
  .i-buy-online {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/new-user-sml.png') no-repeat scroll left center transparent  !important;
  }
  .i-buy-online,
  .i-getting-started,
  .i-internet-services {
    padding: 20px 10px 20px 40px  !important;
  }
  .breadcrumb,
  .main-grid-full.breadCrumbSpan,
  #search-q {
    display: none  !important;
  }
  .mob-more-help {
    display: block  !important;
    height: 100px;
  }
  .cols3 .mob-more-help {
    border-right: 1px solid #cacaca  !important;
  }
  .help-topics-3 .mob-more-help {
    border: 0 none  !important;
  }
  .help-bar .cols4 p,
  .help-bar .cols4 .btn-help {
    display: none;
  }
  .help-bar .cols4 {
    width: 100%;
    margin: 0  !important;
    background-position: 3% center  !important;
  }
  .help-bar .cols4 h3 {
    padding: 20px 0 20px 70px  !important;
    margin: 0;
  }
  .i-arrow-left-lrg {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-left-lrg.png') no-repeat scroll center left transparent;
  }
  .i-arrow-right-lrg {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right-lrg.png') no-repeat scroll center left transparent;
  }
  .i-arrow-right-lrg,
  .i-arrow-left-lrg {
    width: 30px;
    height: 20px;
    float: right;
  }
  .mod-sb {
    padding-bottom: 20px  !important;
    width: 100%  !important;
    float: none  !important;
    margin-left: 0  !important;
  }
  .mod-sb .cols3 {
    width: 100%  !important;
  }
  .mod-sb select {
    width: 100%;
  }
  .mod-sbm {
    margin-bottom: 20px;
    width: 100%;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 3px #000000;
    -webkit-box-shadow: 0 1px 3px #000000;
    box-shadow: 0 1px 3px #000000;
  }
  .mod-sbm .help-topics-1 {
    border-right: 1px solid #cccccc  !important;
  }
  .mod-sbm .help-topics-3 {
    border-left: 1px solid #cccccc  !important;
  }
  .help-topics-1 li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/alert-sml.png') no-repeat scroll center 20px transparent;
  }
  .help-topics-2 li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/puzzle-sml.png') no-repeat scroll center 20px transparent;
  }
  .help-topics-3 li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/coverage-sml.png') no-repeat scroll center 20px transparent;
  }
  .help-topics-1 li,
  .help-topics-2 li,
  .help-topics-3 li {
    display: none;
    padding: 0  !important;
    text-align: center;
    width: 32%  !important;
    float: left;
  }
  .help-topics-1 li a,
  .help-topics-2 li a,
  .help-topics-3 li a {
    display: block;
  }
  .help-topics-1 li h3,
  .help-topics-2 li h3,
  .help-topics-3 li h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    display: block;
    margin: 0  !important;
    padding: 65px 0 0 0  !important;
  }
  .cols0 {
    display: none;
  }
  .link-arrow {
    border: 0  !important;
    padding-left: 5px  !important;
  }
  .cols3 .mob-more-help h3:after {
    border: 0  !important;
  }
  .mod-footer {
    min-height: 340px;
    padding-top: 15px;
    z-index: 10;
  }
  .mod-footer ul {
    display: none;
    position: absolute;
    left: 34.5%;
    padding: 10px;
    top: 10px;
    background: #4D4D4D;
    border: 1px solid #7f7f7f;
    border-radius: 3px;
    right: 10px;
  }
  .mod-footer ul li {
    margin: 15px 15px 20px;
  }
  .mod-footer .active ul {
    display: block;
  }
  .mod-footer h3 {
    font-size: 12px;
    margin: 5px 0 0 0  !important;
    width: 35%;
    text-align: right;
    vertical-align: middle;
    padding: 0 20px 0 0;
    cursor: pointer;
    -moz-box-sizing: padding-box;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    position: relative;
    z-index: 999;
  }
  .mod-footer h3 a {
    font-size: 12px  !important;
    line-height: 1.6em;
  }
  .mod-footer ul li {
    margin: 5px 5px 10px;
  }
  .mod-footer .social-media {
    width: auto;
    background: none;
    border: none;
    clear: both;
    left: 0;
    margin: 0;
    padding: 5px 0 0 0;
    position: relative;
    top: 0;
  }
  .mod-footer a {
    line-height: 1em;
  }
  .mod-footer .copy,
  .mod-footer .copy a {
    font-size: 10px;
  }
  .ie10 sup {
    font-size: 12px  !important;
  }
  .ql .btn-help {
    display: none;
  }
  .ql h4,
  .ql div,
  .ql label {
    display: block;
    color: #fff;
  }
  .ql h4 {
    font: 700 20px / 1.176 "Arial", sans-serif;
    padding-left: 35px;
    margin: 0 0 0 5px;
  }
  .ql ul li form {
    position: relative;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    margin: 0;
  }
  .ql ul li form .btn-login {
    display: block;
    padding: 5px 40px  !important;
    position: absolute;
    right: 15px;
    bottom: 15px;
    font-size: 16px;
    font-weight: normal;
  }
  .ql ul li form .link-arrow {
    display: block;
    line-height: 1em;
    padding-top: 10px;
  }
  .cols2 {
    width: 95%  !important;
    float: none;
    margin: 0 auto  !important;
    padding-bottom: 20px;
  }
  .ql.cols4 {
    width: 100%  !important;
  }
  .ql.cols4 h4 i {
    position: absolute;
    top: 0;
    right: 20px;
    height: 3em  !important;
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-w-lrg.png") no-repeat scroll left center transparent;
  }
  .ql.cols4 b {
    font-size: 16px;
    font-weight: normal  !important;
    line-height: 0.8em;
    margin-bottom: 10px;
    vertical-align: top;
    display: block;
    font-style: normal;
  }
  .ql.cols4 input,
  .ql.cols4 label {
    width: 100%;
    display: block;
  }
  .ql.cols4 label {
    font-weight: bold;
    padding: 5px 0;
  }
  .ql.cols4 h3 {
    display: none;
  }
  .ql.cols4 li a {
    padding-left: 40px;
    display: block;
    line-height: 1.8em;
  }
  .ql.cols4 .i-ar-lrg-active {
    height: 1em;
  }
  .ql.cols4 .i-need-help {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/need-help.png") no-repeat scroll left center transparent;
  }
  .ql.cols4 .i-basket {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/basket.png") no-repeat scroll left center transparent;
  }
  .ql.cols4 .i-pay-bill {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/pay-bill.png") no-repeat scroll left center transparent;
  }
  .ql.cols4 .i-top-up {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/top-up.png") no-repeat scroll left center transparent;
  }
  .o-s {
    width: 60%  !important;
    padding: 0;
  }
  .o-s strong {
    display: inline;
  }
  .ss-img {
    width: 34%;
  }
  .ss-img img {
    width: 100%;
  }
  .cols3 .nb {
    padding-top: 10px  !important;
  }
  .cols3 .nb a {
    padding: 8px 20px  !important;
    margin: 0 0 10px 50px;
    line-height: 3em;
    vertical-align: middle;
  }
  .device-overview {
    -moz-box-shadow: 0 0 0 0  !important;
    -webkit-box-shadow: 0 0 0 0  !important;
    box-shadow: 0 0 0 0  !important;
    border: 0;
  }
  .mod-callback nav,
  .mod-callback .device-overview,
  .mod-device-details nav,
  .mod-device-details .device-overview,
  .mod-main-banner nav,
  .mod-main-banner .device-overview {
    float: none;
    width: 100%;
    margin: 25px 0 0  !important;
  }
  .mod-callback nav a,
  .mod-callback .device-overview a,
  .mod-device-details nav a,
  .mod-device-details .device-overview a,
  .mod-main-banner nav a,
  .mod-main-banner .device-overview a {
    color: #333333  !important;
    font-size: 18px  !important;
    line-height: 1.5em  !important;
    font-weight: normal;
  }
  .mod-callback nav .selected,
  .mod-callback .device-overview .selected,
  .mod-device-details nav .selected,
  .mod-device-details .device-overview .selected,
  .mod-main-banner nav .selected,
  .mod-main-banner .device-overview .selected {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right-lrg.png') no-repeat scroll center left transparent  !important;
    background-position: 95% 50%  !important;
  }
  .mod-callback nav .selected a,
  .mod-callback .device-overview .selected a,
  .mod-device-details nav .selected a,
  .mod-device-details .device-overview .selected a,
  .mod-main-banner nav .selected a,
  .mod-main-banner .device-overview .selected a {
    color: #333333  !important;
  }
  .mod-callback nav ins,
  .mod-callback .device-overview ins,
  .mod-device-details nav ins,
  .mod-device-details .device-overview ins,
  .mod-main-banner nav ins,
  .mod-main-banner .device-overview ins {
    display: none;
  }
  input.access .email-form input {
    padding: 10px  !important;
    font-weight: normal  !important;
  }
  .mod-callback .device-overview,
  .mod-device-details .device-overview,
  .mod-main-banner .device-overview {
    border: 0  !important;
    padding: 15px 5px 0 5px;
  }
  .mod-callback nav ul li,
  .mod-device-details nav ul li,
  .mod-main-banner nav ul li {
    border-bottom: 0;
  }
  .mod-callback .frm-callback,
  .mod-device-details .frm-callback,
  .mod-main-banner .frm-callback,
  .mod-callback label,
  .mod-device-details label,
  .mod-main-banner label,
  .mod-callback input,
  .mod-device-details input,
  .mod-main-banner input,
  .mod-callback select,
  .mod-device-details select,
  .mod-main-banner select {
    width: 100%  !important;
  }
  .mod-help-other .mho,
  .mod-help-more,
  .mod-callback nav,
  .mod-device-details nav,
  .mod-main-banner nav {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
    margin-bottom: 30px;
    background: #fff;
    padding: 0;
  }
  .mod-help-other .mho li,
  .mod-help-more li,
  .mod-callback nav li,
  .mod-device-details nav li,
  .mod-main-banner nav li {
    border-top: 1px solid #D5D5D5;
    float: none;
    padding: 0;
    line-height: 3em;
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right-lrg.png') no-repeat scroll center left transparent;
    width: 100%  !important;
    background-position: 95% 50%;
  }
  .mod-help-other .mho li ul,
  .mod-help-more li ul,
  .mod-callback nav li ul,
  .mod-device-details nav li ul,
  .mod-main-banner nav li ul {
    background: #fff;
  }
  .mod-help-other .mho li a,
  .mod-help-more li a,
  .mod-callback nav li a,
  .mod-device-details nav li a,
  .mod-main-banner nav li a {
    margin: 0;
    padding: 20px 30px;
    border: 0;
    font: 700 20px 1.5em  !important "Arial", sans-serif;
    display: block;
  }
  .mod-help-other .mho .ins-calls,
  .mod-help-more .ins-calls,
  .mod-callback nav .ins-calls,
  .mod-device-details nav .ins-calls,
  .mod-main-banner nav .ins-calls {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/phone-alt.png") no-repeat scroll 0 0 transparent  !important;
    width: 30px;
    height: 30px;
  }
  .mod-help-other .mho .ins-mails,
  .mod-help-more .ins-mails,
  .mod-callback nav .ins-mails,
  .mod-device-details nav .ins-mails,
  .mod-main-banner nav .ins-mails {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/email-alt.png") no-repeat scroll 0 0 transparent  !important;
    width: 30px;
    height: 22px;
  }
  .mod-help-other .mho .ins-net,
  .mod-help-more .ins-net,
  .mod-callback nav .ins-net,
  .mod-device-details nav .ins-net,
  .mod-main-banner nav .ins-net {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent  !important;
    background-position: -290px -112px  !important;
    width: 32px;
    height: 32px;
  }
  .mod-help-other .mho .ins-device,
  .mod-help-more .ins-device,
  .mod-callback nav .ins-device,
  .mod-device-details nav .ins-device,
  .mod-main-banner nav .ins-device {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent  !important;
    background-position: -229px -45px  !important;
    width: 28px;
    height: 30px;
  }
  .mod-help-other .mho .ins-rewards,
  .mod-help-more .ins-rewards,
  .mod-callback nav .ins-rewards,
  .mod-device-details nav .ins-rewards,
  .mod-main-banner nav .ins-rewards {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent  !important;
    background-position: -123px 0  !important;
    width: 30px;
    height: 26px;
  }
  .mod-help-other .mho .ins-onenet,
  .mod-help-more .ins-onenet,
  .mod-callback nav .ins-onenet,
  .mod-device-details nav .ins-onenet,
  .mod-main-banner nav .ins-onenet {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent  !important;
    background-position: -92px -85px  !important;
    width: 30px;
    height: 30px;
  }
  .mod-help-other .mho .ins-bubble,
  .mod-help-more .ins-bubble,
  .mod-callback nav .ins-bubble,
  .mod-device-details nav .ins-bubble,
  .mod-main-banner nav .ins-bubble,
  .mod-help-other .mho .ins-calls,
  .mod-help-more .ins-calls,
  .mod-callback nav .ins-calls,
  .mod-device-details nav .ins-calls,
  .mod-main-banner nav .ins-calls,
  .mod-help-other .mho .ins-mails,
  .mod-help-more .ins-mails,
  .mod-callback nav .ins-mails,
  .mod-device-details nav .ins-mails,
  .mod-main-banner nav .ins-mails,
  .mod-help-other .mho .ins-net,
  .mod-help-more .ins-net,
  .mod-callback nav .ins-net,
  .mod-device-details nav .ins-net,
  .mod-main-banner nav .ins-net,
  .mod-help-other .mho .ins-device,
  .mod-help-more .ins-device,
  .mod-callback nav .ins-device,
  .mod-device-details nav .ins-device,
  .mod-main-banner nav .ins-device,
  .mod-help-other .mho .ins-rewards,
  .mod-help-more .ins-rewards,
  .mod-callback nav .ins-rewards,
  .mod-device-details nav .ins-rewards,
  .mod-main-banner nav .ins-rewards,
  .mod-help-other .mho .ins-onenet,
  .mod-help-more .ins-onenet,
  .mod-callback nav .ins-onenet,
  .mod-device-details nav .ins-onenet,
  .mod-main-banner nav .ins-onenet {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .mod-help-other .mho .i-bubble,
  .mod-help-more .i-bubble,
  .mod-callback nav .i-bubble,
  .mod-device-details nav .i-bubble,
  .mod-main-banner nav .i-bubble,
  .mod-help-other .mho .i-calls,
  .mod-help-more .i-calls,
  .mod-callback nav .i-calls,
  .mod-device-details nav .i-calls,
  .mod-main-banner nav .i-calls,
  .mod-help-other .mho .i-mails,
  .mod-help-more .i-mails,
  .mod-callback nav .i-mails,
  .mod-device-details nav .i-mails,
  .mod-main-banner nav .i-mails,
  .mod-help-other .mho .i-net,
  .mod-help-more .i-net,
  .mod-callback nav .i-net,
  .mod-device-details nav .i-net,
  .mod-main-banner nav .i-net,
  .mod-help-other .mho .i-device,
  .mod-help-more .i-device,
  .mod-callback nav .i-device,
  .mod-device-details nav .i-device,
  .mod-main-banner nav .i-device,
  .mod-help-other .mho .i-rewards,
  .mod-help-more .i-rewards,
  .mod-callback nav .i-rewards,
  .mod-device-details nav .i-rewards,
  .mod-main-banner nav .i-rewards,
  .mod-help-other .mho .i-onenet,
  .mod-help-more .i-onenet,
  .mod-callback nav .i-onenet,
  .mod-device-details nav .i-onenet,
  .mod-main-banner nav .i-onenet {
    background: none;
    display: block;
    padding: 15px 20px  !important;
    line-height: 0;
    text-decoration: none;
  }
  .mod-help-other .mho .block,
  .mod-help-more .block,
  .mod-callback nav .block,
  .mod-device-details nav .block,
  .mod-main-banner nav .block {
    display: block  !important;
  }
  .mod-help-other .mho h3,
  .mod-help-more h3,
  .mod-callback nav h3,
  .mod-device-details nav h3,
  .mod-main-banner nav h3 {
    display: none;
  }
  .mod-help-other .mho p,
  .mod-help-more p,
  .mod-callback nav p,
  .mod-device-details nav p,
  .mod-main-banner nav p {
    display: none;
  }
  .mod-help-other .mho .dn,
  .mod-help-more .dn,
  .mod-callback nav .dn,
  .mod-device-details nav .dn,
  .mod-main-banner nav .dn {
    display: none;
  }
  .mod-help-devices .icons {
    display: none;
  }
  .mod-help-devices .icons li {
    width: 48%;
  }
  .mod-help-devices div .icons {
    display: block;
  }
  .mod-help-devices div .icons li {
    display: block;
  }
  .mod-help-devices div.complete .icons,
  .mod-help-devices div.inactive .icons {
    display: none;
  }
  .mod-help-more li {
    padding: 0  !important;
  }
  .mod-main-banner {
    width: 100%;
  }
  .mod-main-banner #tabs li a {
    font-weight: normal  !important;
    font-size: 12px  !important;
    line-height: 3em  !important;
    color: #ffffff  !important;
  }
  .mod-devices {
    display: none;
  }
  .mod-s-plans {
    width: 100%;
  }
  .mod-s-plans ul {
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    float: left;
    margin: 25px 2px;
    padding: 0;
  }
  .mod-s-plans ul .m-btns {
    display: none;
  }
  .mod-s-plans ul li {
    border-top: 1px solid #ADADAD;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0;
    /*padding: 20px 10px 20px 10px;*/
    width: 100%;
    position: relative;
    background-position: 98% center  !important;
  }
  .mod-s-plans ul li a {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right.png") no-repeat scroll 90% center #ffffff;
    display: block;
  }
  .mod-s-plans ul .aCarousel > li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
  }
  .mod-s-plans ul .vCarousel li ul {
    background: none;
    border-radius: 0;
    -moz-box-shadow: 0 0 0 0;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    margin: 0 0 0 -20px;
    clear: both;
    float: none;
  }
  .mod-s-plans ul .vCarousel li ul li {
    margin-right: 10px;
    width: auto;
    padding: 0;
  }
  .mod-tabs-slider ins {
    display: none;
  }
  .mod-tabs-slider .aCarousel li {
    padding: 0 24px;
  }
  .mod-s-brands {
    width: 100%;
  }
  .mod-s-brands ul {
    width: 100%;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    float: left;
    margin: 25px 2px;
    padding: 0;
  }
  .mod-s-brands ul .m-btns {
    display: none;
  }
  .mod-s-brands ul li {
    border-top: 1px solid #ADADAD;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0;
    width: 33.3%;
    height: 5em;
    padding: 0;
    position: relative;
    background-position: 15px center  !important;
  }
  .mod-s-brands ul li a {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right.png") no-repeat scroll 90% center #ffffff;
    display: block;
    border: none;
    margin: 0 auto;
    width: 102px;
  }
  .mod-fl-menu {
    display: none;
  }
  .mod-faceted-search-filters {
    float: left;
    width: 100%;
  }
  .mod-faceted-search-filters h2 {
    padding: 10px;
    margin: 0;
    border-top: 1px solid #cacaca;
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
    background-position: 95% center  !important;
    cursor: pointer;
    font-size: 22px;
    color: #333;
  }
  .mod-faceted-search-filters .facet-more {
    background-color: #F4F4F4;
  }
  .mod-faceted-search-filters h3 {
    padding: 0 0 10px 0  !important;
  }
  .mod-faceted-search-filters .styleThese ul li form .btn a.lrg .btnWhite,
  .mod-faceted-search-filters .styleThis ul li form .btn a.lrg .btnWhite {
    line-height: 2.5  !important;
    padding: 0 20px  !important;
    width: 100%  !important;
  }
  .mod-faceted-search-filters .styleThese ul li .dp,
  .mod-faceted-search-filters .styleThis ul li .dp {
    background: #F4F4F4;
  }
  .mod-faceted-search-filters a.lrg {
    line-height: 2  !important;
    margin: 10px 0 10px 0  !important;
  }
  .mod-faceted-search-filters .hideThis {
    display: block;
  }
  .mod-faceted-search-filters .styleThese h2,
  .mod-faceted-search-filters .styleThis h2 {
    background-color: #FFFFFF;
    border-bottom: 0;
  }
  .mod-faceted-search-filters .styleThese li,
  .mod-faceted-search-filters .styleThis li {
    border: 0 none  !important;
    border-radius: 0  !important;
    margin: 0  !important;
  }
  .mod-faceted-search-filters .styleThese ul,
  .mod-faceted-search-filters .styleThis ul {
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
    -moz-border-radius: 5px  !important;
    -ms-border-radius: 5px  !important;
    -o-border-radius: 5px  !important;
    -webkit-border-radius: 5px  !important;
    border-radius: 5px  !important;
  }
  .mod-search-results {
    width: 99%;
  }
  .mod-search-results .facet-more {
    padding: 15px  !important;
  }
  .mod-search-results li > img {
    width: 90%;
    padding: 0;
  }
  .mod-search-results li:nth-child(2n) {
    width: 100%  !important;
  }
  .mod-search-results article figure img {
    padding: 10px  !important;
    width: 25%  !important;
  }
  .mod-search-results h3 {
    border: 0  !important;
  }
  .mod-search-results h4 {
    margin-top: 0;
  }
  .mod-search-results .featured {
    background: none repeat scroll 0 0 #f4f4f4  !important;
  }
  .mod-search-results .featured h3 {
    padding-right: 30px  !important;
  }
  .mod-search-results .btn.btnWhite {
    white-space: pre-wrap;
  }
  .copy {
    position: absolute;
    bottom: .5em;
    width: 100%;
  }
  .copy ul {
    display: inline-block;
    position: relative;
    float: right;
    background: none;
    border: none;
    left: 0;
    width: 30%  !important;
    padding: 0;
    margin: 0;
  }
  .copy ul li {
    padding: 0;
    margin: 0;
  }
}
@media only screen and (max-width: 817px) and only (-webkit-min-pixel-ratio: 2) {
  #basket-mbl-lrg {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/mobile-basket-lrg.png') no-repeat scroll center / 27px 23px transparent;
  }
  #search-mbl-lrg {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/mobile-search-lrg.png') no-repeat scroll center / 24px 23px transparent;
  }
  .help-topics-1 li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/alert-sml.png') no-repeat scroll center 0.5714285714285714px 32px transparent;
  }
  .help-topics-2 li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/puzzle-sml.png') no-repeat scroll center 0.6451612903225806px 39px transparent;
  }
  .help-topics-3 li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/coverage-sml.png') no-repeat scroll center 0.6896551724137931px 32px transparent;
  }
  .i-internet-services {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/pay-bill-sml.png') no-repeat scroll left center / 23px 25px transparent  !important;
  }
  .i-getting-started {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/device-services-sml.png') no-repeat scroll left center / 27px 30px transparent  !important;
  }
  .i-buy-online {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/new-user-sml.png') no-repeat scroll left center / 30px 23px transparent  !important;
  }
}
@media only screen and (max-width: 480px) {
  .myAppsFor {
    display: none;
  }
  html {
    min-width: 290px;
  }
  main,
  section {
    margin: 0;
  }
  #tabs {
    margin-bottom: 20px;
  }
  h1 {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.25;
  }
  .mod-tabs-slider {
    margin: 0;
    width: 99%  !important;
  }
  .mod-tabs-slider .bx-pager {
    display: none;
  }
  .main-grid-full {
    padding: 9px 5px  !important;
  }
  .ul-border {
    border-top: 1px solid #868686  !important;
    border-bottom: 1px solid #868686  !important;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .cols3 {
    float: none  !important;
    width: 100%  !important;
    cursor: pointer;
  }
  .cols3 li {
    display: none;
    width: 100%;
  }
  .cols3 h3 {
    vertical-align: middle;
    line-height: 2.5;
  }
  .cols3 .mob-more-help h3 {
    font-size: 12px  !important;
  }
  .li-first {
    display: block  !important;
    padding: 16px 40px 16px 15px  !important;
    width: 100%;
    background: #FFFFFF;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  .main-center {
    border: 1px solid #868686  !important;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  .sml {
    float: none;
    width: 100%  !important;
  }
  .mod-sb {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
  .mod-sb.sml {
    margin-left: 0  !important;
  }
  .mod-sbm .help-topics-1,
  .mod-sbm .help-topics-3 {
    border: 0  !important;
  }
  .o-s {
    width: 100%  !important;
  }
  .solution-selector {
    padding: 20px 20px 10px 20px;
  }
  .solution-selector .c-26 {
    text-align: center  !important;
  }
  .solution-selector .c-26 .btn-ss {
    margin-top: 20px;
    width: 100%;
  }
  .ss-img {
    display: none;
  }
  .main-grid-full {
    padding: 0;
  }
  .main-grid-full .search {
    display: none;
  }
  .mdd-tabs {
    display: none  !important;
  }
  .mod-s-brands {
    width: 100%;
  }
  .mod-s-brands ul {
    width: 100%;
  }
  .mod-footer {
    padding: 10px  !important;
  }
  .mod-footer h3 {
    width: 35.5%;
  }
  .mod-footer ul {
    left: 35.5%;
  }
  .mod-footer h3 a {
    font-size: 12px  !important;
  }
  .mod-footer .copy p {
    width: 60%;
    font-size: 9px  !important;
  }
  .mod-footer .copy {
    width: 95%;
    font-size: 9px  !important;
    padding: 6px 0;
  }
  .mod-footer .copy a {
    font-size: 9px;
  }
  .mod-footer .copy ul {
    width: 39%  !important;
    left: 0;
  }
  .mod-footer .copy ul li {
    padding-left: 5px;
  }
  .mod-main-banner .device-overview img {
    float: none;
  }
  .mod-main-banner .device-overview #tabs {
    margin: 0;
  }
  .mod-tabs-slider {
    border: none;
    background: none;
    margin: 0  !important;
  }
  .mod-tabs-slider .aCarousel li[data-title="Phones"] .bx-viewport {
    height: auto  !important;
    max-height: 215px  !important;
  }
  .mod-tabs-slider div.banner[data-title="Plans"] figure {
    padding-top: 0;
  }
  .mod-tabs-slider .aCarousel li[data-title="Plans"] .bx-viewport {
    min-height: 300px  !important;
  }
  .mod-tabs-slider .aCarousel li[data-title="Plans"] .bx-viewport .vCarousel li {
    min-width: 275px  !important;
  }
  .mod-tabs-slider .container-fluid {
    overflow: hidden;
  }
  .mod-tabs-slider .banner {
    margin: 0;
    width: 100%  !important;
  }
  .mod-tabs-slider ul {
    float: none;
  }
  .mod-tabs-slider ins,
  .mod-tabs-slider .bx-controls-direction {
    display: none  !important;
  }
  .mod-tabs-slider .aCarousel > li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
  }
  .mod-tabs-slider .aCarousel {
    -moz-border-radius: 10px 10px 10px 10px  !important;
    -ms-border-radius: 10px 10px 10px 10px  !important;
    -o-border-radius: 10px 10px 10px 10px  !important;
    -webkit-border-radius: 10px 10px 10px 10px  !important;
    border-radius: 10px 10px 10px 10px  !important;
    width: 100%;
    background: none;
    margin: 2px 0 0 0  !important;
  }
  .mod-tabs-slider .aCarousel .vCarousel {
    -moz-border-radius: 0  !important;
    -ms-border-radius: 0  !important;
    -o-border-radius: 0  !important;
    -webkit-border-radius: 0  !important;
    border-radius: 0  !important;
    -moz-box-shadow: 0 0 0 0;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
  }
  .mod-tabs-slider .aCarousel .vCarousel li {
    border: 0;
  }
  .mod-tabs-slider .aCarousel .pCarousel figure {
    padding: 0 10px 10px 0;
    width: 100%;
    height: 130px;
  }
  .mod-tabs-slider .aCarousel .pCarousel figure img {
    width: 100%;
  }
  .mod-tabs-slider .aCarousel .pCarousel figure figcaption {
    line-height: 1;
    float: left;
    width: 58%;
    text-align: left;
    padding-left: 10px;
  }
  .mod-tabs-slider .aCarousel .pCarousel .btn.btnPurple {
    width: auto  !important;
  }
  .mod-tabs-slider .aCarousel .pCarousel em {
    float: left;
    width: 60%;
    margin-top: 40%;
    text-align: left;
    padding-top: 5px;
  }
  .mod-tabs-slider .aCarousel .pCarousel br {
    display: none;
  }
  .mod-tabs-slider .aCarousel .pCarousel .i-ratings-on {
    position: absolute;
    right: 14%;
    top: 37%;
  }
  .mod-tabs-slider .aCarousel .pCarousel li {
    margin: 10px 0 0 0;
    padding: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #adadad  !important;
    min-height: 0  !important;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .mod-tabs-slider .aCarousel .pCarousel li a {
    float: left;
    margin-top: 5px;
    width: 90px;
  }
  .mod-tabs-slider .aCarousel .dots {
    display: none;
  }
  .mod-tabs-slider .aCarousel li:first-child {
    border: 0;
  }
  .mod-tabs-slider .aCarousel > li {
    width: 100%;
    font-size: 20px;
    font-weight: normal;
    padding: 10px;
    line-height: 1.5em;
    background-position: 97% center  !important;
    border-top: 1px solid #ADADAD;
  }
  .mod-tabs-slider .aCarousel > li p {
    padding-left: 10px;
    height: auto;
    padding-bottom: 5px;
  }
  .mod-tabs-slider .aCarousel > li .slider-header .slider-header-selected {
    padding-bottom: 10px  !important;
  }
  .mod-tabs-slider .aCarousel > li div {
    font-size: 12px;
  }
  .mod-tabs-slider .aCarousel .sl-inset {
    -moz-border-radius: 5px  !important;
    -ms-border-radius: 5px  !important;
    -o-border-radius: 5px  !important;
    -webkit-border-radius: 5px  !important;
    border-radius: 5px  !important;
    background-color: #F4F4F4;
  }
  .mod-tabs-slider .aCarousel li.sl-inset {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png') no-repeat scroll top left transparent;
    background-position: 97% 15px  !important;
  }
  .mod-tabs-slider .aCarousel span,
  .mod-tabs-slider div span {
    clear: both  !important;
    float: none;
  }
  .mod-tabs-slider .banner .bx-viewport {
    margin: 0;
  }
  .mod-tabs-slider .sl-inset {
    height: auto  !important;
    color: #333333  !important;
    line-height: 1.4em  !important;
    overflow: hidden;
  }
  figure figcaption {
    line-height: 0.5;
  }
  .mod-faceted-search-filters .styleThese ul li .dp .showMore,
  .mod-faceted-search-filters .styleThis ul li .dp .showMore {
    background-position: 4% center  !important;
  }
  .mod-search-results figure figcaption {
    width: 100%;
    line-height: 1;
  }
  .mod-search-results figure figcaption a {
    padding-left: 0;
  }
  .mod-search-results li > img {
    padding: 5px 2px;
    margin: 0 auto;
  }
  .mod-search-results li:nth-child(2n) {
    width: 100%  !important;
  }
  .mod-search-results article figure img {
    padding: 10px  !important;
    width: 40%  !important;
    display: none;
  }
  .mod-search-results .featured article {
    min-width: 272px;
  }
  .mod-search-results .featured article figure img {
    display: block;
    margin: 0 auto;
  }
  .mod-plan-item.styleThese ul li {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .mod-plan-item.styleThese figure {
    display: inline-block;
    margin: 0 auto;
    min-width: 180px;
    width: auto;
  }
  .mod-plan-item.styleThese figure figcaption {
    position: absolute;
    top: 0;
    margin-bottom: 0 !important;
    margin-left: 65px;
    margin-right: 0 !important;
    margin-top: 0 !important;
    line-height: 1;
    padding: 18px 0 !important;
  }
  .mod-plan-item.styleThese strong {
    font-size: 38px !important;
    color: #ca0000;
  }
  .mod-sr-login .sr-login p {
    font-size: 12px;
    line-height: 1.2;
  }
  .mod-sr-login .sr-login figure {
    min-height: 80px;
  }
  .mod-sr-login .sr-login .btnPurple {
    width: 100%;
    margin: 5px 0 0 0;
  }
  .mod-sr-login .sr-login ul {
    display: block;
  }
  .mod-sr-login .sr-login ul li,
  .mod-sr-login .sr-login ul input,
  .mod-sr-login .sr-login ul li:nth-child(3n) a,
  .mod-sr-login .sr-login ul button {
    width: 100% !important;
    float: none;
  }
  .mod-sr-login .sr-login ul li:nth-child(3n) a {
    position: relative;
    padding: 10px 0;
  }
  .mod-sr-login .sr-login ul li:nth-child(3n) {
    padding: 10px 0;
  }
}
@media only screen and (min-width: 401px) and (max-width: 599px) {
  .myAppsFor {
    display: none;
  }
  .mod-search-results article figure img {
    width: 21%  !important;
  }
  .mod-search-results .btn.btnWhite {
    clear: both;
    float: none  !important;
    width: 95%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 817px) {
  .myAppsFor {
    display: none;
  }
  .solution-selector {
    padding: 10px;
  }
  .solution-selector .c-26 {
    float: left  !important;
    width: 60%  !important;
    clear: none;
    text-align: left;
    padding: 5px 0 5px 0;
  }
  .solution-selector .c-26 a {
    display: inline-block;
    margin-right: 5px;
  }
  .mod-search-results figcaption {
    width: 88%  !important;
  }
  .mod-search-results .featured figcaption {
    width: auto  !important;
  }
}
@media only (-webkit-min-pixel-ratio: 2) {
  .i-internet-services {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/pay-monthly-sml.png') no-repeat scroll left center / 40px 46px transparent;
  }
  .i-getting-started {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/device-services.png') no-repeat scroll left center / 58px 49px transparent;
  }
  .i-buy-online {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/new-user.png') no-repeat scroll left center / 58px 41px transparent;
  }
  .i-arrow-down-lrg {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/nav-arrow-down-lrg.png') no-repeat scroll top left / 13px 8px transparent;
  }
  .i-arrow-up-lrg {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/nav-arrow-up-lrg.png') no-repeat scroll top left / 13px 8px transparent;
  }
  .i-extras {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/extras.png') no-repeat scroll left 0px 38px transparent;
    color: #333;
    padding: 10px 0 10px 40px;
  }
  .i-extras,
  .i-apps {
    display: block;
  }
  .i-apps {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/apps.png') no-repeat scroll left 0.5416666666666666px 29px transparent;
  }
  .i-signal {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/signal.png') no-repeat scroll left 0.4117647058823529px 25px transparent;
  }
  .i-need-help {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/need-help.png') no-repeat scroll left 0.4642857142857143px 28px transparent;
  }
  .i-basket {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/basket-lrg.png') no-repeat scroll left 0.4117647058823529px 25px transparent;
  }
  .i-shield {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/shield.png') no-repeat scroll left 0.5384615384615384px 26px transparent;
  }
  .i-bus-sites {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/business-sites.png') no-repeat scroll left center / 22px 15px transparent;
  }
  .help-topics-1 li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/alert.png') no-repeat scroll center left / 52px 47px transparent;
  }
  .help-topics-2 li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/puzzle.png') no-repeat scroll center left / 50px 62px transparent;
  }
  .help-topics-3 li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon@2x/coverage.png') no-repeat scroll center left / 53px 57px transparent;
  }
}
@media only screen and (max-width: 818px) {
  #filterSearch {
    font-size: 16px  !important;
    width: 100%;
    padding: 10px  !important;
    display: block;
    margin: 0 0 20px  !important;
  }
  .mod-search-results .featured {
    background: none !important;
  }
  .mod-search-results .featured figure img {
    width: 60%  !important;
  }
  .mod-sr-login .mod-faceted-search-filters,
  .mod-sr-login .mod-plan-item {
    float: none;
  }
  .mod-sr-login #filterSearch {
    margin: 10px 0 20px 0  !important;
  }
  .mod-sr-login .modulesLeft {
    float: none;
  }
  .mod-sr-login .modulesLeft h3 {
    display: none;
  }
  .mod-sr-login .modulesLeft form {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
  }
  .mod-sr-login .modulesLeft form ul li {
    width: 100%;
  }
  .mod-faceted-search-filters .device-type {
    display: none;
  }
}
label.error {
  display: block;
  width: 90% !important;
  border: none;
  background: none;
  color: #E60000;
  margin-top: 10px;
  font-weight: bold;
  float: none !important;
}
/*Generic scroller color option - they shouldn't need to change'*/
/*Global carousel styles,no need to change these*/
.clearfix {
  float: none;
  clear: both;
}
.ui-autocomplete {
  background: white !important;
  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75) inset;
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75) inset;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75) inset;
}
/* Close/back button for Mobile 'Lightbox' */
.backPageBox {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  color: #333333;
  margin-bottom: 10px;
  /*CSS merge update - v 10.8 - laubscjo*/
  margin-top: 35px;
  overflow: auto;
}
.backPageBox a {
  margin-top: 0px !important;
}
.backPage {
  float: left;
}
.backPage:hover {
  color: #333333;
}
.blackArrow {
  float: left;
  width: 10px;
  height: 15px;
  background-image: url(vodacom/framework/skins/vodacom_skins/img/sprite.png);
  background-position: -875px -130px;
  background-repeat: no-repeat;
}
ol.lists {
  list-style: decimal inside;
}
ul.lists {
  list-style: disc inside;
}
.howDo ul > li > ul {
  padding-left: 20px;
}
@media only screen and (min-width: 818px) {
  .menuLinksMobile {
    display: none !important;
  }
}
/* global styles for checkboxes - no uniform required - laubscjo */
.fm-check {
  outline: 0;
  padding-bottom: 10px;
}
.fm-check input {
  display: none !important;
  position: absolute;
}
.fm-check span {
  display: inline-block;
  margin-top: 3px;
  margin-left: 3px;
}
.fm-check label.checked {
  background: url(vodacom/framework/skins/vodacom_skins/img/sprite.png) no-repeat -933px -28px;
  height: 36px;
  width: 30px;
}
.fm-check label.unchecked {
  background: url(vodacom/framework/skins/vodacom_skins/img/sprite.png) no-repeat -905px -28px;
  height: 36px;
  width: 30px;
}
.fm-check label {
  background: url(vodacom/framework/skins/vodacom_skins/img/sprite.png) no-repeat -905px -28px;
  height: 36px;
  width: 30px;
  display: inline-block;
  font-weight: 400;
  padding: 5px 0 5px 30px;
  float: left;
  display: block;
}
/* select boxes */
.fm-select {
  background: #fff;
  position: relative;
}
.fm-select select {
  /*background: none;
        position: relative;
        z-index: 1;
        box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);
        border: 1px solid #e9e9e9;
        margin: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        font-size: 14px;
        padding: 10px 10px 10px 5px;
        width: 100%;*/
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #e9e9e9;
  box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
  height: 35px;
  margin: 0;
  padding-right: 10px;
  padding-top: 7px;
  position: relative;
  z-index: 1;
  padding-left: 3px;
  padding-bottom: 6px;
}
.fm-select span {
  background: none repeat scroll 0 0 #fff;
  border-left: 1px solid #b5b5b5;
  height: 34px;
  margin-right: 1px;
  padding: 5px 9px 6px 12px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 1;
  border-top: 1px solid #ebebeb;
}
.fm-select span .i-arrow-down-grey-lrg {
  height: 8px;
  width: 13px;
  background: url(vodacom/framework/skins/vodacom_skins/img/sprite.png) no-repeat -115px -4px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 9px;
}
/*radio buttons*/
.fm-data {
  padding: 0 0 20px;
  padding-bottom: 10px;
  float: left;
  margin-right: 20px;
}
.fm-data input[type=radio] {
  left: -9999em;
  position: absolute;
  border-radius: 3px;
  -webkit-appearance: none;
  box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75) inset;
  border: 1px solid #e9e9e9;
  font-size: 14px;
  padding: 10px;
  width: 100%;
}
.fm-data label {
  background: url(vodacom/framework/skins/vodacom_skins/css/img/icon/radio-unchecked.png) no-repeat;
  background-position: 0 3%;
  display: inline-block;
  font-weight: 400;
  padding: 3px 0 4px 30px;
  color: #333;
  font-weight: normal;
}
.fm-data .checked {
  background: url(vodacom/framework/skins/vodacom_skins/css/img/icon/radio-checked.png) no-repeat;
}
.fm-data .disabled {
  background: url(vodacom/framework/skins/vodacom_skins/css/img/icon/radio-disabled.png) no-repeat;
}
/*Mega menu button */
ul#nav-menu div#mdMenuControl > a#mdMenuControlBtn:hover {
  background: none repeat scroll 0 0 #680F6B !important;
  color: white !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
}
ul#nav-menu div#mdMenuControl > a#mdMenuControlBtn {
  background: none repeat scroll 0 0 #9C2AA0 !important;
  color: white !important;
  margin-left: 20px;
  font-size: 18px !important;
}
/*NextLevel background Filler */
#nxtlvlRightBackground {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  z-index: -500;
  background-color: #2F2D2E;
  display: none;
}
@media only screen and (max-width: 800px) {
  #nxtlvlRightBackground {
    display: none !important;
  }
}
/* Angular Form Validation styling */
.valdr-invalid-dirty-touched-group input.ng-invalid-valdr {
  background: none repeat scroll 0 0 #FEF0F0;
  border: 1px solid #E60000;
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.valdr-invalid-dirty-touched-group .valdr-message {
  color: red;
  margin-top: 5px;
  font-weight: bold;
  font-size: 13px;
  display: inline-block;
}
/* Generic Sorting table */
.sorting-tableContainer .ib_Header {
  width: 100%;
  min-height: 45px;
  padding-top: 5px;
  background-color: #cacaca;
}
.sorting-tableContainer .ib_Header .sorting-Pagination .pageSelect .sliderRight {
  background-position: -40px 0;
}
.sorting-tableContainer .ib_Header .sorting-Pagination .pageSelect .sliderLeft {
  background-position: 0px 0;
}
.sorting-tableContainer .sorting-Pagination {
  margin: 0px 9px 0px;
  display: inline;
  padding-top: 5px;
}
.sorting-tableContainer .sorting-Pagination ins {
  text-decoration: none;
  line-height: 31px;
  float: left;
  margin-left: 5px;
}
.sorting-tableContainer .sorting-Pagination .pageSelect a {
  display: inline-block;
  background-image: url("vodacom/framework/skins/vodacom_skins/img/iconFeaturedItemsNavMin.png");
  background-repeat: no-repeat;
  text-decoration: none !important;
  float: left;
  width: 40px;
  height: 32px;
  cursor: pointer;
  cursor: hand;
}
.sorting-tableContainer table {
  width: 100%;
}
.sorting-tableContainer table thead {
  background-color: #fafafa;
}
.sorting-tableContainer table thead tr th {
  padding: 5px 5px 5px 6px;
}
.sorting-tableContainer table thead tr th span {
  display: inline;
  float: left;
  text-decoration: underline;
  cursor: pointer;
  cursor: hand;
}
.sorting-tableContainer table thead tr th .scroll {
  display: inline-block;
  width: 19px;
  height: 14px;
}
.sorting-tableContainer table thead tr th i {
  display: inline-block;
  width: 19px;
  height: 14px;
}
.sorting-tableContainer table thead tr th:hover i {
  display: inline !important;
}
.sorting-tableContainer table tfoot {
  background-color: #cacaca;
  font-weight: bold;
}
.sorting-tableContainer table tfoot tr td {
  padding: 8px 5px 5px 6px;
}
.sorting-tableContainer table tbody tr td {
  padding: 10px 5px 10px 6px;
}
.sorting-tableContainer table tbody tr:nth-child(even) {
  background-color: #fafafa;
}
.sorting-tableContainer .ib_Header_Open {
  background: url('vodacom/framework/skins/vodacom_skins/img/landingPage/bannerHomeArrow.png') no-repeat 5px;
}
.sorting-tableContainer .ib_Header_Close {
  background: url('vodacom/framework/skins/vodacom_skins/img/landingPage/bannerHomeArrowDown.png') no-repeat 5px;
}
.sorting-tableContainer .hideSortingArrow {
  display: none;
}
.sorting-tableContainer .MobileHideClass {
  display: table-cell;
}
.sorting-tableContainer .DesktopHideClass {
  display: none;
}
.sorting-tableContainer table thead tr,
.sorting-tableContainer table tfoot tr {
  height: 32px;
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  .sorting-tableContainer .MobileHideClass {
    display: none;
  }
  .sorting-tableContainer .DesktopHideClass {
    display: table-cell;
  }
}
@media only screen and (max-width: 736px) and (orientation: landscape) {
  .sorting-tableContainer .MobileHideClass {
    display: none;
  }
  .sorting-tableContainer .DesktopHideClass {
    display: table-cell;
  }
}
@media only screen and (max-width: 480px) {
  .sorting-tableContainer table tbody tr:nth-child(even) {
    font-weight: bold;
  }
  .sorting-tableContainer table thead tr th {
    font-size: 12px;
    padding-right: 0px;
  }
  .sorting-tableContainer .MobileHideClass {
    display: none;
  }
  .sorting-tableContainer .DesktopHideClass {
    display: table-cell;
  }
  .sorting-tableContainer table tbody tr td,
  .sorting-tableContainer table tfoot tr td {
    padding-right: 0px;
    font-size: 12px;
  }
}
/* Prevent iPhone Native Zooming on Form Controls */
html[data-useragent*='iPhone'] select {
  font-size: 16px !important;
  height: 36px;
}
html[data-useragent*='iPhone'] input {
  font-size: 16px !important;
  height: 36px;
}
/* Globals --------------------------------------- */
.list-style {
  list-style: none;
}
.divider-rb {
  border-right: 1px solid rgba(0, 0, 0, 0.18);
}
.divider-rw {
  border-right: 1px solid rgba(255, 255, 255, 0.18);
}
.red {
  color: #ff0000;
}
.list {
  list-style-type: disc;
  margin: 0 0 0 20px !important;
  line-height: 1.3em;
}
.list li {
  float: none;
  clear: both;
}
.block {
  display: block;
}
.clear {
  clear: both;
}
.hideThis {
  display: none;
}
.styleThese .dp .showMore,
.styleThis .dp .showMore {
  font-weight: bold;
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
  background-position: 4px center  !important;
  padding-left: 26px  !important;
  display: block;
  margin: 10px 0 0;
}
.styleThese .dp .hideMore,
.styleThis .dp .hideMore {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png') no-repeat scroll top left transparent;
}
.styleThese .dp .hiddenBit,
.styleThis .dp .hiddenBit {
  text-decoration: none;
}
.device-type li {
  border: 1px solid #cacaca;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 0;
}
.device-type a {
  padding: 0  !important;
}
.deviceType li {
  border: 1px solid #cacaca;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 0;
  padding: 15px;
}
.deviceType a {
  padding: 0  !important;
}
div.selector,
div.selector span,
div.checker span,
div.radio span {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/uniformsprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
div.selector,
div.checker,
div.button,
div.radio,
div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  margin: 0 5px 2px 0;
}
div.selector:focus,
div.checker:focus,
div.radio:focus {
  outline: 0;
}
div.selector,
div.selector *,
div.radio,
div.radio *,
div.checker,
div.checker * {
  padding: 0;
  text-decoration: none;
}
div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none;
}
div.selector {
  background-position: 0px -198px;
  line-height: 35px;
  height: 35px;
  padding: 0 0 0 3px;
  position: relative;
  overflow: hidden;
  width: 100%  !important;
}
div.selector span {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  background-position: right -158px;
  height: 35px;
  line-height: 35px;
  padding-right: 25px;
  padding-left: 4px;
  cursor: pointer;
  width: 100%  !important;
}
div.selector.fixedWidth {
  width: 160px;
}
div.selector.fixedWidth span {
  width: 125px;
}
div.selector select {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 30px;
  top: 2px;
  left: 0px;
  width: 100%;
}
div.checker {
  margin: 0 5px 2px 0;
  position: relative;
}
div.checker,
div.checker span,
div.checker input {
  width: 23px;
  height: 23px;
}
div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: -30px 0;
}
div.checker span.checked {
  background-position: -30px -30px;
}
div.checker input {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
div.radio {
  margin: 0 5px 2px 0;
  position: relative;
}
div.radio,
div.radio span,
div.radio input {
  width: 22px;
  height: 22px;
}
div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 0;
}
div.radio span.checked {
  background-position: 0 -29px;
}
div.radio input {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
}
.vodaTable {
  margin-top: 0;
  min-width: 850px;
  text-align: center;
  width: 100%;
}
.vodaTable .tblStatic {
  background: #cccccc;
}
.vodaTable tr > th {
  background: none repeat scroll 0 0 #dedede;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 10px;
  text-align: center;
}
.vodaTable tr > th small {
  display: block;
  font-weight: normal;
}
.vodaTable tr > th span {
  display: block;
}
.vodaTable tr > td {
  border-bottom: 1px solid #E6E6E6;
  padding: 20px 10px;
}
.vodaTable .tableClone tr th {
  background: none repeat scroll 0 0 #DEDEDE;
  font-size: 16px;
  font-weight: bold;
  padding: 17px 0;
  text-align: center;
  width: auto;
}
.vodaTable .tableClone td {
  background: none repeat scroll 0 0 #CCCCCC;
  border-bottom: 1px solid #E6E6E6;
  padding: 21px 0;
  text-align: center;
}
.tableClone {
  left: 0;
  position: absolute;
  top: 0;
  width: 130px;
}
.tableClone td {
  text-align: center;
  border-bottom: 1px solid #E6E6E6;
  padding: 20px 10px;
}
.tableClone tr th {
  background: none repeat scroll 0 0 #DEDEDE;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 10px;
  text-align: center;
}
.tblStatic {
  background: none repeat scroll 0 0 #CCCCCC;
}
@media only screen and (max-width: 320px) {
  .modShopFor section ul.devices {
    WIDTH: 103% !important;
  }
  .modShopFor section ul.devices li {
    float: left;
    margin: 1.5%;
    width: 46%  !important;
  }
}
@media only screen and (max-width: 480px) {
  h2 {
    padding-top: 0.7em;
    color: #e60000;
  }
  .mobileBorder {
    margin-right: 4px;
    border-left: 1px solid #8f8f8f;
    border-right: 1px solid #8f8f8f;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #8f8f8f;
    height: 9em;
    width: 95%;
    /*box-shadow: 0px 2px 0px #888888;*/
    -moz-box-shadow: 0px 2px 0px #888888;
    -webkit-box-shadow: 0px 2px 0px #888888;
    box-shadow: 0px 2px 0px #888888;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .mobileBorder :first-child div {
    border-left: none;
  }
  .supportBox {
    position: relative;
    float: left;
    width: 33.333333333333336%;
    height: 100%;
    text-decoration: none;
  }
  .supportBox div {
    display: block;
    height: 80%;
    border-left: 1px solid #cacaca;
    border-bottom: none;
    border-top: none;
    border-right: none;
    margin-top: -1em;
  }
  .supportBox div h3 {
    color: #616161;
    font-size: 0.9em;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 4em 10px 0 10px;
    height: 125px;
  }
  .supportBox div img {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -9em;
    height: 2.7em;
    float: none;
  }
  .supportBox div p {
    display: none;
  }
  .supportBox div .linkDiv {
    height: 100%;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .supportBox div a {
    display: block;
    height: 100%;
  }
  .supportBox div a .mobDisplayNone {
    display: none;
  }
  .supportBox:hover {
    text-decoration: underline;
    background: #f4f4f4;
  }
  .mod-is {
    width: 100%  !important;
  }
  .mod-is ul li {
    width: 100%  !important;
    margin: 0 0 5px;
  }
  .supportOnline h2 {
    color: #333333;
  }
  .supportOnline ul {
    padding: 0  !important;
  }
  .supportOnline ul li {
    margin: 0 1%  !important;
    width: 22%  !important;
    text-align: center;
  }
  .supportOnline ul li a div img {
    margin: 0 0 5px;
    float: none  !important;
  }
  .supportOnline ul li a div p {
    margin: 0  !important;
    width: 100%  !important;
    font-size: 12px;
    line-height: 14px;
  }
  .modSFinancialSolutions li {
    width: 100%  !important;
  }
  .modSFinancialSolutions li ul li {
    width: 100%  !important;
    margin: 0 0 5px;
  }
  .manageServiceBlock {
    display: none  !important;
  }
  .br-accord {
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    padding: 0 4px;
    display: inline-block;
    margin: 0;
  }
  .br-accord a {
    border: none;
  }
  .br-accord .tg-body,
  .br-accord li {
    padding: 0;
    border-bottom: 1px solid #cacaca;
    width: 33.33%;
    margin-bottom: -1px;
  }
  .br-accord .tg-head {
    border-top: 1px solid #cacaca;
    font-size: 20px;
    margin-top: -1px;
    padding: 20px 20px 20px 15px;
    clear: both;
  }
  .br-accord li:hover {
    background-color: #9c2aa0;
  }
  .tg-head.only-sml {
    display: block;
    color: #5e2750;
  }
  .tg-head.only-sml:hover {
    text-decoration: underline;
  }
  .i-arrow-up-black-lrg {
    background: url("vodacom/framework/skins/vodacom_skins/img/iconArrowUp.png");
    height: 8px;
    width: 13px;
    margin: 0;
    float: right;
  }
  .i-arrow-down-black-lrg {
    background: url("vodacom/framework/skins/vodacom_skins/img/iconArrowDown.png");
    height: 8px;
    width: 13px;
    margin: 0;
    float: right;
  }
  i.tg-hide,
  i.tg-show,
  i.tg-link {
    margin-top: 6px;
  }
  .modShopFor section {
    clear: both;
    width: 100%  !important;
  }
  .modShopFor section ul.devices li {
    width: 28%;
  }
  .modShopFor section ul.devices li a {
    height: 100px;
  }
  .modShopFor h2 {
    color: #e60000;
  }
  .modShopFor h3 {
    color: #333333;
  }
  .upgradeDeals {
    display: inline-block;
    border: none;
    padding: 10px;
  }
  .upgradeDeals h4 {
    font-size: 14px  !important;
    font-weight: bold  !important;
    line-height: normal;
    margin: 0  !important;
  }
  .upgradeDeals input[type="text"] {
    width: 100%  !important;
    margin: 0 0 10px  !important;
  }
  .upgradeDeals input[type="submit"] {
    width: 100%  !important;
    margin: 0;
  }
  .bvRating {
    margin-left: 0px !important;
  }
  .modulesRight {
    float: none;
    clear: both;
  }
  .productItem {
    margin-bottom: 20px;
  }
  .productItem li {
    width: 100% !important;
    text-align: left  !important;
    margin: 0 20px 30px  !important;
    height: inherit  !important;
  }
  .productItem li h2 {
    height: inherit  !important;
  }
  .productItem li figure {
    float: left;
    margin: 0 10px 0 -10px;
    width: auto;
  }
  .productItem li figure figcaption.limited {
    background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/limitedStock.png");
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px  !important;
    font-style: normal;
    padding: 0 0 0 22px;
    line-height: 2.5;
    display: block  !important;
    font-weight: normal;
  }
  .productItem li figure figcaption.out {
    background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/outOfStock.png");
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px  !important;
    font-style: normal;
    padding: 0 0 0 22px;
    line-height: 2.5;
    display: block  !important;
    font-weight: normal;
  }
  .productItem li figure img {
    max-width: 100px;
  }
  .productItem li .deviceDetails {
    float: left;
    padding: 0 0 0 20px;
    width: 56%;
  }
  .productItem li .deviceDetails em {
    display: none;
  }
  .productItem li .deviceDetails i {
    margin: 10px 0 5px;
  }
  .productItem li .deviceDetails ins {
    height: auto;
  }
  .productItem li .deviceDetails ins .prepaidLink {
    padding: 0 !important;
  }
  .productItem li .deviceDetails label {
    display: none;
  }
  .productItem li .deviceDetails input {
    width: 120px  !important;
  }
  .productItem li .deviceDetails .infoTop,
  .productItem li .deviceDetails .infoMiddle,
  .productItem li .deviceDetails .infoBottom {
    position: relative  !important;
    bottom: auto  !important;
    top: auto  !important;
  }
  .productItem li .deal {
    width: 48px  !important;
    height: 48px  !important;
    left: -25px  !important;
  }
  .productItem li i {
    margin: 10px 0 5px  !important;
  }
  .solutionSelector {
    border-color: #cacaca;
    -moz-border-radius: 0  !important;
    -ms-border-radius: 0  !important;
    -o-border-radius: 0  !important;
    -webkit-border-radius: 0  !important;
    border-radius: 0  !important;
    border-style: solid;
    border-width: 1px 0;
    -moz-box-shadow: 0 0 0 none  !important;
    -webkit-box-shadow: 0 0 0 none  !important;
    box-shadow: 0 0 0 none  !important;
    box-shadow: none  !important;
    padding: 0  !important;
    width: 100%;
  }
  .solutionSelector ul li.nonMobile {
    display: none;
  }
  .solutionSelector ul li.mobile {
    display: block  !important;
  }
  .solutionSelector ul li.mobile a {
    margin: 10px 0;
    display: inline-block;
  }
  .solutionSelector ul li.mobile ins {
    text-decoration: none;
    display: block;
    margin: 0 0 20px;
  }
  .modulesRight {
    float: none;
    clear: both;
  }
  .productList li {
    width: 100% !important;
    height: auto;
    padding-bottom: 40px;
    text-align: left  !important;
    margin: 0 20px 50px  !important;
    height: inherit  !important;
  }
  .productList li figure {
    float: left;
    margin: 0 10px 0 -10px;
    width: auto;
  }
  .productList li form {
    float: left;
    padding: 0 0 0 20px;
    width: 56%;
  }
  .productList li form em {
    bottom: 4%;
    font-size: 12px !important;
    left: 0;
    position: absolute;
  }
  .productList li form figcaption {
    display: none;
  }
  .productList li form i {
    margin: 10px 0 5px;
  }
  .productList li form label {
    display: none;
  }
  .productList li form input {
    width: 120px  !important;
  }
  .productList li form .info {
    position: relative !important;
    width: 55%;
  }
  .productList li .deal {
    width: 48px  !important;
    height: 48px  !important;
    left: -25px  !important;
  }
  .productList li i {
    margin: 10px 0 5px  !important;
  }
  .modulesRight {
    float: none;
    clear: both;
  }
  .productItemAppstore li {
    width: 100% !important;
    text-align: left  !important;
    margin: 0 0 20px  !important;
    height: inherit  !important;
    padding: 15px 10px  !important;
  }
  .productItemAppstore li .ticked {
    margin: 0  !important;
    width: 18px  !important;
  }
  .productItemAppstore li figure {
    float: left;
    margin: 0 20px 20px 0  !important;
    width: 104px  !important;
    height: 104px  !important;
  }
  .productItemAppstore li figure img {
    max-height: 104px  !important;
    max-width: 104px  !important;
  }
  .productItemAppstore li .appItemDetails {
    float: left;
    width: 50%;
  }
  .productItemAppstore li .appItemDetails .info {
    position: relative  !important;
    bottom: 0  !important;
    width: auto  !important;
  }
  .productItemAppstore li .appItemDetails .info i {
    width: auto  !important;
  }
  .productItemAppstore li .appItemDetails .info ins {
    border-bottom: none  !important;
  }
  .appDetails ul li h2 {
    font-size: 14px  !important;
  }
  .appDetails ul li h2 em {
    font: 30px "VodafoneRegular" !important;
  }
  .appDetails ul li .buy {
    font-size: 16px  !important;
  }
  .appDetails ul li:first-child {
    width: 90px  !important;
    margin: 0 20px 10px 0  !important;
  }
  .appDetails ul li:first-child figure {
    width: 90px  !important;
    height: 90px  !important;
  }
  .appDetails ul li:first-child figure img {
    max-width: 90px  !important;
  }
  .appDetails ul li:first-child .deal {
    width: 40%;
  }
  .appDetails ul li:last-child {
    width: 60%  !important;
  }
  .formSection {
    float: none !important;
    width: 100% !important;
  }
  .headerFooterBox {
    width: 100% !important;
  }
  .phoneDetailsBox {
    padding: 10px 0 !important;
    width: 100% !important;
  }
  .phoneDetailsBox .phoneDetailsSection {
    max-width: 250px;
  }
  .phoneDetailsBox .phoneDetailsSection .phoneDetailsImg {
    width: 20% !important;
  }
  .formFields {
    min-width: 100%;
    width: 100% !important;
  }
  .checkoutButtons a {
    width: 100%;
  }
  .vettingComplete {
    width: 100% !important;
  }
  #formSection2 .innerSection {
    margin-right: 0px !important;
    border: 1px solid #cacaca;
  }
  .vettingCompleteButtonsMobile {
    display: block;
    width: 100%;
  }
  .vettingCompleteButtonsMobile button {
    width: 100%;
  }
  .vettingCompleteButtons {
    display: none;
  }
  #prepaidDeals .prepaidBox .prepaidSection {
    width: 100%;
  }
  .transactionSummarySent {
    width: 100%;
  }
  .transactionSummarySent em {
    word-break: break-all;
  }
  .progressCurrent {
    float: right;
    margin-top: -33px;
  }
  .micrositeSupplement h2 {
    font-size: 24px  !important;
  }
  .micrositeSupport h2 {
    font-size: 24px  !important;
  }
  .micrositeSupport .micrositeSupportInner .micrositeSupportInnerText {
    width: 68%  !important;
  }
  .micrositeMore h2 {
    font-size: 24px  !important;
  }
  .micrositeMore .micrositeMoreInner .micrositeMoreInnerText {
    width: 68%  !important;
  }
}
@media only screen and (max-width: 768px) {
  .supportOnline h2 {
    color: #333333;
  }
  .supportOnline ul {
    padding: 0  !important;
  }
  .supportOnline ul li {
    margin: 0 1%  !important;
    width: 22%  !important;
    text-align: center;
  }
  .supportOnline ul li a div img {
    margin: 0 0 5px;
    float: none  !important;
  }
  .supportOnline ul li a div p {
    margin: 0  !important;
    width: 100%  !important;
    font-size: 12px;
    line-height: 14px;
  }
  .appDownloadConfirm .transactionSummary,
  .appDownloadConfirm .youBought {
    width: 100%  !important;
  }
  .description .whyShould .boxesInner {
    padding: 0 15px 0 0  !important;
  }
  .interest .allBoxes .boxesInner {
    padding: 0 10px 0 0  !important;
  }
  .videoSection .videoBox .videoBoxInner {
    width: 100%  !important;
  }
  .videoSection .videoBox .video {
    position: static  !important;
    width: 100%  !important;
    max-width: 360px;
  }
  .videoSection .last .videoBoxInner {
    border-bottom: 1px solid #cccccc  !important;
    margin: 0 0 25px  !important;
    padding: 0 0 15px  !important;
  }
  .videoSection .showInMobile {
    display: block  !important;
  }
  .videoSection .showInMobile .videoBoxInner {
    border-bottom: medium none  !important;
    margin: 0  !important;
    padding: 0  !important;
  }
  .formSection {
    float: none !important;
    width: 100% !important;
  }
  .headerFooterBox {
    width: 100% !important;
  }
  .phoneDetailsBox {
    padding: 10px 0 !important;
    width: 100% !important;
  }
  .phoneDetailsBox .phoneDetailsSection {
    max-width: 250px;
  }
  .phoneDetailsBox .phoneDetailsSection .phoneDetailsImg {
    width: 20% !important;
  }
  .formFields {
    min-width: 100%;
    width: 100% !important;
  }
  .checkoutButtons a {
    width: 100%;
  }
  .vettingComplete {
    width: 100% !important;
  }
  .vodafoneProtect .boxesInner {
    padding: 0 15px 0 0  !important;
  }
  .crossSell .whyShould .boxesInner {
    padding: 0 15px 0 0  !important;
  }
}
@media only screen and (min-width: 768px) {
  .modShopFor section ul.devices {
    width: 100% !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .mod-is {
    width: 46%  !important;
  }
  .mod-is ul li {
    width: 100%  !important;
    margin: 0 0 5px;
  }
  .modSFinancialSolutions li {
    width: 46%  !important;
  }
  .modSFinancialSolutions li ul li {
    width: 100%  !important;
    margin: 0 0 5px;
  }
  .br-accord {
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    padding: 0 4px;
    display: inline-block;
    margin: 0;
  }
  .br-accord a {
    border: none;
  }
  .br-accord .tg-body,
  .br-accord li {
    padding: 0;
    border-bottom: 1px solid #cacaca;
    width: 33.33%;
    margin-bottom: -1px;
  }
  .br-accord .tg-head {
    border-top: 1px solid #cacaca;
    font-size: 20px;
    margin-top: -1px;
    padding: 20px 20px 20px 15px;
    clear: both;
  }
  .br-accord li:hover {
    background-color: #9c2aa0;
  }
  .tg-head.only-sml {
    display: block;
    color: #5e2750;
  }
  .tg-head.only-sml:hover {
    text-decoration: underline;
  }
  .i-arrow-up-black-lrg {
    background: url("vodacom/framework/skins/vodacom_skins/img/iconArrowUp.png");
    height: 8px;
    width: 13px;
    margin: 0;
    float: right;
  }
  .i-arrow-down-black-lrg {
    background: url("vodacom/framework/skins/vodacom_skins/img/iconArrowDown.png");
    height: 8px;
    width: 13px;
    margin: 0;
    float: right;
  }
  i.tg-hide,
  i.tg-show,
  i.tg-link {
    margin-top: 6px;
  }
  .modShopFor section {
    clear: both;
    width: 98%  !important;
    overflow: hidden;
  }
  .modShopFor section ul.devices {
    width: 102% !important;
  }
  .modShopFor section ul.devices li {
    width: 30% !important;
  }
  .modShopFor section ul.devices li a {
    height: 100px;
  }
  .modShopFor ul.plans {
    width: 101% !important;
  }
  .modShopFor ul.plans li {
    width: 46%;
  }
  .modShopFor h2 {
    color: #e60000;
  }
  .modShopFor h3 {
    color: #333333;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .supportOnline ul li {
    margin: 0;
    width: 25%;
  }
  .br-accord ul.row {
    box-shadow: none;
    margin: 0 -1.5% !important;
    padding: 0;
  }
  .br-accord ul.row a {
    border: 1px solid #cacaca;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 2px;
  }
  .br-accord ul.row a:hover {
    border-color: #9c2aa0;
  }
  .br-accord ul.row .tg-body,
  .br-accord ul.row li {
    display: block !important;
    margin: 0 0 1.5% 1.5%;
    width: 18.3%;
  }
  .br-accord,
  .br-accord li {
    border: medium none;
  }
  .only-sml {
    display: none;
    color: #5e2750;
  }
}
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
  .manageServiceBlock {
    display: none  !important;
  }
  .solutionSelector {
    border-color: #cacaca;
    -moz-border-radius: 0  !important;
    -ms-border-radius: 0  !important;
    -o-border-radius: 0  !important;
    -webkit-border-radius: 0  !important;
    border-radius: 0  !important;
    border-style: solid;
    border-width: 1px 0;
    -moz-box-shadow: 0 0 0 none  !important;
    -webkit-box-shadow: 0 0 0 none  !important;
    box-shadow: 0 0 0 none  !important;
    box-shadow: none  !important;
    padding: 0  !important;
    width: 100%;
  }
  .solutionSelector ul li.nonMobile {
    display: none;
  }
  .solutionSelector ul li.mobile {
    display: block  !important;
  }
  .solutionSelector ul li.mobile a {
    margin: 10px 0;
    display: inline-block;
  }
  .solutionSelector ul li.mobile ins {
    text-decoration: none;
    display: block;
    margin: 0 0 20px;
  }
}
button,
input[type=submit],
a.btn,
.btn {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  margin: 0 10px 10px 0;
  padding: 6px 15px !important;
  border: none;
  text-align: center;
  cursor: pointer;
  -moz-appearance: none;
  white-space: nowrap;
  text-decoration: none;
}
a.lrg {
  font-weight: 700;
  font-size: 20px  !important;
  line-height: 2;
  padding: 10px 20px 11px;
}
.btn.btnRound {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  text-align: center;
  padding-left: 0  !important;
  padding-right: 0  !important;
}
.btnSymbol {
  display: block;
  background-color: #fff;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #9C2AA0;
}
a.btnPurple:hover,
.btnPurple:hover,
.btnPurple:focus {
  background: none repeat scroll 0 0 #680F6B !important;
}
a.btnGrey:hover,
.btnGrey:hover,
.btnGrey:focus {
  background: none repeat scroll 0 0 #000000 !important;
}
a.btnWhite:hover,
.btnWhite:hover,
.btnWhite:focus {
  background: none repeat scroll 0 0 #F4F4F4 !important;
}
.btnPurple {
  background: none repeat scroll 0 0 #9C2AA0 !important;
  color: #ffffff  !important;
  -webkit-text-shadow: 0 -1px #222222;
  text-shadow: 0 -1px #222222;
}
.btnGreen {
  background: #42ac0d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #42ac0d 0%, #0a6906 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42ac0d), color-stop(100%, #0a6906));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #42ac0d 0%, #0a6906 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #42ac0d 0%, #0a6906 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #42ac0d 0%, #0a6906 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #42ac0d 0%, #0a6906 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42ac0d', endColorstr='#0a6906', GradientType=0);
  /* IE6-9 */
  color: #fff;
  position: relative;
  margin-right: 28px;
}
.btnGreen:hover {
  background: #0a6906;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0a6906 0%, #42ac0d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0a6906), color-stop(100%, #42ac0d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0a6906 0%, #42ac0d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0a6906 0%, #42ac0d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0a6906 0%, #42ac0d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0a6906 0%, #42ac0d 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a6906', endColorstr='#42ac0d', GradientType=0);
  /* IE6-9 */
  color: #fff;
  position: relative;
  margin-right: 28px;
}
.btnGrey {
  background: none repeat scroll 0 0 #3D3D3D !important;
  color: #ffffff  !important;
  -webkit-text-shadow: 0 -1px #222222;
  text-shadow: 0 -1px #222222;
}
.btnWhite {
  background: none repeat scroll 0 0 #FFFFFF !important;
  color: #333333;
  -webkit-text-shadow: 0 -1px #ffffff;
  text-shadow: 0 -1px #ffffff;
}
.btnFull {
  width: 100%;
}
.note {
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 30px;
  padding: 18px 20px;
  position: relative;
  z-index: 1;
}
.note i {
  margin: 0;
  float: left;
  position: relative;
  z-index: 2;
}
.note div {
  margin: 0 0 0 50px;
}
.note div h3 {
  margin: 0 0 20px;
}
.note div p {
  line-height: 1.5;
  margin: 0;
}
.error {
  background: none repeat scroll 0 0 #FEF0F0;
  border: 1px solid #E60000;
}
.error .i-error {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent;
  background-position: -356px -112px;
  height: 30px;
  width: 30px;
}
.warning {
  background: none repeat scroll 0 0 #FFF5F0;
  border: 1px solid #FF5400;
}
.warning .i-warning {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/warning.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 30px;
  width: 30px;
}
.success {
  background: none repeat scroll 0 0 #F4F8F0;
  border: 1px solid #428600;
}
.success .i-success {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent;
  background-position: -92px -54px;
  height: 30px;
  width: 30px;
}
.formComponent ul li {
  width: 50%;
  float: left;
  padding-right: 10px;
}
.formComponent {
  width: 100%;
  float: left;
  margin-right: 10px;
}
.formComponent .uniform-input.text {
  display: none;
}
.formComponent div {
  text-decoration: none;
  display: block;
}
.formComponent div label {
  padding: 0 10px;
  display: block;
}
.formComponent div input {
  display: inline-block;
  text-align: left;
  width: auto;
}
.formComponent .dp {
  padding: 10px 5px;
  display: none;
}
.formComponent a {
  padding: 0 !important;
}
.formComponent h2 {
  padding: 10px;
  margin: 0;
  border-bottom: 1px solid #cacaca;
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
  background-position: 94% center;
  cursor: pointer;
  font-size: 18px;
}
.formComponent .facet-more {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png') no-repeat scroll top left transparent;
  background-position: 94% center !important;
}
.formComponent h3 {
  font-size: 22px;
  padding: 10px 0 0;
  margin: 0;
  font-weight: normal;
}
.formComponent .hideThis {
  display: none;
}
.formComponent i {
  background: url(vodacom/framework/skins/vodacom_skins/css/img/priceIndicator.png) no-repeat center transparent;
  margin: 0;
  width: 48px;
  height: 25px;
  text-align: center;
  position: absolute;
  top: -30px;
  font-size: 12px;
  font-weight: bold;
  margin-left: -18px;
  line-height: 1.5em;
  vertical-align: middle;
}
.formComponent .styleThese .showMore {
  font-weight: bold;
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
  background-position: 6% center !important;
  padding-left: 34px !important;
  display: block;
}
.formComponent .styleThese .hideMore {
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png') no-repeat scroll top left transparent;
}
.formComponent .styleThese .hiddenBit {
  text-decoration: none;
}
.formComponent .styleThese label {
  display: block;
}
.formComponent .device-type li {
  border: 1px solid #cacaca;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 0;
}
.formComponent .device-type a {
  padding: 0 !important;
}
.formComponent .deviceType li {
  border: 1px solid #cacaca;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 0;
  padding: 15px;
}
.formComponent .deviceType a {
  padding: 0 !important;
}
.formComponent div.selector,
.formComponent div.selector span,
.formComponent div.checker span,
.formComponent div.radio span {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/uniformsprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
.formComponent div.selector,
.formComponent div.checker,
.formComponent div.button,
.formComponent div.radio,
.formComponent div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.formComponent div.selector:focus,
.formComponent div.checker:focus,
.formComponent div.radio:focus {
  outline: 0;
}
.formComponent div.selector,
.formComponent div.selector *,
.formComponent div.radio,
.formComponent div.radio *,
.formComponent div.checker,
.formComponent div.checker * {
  margin: 0 5px 2px 0;
  padding: 0;
  text-decoration: none;
}
.formComponent div.checker input,
.formComponent input[type="search"],
.formComponent input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none;
}
.formComponent div.selector {
  background-position: 0px -198px;
  line-height: 35px;
  height: 35px;
  padding: 0 0 0 3px;
  position: relative;
  overflow: hidden;
  width: 100% !important;
}
.formComponent div.selector span {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  background-position: right -158px;
  height: 35px;
  line-height: 35px;
  padding-right: 25px;
  padding-left: 4px;
  cursor: pointer;
  width: 100% !important;
}
.formComponent div.selector.fixedWidth {
  width: 160px;
}
.formComponent div.selector.fixedWidth span {
  width: 125px;
}
.formComponent div.selector select {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 22px;
  top: 2px;
  left: 0px;
  width: 100%;
}
.formComponent div.checker {
  position: relative;
}
.formComponent div.checker,
.formComponent div.checker span,
.formComponent div.checker input {
  width: 23px;
  height: 23px;
}
.formComponent div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: -30px 0;
}
.formComponent div.checker span.checked {
  background-position: -30px -30px;
}
.formComponent div.checker input {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.formComponent div.radio {
  position: relative;
}
.formComponent div.radio,
.formComponent div.radio span,
.formComponent div.radio input {
  width: 22px;
  height: 22px;
}
.formComponent div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 0;
}
.formComponent div.radio span.checked {
  background-position: 0 -29px;
}
.formComponent div.radio input {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
}
.wysiwyg input,
.wysiwyg input[type=text],
.wysiwyg input[type=date],
.wysiwyg input[type=email],
.wysiwyg input[type=number],
.wysiwyg input[type=search],
.wysiwyg input[type=number],
.wysiwyg input[type=url],
.wysiwyg input[type=tel],
.wysiwyg textarea,
.wysiwyg select {
  font: 400 14px / 1 "Arial", sans-serif;
  border: 0 none;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 1.5px rgba(50, 50, 50, 0.55) inset;
  -webkit-box-shadow: 0 1px 1.5px rgba(50, 50, 50, 0.55) inset;
  box-shadow: 0 1px 1.5px rgba(50, 50, 50, 0.55) inset;
  font-size: 14px;
  padding: 10px;
  margin: 5px 5px 5px 0;
  width: 100%;
  min-width: 48%;
  border: 0;
}
.wysiwyg input[placeholder],
.wysiwyg textarea[placeholder] {
  color: #767676;
}
.wysiwyg input[type=range] {
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  padding: 0;
  width: 100% !important;
  border: 0;
}
.wysiwyg input:focus,
.wysiwyg select:focus,
.wysiwyg textarea:focus {
  box-shadow: 0 0 0 3px #448515 inset, 0 1px 3px rgba(50, 50, 50, 0.75) inset;
  outline: medium none;
}
.wysiwyg hr {
  border-color: #CCCCCC;
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-right: 0 none;
  border-style: solid none none;
  border-width: 1px 0 0;
  height: 0;
  margin: 15px 0;
}
.wysiwyg hr-comp {
  border: 0;
  height: 1px;
  background-color: #ccc;
}
.wysiwyg table tr td {
  width: 50%;
  padding: 10px;
}
.wysiwyg .List {
  list-style: none outside none;
}
.wysiwyg .ctaList {
  padding: 0;
}
.wysiwyg .ctaList li {
  float: left;
  list-style: none outside none;
  padding: 10px;
  text-align: center;
  width: 50%;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
}
.wysiwyg .ctaList a {
  background: none repeat scroll 0 0 #F4F4F4;
  border: 2px solid #FFFFFF;
  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  cursor: pointer;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
}
.wysiwyg .linedList {
  list-style: none outside none;
  padding: 0;
}
.wysiwyg .linedList li {
  border-top: 1px solid #CCCCCC;
  padding: 10px;
}
.wysiwyg ul,
.wysiwyg ol {
  padding: 0 0 10px 20px;
}
.wysiwyg ul li,
.wysiwyg ol li {
  padding: 0 5px;
  display: list-item;
}
.wysiwyg ul {
  line-height: 1.3em;
  list-style-type: disc;
}
.wysiwyg ul li ul {
  list-style-type: decimal;
}
.wysiwyg ol {
  list-style-type: decimal;
  line-height: 1.3em;
}
.wysiwyg ol li ol {
  list-style-type: decimal;
}
@media only screen and (min-width: 818px) and (max-width: 1024px) {
  .formComponent {
    min-width: 28%;
  }
}
@media only screen and (max-width: 817px) {
  .formComponent {
    float: none;
    padding: 10px 5px;
    width: 100%;
  }
  .formComponent h2 {
    padding: 10px;
    margin: 0;
    border-top: 1px solid #cacaca;
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
    background-position: 94% center !important;
    cursor: pointer;
    font-size: 22px;
    color: #333;
  }
  .formComponent .facet-more {
    background-color: #F4F4F4;
  }
  .formComponent h3 {
    padding: 0 0 10px 0 !important;
  }
  .formComponent .styleThese ul li form .btn a.lrg .btnWhite {
    line-height: 2.5 !important;
    padding: 0 20px !important;
    width: 100% !important;
  }
  .formComponent .styleThese ul li .dp {
    background: #F4F4F4;
  }
  .formComponent .styleThese ul li .dp .showMore {
    background-position: 2% center !important;
  }
  .formComponent a.lrg {
    line-height: 2 !important;
    margin: 10px 0 10px 0;
  }
  .formComponent .hideThis {
    display: block;
  }
  .formComponent .styleThese h2 {
    border-bottom: 0;
  }
  .formComponent .styleThese li {
    border: 0 none !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }
  .formComponent .styleThese ul {
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
    -moz-border-radius: 5px  !important;
    -ms-border-radius: 5px  !important;
    -o-border-radius: 5px  !important;
    -webkit-border-radius: 5px  !important;
    border-radius: 5px  !important;
  }
}
@media only screen and (max-width: 480px) {
  .formComponent .styleThese ul li .dp .showMore {
    background-position: 4% center !important;
  }
}
.deviceType ul li {
  width: 50%;
  float: left;
}
div.selector,
div.selector span,
div.checker span,
div.radio span {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/uniformsprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
div.selector,
div.checker,
div.button,
div.radio,
div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
div.selector:focus,
div.checker:focus,
div.radio:focus {
  outline: 0;
}
div.selector,
div.selector *,
div.radio,
div.radio *,
div.checker,
div.checker * {
  padding: 0;
  text-decoration: none;
}
div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none;
}
div.selector {
  background-position: 0px -198px;
  line-height: 35px;
  height: 35px;
  padding: 0 0 0 3px;
  position: relative;
  overflow: hidden;
  width: 100% !important;
}
div.selector span {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  background-position: right -158px;
  height: 35px;
  line-height: 35px;
  padding-right: 25px;
  padding-left: 4px;
  cursor: pointer;
  width: 100% !important;
}
div.selector.fixedWidth {
  width: 160px;
}
div.selector.fixedWidth span {
  width: 125px;
}
div.selector select {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 30px;
  top: 2px;
  left: 0px;
  width: 100%;
}
/* --------------------- Quick Links */
.mod-quick-links .ql {
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  margin: 0 2px;
  padding: 0;
  float: left;
}
.mod-quick-links .ql h3 {
  margin: 0;
  padding: 15px;
}
.mod-quick-links .ql ul li form {
  background: #868686;
  -moz-box-shadow: 0 -3px 10px -1px #2e2e2e inset;
  -webkit-box-shadow: 0 -3px 10px -1px #2e2e2e inset;
  box-shadow: 0 -3px 10px -1px #2e2e2e inset;
  padding: 15px;
}
.mod-quick-links .ql ul li form .btn-help,
.mod-quick-links .ql ul li form .btn-more {
  width: 100%;
  margin: 5px 0;
}
.mod-quick-links .ql ul li form .btn-more {
  padding: 10px 20px 11px !important;
  font-size: 13px;
}
.mod-quick-links .ql ul li form .btn-more b {
  border: 0 none;
  color: #FFFFFF;
  font-size: inherit;
  font-weight: normal;
  white-space: normal;
  padding: 0 !important;
  line-height: 1em;
  display: block;
}
.mod-quick-links .ql ul li form h4,
.mod-quick-links .ql ul li form span {
  display: none;
}
.mod-quick-links .ql .link-arrow {
  color: #fff;
}
.mod-quick-links .ql .link-arrow:after,
.mod-quick-links .ql .link-arrow a:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-left-color: inherit;
  border-right: 3px solid rgba(0, 0, 0, 0);
  border-style: solid;
  border-top: 3px solid rgba(0, 0, 0, 0);
  border-width: 3px;
  content: " ";
  display: inline-block;
  left: 100%;
  margin: 7px 0 1px 4px;
}
.mod-quick-links .ql btn-login,
.mod-quick-links .ql .link-arrow {
  display: none;
}
.mod-quick-links .ql input {
  margin-bottom: 15px;
}
.mod-quick-links .ql .ql-fg {
  background-color: #FAFAFA;
  background: #FFFFFF;
  border-top: 1px solid #ADADAD;
  display: block;
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2em;
  padding: 0;
  position: relative;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right.png") no-repeat scroll 90% center #ffffff;
  color: #ffffff;
}
.mod-quick-links .ql .ql-fg h3 {
  display: none;
}
.mod-quick-links .ql .ql-bg {
  background-color: #FAFAFA;
  border-top: 1px solid #ADADAD;
  display: block;
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2em;
  padding: 10px 30px 10px 20px;
  position: relative;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right.png") no-repeat scroll 90% center #ffffff;
  cursor: pointer;
}
.mod-quick-links .ql .ql-bg form {
  display: none;
}
.mod-quick-links .ql .ql-bg h3 {
  color: #333;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2em;
  padding: 12px 0 12px 36px;
  margin: 0;
  display: block;
}
.mod-quick-links .ql li:last-child {
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  -o-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.mod-quick-links .ql .i-ar-lrg-active {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right.png") no-repeat scroll right center transparent;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
}
@media only screen and (min-width: 767px) {
  .mod-quick-links .ql .ql-bg h3 {
    padding: 0;
  }
  .mod-quick-links .ql .ql-bg {
    padding: 16px 30px 16px 16px;
  }
}
.mod-plans .plan {
  width: 265px;
  padding: 0px 0px;
  border: 1px solid #bbbbbb;
}
.mod-plans .plan h3 {
  color: #e60000;
  padding: 20px 20px;
  margin: 0 0 35px 0;
  font: 22px/1 "VodafoneBold";
}
.mod-plans .plan p {
  line-height: 1.5;
  padding: 0 20px;
}
.mod-plans .plan strong {
  font-size: 20px;
  font-weight: 700;
}
.mod-plans .plan .foot {
  border-top: 1px solid #bbbbbb;
  padding: 15px 20px 5px;
}
.mod-plans .plan .btn {
  -moz-appearance: none;
  background: #9C2AA0;
  border: 1px solid #660066;
  border-radius: 3px 3px 3px 3px;
  -moz-box-shadow: 0px 1px 0px #9c2aa0 inset;
  -webkit-box-shadow: 0px 1px 0px #9c2aa0 inset;
  box-shadow: 0px 1px 0px #9c2aa0 inset;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin: 0px 6px 10px 0px;
  padding: 9px 15px !important;
  text-align: center;
  text-shadow: 0px -1px #222222;
  line-height: 1;
}
.mod-plans .plan .ribbon {
  background: #0093ab;
  background: linear-gradient(to right, #777777 -4%, transparent 3%, transparent 97%, #777777 104%) repeat scroll 0% 0%, -moz-linear-gradient(center top, #0093ab, #007c92) repeat scroll 0% 0% transparent;
  border-top: 1px solid #62bbc9;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0px 2px 4px #777777;
  margin: 0px -5px 20px;
  padding: 4px 40px;
  position: relative;
  color: #ffffff;
  list-style: disc;
  line-height: 1.5;
}
.mod-plans .plan .ribbon li {
  display: list-item;
}
.mod-plans .plan .ribbon strong {
  font-size: 14px;
}
.mod-plans .plan .ribbon.empty {
  background: none;
  border: none;
  box-shadow: none;
}
.mod-plans .link-arrow {
  float: right;
  padding-top: 10px;
}
.mod-plans .i-phones-plans-ii {
  display: inline-block;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/phones-plans-ii.png") no-repeat;
  height: 29px;
  width: 20px;
}
.mod-plans .i-sim-only-alt-sml {
  display: inline-block;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/sim-only-alt-sml.png") no-repeat;
  height: 29px;
  width: 20px;
}
.mod-phones .phone {
  width: 200px;
  padding: 0px 10px;
  border: 1px solid #bbbbbb;
}
.mod-phones .phone img {
  height: 195px;
  margin: 0 auto;
  display: block;
}
.mod-phones .phone h3 {
  margin: 15px 0px 10px;
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
  min-height: 48px;
  margin-bottom: 2px;
}
.mod-phones .phone p {
  text-align: center;
  line-height: 1.5;
  padding: 0 20px;
}
.mod-phones .phone strong {
  font-weight: 700;
}
.mod-phones .phone .price {
  font: 45px/1.125 "VodafoneRegular";
}
.mod-phones .phone span {
  float: none;
}
.mod-phones .phone .btn {
  -moz-appearance: none;
  background: #9C2AA0;
  border: 1px solid #660066;
  border-radius: 3px 3px 3px 3px;
  -moz-box-shadow: 0px 1px 0px #d849c2 inset rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0px 1px 0px #d849c2 inset rgba(0, 0, 0, 0);
  box-shadow: 0px 1px 0px #d849c2 inset rgba(0, 0, 0, 0);
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin: 0px 6px 10px 0px;
  padding: 9px 15px !important;
  text-align: center;
  text-shadow: 0px -1px #222222;
  line-height: 1;
  width: 100%;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: none;
}
ul,
menu,
dir {
  -webkit-margin-before: 0 !important;
  -webkit-margin-after: 0 !important;
  -webkit-padding-start: 0 !important;
}
ul.mdd-tabs {
  background: #fff;
  width: 100%;
}
.ui-slider-handle {
  background: #fff;
  /* Old browsers */
  font-weight: normal;
  color: #555555;
  border: 1px solid #ccc;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.ui-widget-header {
  background: #007C92;
  color: #222222;
  font-weight: bold;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #212121;
  text-decoration: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
.mdd-tabs .ui-tabs-nav {
  border: 0 !important;
}
.ui-slider {
  position: relative;
  text-align: left;
  margin: 0 15px;
  background: #6b6b6b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6b6b6b 0%, #d6d6d6 12%, #ededed 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b6b6b), color-stop(12%, #d6d6d6), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6b6b6b 0%, #d6d6d6 12%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6b6b6b 0%, #d6d6d6 12%, #ededed 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #6b6b6b 0%, #d6d6d6 12%, #ededed 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #6b6b6b 0%, #d6d6d6 12%, #ededed 100%);
  /* W3C */
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #222222;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1em;
  height: 1em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .6em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
  padding: 0 !important;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
  padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/* button sets */
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  /* support: IE7 */
  font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
  cursor: default;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  height: 100%;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to overide default borders */
/* vertical centre icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
/* TR overrides */
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
  font: 400 16px/1.1 "Arial", sans-serif;
}
.ui-tabs .ui-tabs-nav li a {
  padding: 0 1em;
  text-decoration: none;
  display: block;
  border-right: 1px solid #636363;
  border-left: 1px solid #909090;
  line-height: 2.15em;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  background: none;
  line-height: 1.5em;
  background: #f4f4f4;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}
body .ui-tooltip {
  border-width: 2px;
}
.ui-state-active {
  background: url("vodacom/framework/skins/vodacom_skins/img/landingPage/bannerHomeArrow.png") no-repeat center top #f4f4f4;
}
/* Component containers
----------------------------------*/
/* Interaction states
----------------------------------*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: none repeat scroll 0 0 #666666;
  border-color: #2E2E2E;
  -moz-box-shadow: 0 3px 10px 0 #2e2e2e inset;
  -webkit-box-shadow: 0 3px 10px 0 #2e2e2e inset;
  box-shadow: 0 3px 10px 0 #2e2e2e inset;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #FFFFFF;
}
/* Interaction Cues
----------------------------------*/
/* Misc visuals
----------------------------------*/
/* Corner radius */
/* Overlays */
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 25px;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
#cboxOverlay {
  background: #000;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(vodacom/framework/skins/vodacom_skins/css/images/controls.png) no-repeat -101px 0;
}
#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(vodacom/framework/skins/vodacom_skins/css/images/controls.png) no-repeat -130px 0;
}
#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(vodacom/framework/skins/vodacom_skins/css/images/controls.png) no-repeat -101px -29px;
}
#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(vodacom/framework/skins/vodacom_skins/css/images/controls.png) no-repeat -130px -29px;
}
#cboxMiddleLeft {
  width: 21px;
  background: url(vodacom/framework/skins/vodacom_skins/css/images/controls.png) left top repeat-y;
}
#cboxMiddleRight {
  width: 21px;
  background: url(vodacom/framework/skins/vodacom_skins/css/images/controls.png) right top repeat-y;
}
#cboxTopCenter {
  height: 21px;
  background: url(vodacom/framework/skins/vodacom_skins/css/images/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
  height: 21px;
  background: url(vodacom/framework/skins/vodacom_skins/css/images/border.png) 0 -29px repeat-x;
}
#cboxContent {
  background: #fff;
  overflow: hidden;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#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;
}
#cboxLoadingOverlay {
  background: url(vodacom/framework/skins/vodacom_skins/css/images/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
  background: url(vodacom/framework/skins/vodacom_skins/css/images/loading.gif) no-repeat center center;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}
#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(vodacom/framework/skins/vodacom_skins/css/images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxPrevious:hover {
  background-position: -75px -25px;
}
#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(vodacom/framework/skins/vodacom_skins/css/images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxNext:hover {
  background-position: -50px -25px;
}
#cboxClose {
  position: absolute;
  top: 0;
  right: 0;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/close-sml.png") no-repeat scroll 3px 3px transparent;
  background-size: 10px 10px;
  height: 15px;
  padding: 8px !important;
  text-indent: -85px;
  border: 1px solid;
  color: #333333;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75) !important;
}
#cboxClose > span {
  left: 5px;
  position: relative;
  top: -9px;
}
#cboxClose:hover {
  background-position: 3px 3px;
}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  background-color: #000000;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFF,endColorstr=#00FFFF);*/
}
.c-26 {
  width: 26.333%;
  padding: 20px 0 0 0;
  float: left;
}
.c-25 {
  width: 25%;
  float: left;
}
.c-31 {
  float: left;
  margin-right: 20px;
  width: 31%;
}
.c-33 {
  float: left;
  width: 33.333%;
  margin: 0;
}
.c-45 {
  width: 46.333%;
  float: left;
}
.c-50 {
  width: 50%;
}
.c-69 {
  width: 69%;
  float: left;
  margin: 0;
}
.c-75 {
  width: 75%;
  float: left;
}
.c-80 {
  width: 76%;
}
@media only screen and (max-width: 767px) {
  .c-26 {
    clear: both;
    float: none !important;
    width: 100%;
  }
}
.vodacomTooltip,
.tooltipAlt {
  cursor: help;
}
span.vodacomTooltip,
label.vodacomTooltip span {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #333;
}
img.vodacomTooltip,
img.tooltipAlt {
  height: 15px;
  width: 15px;
  margin-left: 5px;
  vertical-align: top;
}
img.tooltipLabel {
  height: 14px;
  width: 14px;
  margin-top: 1px;
  margin-left: 5px;
  vertical-align: top;
}
div.tooltipRadio {
  float: left;
}
div.tooltipRadio label.radioButtons {
  padding-right: 0px;
}
div.tooltipRadio img.vodacomTooltip {
  padding-top: 3px;
  padding-right: 5px;
  vertical-align: top;
}
div.tooltipCheckbox img.vodacomTooltip {
  padding-top: 0px !important;
  padding-left: 5px !important;
  margin-top: -1px !important;
  vertical-align: top;
}
div.tooltipDiv,
div.tooltipDivAlt {
  display: none;
  position: absolute;
  z-index: 9999;
  width: 200px;
  padding: 10px;
  border: 5px solid #ccc;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #919191;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
div.tooltipDiv b,
div.tooltipDivAlt b {
  display: block;
  margin-bottom: 5px;
  color: #000;
}
div.tooltipDiv img.leftArrow,
div.tooltipDivAlt img.leftArrow {
  display: none;
  position: absolute;
  bottom: 0px;
  left: -15px;
}
div.tooltipDiv img.rightArrow,
div.tooltipDivAlt img.rightArrow {
  display: none;
  position: absolute;
  bottom: 0px;
  right: -15px;
}
/*carousel setting*/
/*Custom carousel styles depending on your items*/
.mycarousel ul li p {
  font-weight: bold!important;
  text-align: left;
}
.mycarousel .caroufredsel_wrapper {
  margin: 0 auto!important;
}
.list_carousel {
  top: 120px;
  padding-top: 30px;
}
.list_carousel li {
  display: block;
  float: left;
  margin: 0 auto;
  text-align: center;
  padding-left: 27px;
  padding-right: 27px;
}
.list_carousel li p {
  padding-bottom: 10px;
}
.list_carousel li img {
  margin: 0 auto;
  width: 200px;
  height: 200px;
}
.bx-controls-direction {
  position: absolute;
  width: 100%;
  top: 36%;
  z-index: 0;
}
.bx-controls-direction a i {
  position: relative;
}
.bx-controls-direction span {
  left: -9999em;
  position: absolute;
}
.bx-controls-direction a {
  position: relative;
  float: right;
  z-index: 3;
  text-align: center;
  height: 120px;
  width: 38px;
  background: url('vodacom/framework/skins/vodacom_skins/img/iconFeaturedItemsNav.png');
  background-position: right;
}
.bx-controls-direction a:first-child {
  float: left;
  background-position: left;
}
@media only screen and (min-width: 818px) {
  .tab-arrow-image {
    display: none;
  }
  .tabs-component-heading {
    padding-bottom: 15px;
    font-family: VodafoneRegular;
    font-size: 21px;
    font-weight: bold;
    clear: both;
  }
}
@media only screen and (min-width: 300px) and (max-width: 817px) {
  .slider-header {
    font-size: 12px;
    height: 2.5em;
    padding-top: 10px;
  }
  .slider-header-selected {
    border-bottom: 1px solid #ADADAD;
    padding-bottom: 10px!important;
  }
  .tab-arrow-image {
    background: url(vodacom/framework/skins/vodacom_skins/img/iconArrowDown.png) no-repeat right top;
    width: 16px;
    height: 16px;
    display: block;
    float: right!important;
    margin-top: 10px;
    margin-right: 15px;
  }
  .tab-arrow-image-selected {
    background: url(vodacom/framework/skins/vodacom_skins/img/iconArrowUp.png) no-repeat right top;
  }
  .tabs-component-heading {
    padding-bottom: 5px;
    padding-top: 15px;
    font-family: VodafoneRegular;
    font-size: 21px;
    font-weight: bold;
    color: red;
  }
  .slider-header {
    font-size: 12px;
    height: 2.5em;
    padding-top: 10px;
  }
  .slider-header-selected {
    border-bottom: 1px solid #ADADAD;
    padding-bottom: 10px!important;
  }
  .tab-arrow-image {
    background: url(vodacom/framework/skins/vodacom_skins/img/iconArrowDown.png) no-repeat right top;
    width: 16px;
    height: 16px;
    display: block;
    float: right!important;
    margin-top: 10px;
    margin-right: 15px;
  }
  .tab-arrow-image-selected {
    background: url(vodacom/framework/skins/vodacom_skins/img/iconArrowUp.png) no-repeat right top;
  }
  .tabs-component-heading {
    padding-bottom: 5px;
    padding-top: 15px;
    font-family: VodafoneRegular;
    font-size: 21px;
    font-weight: bold;
    color: red;
  }
  .vca-pagination {
    display: none;
  }
  .list_carousel {
    margin-left: 0px;
    padding-top: 0px;
  }
  .list_carousel div ul {
    left: 0px;
    border: none;
    box-shadow: none;
  }
  .list_carousel div ul li {
    width: 180px;
    height: 200px;
    display: block;
    float: left;
    padding: 0px 0px;
    line-height: 2.5em;
    font-size: 16px;
    vertical-align: middle;
    border: none;
  }
  .list_carousel div ul li p {
    font-size: 12px;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    height: 30px;
  }
  .list_carousel div ul li img {
    width: 170px;
    height: 170px;
  }
  .mycarousel {
    padding-top: 0px;
    height: 220px;
  }
  .mycarousel p {
    padding-top: 5px;
  }
  .mycarousel .caroufredsel_wrapper {
    height: 200px!important;
  }
  .list_carousel li {
    margin-right: 0px;
  }
  .caroufredsel_wrapper {
    width: 95%!important;
  }
}
.modSAirtimePlans .condFloat {
  display: none;
}
.modSAirtimePlans ul li {
  float: none;
}
.modSAirtimePlans ul li li {
  width: 100%;
}
.modSAirtimePlans .airtimePlansBlock {
  border: 1px solid #cacaca;
  float: left;
  margin: 60px 10px 10px;
  padding: 10px;
  width: 30.5% !important;
  position: relative;
  height: 15em;
  vertical-align: middle;
}
.modSAirtimePlans .airtimePlansBlock ins {
  text-decoration: none;
  position: absolute;
  right: -0.9em;
  font-size: 18px;
  top: 50%;
}
.modSAirtimePlans .airtimePlansBlock table {
  width: 75%;
  height: 100%;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
}
.modSAirtimePlans .airtimePlansBlock table tr td {
  vertical-align: middle;
  line-height: 1.3em;
}
.modSAirtimePlans .airtimePlansBlock h1 {
  margin-top: -48px;
  font-size: 28px;
}
.modSAirtimePlans .airtimePlansBlock h2 {
  font-size: 16px;
  font-weight: bold;
}
.modSAirtimePlans .airtimePlansBlock em {
  font-style: normal;
  font-size: 18px;
}
.modSAirtimePlans .airtimePlansBlock.display table {
  width: 100%;
  margin-top: 20px;
}
.modSAirtimePlans .airtimePlansBlock.display table tr:last-child td {
  text-align: left !important;
  line-height: 1.2em;
  vertical-align: top;
}
.modSAirtimePlans .airtimePlansBlock.display table tr,
.modSAirtimePlans .airtimePlansBlock.display table a {
  font-weight: normal;
  font-size: 14px;
}
.modSAirtimePlans .airtimePlansBlock.display table tr td,
.modSAirtimePlans .airtimePlansBlock.display table a td {
  padding: 5px;
}
.modSAirtimePlans .airtimePlansBlock.display table tr td:first-child,
.modSAirtimePlans .airtimePlansBlock.display table a td:first-child {
  font-size: 22px;
  font-weight: bold;
  text-align: right;
}
.modSAirtimePlans .airtimePlansBlock.display table tr td:last-child,
.modSAirtimePlans .airtimePlansBlock.display table a td:last-child {
  text-align: left;
}
.airtimeResp {
  margin-bottom: 20px;
}
.airtimeResp h1 {
  font-size: 30px;
}
.airtimeResp h2 {
  font-size: 18px;
  font-weight: bold;
}
.airtimeResp li {
  float: left !important;
  width: 48% !important;
}
.airtimeResp .airtimeHead {
  width: 100% !important;
}
.airtimeResp table {
  width: 60%;
}
.airtimeResp table td {
  height: 2em;
}
.airtimeResp table td:nth-child(2) {
  text-align: right;
}
@media only screen and (max-width: 480px) {
  .airtimePlansBlock.airtimeMob {
    height: auto;
    width: 100% !important;
    float: none !important;
    clear: both;
    border: none !important;
  }
  .modSAirtimePlans h1 {
    margin: -15px 0 60px;
  }
  .modSAirtimePlans ins {
    display: none;
  }
  .modSAirtimePlans .condFloat {
    clear: both;
    display: block;
  }
  .modSAirtimePlans ul li {
    width: 100%;
    float: none;
  }
  .modSAirtimePlans .airtimeResp {
    border: 1px solid #cacaca;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 20px !important;
  }
  .modSAirtimePlans .airtimeResp h1 {
    display: none;
  }
  .modSAirtimePlans .airtimeResp li {
    border-top: 1px solid #cacaca;
    width: 95%;
    margin: 0 auto;
    float: none;
    clear: both;
  }
  .modSAirtimePlans .airtimeResp li ul li,
  .modSAirtimePlans .airtimeResp li table {
    display: none;
  }
  .modSAirtimePlans .airtimePlansBlock {
    width: 100% !important;
    margin: 0 auto;
    height: auto;
  }
  .modSAirtimePlans .airtimePlansBlock table {
    height: auto;
    margin: 20px auto;
  }
  .modSAirtimePlans .airtimePlansBlock h1 {
    margin: -50px 0 0 -10px;
  }
  .airtimePlansBlock.display {
    margin-top: 60px;
  }
  .airtimeResp li {
    float: none !important;
    clear: both !important;
    width: 95% !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .airtimePlansBlock.display ins {
    display: none;
  }
  .modSAirtimePlans .airtimePlansBlock {
    width: 46% !important;
  }
  .modSAirtimePlans .airtimeMob {
    width: 100% !important;
    border: 0;
    margin: 0;
    height: auto;
  }
  .list li {
    float: left !important;
    width: 33.3% !important;
    clear: none !important;
    line-height: 2em;
  }
}
@media only screen and (min-width: 481px) {
  h2 {
    padding-top: 0.7em;
  }
  .supportBox {
    float: left;
    width: 33%;
    min-height: 20em;
    padding-left: 1em;
  }
  .supportBox h3 {
    font-size: 1.5em;
  }
  .supportBox p {
    min-height: 3em;
    margin-left: 4.5em;
    padding: 5px;
    margin-bottom: 1em;
  }
  .supportBox a {
    font-weight: bold;
    margin-left: 4.5em;
    margin-top: 2.5em;
    display: block;
  }
  .supportBox a .mobDisplayNone {
    color: #333333;
  }
  .supportBox img {
    float: left;
    min-width: 50px;
    width: 20%;
  }
}
.screen-480 h2 {
  padding-top: 0.7em;
  color: #e60000;
}
.screen-480 .mobileBorder {
  margin-right: 4px;
  border-left: 1px solid #8f8f8f;
  border-right: 1px solid #8f8f8f;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #8f8f8f;
  height: 9em;
  width: 95%;
  /*box-shadow: 0px 2px 0px #888888;*/
  -moz-box-shadow: 0px 2px 0px #888888;
  -webkit-box-shadow: 0px 2px 0px #888888;
  box-shadow: 0px 2px 0px #888888;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.screen-480 .mobileBorder :first-child div {
  border-left: none;
}
.screen-480 .supportBox {
  position: relative;
  float: left;
  width: 33.333333333333336%;
  height: 100%;
  text-decoration: none;
}
.screen-480 .supportBox div {
  display: block;
  height: 80%;
  border-left: 1px solid #cacaca;
  border-bottom: none;
  border-top: none;
  border-right: none;
  margin-top: -1em;
}
.screen-480 .supportBox div h3 {
  color: #616161;
  font-size: 0.9em;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 4em 10px 0 10px;
  height: 125px;
}
.screen-480 .supportBox div img {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9em;
  height: 2.7em;
  float: none;
}
.screen-480 .supportBox div p {
  display: none;
}
.screen-480 .supportBox div .linkDiv {
  height: 100%;
  margin-top: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.screen-480 .supportBox div a {
  display: block;
  height: 100%;
}
.screen-480 .supportBox div a .mobDisplayNone {
  display: none;
}
.screen-480 .supportBox:hover {
  text-decoration: underline;
  background: #f4f4f4;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29 Nov 2013, 9:29:06 AM
    Author     : labuscmi
*/
.main-grid-full.featuredDevices em {
  font-size: 12px !important;
  line-height: 1.5em !important;
}
.main-grid-full.featuredDevices strong {
  font-size: 14px !important;
}
.mod-product-browse {
  /* MOBILE */
}
.mod-product-browse figure figcaption {
  margin-top: 5px;
}
.mod-product-browse a.btn.btnWhite {
  position: static;
  margin-left: 1px;
}
.mod-product-browse .phonesLi {
  width: 200px;
}
.mod-product-browse .phonesLi .productImg {
  height: 200px;
}
.mod-product-browse .phonesLi img {
  max-height: 195px;
}
.mod-product-browse .phonesLi figure figcaption {
  overflow: hidden;
  margin-bottom: 0px;
  height: 200px;
}
.mod-product-browse .phonesLi .productDesc {
  font-weight: bold;
  font-size: 16px;
  height: 4em;
  overflow: hidden;
}
.mod-product-browse .controlsSplit {
  width: 33%;
  float: left;
}
.mod-product-browse .alignRight {
  text-align: right;
}
.mod-product-browse .eqHeight {
  min-height: 30px;
  font-family: Arial, sans-serif;
  font-size: 1.25em;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  line-height: 1.176;
  margin: 30px 0 0 0;
  min-height: 36px;
  color: black;
}
.mod-product-browse .divider {
  letter-spacing: -1px;
}
.mod-product-browse .list_phone_carousel {
  margin-left: 0px;
  padding-top: 0px;
}
.mod-product-browse .list_phone_carousel li {
  height: auto !important;
  padding: 0;
}
.mod-product-browse .list_phone_carousel div ul {
  left: 0px;
  border: none;
  box-shadow: none;
}
.mod-product-browse .list_phone_carousel div ul li {
  width: 180px;
  height: 200px;
  display: block;
  float: left;
  padding: 0px 0px;
  line-height: 2.5em;
  font-size: 16px;
  vertical-align: middle;
  border: none;
}
.mod-product-browse .list_phone_carousel div ul li p {
  font-size: 12px;
  padding: 0px 0px 0px 5px;
  margin: 0px;
  height: 30px;
}
.mod-product-browse .list_phone_carousel div ul li img {
  height: 170px;
}
.mod-product-browse .mrg10Btm {
  margin-bottom: 10px;
}
.mod-product-browse i {
  display: block;
  background-repeat: no-repeat;
  background: url(vodacom/framework/skins/vodacom_skins/css/img/icon.png);
  vertical-align: middle;
  margin: auto;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin-top: 6px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 481px) {
  .mod-product-browse .prodBrowRating {
    display: inline-block;
  }
}
@media only screen and (min-width: 481px) and (max-width: 940px) {
  .mod-product-browse .phonesLi {
    width: 50%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .mod-product-browse .mod-product-browse .caBlock {
    width: 200px;
    padding: 4px 15px 0;
    text-align: center;
  }
  .mod-product-browse .productButton-sml {
    padding: 9px 15px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 480px) {
  .mod-product-browse {
    border: none;
    background: none;
    margin: 0  !important;
  }
  .mod-product-browse .phonesLi .productDesc {
    margin-bottom: 5px;
    height: auto;
  }
  .mod-product-browse a.btn.btnWhite {
    margin-top: 10px;
  }
  .mod-product-browse .banner {
    margin: 0;
    width: 100%  !important;
  }
  .mod-product-browse ul {
    float: none;
  }
  .mod-product-browse .aCarousel > li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
  }
  .mod-product-browse .aCarousel {
    -moz-border-radius: 10px 10px 10px 10px  !important;
    -ms-border-radius: 10px 10px 10px 10px  !important;
    -o-border-radius: 10px 10px 10px 10px  !important;
    -webkit-border-radius: 10px 10px 10px 10px  !important;
    border-radius: 10px 10px 10px 10px  !important;
    width: 100%;
    background: none;
    margin: 2px 0 0 0  !important;
  }
  .mod-product-browse .aCarousel .vCarousel {
    -moz-border-radius: 0  !important;
    -ms-border-radius: 0  !important;
    -o-border-radius: 0  !important;
    -webkit-border-radius: 0  !important;
    border-radius: 0  !important;
    -moz-box-shadow: 0 0 0 0;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
  }
  .mod-product-browse .aCarousel .vCarousel li {
    border: 0;
  }
  .mod-product-browse .aCarousel .pCarousel figure {
    padding: 0 10px 10px 0;
    width: 100%;
    height: 130px;
  }
  .mod-product-browse .aCarousel .pCarousel figure figcaption {
    line-height: 1;
    float: left;
    width: 58%;
    text-align: left;
    padding-left: 10px;
  }
  .mod-product-browse .aCarousel .pCarousel figure img {
    width: auto;
  }
  .mod-product-browse .aCarousel .pCarousel .btn.btnPurple {
    width: auto  !important;
  }
  .mod-product-browse .aCarousel .pCarousel em {
    float: left;
    text-align: left;
    padding-top: 5px;
    margin-top: 0;
    width: 100%;
  }
  .mod-product-browse .aCarousel .pCarousel br {
    display: block;
  }
  .mod-product-browse .aCarousel .pCarousel .i-ratings-on {
    position: absolute;
    right: 14%;
    top: 37%;
  }
  .mod-product-browse .aCarousel .pCarousel li {
    margin: 10px 0 0 0;
    padding: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #adadad  !important;
    min-height: 0  !important;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .mod-product-browse .aCarousel .pCarousel li a {
    float: none;
  }
  .mod-product-browse .aCarousel li:first-child {
    border: 0;
  }
  .mod-product-browse .aCarousel > li {
    width: 100%;
    font-size: 20px;
    font-weight: normal;
    padding: 10px;
    line-height: 1.5em;
    background-position: 97% center  !important;
    border-top: 1px solid #ADADAD;
  }
  .mod-product-browse .aCarousel > li p {
    padding-left: 10px;
    height: auto;
    padding-bottom: 5px;
  }
  .mod-product-browse .aCarousel > li div {
    font-size: 12px;
  }
  .mod-product-browse .aCarousel .sl-inset {
    -moz-border-radius: 5px  !important;
    -ms-border-radius: 5px  !important;
    -o-border-radius: 5px  !important;
    -webkit-border-radius: 5px  !important;
    border-radius: 5px  !important;
    background-color: #F4F4F4;
  }
  .mod-product-browse .aCarousel li.sl-inset {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png') no-repeat scroll top left transparent;
    background-position: 97% 15px  !important;
  }
  .mod-product-browse .sl-inset {
    height: auto  !important;
    color: #333333  !important;
    line-height: 1.4em  !important;
    overflow: hidden;
  }
  .mod-product-browse .phonesLi {
    width: 100%;
  }
  .mod-product-browse .phonesLi .productImg {
    width: 33%;
    float: left;
    height: auto;
  }
  .mod-product-browse .phonesLi .productImg a {
    width: auto;
  }
  .mod-product-browse .phonesLi img {
    max-width: 100%;
    max-height: 160px;
  }
  .mod-product-browse .phonesLi figure figcaption {
    height: auto;
  }
  .mod-product-browse .mod-product-browse img {
    float: left;
    height: 160px;
  }
  .mod-product-browse .mod-product-browse .list_phone_carousel {
    height: 250px;
  }
  .mod-product-browse .mod-product-browse .list_phone_carousel div ul li {
    margin-right: 25px;
    margin-left: 12px;
    background-color: white;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    min-width: 295px;
    padding: 10px;
  }
  .mod-product-browse .mod-product-browse .list_phone_carousel div ul li img {
    width: 85px;
    height: inherit;
  }
  .mod-product-browse .mod-product-browse .list_phone_carousel div ul li i {
    margin-left: 0;
  }
  .mod-product-browse .mod-product-browse .list_phone_carousel div ul li h3 {
    margin-top: 0;
    text-align: left;
  }
  .mod-product-browse .mod-product-browse .list_phone_carousel div ul li .productDetails {
    text-align: left;
    float: left;
    line-height: 1.5em;
    max-width: 155px;
    margin-left: 15px;
  }
  .mod-product-browse .mod-product-browse .list_phone_carousel div ul li a {
    font-style: inherit;
  }
  .mod-product-browse .mod-product-browse .condClearFix {
    clear: both;
  }
  .mod-product-browse .mod-product-browse .mod-product-browse .caBlock {
    text-align: center;
    margin-left: 5px;
  }
  .mod-product-browse .mod-product-browse .mod-product-browse .productButton {
    width: 121px;
    height: 34px;
    padding-top: 7px;
    margin-top: 15px;
    position: absolute;
    bottom: 0;
  }
  .mod-product-browse .mod-product-browse i {
    margin-left: 15px;
  }
  .mod-product-browse .mod-product-browse .mod-product-browse .caBlock {
    width: 350px;
    padding: 0;
  }
  .mod-product-browse .mod-product-browse .productName {
    text-align: center;
  }
  .mod-product-browse .mycarousel_phones {
    width: 100%;
  }
  .mod-product-browse .outerContainer {
    background-color: #f4f4f4;
  }
  .mod-product-browse h2.sectionHeading {
    background: url("vodacom/framework/skins/vodacom_skins/img/landingPage/iconPhones.png") no-repeat left;
    background-position-y: 10px;
    color: #333333;
    padding-left: 40px;
    margin-left: 20px;
    margin-top: 10px;
    display: block;
  }
}
.mod-is {
  float: left;
  width: 30%;
  margin: 10px 20px 10px 0;
}
.mod-is img {
  text-align: left;
  float: left;
}
.mod-is h2 {
  color: #e60000;
  font-size: 26px;
  height: 56px;
  line-height: 56px;
  margin: 10px 0 10px 10px !important;
  white-space: nowrap;
  width: 60%;
  float: left;
  vertical-align: middle;
  display: block;
  padding: 0;
}
.mod-is ul {
  clear: both;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 20px 15px  !important;
  list-style: disc outside;
}
.mod-is ul li {
  width: 100%;
  margin: 0 0 5px;
}
.mod-is a {
  padding: 16px 26px;
  margin: 10px 0 20px;
  display: inline-block;
}
.screen-480-768 .mod-is {
  width: 46%  !important;
}
.screen-480-768 .mod-is ul li {
  width: 100%  !important;
  margin: 0 0 5px;
}
.screen-480 .mod-is {
  width: 100%  !important;
}
.screen-480 .mod-is ul li {
  width: 100%  !important;
  margin: 0 0 5px;
}
/* --------------------- Quick Links */
.mod-quick-links {
  margin-top: 0px !important;
  padding-bottom: 10px;
}
.mod-quick-links .ql .loginList .ql-fg {
  font-weight: 100 !important;
}
.mod-quick-links .ql .ql-fg p {
  margin-bottom: 0;
  margin: 0;
}
.mod-quick-links .ql .ql-bg {
  background: none;
  line-height: 1.1em;
}
.mod-quick-links .ql .ql-bg a {
  font-size: 13px;
  padding: 0px 0px 0px 0px;
}
.mod-quick-links .ql ul li form {
  background: #353232;
}
.mod-quick-links .ql ul li form select {
  -webkit-appearance: none;
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/uniformsprite.png");
  background-position: right -158px;
  background-repeat: no-repeat;
  padding: 5px;
}
.mod-quick-links .ql .greeting {
  color: #CA0000;
  font-size: 20px;
  font-weight: 500;
  padding: 10px;
  text-align: left;
}
@media only screen and (max-width: 818px) {
  .mod-quick-links .ql .ql-bg {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right.png") no-repeat scroll 98% center #ffffff;
  }
  .mod-quick-links .ql.cols4 h3 {
    display: none;
  }
  .mod-quick-links .btn-help,
  .mod-quick-links .btn-more {
    display: inline;
  }
  .mod-quick-links .ql ul li form .ql-fg span {
    display: inline;
  }
  .mod-quick-links .loginTextSmme {
    padding-bottom: 10px;
  }
  .mod-quick-links .ql.greeting {
    display: none;
  }
  .mod-quick-links .ql .ql-bg h3 {
    padding: 0 0 50px 36px;
  }
}
@media only screen and (min-width: 818px) {
  .mod-quick-links .ql ul li form span {
    display: inline;
  }
  .mod-quick-links .ql .ql-bg {
    padding: 10px 30px 15px 16px;
  }
  .mod-quick-links .ql .greeting {
    padding: 10px;
  }
  .mod-quick-links .loginText {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .mod-quick-links .loginTextSmme {
    font-size: 16px;
    padding-bottom: 15px;
  }
  .mod-quick-links .loginTxtSpan {
    color: #fff;
    float: none;
  }
  .mod-quick-links .i-basket {
    padding-left: 1px;
  }
}
@media only screen and (min-width: 818px) and (max-width: 1024px) {
  .mod-quick-links .ql .loginList .ql-bg {
    padding: 8%;
    font-size: 15px;
    font-weight: 500;
    line-height: 0em;
  }
  .mod-quick-links .ql .ql-bg a {
    line-height: 1;
    padding: 0;
  }
  .mod-quick-links .ql .authWelcome {
    font-size: 16px !important;
  }
  .mod-quick-links .ql .greetingRed {
    font-size: 16px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .mod-quick-links .ql .loginList .ql-bg {
    padding: 8%;
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 899px) {
  .mod-quick-links .loginTextSmme {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 769px) {
  .mod-quick-links .ql .loginList .ql-fg .btnPurple {
    margin-bottom: 10px;
  }
}
/* --------------------- Quick Links */
.mod-quick-links {
  margin-top: 0px !important;
  padding-bottom: 10px;
}
.mod-quick-links .ql .ql-bg {
  background: none;
}
.mod-quick-links .ql .ql-bg a {
  font-size: 13px;
  padding: 0px 0px 0px 0px;
}
.mod-quick-links .ql .greetingRed {
  color: #CA0000;
  font-weight: 500;
  padding: 0em;
}
.mod-quick-links .ql .authWelcome {
  color: #CA0000;
  font-weight: lighter;
  font-size: large;
}
@media only screen and (max-width: 818px) {
  .mod-quick-links .ql .ql-bg {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right.png") no-repeat scroll 98% center #ffffff !important;
  }
  .mod-quick-links .ql .ql-bg a {
    padding: 0 5px 0 38px;
    line-height: 2.2em;
  }
  .mod-quick-links .ql .authWelcome {
    font-size: 20px;
    font-weight: lighter;
  }
  .mod-quick-links h3 {
    line-height: 2.176;
  }
  .mod-quick-links .ql .greetingRed {
    color: #CA0000;
    font-size: 20px;
    padding: 0px !important;
  }
  .mod-quick-links .ql h3 span {
    display: inline;
  }
  .mod-quick-links .ql.cols4 h3 {
    display: inline;
  }
  .mod-quick-links .btn-help,
  .mod-quick-links .btn-more {
    display: inline !important;
  }
}
@media only screen and (min-width: 818px) and (max-width: 1023px) {
  .mod-quick-links .ql .ql-bg {
    padding: 9.2%;
    font-size: 15px;
    font-weight: 500;
    line-height: 0em;
  }
  .mod-quick-links .ql .ql-bg a {
    line-height: 1;
    padding: 0;
  }
  .mod-quick-links .ql .authWelcome {
    font-size: 13px !important;
  }
  .mod-quick-links .ql .greetingRed {
    font-size: 13px !important;
    padding: 0em;
  }
}
@media only screen and (min-width: 1023px) {
  .mod-quick-links .ql .ql-bg {
    padding: 8%;
    font-size: 15.4px;
  }
}
.supportOnline {
  display: block;
  border: 1px solid #cacaca;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 15px 10px;
  margin: 0 0 20px  !important;
  float: left;
  width: 100%;
}
.supportOnline h2 {
  border-bottom: 2px solid #cacaca;
  padding: 0 0 5px;
}
.supportOnline ul {
  width: 100%;
  padding: 5px 10px 0;
}
.supportOnline ul li {
  margin: 0 2%;
  width: 20%;
  float: left;
}
.supportOnline ul li a {
  padding: 0  !important;
}
.supportOnline ul li a div img {
  float: left;
}
.supportOnline ul li a div p {
  width: 60%;
  margin: 10px 0 0 10px;
  float: left;
}
.screen-768-1024 .supportOnline ul li {
  margin: 0;
  width: 25%;
}
.screen-768 .supportOnline h2 {
  color: #333333;
}
.screen-768 .supportOnline ul {
  padding: 0  !important;
}
.screen-768 .supportOnline ul li {
  margin: 0 1%  !important;
  width: 22%  !important;
  text-align: center;
}
.screen-768 .supportOnline ul li a div img {
  margin: 0 0 5px;
  float: none  !important;
}
.screen-768 .supportOnline ul li a div p {
  margin: 0  !important;
  width: 100%  !important;
  font-size: 12px;
  line-height: 14px;
}
.screen-480 .supportOnline h2 {
  color: #333333;
}
.screen-480 .supportOnline ul {
  padding: 0  !important;
}
.screen-480 .supportOnline ul li {
  margin: 0 1%  !important;
  width: 22%  !important;
  text-align: center;
}
.screen-480 .supportOnline ul li a div img {
  margin: 0 0 5px;
  float: none  !important;
}
.screen-480 .supportOnline ul li a div p {
  margin: 0  !important;
  width: 100%  !important;
  font-size: 12px;
  line-height: 14px;
}
/* Alvin's code

@onlineSupportHeight: 5em;
@onlineSupportfont-size: 1.1em;


@media only screen and (min-width : 769px) {

    .onlineSupportHeader {
        //font-size: @onlineSupportfont-size;
        //font-weight: bold;
    }

    .onlineSupportBox:first-child {
        div {
            border-left: none !important;
        }
    }

    .onlineSupportBorder {
        height: @onlineSupportHeight;
        width: 100%;

        .onlineSupportBox {
            float: left;
            width: 25%;
            text-align: top;
            padding-bottom: 1px;
            height: 99%;
            text-decoration: none;
            background: green;

            .linkA {
                height: 100%;
                width: 100%;
                display: block;
                position: relative;
                top: -35%;
                padding: 0px !important;

                div {
                    //   margin-left: -8px;
                    margin-top: 2.05em;
                    height: 80%;
                    //border-left: 1px solid @g-2;
                    //border-bottom: none;
                    //border-top: none;
                    //border-right: none;

                    img {
                        //zwidth: 15%;
                        max-height: 65%;
                        margin-top: 1em;
                        margin-left: 0.7em;
                        float: left;
                    }

                    p {
                        display: block;
                        float: left;
                        margin-left: 1em;
                        margin-top: 1.5em;
                        max-width: 70%;
                    }
                }
            }
        }
    }
}

.screen-320 {
    .onlineSupportBorder {
        .onlineSupportBox {
            .linkA {
                padding: 0px !important;
                top: -40% !important;

                div {
                    margin-top: 4em !important;
                    //background: yellow !important;
                    img {
                        max-width: 45% !important;
                        min-height: 35% !important;
                        margin-top: 1em !important;
                        margin-left: 0.1em !important;
                        margin-bottom: 0.3em !important;
                    }

                    p {
                        margin-left: 0.5em !important;
                        margin-top: 0.3em !important;
                        font-size: 0.8em;
                    }
                }
            }
        }
    }
}

@media only screen and (max-width : 480px) and (min-width : 321px) {
    .onlineSupportBorder {
        .onlineSupportBox {
            .linkA {
                padding: 0px !important;
                top: -40% !important;

                div {
                    margin-top: 4em !important;
                    //background: yellow !important;
                    img {
                        max-width: 45% !important;
                        min-height: 35% !important;
                        margin-top: 1.2em !important;
                        margin-left: 0.1em !important;
                        margin-bottom: 0.3em !important;
                    }

                    p {
                        margin-left: 0.5em !important;
                        margin-top: 0.3em !important;
                        font-size: 0.8em;
                    }
                }
            }
        }
    }
}

.screen-768 {
    .onlineSupportHeader {
        //font-size: @onlineSupportfont-size;
        //font-weight: bold;
    }

    .onlineSupportBox:first-child {
        div {
            border-left: none !important;
        }
    }

    .onlineSupportBorder {
        height: @onlineSupportHeight+3em !important;
        width: 100%;

        .onlineSupportBox {
            float: left;
            width: 25%;
            text-align: top;
            padding-bottom: 1px;
            height: 99%;
            text-decoration: none;
            background: @g-1;

            .linkA {
                height: 100%;
                width: 100%;
                display: block;
                position: relative;
                top: -35%;
                padding: 0px !important;

                div {
                    text-align: center;
                    margin-top: 3.5em;
                    height: 80%;
                    border-left: 1px solid @g-2;
                    border-bottom: none;
                    border-top: none;
                    border-right: none;
                    //background: green;
                    img {
                        max-width: 20%;
                        max-height: 50%;
                        margin-top: 1em;
                        float: none;
                        margin-left: 0em;
                    }

                    p {
                        display: block;
                        float: none;
                        width: 80%;
                        margin-left: 1.5em;
                        margin-top: 1.5em;
                    }
                }
            }
        }
    }
}
*/
.modSFinancialSolutions .sectionList li {
  float: left;
  width: 30%;
  margin: 10px 20px 10px 0;
}
.modSFinancialSolutions .sectionList li h2 {
  color: #e60000;
  font-size: 26px;
  height: 48px;
  line-height: 48px;
  margin: 0 0 10px;
  padding: 0 0 0 60px;
  white-space: nowrap;
}
.modSFinancialSolutions .sectionList li .mPesa {
  background: url("vodacom/framework/skins/vodacom_skins/img/modSFinancialSolutions/iconMPesa.png") no-repeat scroll left center transparent;
}
.modSFinancialSolutions .sectionList li .insurance {
  background: url("vodacom/framework/skins/vodacom_skins/img/modSFinancialSolutions/iconInsurance.png") no-repeat scroll left center transparent;
}
.modSFinancialSolutions .sectionList li .homeLoans {
  background: url("vodacom/framework/skins/vodacom_skins/img/modSFinancialSolutions/iconHomeLoans.png") no-repeat scroll left center transparent;
}
.modSFinancialSolutions .sectionList li ul {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 20px 15px  !important;
  list-style: disc outside;
}
.modSFinancialSolutions .sectionList li ul li {
  width: 100%;
  margin: 0 0 5px;
}
.modSFinancialSolutions .sectionList li a {
  padding: 16px 26px;
  margin: 10px 0 20px;
  display: inline-block;
}
.screen-480-768 .modSFinancialSolutions li {
  width: 46%  !important;
}
.screen-480-768 .modSFinancialSolutions li ul li {
  width: 100%  !important;
  margin: 0 0 5px;
}
.screen-480 .modSFinancialSolutions li {
  width: 100%  !important;
}
.screen-480 .modSFinancialSolutions li ul li {
  width: 100%  !important;
  margin: 0 0 5px;
}
.manageServiceBlock {
  display: block;
  background-color: #f8f8f8;
  padding: 15px 10px;
  margin: 0 0 20px;
}
.manageServiceBlock a {
  float: right;
  text-decoration: underline;
}
.screen-480 .manageServiceBlock,
.smartphones-landscape-480-768 .manageServiceBlock {
  display: none  !important;
}
.tg-body,
.tg-hide {
  display: none;
}
.brands {
  clear: both;
  margin: 0 0 20px;
}
.brands .br-accord {
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.brands .br-accord .row a {
  overflow: hidden;
  background: none repeat scroll 0 0 #FFFFFF;
  display: block;
  margin: 2px;
}
.brands .br-accord .row .tg-body,
.brands .br-accord .row li {
  float: left;
  text-align: center;
}
.brands .br-accord .row img {
  max-width: 100%;
}
.screen-768-1024 .br-accord ul.row {
  box-shadow: none;
  margin: 0 -1.5% !important;
  padding: 0;
}
.screen-768-1024 .br-accord ul.row a {
  border: 1px solid #cacaca;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 2px;
}
.screen-768-1024 .br-accord ul.row a:hover {
  border-color: #9c2aa0;
}
.screen-768-1024 .br-accord ul.row .tg-body,
.screen-768-1024 .br-accord ul.row li {
  display: block !important;
  margin: 0 0 1.5% 1.5%;
  width: 18.3%;
}
.screen-768-1024 .br-accord,
.screen-768-1024 .br-accord li {
  border: medium none;
}
.screen-768-1024 .only-sml {
  display: none;
  color: #5e2750;
}
.screen-480-768 .br-accord {
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  padding: 0 4px;
  display: inline-block;
  margin: 0;
}
.screen-480-768 .br-accord a {
  border: none;
}
.screen-480-768 .br-accord .tg-body,
.screen-480-768 .br-accord li {
  padding: 0;
  border-bottom: 1px solid #cacaca;
  width: 33.33%;
  margin-bottom: -1px;
}
.screen-480-768 .br-accord .tg-head {
  border-top: 1px solid #cacaca;
  font-size: 20px;
  margin-top: -1px;
  padding: 20px 20px 20px 15px;
  clear: both;
}
.screen-480-768 .br-accord li:hover {
  background-color: #9c2aa0;
}
.screen-480-768 .tg-head.only-sml {
  display: block;
  color: #5e2750;
}
.screen-480-768 .tg-head.only-sml:hover {
  text-decoration: underline;
}
.screen-480-768 .i-arrow-up-black-lrg {
  background: url("vodacom/framework/skins/vodacom_skins/img/iconArrowUp.png");
  height: 8px;
  width: 13px;
  margin: 0;
  float: right;
}
.screen-480-768 .i-arrow-down-black-lrg {
  background: url("vodacom/framework/skins/vodacom_skins/img/iconArrowDown.png");
  height: 8px;
  width: 13px;
  margin: 0;
  float: right;
}
.screen-480-768 i.tg-hide,
.screen-480-768 i.tg-show,
.screen-480-768 i.tg-link {
  margin-top: 6px;
}
.screen-480 .br-accord {
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  padding: 0 4px;
  display: inline-block;
  margin: 0;
}
.screen-480 .br-accord a {
  border: none;
}
.screen-480 .br-accord .tg-body,
.screen-480 .br-accord li {
  padding: 0;
  border-bottom: 1px solid #cacaca;
  width: 33.33%;
  margin-bottom: -1px;
}
.screen-480 .br-accord .tg-head {
  border-top: 1px solid #cacaca;
  font-size: 20px;
  margin-top: -1px;
  padding: 20px 20px 20px 15px;
  clear: both;
}
.screen-480 .br-accord li:hover {
  background-color: #9c2aa0;
}
.screen-480 .tg-head.only-sml {
  display: block;
  color: #5e2750;
}
.screen-480 .tg-head.only-sml:hover {
  text-decoration: underline;
}
.screen-480 .i-arrow-up-black-lrg {
  background: url("vodacom/framework/skins/vodacom_skins/img/iconArrowUp.png");
  height: 8px;
  width: 13px;
  margin: 0;
  float: right;
}
.screen-480 .i-arrow-down-black-lrg {
  background: url("vodacom/framework/skins/vodacom_skins/img/iconArrowDown.png");
  height: 8px;
  width: 13px;
  margin: 0;
  float: right;
}
.screen-480 i.tg-hide,
.screen-480 i.tg-show,
.screen-480 i.tg-link {
  margin-top: 6px;
}
@media only screen and (min-width: 769px) {
  .supportOnline ul li {
    margin: 0;
    width: 25%;
  }
  .br-accord ul.row {
    box-shadow: none;
    margin: 0 -1.5% !important;
    padding: 0;
  }
  .br-accord ul.row a {
    border: 1px solid #cacaca;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 2px;
  }
  .br-accord ul.row a:hover {
    border-color: #9c2aa0;
  }
  .br-accord ul.row .tg-body,
  .br-accord ul.row li {
    display: block !important;
    margin: 0 0 1.5% 1.5%;
    width: 18.3%;
  }
  .br-accord,
  .br-accord li {
    border: medium none;
  }
  .only-sml {
    display: none;
    color: #5e2750;
  }
}
.modShopFor {
  clear: both;
  float: left;
  margin: 0 0 20px;
  width: 100%;
}
.modShopFor section {
  float: left;
  width: 50%;
}
.modShopFor section ul.devices {
  display: inline-block;
  width: 103%;
}
.modShopFor section ul.devices li {
  width: 29%;
  margin: 1.5%;
  float: left;
}
.modShopFor section ul.devices li a {
  border: 1px solid #cacaca;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  background: none repeat scroll 0 0 #FFFFFF;
  padding: 16px 0;
  box-shadow: none;
  font-size: 14px;
  color: #333333;
  width: 100%;
  text-align: center;
  max-height: 85px;
}
.modShopFor section ul.devices li a img {
  margin: 0 auto 5px;
  clear: both;
}
.modShopFor section ul.devices li a img,
.modShopFor section ul.devices li a ins {
  float: none;
  text-decoration: none;
  display: block;
}
.modShopFor section ul.plans {
  display: block;
  width: 102%;
}
.modShopFor section ul.plans li {
  width: 47%;
  margin: 1.5%;
  float: left;
}
.modShopFor section ul.plans li ul {
  border: 1px solid #cacaca;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: table-cell;
  display: inline-block;
  width: 100%;
  background: none repeat scroll 0 0 #FFFFFF;
}
.modShopFor section ul.plans li ul li {
  clear: both;
  border-top: 1px solid #cacaca;
  width: 100%;
  margin: 0;
}
.modShopFor section ul.plans li ul li img,
.modShopFor section ul.plans li ul li h3 {
  float: left;
}
.modShopFor section ul.plans li ul li h3 {
  display: block;
  font-size: 1.2em;
  line-height: 1em;
  margin: 0 0 0 10px;
  width: 60px;
  font-weight: bold;
  color: #333333;
}
.modShopFor section ul.plans li ul li a {
  padding: 14px;
  display: block;
}
.modShopFor section ul.plans li ul li:first-child {
  border-top: none;
}
.modShopFor section ul.plans li ul li:first-child a {
  padding: 12px 0 12px 14px;
  display: inline-block;
}
.screen-min-768 .modShopFor section ul.devices {
  width: 100% !important;
}
.screen-480-768 .modShopFor section {
  clear: both;
  width: 98%  !important;
  overflow: hidden;
}
.screen-480-768 .modShopFor section ul.devices {
  width: 102% !important;
}
.screen-480-768 .modShopFor section ul.devices li {
  width: 30% !important;
}
.screen-480-768 .modShopFor section ul.devices li a {
  height: 100px;
}
.screen-480-768 .modShopFor ul.plans {
  width: 101% !important;
}
.screen-480-768 .modShopFor ul.plans li {
  width: 46%;
}
.screen-480-768 .modShopFor h2 {
  color: #e60000;
}
.screen-480-768 .modShopFor h3 {
  color: #333333;
}
.screen-480 .modShopFor section {
  clear: both;
  width: 100%  !important;
}
.screen-480 .modShopFor section ul.devices li {
  width: 28%;
}
.screen-480 .modShopFor section ul.devices li a {
  height: 100px;
}
.screen-480 .modShopFor h2 {
  color: #e60000;
}
.screen-480 .modShopFor h3 {
  color: #333333;
}
.screen-320 .modShopFor section ul.devices {
  WIDTH: 103% !important;
}
.screen-320 .modShopFor section ul.devices li {
  float: left;
  margin: 1.5%;
  width: 46%  !important;
}
.service-browser-scroller {
  position: absolute;
}
.service-browser-scroller a i {
  position: relative;
  top: 22px;
}
.service-browser-scroller span {
  left: -9999em;
  position: absolute;
}
.service-browser-scroller a {
  position: relative;
  float: right;
  z-index: 3;
  text-align: center;
  height: 120px;
  width: 38px;
  background: url('vodacom/framework/skins/vodacom_skins/img/iconFeaturedItemsNav.png');
  background-position: right;
}
.service-browser-scroller a:first-child {
  float: left;
  background-position: left;
}
.service-browser-list-carousel {
  padding-top: 30px;
}
.service-browser-list-carousel li {
  display: block;
  float: left;
  margin: 0 auto;
  text-align: center;
  padding-left: 27px;
  padding-right: 27px;
}
.service-browser-list-carousel li img {
  margin: 0 auto;
  width: 200px;
  height: 200px;
}
.mycarousel p {
  font-weight: bold!important;
}
.mycarousel .caroufredsel_wrapper {
  margin: 0 auto!important;
}
.upgradeDeals {
  display: table;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #cacaca;
  margin: 0 0 20px;
  background-color: #f4f4f4;
  width: 100%;
  clear: both;
  padding: 15px 10px;
  float: left;
}
.upgradeDeals h4 {
  font-size: 20px;
  font-weight: normal;
  margin: 0 0 15px;
}
.upgradeDeals label {
  float: left;
  margin: 10px 0 5px;
}
.upgradeDeals .upgradesSelector {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 150px;
}
.upgradeDeals input[type="text"] {
  float: left;
  width: 30%;
  margin: 0 10px 10px;
  min-width: 30%;
}
.upgradeDeals input[type="submit"] {
  float: left;
  width: 180px;
  height: 36px;
  margin: 0  !important;
  min-width: 180px;
}
.screen-480 .upgradeDeals {
  display: inline-block;
  border: none;
  padding: 10px;
}
.screen-480 .upgradeDeals h4 {
  font-size: 14px  !important;
  font-weight: bold  !important;
  line-height: normal;
  margin: 0  !important;
}
.screen-480 .upgradeDeals input[type="text"] {
  width: 100%  !important;
  margin: 0 0 10px  !important;
}
.screen-480 .upgradeDeals input[type="submit"] {
  width: 100%  !important;
  margin: 0;
}
.ancillaryHelp {
  display: table;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #cacaca;
  margin: 0 0 20px;
  padding: 15px 10px;
  background-color: #f4f4f4;
  clear: both;
  height: 118px;
}
.ancillaryHelp h2 {
  margin: 0 0 15px  !important;
  padding: 0 0 0 50px;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/iconQuestionMark.png") no-repeat scroll left center transparent;
  min-height: 39px;
  line-height: 18px;
  font-size: 16px;
  color: #333333;
}
.ancillaryHelp a {
  width: 100%;
  margin: 0  !important;
  float: left;
  padding: 10px  !important;
  font-size: 14px  !important;
  font-weight: 700  !important;
}
.border-radius {
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.serviceSearch {
  margin: 0 0 20px;
  clear: both;
}
.serviceSearch h2 {
  padding: 0;
}
.serviceSearch .searchField {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.serviceSearch .searchField .searchService {
  float: left;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/search-main.png") no-repeat scroll 8px center #ffffff;
  border: 1px solid #cacaca;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block  !important;
  font: 400 16px/1.176 "VodafoneRegular";
  padding: 5px 15px 5px 35px  !important;
  width: 100%;
}
.serviceSearch .searchField .buttonSearch {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #8f8f8f;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 #ffffff;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
  color: #333333;
  display: none;
  height: 28px  !important;
  padding: 4px 10px;
  position: relative;
  top: -31px;
  right: 4px;
  -webkit-text-shadow: 0 1px #FFFFFF;
  text-shadow: 0 1px #FFFFFF;
  width: auto;
  float: right;
}
span#gs_ssb_glass {
  position: RELATIVE;
  top: 25px;
  left: 8px;
}
span#gs_ssb_clear {
  position: relative;
  left: 11px;
  top: 22px;
}
span#gs_ssb_busy {
  position: relative;
  left: 11px;
  top: 22px;
}
.opacity {
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.bvRating {
  margin-left: 50px;
}
.background-size {
  -moz-background-size: 12% auto;
  -ms-background-size: 12% auto;
  -o-background-size: 12% auto;
  -webkit-background-size: 12% auto;
  background-size: 12% auto;
}
.productItem {
  width: 100%;
}
.productItem li {
  width: 29%;
  float: left;
  margin: 0 2% 50px;
  text-align: center;
  font-size: 12px;
  height: 490px;
  position: relative;
}
.productItem li figure {
  min-height: 210px;
}
.productItem li .infoTop {
  position: absolute;
  width: 100%;
  top: 315px;
  left: 0;
}
.productItem li .infoMiddle {
  position: absolute;
  width: 100%;
  top: 420px;
  left: 0;
  text-align: left;
  line-height: 22px;
}
.productItem li .infoMiddle.smmeMiddle {
  top: 345px;
}
.productItem li .infoBottom {
  position: absolute;
  width: 100%;
  left: 0;
  top: 450px;
}
.productItem li .infoBottom.smmeBottom {
  top: 380px;
}
.productItem li img {
  margin: 0px auto;
  display: block;
}
.productItem li h2 {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 10px;
  padding: 0;
  height: 40px;
}
.productItem li .deviceDetails .limited {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/limitedStock.png");
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 14px;
  font-style: normal;
  padding: 0 0 0 22px;
  line-height: 2.5;
}
.productItem li .deviceDetails .out {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/outOfStock.png");
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 14px;
  font-style: normal;
  padding: 0 0 0 22px;
  line-height: 2.5;
}
.productItem li small {
  display: block;
  margin: 0 0 10px;
  font-size: 11px;
}
.productItem li ins {
  display: block;
  line-height: 18px;
  margin: 0 0 20px;
  text-decoration: none;
  height: 55px;
}
.productItem li ins strong {
  font-size: 14px;
}
.productItem li .upgradeLink {
  margin: 0 0 10px;
  text-decoration: underline;
  padding: 0;
}
.productItem li label {
  display: block;
  margin: 10px 0 0;
  padding: 0 0 0 30px;
}
.productItem li label .checker {
  float: left;
}
.productItem li div.checker {
  display: inline-block;
  vertical-align: middle;
}
.productItem li div.checker span {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/uniformsprite.png");
  background-repeat: no-repeat;
  height: 23px;
  width: 23px;
  position: relative;
  background-position: -30px 0;
  display: inline-block;
  text-align: center;
}
.productItem li div.checker input {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  display: inline-block;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.productItem li div.checker span.checked {
  background-position: -30px -30px;
}
.productItem li .viewDetails {
  width: 160px;
  padding: 10px;
  margin: 10px 0 0  !important;
}
.productItem li.smme {
  height: 390px;
}
.productItem .deal {
  position: absolute;
  top: -10px;
  left: 10px;
  width: 80px;
}
.productItem figcaption {
  display: none;
}
.productItem i {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/ratings-on.png");
  background-repeat: no-repeat;
  width: 89px;
  height: 16px;
  display: block;
  margin: 0 auto 5px;
  position: relative;
}
.screen-480 .bvRating {
  margin-left: 0px !important;
}
.screen-480 .modulesRight {
  float: none;
  clear: both;
}
.screen-480 .productItem {
  margin-bottom: 20px;
}
.screen-480 .productItem li {
  width: 100% !important;
  text-align: left  !important;
  margin: 0 20px 30px  !important;
  height: inherit  !important;
}
.screen-480 .productItem li h2 {
  height: inherit  !important;
}
.screen-480 .productItem li figure {
  float: left;
  margin: 0 10px 0 -10px;
  width: auto;
}
.screen-480 .productItem li figure figcaption.limited {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/limitedStock.png");
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px  !important;
  font-style: normal;
  padding: 0 0 0 22px;
  line-height: 2.5;
  display: block  !important;
  font-weight: normal;
}
.screen-480 .productItem li figure figcaption.out {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/outOfStock.png");
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px  !important;
  font-style: normal;
  padding: 0 0 0 22px;
  line-height: 2.5;
  display: block  !important;
  font-weight: normal;
}
.screen-480 .productItem li figure img {
  max-width: 100px;
}
.screen-480 .productItem li .deviceDetails {
  float: left;
  padding: 0 0 0 20px;
  width: 56%;
}
.screen-480 .productItem li .deviceDetails em {
  display: none;
}
.screen-480 .productItem li .deviceDetails i {
  margin: 10px 0 5px;
}
.screen-480 .productItem li .deviceDetails ins {
  height: auto;
}
.screen-480 .productItem li .deviceDetails ins .prepaidLink {
  padding: 0 !important;
}
.screen-480 .productItem li .deviceDetails label {
  display: none;
}
.screen-480 .productItem li .deviceDetails input {
  width: 120px  !important;
}
.screen-480 .productItem li .deviceDetails .infoTop,
.screen-480 .productItem li .deviceDetails .infoMiddle,
.screen-480 .productItem li .deviceDetails .infoBottom {
  position: relative  !important;
  bottom: auto  !important;
  top: auto  !important;
}
.screen-480 .productItem li .deal {
  width: 48px  !important;
  height: 48px  !important;
  left: -25px  !important;
}
.screen-480 .productItem li i {
  margin: 10px 0 5px  !important;
}
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .infoTop .bvRating {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .productItem li {
    height: 460px;
  }
  .productItem li .infoMiddle label {
    display: none  !important;
  }
}
.asideList {
  margin: 20px 0;
}
.asideList .menuList li a {
  color: #5e2750;
}
@media only screen and (min-width: 481px) {
  .asideList {
    border-radius: 6px;
    box-shadow: 0 1px 3px #333333;
    max-width: 200px;
    width: 33%;
    float: left;
  }
  .asideList h2 {
    padding: 18px 18px 0;
  }
  .menuList {
    padding: 0 10px 20px;
  }
  .menuList li {
    padding: 8px;
  }
}
@media only screen and (max-width: 480px) {
  .menuList {
    border-radius: 6px;
    box-shadow: 0 1px 3px #333333;
  }
  .menuList li {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right.png") no-repeat scroll 95% center #ffffff;
    border-top: 1px solid #adadad;
    cursor: pointer;
    display: block;
    font-size: 22px;
    padding: 20px 30px 20px 20px;
    position: relative;
  }
}
.planDetails {
  clear: both;
}
@media only screen and (min-width: 769px) {
  .planDetails > ul {
    overflow: hidden;
  }
  .planDetails > ul > li {
    float: left;
    padding-bottom: 20px;
    width: 50%;
  }
  .planDetails > ul > li h3 {
    font-size: 15px;
    margin: 0;
    padding-top: 10px;
  }
  .planDetails > ul > li table {
    width: 100%;
  }
  .planDetails > ul > li table td {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .planDetails > ul {
    border: 1px solid #adadad;
    border-radius: 6px;
  }
  .planDetails > ul > li {
    border-bottom: 1px solid #adadad;
    display: block;
    padding: 0 10px 0 10px;
  }
  .planDetails > ul > li div {
    cursor: pointer;
  }
  .planDetails > ul > li h3 {
    color: #333333;
    font-size: 18px;
    font-weight: 800;
    margin: 0;
    padding: 20px 0;
    position: relative;
  }
  .planDetails > ul > li table {
    width: 100%;
  }
  .planDetails > ul > li table td {
    padding: 5px 0 25px;
  }
  .planDetails > ul > li table td:first-child {
    width: 60%;
  }
  .planDetails > ul > li table td:last-child {
    width: 40%;
  }
  .planDetails .pdClose {
    background-color: #ffffff;
  }
  .planDetails .pdClose table {
    display: none;
  }
  .planDetails .pdClose div {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 95% center;
  }
  .planDetails .pdOpen {
    background-color: #F3F3F3;
  }
  .planDetails .pdOpen div {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 95% center;
  }
  .planDetails button {
    line-height: 2.2;
    margin: 10px 0;
    width: 100%;
  }
}
.vodaRed {
  color: #e60000;
}
.planSummary {
  clear: both;
}
.planSummary h3 {
  display: inline-block;
  margin: 10px 0 5px 0;
  line-height: 0.35em;
}
.planSummary img {
  float: left;
  padding: 5px;
  width: 50px;
}
.planSummary p {
  font-size: 24px;
  margin: 0;
}
.planSummary .pay div {
  text-align: center;
}
.planSummary .pay div .additional {
  font-size: 15px;
  font-weight: 700;
}
.planSummary .get > div img {
  padding: 10px;
}
@media only screen and (max-width: 480px) {
  .planSummary img {
    padding-top: 10px;
  }
  .planSummary .pay div {
    border: 1px solid #adadad;
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 20px 0;
  }
  .planSummary .pay div h2 {
    border-bottom: 1px solid #adadad;
    margin: 0 20px;
    padding: 15px 10px 15px 30px;
  }
  .planSummary .pay div p {
    display: block;
  }
  .planSummary .equals {
    display: none;
  }
  .planSummary .get > div {
    border: 1px solid #adadad;
    border-radius: 6px;
    margin-bottom: 15px;
    /*            img {
                padding: 10px;
            }*/
  }
  .planSummary .get > div h2 {
    border-bottom: 1px solid #adadad;
    margin: 0 20px;
    padding: 15px 10px 15px 30px;
  }
  .planSummary .get > div .second {
    padding: 20px 0 0 10px;
  }
  .planSummary .get > div .second h3 {
    padding-bottom: 10px;
  }
  .planSummary .get > div .second ul > li {
    padding: 10px 0;
    margin-left: 20px;
    list-style-type: disc;
  }
  .planSummary .get > div .second ul > li:last-child {
    list-style-type: none;
    margin-left: 0;
  }
  .planSummary .get > div .second ul > li a {
    padding: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .planSummary .pay {
    border: 1px solid #adadad;
    border-radius: 6px;
    margin-bottom: 15px;
  }
  .planSummary .pay h2 {
    border-bottom: 1px solid #adadad;
    margin: 0 20px;
    padding: 15px 10px 15px 30px;
  }
  .planSummary .pay div {
    padding: 10px 0;
  }
  .planSummary .pay div p {
    display: inline;
  }
  .planSummary .equals {
    display: none;
  }
}
@media only screen and (min-width: 480px) {
  .get {
    border: 1px solid #adadad;
    border-radius: 6px;
    margin-bottom: 15px;
    height: 240px;
  }
  .get h2 {
    border-bottom: 1px solid #adadad;
    margin: 0 20px;
    padding: 15px 10px 15px 30px;
  }
  .get p {
    padding-left: 50px;
    margin: 0;
  }
  .get .first {
    width: 55%;
    float: left;
  }
  .get .second {
    width: 45%;
    float: left;
  }
  .get .second ul > li {
    padding: 10px 0;
  }
  .get .second ul > li a {
    padding: 0;
  }
}
@media only screen and (min-width: 769px) {
  .planSummary .pay {
    border: 1px solid #adadad;
    border-radius: 6px;
    margin-bottom: 15px;
    float: left;
    height: 240px;
    width: 35%;
  }
  .planSummary .pay h2 {
    border-bottom: 1px solid #adadad;
    margin: 0 20px;
    padding: 15px 10px 15px 30px;
  }
  .planSummary .pay div {
    padding-top: 60px;
  }
  .planSummary .equals {
    color: #adadad;
    float: left;
    font-size: 55px;
    font-weight: 900;
    padding-top: 90px;
    text-align: center;
    width: 5%;
  }
  .planSummary .get {
    float: left;
    width: 60%;
  }
}
.serviceCategories > ul > li img {
  float: left;
}
.serviceCategories > ul > li h3 {
  display: inline-block;
  margin-top: 10px;
  padding-left: 10px;
}
.serviceCategories > ul > li p {
  clear: both;
}
.serviceCategories > ul > li > ul > li {
  border-top: 1px solid #adadad;
  padding: 12px 0 10px 0;
}
.serviceCategories > ul > li > ul > li button {
  width: 130px;
}
@media only screen and (min-width: 769px) {
  .serviceCategories > ul > li {
    display: block;
    float: left;
    padding: 0 15px 15px 15px;
    width: 25%;
  }
  .serviceCategories > ul > li h3 {
    font-size: 18px;
    font-weight: 800;
    height: 45px;
    width: 60%;
  }
  .serviceCategories > ul > li p {
    height: 35px;
  }
}
@media only screen and (max-width: 768px) {
  h2 {
    font-weight: 400;
    font-size: 25px;
    line-height: 1.176;
    color: #e60000;
    margin: 25px 0 10px;
  }
  .serviceCategories > ul {
    border-radius: 6px;
    -moz-box-shadow: 0 1px 3px #333333;
    -webkit-box-shadow: 0 1px 3px #333333;
    box-shadow: 0 1px 3px #333333;
  }
  .serviceCategories > ul > li {
    border-top: 1px solid #adadad;
    cursor: pointer;
    display: block;
    padding: 0 10px 0 10px;
  }
  .serviceCategories > ul > li h3 {
    color: #333333;
    font-size: 18px;
    font-weight: 800;
    margin: 0;
    padding: 20px 10px 20px 10px;
    position: relative;
  }
  .serviceCategories > ul > li img {
    width: 40px;
    padding-top: 10px;
  }
  .serviceCategories > ul > li ul > li {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right.png") no-repeat scroll 95% center;
    padding: 17px 0 15px 0;
  }
  .serviceCategories > ul > li ul > li:last-child {
    background: none;
  }
  .scClose {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 95% center #ffffff;
  }
  .scClose ul,
  .scClose p {
    display: none;
  }
  .scOpen {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 95% 6% #f3f3f3;
  }
}
.internationalCalling .selectBoxes {
  margin: 10px;
}
.internationalCalling .selectBoxes div {
  margin-bottom: 8px;
}
.internationalCalling .rates {
  background: #eef0f4;
}
.internationalCalling .rates div {
  margin: 20px 10px;
}
.internationalCalling .rates div p {
  margin-bottom: 5px;
}
@media only screen and (min-width: 543px) {
  .internationalCalling .selectBoxes {
    float: left;
    width: 200px;
  }
  .internationalCalling .rates {
    float: left;
    margin: 15px;
  }
}
@media only screen and (max-width: 542px) {
  .internationalCalling > p {
    margin: 15px 0;
  }
  .internationalCalling .rates {
    overflow: hidden;
    margin: 10px;
  }
}
@media only screen and (min-width: 543px) {
  .internationalRoaming .selectBoxes {
    border-top: 3px solid #dedede;
    margin-top: 20px;
    padding-top: 20px;
  }
  .internationalRoaming .selectBoxes > .select {
    float: left;
    padding: 20px;
    width: 250px;
  }
}
@media only screen and (max-width: 542px) {
  .internationalRoaming .selectBoxes > div {
    padding: 5px 0;
  }
}
.internationalCallingPlus div {
  padding-bottom: 10px;
}
.internationalCallingPlus p {
  float: left;
}
.internationalCallingPlus .buttons {
  float: right;
}
.internationalCallingPlus table {
  text-align: left;
}
.internationalCallingPlus table th {
  text-align: left;
}
@media only screen and (max-width: 820px) {
  .internationalCallingPlus .buttons {
    display: none;
  }
}
@media print {
  * {
    visibility: hidden;
  }
  .printable * {
    visibility: visible;
  }
  .printable {
    position: absolute;
    top: 40px;
    left: 30px;
  }
}
.shortcodes div {
  padding-bottom: 10px;
}
.shortcodes p {
  float: left;
}
.shortcodes .buttons {
  float: right;
}
.shortcodes table {
  text-align: left  !important;
}
.shortcodes table th {
  text-align: left  !important;
}
@media only screen and (max-width: 820px) {
  .shortcodes .buttons {
    display: none;
  }
}
@media only screen and (min-width: 543px) {
  .millionairesWinningLetters .selectBoxes {
    border-top: 3px solid #dedede;
    margin-top: 20px;
    padding-top: 20px;
  }
  .millionairesWinningLetters .selectBoxes > .select {
    float: left;
    padding: 20px;
    width: 250px;
  }
}
@media only screen and (max-width: 542px) {
  .millionairesWinningLetters .selectBoxes > div {
    padding: 5px 0;
  }
}
.solutionSelector {
  color: #5e2750;
  display: inline-block;
  background: none repeat scroll 0 0 #FFFFFF;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 1px 3px #000000;
  -webkit-box-shadow: 0 1px 3px #000000;
  box-shadow: 0 1px 3px #000000;
  clear: both;
  margin: 10px 0 20px;
  padding: 15px;
}
.solutionSelector ul li.nonMobile {
  width: 100%;
}
.solutionSelector ul li.nonMobile img {
  float: left;
  border-right: 1px solid #D5D5D5;
  margin: 0 20px 0 0;
  padding: 5px 25px 5px 15px;
  width: 22%;
}
.solutionSelector ul li.nonMobile p {
  float: left;
  line-height: 1.5em;
  padding: 10px 0;
  width: 50%;
  margin: 0 25px 0 0;
}
.solutionSelector ul li.nonMobile a {
  display: inline-block;
  margin: 10px 0 5px;
  padding: 20px 0;
  width: 20%;
  clear: both;
}
.solutionSelector ul li.nonMobile ins {
  text-decoration: none;
  float: left;
  width: 20%;
  text-align: center;
}
.solutionSelector ul li.mobile {
  display: none;
}
@media only screen and (max-width: 650px) {
  .solutionSelector ul li.nonMobile p {
    width: 38%;
    margin: 0 20px 0 0;
  }
  .solutionSelector ul li.nonMobile a {
    width: 30%;
  }
  .solutionSelector ul li.nonMobile ins {
    float: none;
  }
}
.screen-480 .solutionSelector,
.smartphones-landscape-480-768 .solutionSelector {
  border-color: #cacaca;
  -moz-border-radius: 0  !important;
  -ms-border-radius: 0  !important;
  -o-border-radius: 0  !important;
  -webkit-border-radius: 0  !important;
  border-radius: 0  !important;
  border-style: solid;
  border-width: 1px 0;
  -moz-box-shadow: 0 0 0 none  !important;
  -webkit-box-shadow: 0 0 0 none  !important;
  box-shadow: 0 0 0 none  !important;
  box-shadow: none  !important;
  padding: 0  !important;
  width: 100%;
}
.screen-480 .solutionSelector ul li.nonMobile,
.smartphones-landscape-480-768 .solutionSelector ul li.nonMobile {
  display: none;
}
.screen-480 .solutionSelector ul li.mobile,
.smartphones-landscape-480-768 .solutionSelector ul li.mobile {
  display: block  !important;
}
.screen-480 .solutionSelector ul li.mobile a,
.smartphones-landscape-480-768 .solutionSelector ul li.mobile a {
  margin: 10px 0;
  display: inline-block;
}
.screen-480 .solutionSelector ul li.mobile ins,
.smartphones-landscape-480-768 .solutionSelector ul li.mobile ins {
  text-decoration: none;
  display: block;
  margin: 0 0 20px;
}
.centralObject {
  float: left;
  margin: 10px 20px 40px 0;
  width: 55%;
}
.centralObject .bvRatingPD {
  display: inline-block;
  padding: 10px 0 5px 0;
}
.centralObject h2.productDetailsOptionHeading {
  margin-bottom: 10px;
}
.centralObject .talign-center {
  text-align: center;
}
.centralObject .imageBox {
  position: relative;
  display: inline-block;
}
.centralObject ul li {
  float: left;
  position: relative;
  display: inline-block;
}
.centralObject ul li .deal {
  display: block;
  position: absolute;
  top: -10px;
  left: -20px;
  max-height: 60px;
  max-width: 60px;
}
.centralObject ul li .item {
  max-height: 380px;
  max-width: 200px;
}
.centralObject ul li .ratings {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/ratings-on.png");
  background-repeat: no-repeat;
  width: 89px;
  height: 16px;
  display: block;
  margin: 10px auto 5px;
  position: relative;
}
.centralObject ul li h2 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin: 0 0 20px;
  padding: 0;
}
.centralObject ul li h2 em {
  color: #e60000;
  font: 45px "VodafoneRegular";
}
.centralObject ul li a.btn.btnWhite.share.chatBtn {
  margin-left: 10px;
}
.centralObject ul li a {
  margin: 0 0 20px;
  padding: 0;
  text-decoration: underline;
  display: block;
}
.centralObject ul li input[type=radio] {
  display: none;
}
.centralObject ul li label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  content: "";
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
  margin: 0 12px 20px 0;
  -moz-box-shadow: 0 0 4px #333333;
  -webkit-box-shadow: 0 0 4px #333333;
  box-shadow: 0 0 4px #333333;
}
.centralObject ul li label.checked {
  -moz-box-shadow: 0 0 0 2px #ffffff inset;
  -webkit-box-shadow: 0 0 0 2px #ffffff inset;
  box-shadow: 0 0 0 2px #ffffff inset;
  border: 1px solid #e60000;
}
.centralObject ul li #cpBlack {
  background: none repeat scroll 0 0 #010101;
}
.centralObject ul li #cpWhite {
  background: none repeat scroll 0 0 #f8f8f8;
}
.centralObject ul li .buy {
  width: auto;
  font-size: 20px;
  padding: 10px 20px  !important;
  letter-spacing: 0.5px;
}
.centralObject ul li .orBuy {
  font-size: 12px;
  margin: 30px 0;
}
.centralObject ul li .share {
  font-size: 16px;
  text-decoration: none;
  width: 104px;
  padding: 10px 20px;
  display: inline-block;
}
.centralObject ul li:first-child {
  margin: 0 25px 20px 20px;
  width: 200px;
}
.centralObject ul li:first-child small {
  text-align: center;
  display: block;
}
.centralObject ul li:last-child {
  width: 240px;
  margin: 0 0 20px;
}
@media only screen and (max-width: 1023px) {
  .centralObject ul li a.btn.btnWhite.share.chatBtn {
    display: none;
  }
}
@media only screen and (max-width: 980px) {
  .centralObject {
    width: 100%;
    margin: 10px 0 40px;
  }
}
@media only screen and (max-width: 480px) {
  .centralObject {
    margin: 10px 0 0  !important;
  }
  .centralObject ul li h2 {
    font-size: 14px  !important;
  }
  .centralObject ul li h2 em {
    font: 30px "VodafoneRegular" !important;
  }
  .centralObject ul li .buy {
    font-size: 16px  !important;
  }
  .centralObject ul li:first-child {
    width: 30%  !important;
  }
  .centralObject ul li:first-child .item {
    width: 100%;
  }
  .centralObject ul li:first-child .deal {
    width: 40%;
  }
  .centralObject ul li:last-child {
    width: 55%  !important;
  }
}
@media only screen and (max-width: 320px) {
  .centralObject ul li h2 {
    margin: 0 0 10px  !important;
  }
  .centralObject ul li a {
    margin: 0 0 10px  !important;
  }
  .centralObject ul li label:before {
    margin: 0 12px 10px 0  !important;
  }
  .centralObject ul li:first-child {
    margin: 10px 10px 0 10px  !important;
  }
  .centralObject ul li:first-child .item {
    width: 90px;
  }
  .centralObject ul li:last-child {
    margin: 0 0 10px  !important;
  }
}
.changePricePlan {
  font-size: 16px;
  padding: 10px 20px  !important;
  letter-spacing: 0.5px;
  display: none;
}
.supplementaryOptions {
  width: 350px;
  float: right;
  margin: 0 0 40px;
}
.supplementaryOptions .radioCover div.radio span.checked {
  background-position: -163px -30px;
}
.supplementaryOptions .radioCover div.radio span {
  background-position: -163px -2px;
  display: inline-block;
  text-align: center;
}
.supplementaryOptions h2 {
  padding: 0;
  margin: 0 0 30px;
  font: 30px "VodafoneRegular";
}
.supplementaryOptions ul.tabs {
  margin-bottom: 10px !important;
  padding: 0;
}
.supplementaryOptions ul.tabs li {
  display: inline;
}
.supplementaryOptions ul.tabs li a {
  background-color: #ebebeb;
  color: #333333;
  padding: 10px 20px;
  font-size: 16px;
  border: 1px solid #cacaca;
  margin: 0 -5px 0 0;
}
.supplementaryOptions ul.tabs li a.active {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 15px 20px 10px;
  border-radius: 5px 5px 0 0  !important;
}
.supplementaryOptions ul.tabs li:first-child a {
  border-radius: 5px 0 0 0;
}
.supplementaryOptions ul.tabs li:last-child a {
  border-radius: 0 5px 0 0;
}
.supplementaryOptions .content {
  background-color: #ffffff;
  padding: 20px 10px 0  !important;
  border: 1px solid #cacaca;
  height: 470px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 11px 0 0;
}
.supplementaryOptions .content .plan {
  margin: 0 0 20px;
  border: 1px solid #ebebeb;
}
.supplementaryOptions .content .plan h5 {
  background-color: #ebebeb;
  margin: 0 0 10px;
  padding: 5px 10px;
}
.supplementaryOptions .content .plan h5 a {
  font-weight: normal;
  text-decoration: underline;
}
.supplementaryOptions .content .plan div {
  padding: 0 8px 12px;
  margin: 0 0 -1px;
}
.supplementaryOptions .content .plan div .price {
  color: #FF0000;
  margin: 0 10px 0 0;
  font: 22px "VodafoneRegular";
}
.supplementaryOptions .content .plan div ins {
  font-size: 12px;
  text-decoration: none;
  white-space: normal;
}
.supplementaryOptions .content .plan div .extra {
  color: #428600;
  font-size: 12px;
  font-style: normal;
  margin: 10px 0;
  display: block;
}
.supplementaryOptions .content .plan div ul {
  display: inline-block;
}
.supplementaryOptions .content .plan div ul li {
  float: left;
  height: 35px;
  padding: 0 0 0 25px;
  margin: 10px 15px 0 0;
}
.supplementaryOptions .content .plan div ul li ins {
  display: block;
  color: #616161;
}
.supplementaryOptions .content .plan div ul li em {
  display: block;
  color: #333333;
  font: 24px "VodafoneRegular";
}
.supplementaryOptions .content .plan div ul li.min {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/iconMin.png");
  background-repeat: no-repeat;
}
.supplementaryOptions .content .plan div ul li.sms {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/iconSMS.png");
  background-repeat: no-repeat;
}
.supplementaryOptions .content .plan div ul li.mb {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/iconMB.png");
  background-repeat: no-repeat;
}
.supplementaryOptions .content .plan div.borderTop {
  border-top: 1px solid #ebebeb;
  padding: 0;
}
.supplementaryOptions .content .plan div ul li {
  margin: 10px 15px 0 0 !important;
  border: 0;
}
.supplementaryOptions .content .ticked {
  border: 1px solid #00b0ca;
}
.supplementaryOptions .content .ticked h5 {
  background-color: #00b0ca;
  color: #FFFFFF;
  position: relative;
  padding: 5px 10px 5px 30px;
}
.supplementaryOptions .content .ticked h5 a {
  color: #FFFFFF;
}
.supplementaryOptions .content .ticked h5 i {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/tickCircle.png");
  background-repeat: no-repeat;
  color: #FFFFFF;
  display: block;
  float: left;
  height: 30px;
  left: -8px;
  position: absolute;
  top: -4px;
  width: 31px;
  margin: 0;
  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.supplementaryOptions .content .offer h5 {
  position: relative;
}
.supplementaryOptions .content .offer h5 i {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/offerTag.png");
  background-repeat: no-repeat;
  display: block;
  color: #FFFFFF;
  float: right;
  padding: 6px 7px 4px 12px;
  position: absolute;
  right: 0;
  top: -5px;
  margin: 0;
  font: 16px "VodafoneRegular";
}
.supplementaryOptions .content button {
  margin: 10px  !important;
}
.supplementaryOptions #content2 {
  display: none;
}
.supplementaryOptions img {
  left: 1px;
  position: relative;
  top: -26px;
  width: 322px;
}
@media only screen and (max-width: 980px) {
  .supplementaryOptions {
    width: 100%  !important;
  }
  .supplementaryOptions .bx-viewport {
    width: 93%  !important;
    margin-left: 33px  !important;
  }
  .supplementaryOptions div > em.extra {
    white-space: normal;
    line-height: 1.5em;
  }
  .supplementaryOptions .bx-controls-direction {
    left: -6%;
    position: absolute;
    top: 36%;
    width: 112%;
    z-index: 0;
  }
  .supplementaryOptions .bx-wrapper {
    margin: 0 -5px !important;
    position: relative;
    width: 101%;
  }
  .supplementaryOptions .tabs li {
    display: inline !important;
  }
  .supplementaryOptions .tabs li:first-child {
    line-height: 3em !important;
    margin: 0 0 -2px 20px;
  }
  .supplementaryOptions ul.tabs {
    border-bottom: 1px solid #cacaca;
    margin: 0 -3% !important;
    width: 105%;
  }
  .supplementaryOptions .bx-viewport {
    min-height: 279px  !important;
  }
  .supplementaryOptions h2 {
    color: #333333;
  }
  .supplementaryOptions em.extra {
    height: 36px;
  }
  .supplementaryOptions .content > li {
    display: inline-block;
    width: 286px;
    height: 228px;
    vertical-align: top;
    margin: 0 20px 20px 0  !important;
  }
  .supplementaryOptions .content {
    overflow-x: scroll;
    white-space: nowrap;
    margin: 0  !important;
    margin: 12px 2% 0  !important;
    border: none;
    width: 100%;
  }
  .supplementaryOptions img {
    display: none;
  }
}
@media only screen and (max-width: 817px) {
  .supplementaryOptions .content {
    width: 100%;
  }
  .supplementaryOptions .bx-wrapper {
    position: relative;
    margin: 0 20px !important;
    width: 94%;
  }
  .supplementaryOptions .tabs li:first-child {
    display: inline-block !important;
    line-height: 3em !important;
    margin: 0 0 -3px 20px;
  }
  .supplementaryOptions ul.tabs {
    border-bottom: 1px solid #cacaca;
    margin: 0 -3% !important;
    width: 105%;
  }
}
@media only screen and (min-width: 481px) {
  .changePricePlan {
    display: none;
  }
  .supplementaryOptions {
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  #changePricePlan {
    width: 100%;
  }
  #changePricePlanH2 {
    display: none;
  }
  .changePricePlan {
    display: block;
  }
  .supplementaryOptions {
    display: none;
  }
  .supplementaryOptions .bx-wrapper {
    width: 100%;
    margin: 0  !important;
  }
  .supplementaryOptions .bx-controls {
    display: none;
  }
  .supplementaryOptions .content {
    height: auto;
  }
  .supplementaryOptions .bx-viewport {
    width: 100%  !important;
    margin-left: 0  !important;
  }
  div > div > div.bx-viewport {
    height: 264px;
  }
  section.supplementaryOptions {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 817px) and (max-width: 980px) {
  .supplementaryOptions ul.tabs {
    border-bottom: 1px solid #CACACA;
    margin: 0 -9% !important;
    width: 116%;
  }
}
@media only screen and (min-width: 768px) {
  .helpTopics > ul > li {
    display: block;
    float: left;
    padding: 0 15px 15px 15px;
    width: 33%;
  }
  .helpTopics > ul > li div {
    height: 45px;
  }
  .helpTopics > ul > li div img {
    max-height: 45px;
    max-width: 45px;
    vertical-align: middle;
    float: left;
  }
  .helpTopics > ul > li div h3 {
    font-size: 18px;
    font-weight: 800;
    height: 45px;
    margin: 0;
  }
  .helpTopics > ul > li p {
    height: 35px;
  }
}
@media only screen and (max-width: 767px) {
  h2 {
    font-weight: 400;
    font-size: 25px;
    line-height: 1.176;
    color: #e60000;
    margin: 25px 0 10px;
  }
  .helpTopics > ul {
    border-radius: 6px;
    -moz-box-shadow: 0 1px 3px #333333;
    -webkit-box-shadow: 0 1px 3px #333333;
    box-shadow: 0 1px 3px #333333;
  }
  .helpTopics > ul > li {
    border-top: 1px solid #adadad;
    cursor: pointer;
    display: block;
    padding: 0 10px 0 10px;
  }
  .helpTopics > ul > li h3 {
    color: #333333;
    font-size: 18px;
    font-weight: 800;
    margin: 0;
    padding: 20px 10px 20px 10px;
    position: relative;
  }
  .helpTopics > ul > li img {
    max-height: 45px;
    float: left;
    width: 40px;
    padding-top: 10px;
  }
  .helpTopics > ul > li ul > li {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right.png") no-repeat scroll 95% center;
    padding: 17px 0 15px 0;
  }
  .htDevice h3 {
    color: #e60000 !important;
  }
  .htDeviceDiv h3 {
    color: #333333;
    font-size: 18px;
    font-weight: 800;
    margin: 0;
    padding: 20px 10px 5px 10px;
    position: relative;
  }
  .htClose {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 95% center #ffffff;
  }
  .htClose ul,
  .htClose p {
    display: none;
  }
  .htOpen {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 95% 6% #f3f3f3;
  }
}
.helpTopics > ul > li > ul > li {
  border-top: 1px solid #adadad;
  padding: 12px 0 10px 0;
}
.helpTopics > ul > li > ul > li img {
  max-height: 35px;
  max-width: 60px;
  min-height: 35px;
  min-width: 60px;
  vertical-align: middle;
  float: none;
  padding-top: 0px !important;
}
.helpTopics > ul > li > ul > li button {
  width: 130px;
}
.hiddenTopBorder {
  border-top: 0 !important;
}
.htSmallPadding {
  padding: 1px 0 0px 0 !important;
}
.htImageBrandList {
  border-radius: 6px;
  -moz-box-shadow: 0 1px 3px #333333;
  -webkit-box-shadow: 0 1px 3px #333333;
  box-shadow: 0 1px 3px #333333;
}
.htImageBrandList li {
  border-top: 1px solid #adadad;
}
.htImageBrandList li h4 {
  color: #333333;
  font-size: 18px;
  font-weight: 800;
  margin: 0;
  padding: 20px 10px 20px 10px;
  position: relative;
}
.htImageBrandList li ul li img {
  max-height: 35px;
  max-width: 60px;
  min-height: 35px;
  min-width: 60px;
  vertical-align: middle;
  float: none;
  padding-top: 0px !important;
}
.htCustomBackground {
  background-color: #fff;
}
.htTripleImage {
  width: 30%;
}
.complexForm {
  padding-bottom: 96px;
}
.complexForm .inputTwoPerLine {
  clear: left;
}
.complexForm .inputDiv {
  float: left;
  margin: 0px 20px 20px 0px;
  width: 47%;
}
.complexForm span {
  font-weight: bold;
}
.complexForm span .checkNotActive {
  float: left;
}
.complexForm .wideDiv {
  width: 95%;
}
.complexForm input[type="radio"] {
  width: auto;
  margin: 0 5px 0 0;
}
.complexForm input[type="checkbox"] {
  width: auto;
  margin: 20px 5px 0 0;
}
.complexForm .doubleColum {
  width: 150%;
}
.complexForm .radioActive {
  background: url('vodacom/framework/skins/vodacom_skins/img/sprite.png') no-repeat -931px -99px;
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 0;
  margin: 0 6px 0 0px;
  float: left;
}
.complexForm .radioNotActive {
  background: url('vodacom/framework/skins/vodacom_skins/img/sprite.png') no-repeat -931px -64px;
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 0;
  margin: 0 6px 30px 0px;
  float: left;
}
.complexForm .checkActive {
  background: url('vodacom/framework/skins/vodacom_skins/img/sprite.png') no-repeat -938px -28px;
  width: 21px;
  height: 21px;
  display: inline-block;
  border: 0;
  margin: 0 6px 30px 0px;
  float: left;
}
.complexForm .checkNotActive {
  background: url('vodacom/framework/skins/vodacom_skins/img/sprite.png') no-repeat -909px -28px;
  width: 21px;
  height: 21px;
  display: inline-block;
  border: 0;
  margin: 0 6px 0 4px;
  margin-bottom: 30px;
  float: left;
}
.complexForm .centerTextDiv {
  width: 185px;
  margin: 17px 34px 0px 0px;
}
.complexForm .radioLabelActive {
  font-weight: bold;
  margin: 8px 15px 0 0px;
  float: left;
}
.complexForm .radioLabelNotActive {
  margin: 8px 15px 0 0px;
  float: left;
}
.complexForm .checkBoxText {
  padding-top: 4px;
}
.complexForm .passwordStrengthBar {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #d6d6d6 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6d6d6), color-stop(33%, rgba(255, 255, 255, 0.67)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d6d6d6 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d6d6d6 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d6d6d6 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d6d6d6 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#00ffffff', GradientType=0);
  /* IE6-8 */
  height: 7px;
  width: 180px;
  display: block;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: 25px;
  padding: 1px 0 1px 1px;
}
.complexForm .passWeak {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #db0d0d 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdd00), color-stop(33%, rgba(255, 255, 255, 0.67)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #db0d0d 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #db0d0d 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #db0d0d 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #db0d0d 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd00', endColorstr='#00ffffff', GradientType=0);
  /* IE6-8 */
  width: 0%;
  height: 5px;
  display: block;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #db0d0d;
}
.complexForm .passAvg {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffa011 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdd00), color-stop(33%, rgba(255, 255, 255, 0.67)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffa011 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffa011 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffa011 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffa011 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd00', endColorstr='#00ffffff', GradientType=0);
  /* IE6-8 */
  width: 0%;
  height: 5px;
  display: block;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffa011;
}
.complexForm .passFair {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffdd00 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdd00), color-stop(33%, rgba(255, 255, 255, 0.67)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffdd00 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffdd00 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffdd00 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffdd00 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd00', endColorstr='#00ffffff', GradientType=0);
  /* IE6-8 */
  width: 0%;
  height: 5px;
  display: block;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffdd00;
}
.complexForm .passStrong {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #00a000 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdd00), color-stop(33%, rgba(255, 255, 255, 0.67)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00a000 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00a000 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00a000 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #00a000 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd00', endColorstr='#00ffffff', GradientType=0);
  /* IE6-8 */
  width: 0%;
  height: 5px;
  display: block;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #00a000;
}
@media only screen and (max-width: 768px) {
  .complexForm .inputDiv {
    width: 40%;
  }
  .complexForm .wideDiv {
    width: 95%;
  }
}
@media only screen and (max-width: 480px) {
  .complexForm .wideDiv {
    width: 95%;
  }
  .complexForm .inputDiv {
    width: 100%;
  }
  .complexForm .inputDivMedium {
    width: 53%;
  }
  .complexForm .inputDivSmall {
    width: 33%;
    margin: 0px 10px 0px 0px;
  }
  .complexForm .passwordStrengthBar {
    width: 100px;
    margin-top: 12px;
  }
  .complexForm .centerTextDiv {
    margin: 27px 0px 0px 0px ;
  }
}
@media only screen and (max-width: 320px) {
  .complexForm .inputDiv {
    width: 100%;
  }
  .complexForm .inputDivSmall {
    width: 100%;
    margin: 0px 10px 20px 0px;
  }
  .complexForm .inputDivMedium {
    width: 100%;
  }
  .complexForm .doubleColum {
    width: 180%;
  }
  .complexForm .passwordStrengthBar {
    width: 180px;
    margin-top: 12px;
  }
}
.phoneCompare {
  width: 100%;
}
.phoneCompare .spacer {
  float: left;
  width: 20%;
  height: 520px;
}
.phoneCompare .buttonSpacing {
  padding: 10px 0 0 0;
}
.phoneCompare .phoneSelect {
  display: none;
}
.phoneCompare .phoneBlock {
  width: 20%;
  height: 520px;
  float: left;
  font-size: 13px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  text-align: center;
  padding-top: 10px;
  overflow: hidden;
  padding-bottom: 5px;
}
.phoneCompare .phoneBlock .bvRating {
  margin-left: 36% !important;
}
.phoneCompare .phoneBlock .phoneName {
  font-size: 16px;
  font-weight: bold;
  height: 60px;
}
.phoneCompare .phoneBlock .phoneImage {
  padding-top: 10px;
  height: 200px;
}
.phoneCompare .phoneBlock .phoneImage img {
  max-width: 140px;
}
.phoneCompare .phoneBlock .priceOr {
  padding: 5px;
}
.phoneCompare .phoneBlock select {
  padding: 5px;
  width: 90%;
  margin: 0 10px 0 10px 0;
}
.phoneCompare .phoneCompareh3 {
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  clear: left;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
}
.phoneCompare .phoneCompareSpecs {
  border-top: 0px;
  width: 100%;
  min-width: 0;
}
.phoneCompare tr {
  padding: 5px 10px 5px 10px;
  line-height: 19px;
  font-size: 13px;
  border: 0px;
}
.phoneCompare table tr:last-child td {
  border-bottom: 0;
}
.phoneCompare table tr:first-child td {
  border-top: 0;
}
.phoneCompare table {
  border-collapse: collapse;
  width: 100%;
}
.phoneCompare table tr td:first-child {
  border-left: 0;
  text-align: left;
}
.phoneCompare table tr td:last-child,
.phoneCompare table tr th:last-child {
  border-right: 0;
}
.phoneCompare td {
  border: 1px solid #ccc;
  width: 20%;
  font-size: 14px;
  padding: 10px;
  text-align: center;
}
.phoneCompare .yes {
  background: url('vodacom/framework/skins/vodacom_skins/img/sprite.png') no-repeat 0px 0px;
  width: 14px;
  height: 11px;
  display: inline-block;
  border: 0;
}
.phoneCompare .no {
  background: url('vodacom/framework/skins/vodacom_skins/img/sprite.png') no-repeat 0px -43px;
  width: 13px;
  height: 2px;
  display: inline-block;
  border: 0;
}
.phoneCompare .addPhoneCompare {
  display: none;
}
.phoneCompare .addPhoneCompareNumDevices {
  display: none;
}
.phoneCompare .addPhoneBtn {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .phoneCompare .phoneSelect {
    display: block;
  }
  .phoneCompare td {
    border: 1px solid #ccc;
    width: 33%;
    font-size: 14px;
    padding: 10px;
  }
  .phoneCompare table tr td:first-child {
    width: 34%;
  }
  .phoneCompare .phoneCompareDevicePortrait {
    display: none;
    /*width: 20%;*/
  }
  .phoneCompare .spacer {
    float: left;
    width: 34%;
    height: 470px;
  }
  .phoneCompare .phoneBlock {
    width: 33%;
  }
  .phoneCompare .phoneBlock select {
    width: 90%;
    margin: 0 10px 0 10px;
    min-width: 0;
  }
  .phoneCompare .phoneBlock .bvRating {
    margin-left: 27% !important;
  }
  .phoneCompare .addPhoneCompare {
    display: block;
    clear: right;
    width: 100%;
    background: #F4F4F4;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 50px;
  }
  .phoneCompare .addPhoneCompareNumDevices {
    display: block;
    font-size: 16px;
    font-weight: bold;
    float: left;
    margin: 16px;
  }
  .phoneCompare .addPhoneBtn {
    display: block;
    float: right;
    position: relative;
    margin-top: 8px;
  }
}
.modulesLeft {
  width: 22%;
  float: left;
  margin: 0 20px 0 0;
}
@media only screen and (max-width: 818px) {
  .modulesLeft {
    width: 100%;
  }
  .modulesLeft .ancillaryHelp {
    display: none;
  }
}
.modulesRight {
  width: 75%;
  float: right;
}
@media only screen and (max-width: 818px) {
  .modulesRight {
    width: 100%;
  }
}
.pagination {
  width: 100%;
  background-color: #f4f4f4;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 20px;
  padding: 10px;
  float: left;
}
.pagination ins {
  color: #999999;
  font-size: 16px;
  text-decoration: none;
  line-height: 35px;
  float: left;
  margin: 0 5px 0 0;
}
.pagination ins em {
  color: #333333;
  font-style: normal;
  font-weight: bold;
}
.pagination .pageSelect {
  padding: 2px 0 0;
}
.pagination .pageSelect a {
  display: inline-block;
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/uniformsprite.png");
  background-repeat: no-repeat;
  text-decoration: none;
  float: left;
}
.pagination .pageSelect .sliderLeft {
  width: 36px;
  height: 32px;
  background-position: -60px 0;
  cursor: pointer;
}
.pagination .pageSelect .sliderRight {
  width: 35px;
  height: 32px;
  background-position: -96px 0;
  cursor: pointer;
}
.pagination .pageSelect .sliderLeftGreyed {
  width: 36px;
  height: 32px;
  background-position: -140px 0;
  cursor: default;
}
.pagination .pageSelect .sliderRightGreyed {
  width: 35px;
  height: 32px;
  background-position: -174px 0;
  cursor: default;
}
.pagination form {
  float: right;
  width: 308px;
}
.pagination form label {
  margin: 0 10px 0 0;
}
.pagination form div.selector {
  width: 240px  !important;
}
.pagination form select {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .pagination ins {
    margin-bottom: 5px;
  }
  .pagination form {
    display: block  !important;
    float: left  !important;
  }
  .pagination form div.selector {
    width: 200px  !important;
  }
}
.comparisonPanel {
  float: left;
  margin: 0 0 20px;
}
.comparisonPanel h4 {
  font-size: 14px;
  float: left;
  margin: 0 10px;
  line-height: 32px;
}
.comparisonPanel ul {
  float: left;
}
.comparisonPanel ul li {
  float: left;
  display: block;
  width: 32px;
  height: 32px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #f4f4f4;
  border: 1px solid #cacaca;
  margin: 0 15px 0 0;
  font-size: 22px;
  color: #cacaca;
  text-align: center;
  line-height: 32px;
  position: relative;
}
.comparisonPanel ul li img {
  max-height: 28px;
  max-width: 28px;
  position: relative;
  top: -2px;
}
.comparisonPanel ul li a {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/uniformsprite.png");
  background-repeat: no-repeat;
  background-position: -60px -40px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -10px;
  top: -10px;
  cursor: pointer;
  padding: 0;
}
.comparisonPanel .compareNow {
  float: left;
  margin: 0 0 0 10px  !important;
}
@media only screen and (max-width: 600px) {
  .comparisonPanel {
    display: none;
  }
}
.serviceIntroduction {
  display: inline-block;
  float: left;
  margin: 0 20px 30px 0  !important;
  width: 64%;
}
.serviceIntroduction h2 {
  font: 30px "VodafoneRegular";
  padding: 0;
  margin: 0 0 10px;
  color: #333333  !important;
}
.serviceIntroduction img {
  float: left;
  margin: 0 20px 10px 0;
  width: 18%;
}
.serviceIntroduction ul {
  float: left;
  list-style-type: disc;
  margin: 0 0 0 20px  !important;
  width: 70%;
}
.serviceIntroduction ul li {
  font-size: 16px;
  font-weight: bold;
  display: list-item;
  line-height: 24px;
  margin: 0 0 10px;
}
.serviceIntroduction ul li a {
  padding: 0;
  text-decoration: underline;
}
.serviceIntroduction .forMobile {
  display: none;
}
@media only screen and (max-width: 640px) {
  .serviceIntroduction {
    clear: both;
    width: 100%;
  }
  .serviceIntroduction h2 {
    display: inline-block;
    float: left;
    width: 72%;
    font: 16px "Arial", sans-serif;
    font-weight: bold;
  }
  .serviceIntroduction .forMobile {
    display: inline-block;
  }
  .serviceIntroduction .forNonMobile {
    display: none;
  }
  .serviceIntroduction ul li {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
  }
}
.serviceCallToAction {
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #f4f4f4;
  border: 1px solid #cacaca;
  padding: 20px;
  display: inline-block;
  text-align: center;
  float: right;
  width: 32%;
  margin: 0 0 30px  !important;
}
.serviceCallToAction h3 {
  margin: 0 0 15px;
}
.serviceCallToAction p {
  margin: 0 0 0px;
  line-height: 18px;
}
.serviceCallToAction .btn {
  font-size: 16px;
  padding: 6px 30px  !important;
  text-decoration: none;
  margin: 0 auto 20px;
}
.serviceCallToAction a {
  font-size: 16px;
  text-decoration: underline;
  color: #9c2aa0;
}
.serviceCallToAction .termsConditions {
  font-size: 12px;
  text-decoration: none;
  color: #333333;
}
@media only screen and (max-width: 640px) {
  .serviceCallToAction {
    clear: both;
    width: 100%;
  }
}
.complexForm .blueTickImg {
  background: url('vodacom/framework/skins/vodacom_skins/img/sprite.png') no-repeat -897px -65px;
  width: 20px;
  height: 19px;
  display: inline-block;
  margin-right: 10px;
  margin-top: -5px;
  float: left;
}
.complexForm .registerImg {
  background: url('vodacom/framework/skins/vodacom_skins/img/misc/net-safety.png') no-repeat;
  width: 37px;
  height: 38px;
  display: inline-block;
  margin-right: 10px;
}
.complexForm .infoImg {
  background: url('vodacom/framework/skins/vodacom_skins/img/sprite.png') no-repeat -875px -26px;
  width: 23px;
  height: 23px;
  display: inline-block;
  margin: 0px 0px -7px 5px;
}
.complexForm .flex {
  display: block;
}
.complexForm input {
  min-width: inherit;
}
.complexForm input[type=text] {
  width: 60%;
}
.complexForm input[id=password] {
  width: 50%;
}
.complexForm .cf-login .btnPurple {
  margin: 0 10px 10px 0;
}
.complexForm .cf-login .registerUL li:last-child {
  padding-bottom: 30px;
}
.complexForm .cf-login .registerUL li {
  padding-top: 10px;
}
.complexForm .cf-login .borderBox {
  border: 1px solid #CCCCCC;
  float: left;
  margin-right: 15px;
  padding: 10px 10px 0 10px;
  width: 49%;
  margin-bottom: 5px;
  min-height: 355px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.complexForm .cf-login .borderBox p {
  margin: 20px 0 5px;
}
.complexForm .cf-login .borderBox p .infoImg {
  margin: 0;
}
.complexForm .cf-login .borderBox label {
  display: block;
  margin: 20px 0;
}
.complexForm .cf-login .borderBox .flRight {
  width: 48%;
  float: right;
  margin-top: 10px;
}
.complexForm .cf-login label.error {
  padding: 5px 0 0 0;
  margin: 0;
  background: 0;
  border: 0;
  color: #ca0000;
}
.complexForm .cf-login li:nth-child(2n) {
  margin-right: 0;
}
.complexForm .cf-login figure {
  border-bottom: 1px solid #CCCCCC;
  padding: 0 10px;
}
.complexForm .cf-login figure img,
.complexForm .cf-login figure i {
  float: left;
  padding-right: 10px;
}
.complexForm .cf-login figure i {
  float: left;
  display: inline-block;
}
.complexForm .cf-login figure figcaption {
  margin: 0;
  line-height: 2.5;
}
@media only screen and (max-width: 768px) {
  .complexForm .flex {
    display: block;
  }
  .complexForm .cf-login .borderBox {
    width: 100%;
  }
  .complexForm .infoImg {
    display: none;
  }
}
.extrasDiv {
  width: 25%;
  float: left;
  padding: 1em;
  margin-bottom: 7px;
}
.extrasDiv div img {
  float: left;
  padding: 5px;
}
.extrasDiv div a {
  float: left;
  padding-left: 10px;
}
.extrasDiv div a span {
  display: none;
}
.extrasDiv div .extraSpan {
  display: none;
}
.extrasDiv div br {
  display: none;
}
.extrasDiv p {
  display: block;
  margin-top: 4em;
  margin-bottom: 2em;
  line-height: 1.5em;
}
.extrasDiv .extraButton {
  display: block;
  padding: 7px 20px 7px 20px;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 40px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border: 1px solid lightgrey;
  -moz-box-shadow: 0px 2px 1px 1px #808080;
  -webkit-box-shadow: 0px 2px 1px 1px #808080;
  box-shadow: 0px 2px 1px 1px #808080;
}
@media only screen and (max-width: 480px) {
  .exstraBorder {
    height: 100%;
    margin-right: 4px;
    border-left: 1px solid #8f8f8f;
    border-right: 1px solid #8f8f8f;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #8f8f8f;
    width: 95%;
    -moz-box-shadow: 0px 2px 0px #888888;
    -webkit-box-shadow: 0px 2px 0px #888888;
    box-shadow: 0px 2px 0px #888888;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .exstraBorder :first-child {
    border-top: none;
  }
  .extrasDiv {
    padding: 1em;
    margin-bottom: 7px;
    border-top: 1px solid lightgrey;
    height: 5em;
    width: 95%;
    margin: auto;
  }
  .extrasDiv div {
    height: 100%;
  }
  .extrasDiv div img {
    float: left;
  }
  .extrasDiv div a {
    float: left;
    padding-left: 1em;
    margin-top: -1.2em;
  }
  .extrasDiv div a h2 {
    font-size: 15px;
    margin: 5px;
    margin-left: 0px;
  }
  .extrasDiv div a span {
    font-size: 10px;
    display: block;
    word-wrap: break-word;
  }
  .extrasDiv div .extraSpan {
    padding-top: 10px;
    display: block;
    float: right;
    font-size: 30px;
  }
  .extrasDiv div br {
    display: none;
  }
  .extrasDiv p {
    display: none;
  }
  .extrasDiv .extraButton {
    display: none;
  }
}
.appDownloadConfirm h1 {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/app-store/iconEntrust.png");
  background-position: 100% center;
  background-repeat: no-repeat;
  overflow: auto;
  padding: 10px 50px 10px 0;
  margin: 0 0 10px;
}
.appDownloadConfirm .transactionSummary {
  float: left;
  margin: 0 20px 20px 0;
  width: 68%;
}
.appDownloadConfirm .transactionSummary article {
  border: 1px solid #cacaca;
  padding: 10px;
  float: left;
  width: 100%;
  margin: 0 0 20px;
}
.appDownloadConfirm .transactionSummary article .transactionSummaryHeader h4 {
  display: inline;
  line-height: 16px;
  float: left;
}
.appDownloadConfirm .transactionSummary article .transactionSummaryHeader .transactionSummaryButtons {
  float: right;
}
.appDownloadConfirm .transactionSummary article .transactionSummaryHeader .transactionSummaryButtons button {
  margin: 0 0 10px 10px;
}
.appDownloadConfirm .transactionSummary article table {
  float: left;
  margin-top: 10px;
  line-height: 20px;
  width: 300px;
}
.appDownloadConfirm .transactionSummary article table tr {
  display: block;
  margin: 0 0 5px;
}
.appDownloadConfirm .transactionSummary article table tr .transactionSummaryDetailFieldHeader {
  width: 80px;
}
.appDownloadConfirm .transactionSummary article table tr .Large {
  font-size: 2em;
}
.appDownloadConfirm .transactionSummary article table tr .Large img {
  padding-left: 10px;
}
.appDownloadConfirm .transactionSummary article table tr .transactionSummaryDetailFieldData {
  font-weight: bold;
}
.appDownloadConfirm .transactionSummary article table tr td {
  vertical-align: bottom;
}
.appDownloadConfirm .transactionSummary article .transactionSummarySent {
  float: right;
  margin-top: 40px;
  background-color: #f4f4f4;
  padding: 20px 10px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 20px;
  min-width: 200px;
}
.appDownloadConfirm .transactionSummary article .transactionSummarySent em {
  font-weight: bold;
  font-style: normal;
  word-break: break-all;
}
.appDownloadConfirm .orderNote {
  width: 100%;
  background-color: #F4F4F4;
  padding: 10px;
}
.appDownloadConfirm .orderNote em {
  font-weight: bold;
  font-style: normal;
}
.appDownloadConfirm .youBought {
  float: right;
  margin-bottom: 20px;
  width: 28%;
}
.appDownloadConfirm .youBought .youBoughtTitle {
  background-color: #f4f4f4;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 40px;
  padding-left: 5px;
  padding-top: 0  !important;
  border-bottom: 1px solid #cacaca;
  color: #333333;
}
.appDownloadConfirm .youBought img {
  width: 48px;
  height: 48px;
  float: left;
  margin: 0 10px 10px 0;
}
.appDownloadConfirm .youBought ul {
  float: left;
}
.appDownloadConfirm .youBought ul li {
  margin: 0 0 10px;
}
.appDownloadConfirm .youBought a {
  display: block;
  margin: 0  !important;
}
.appDownloadConfirm .youBought p {
  margin: 0  !important;
}
.appDownloadConfirm .youBought .youBoughtTotal {
  background-color: #f4f4f4;
  padding: 10px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.screen-768 .appDownloadConfirm .transactionSummary,
.screen-768 .appDownloadConfirm .youBought {
  width: 100%  !important;
}
/*
.appDownloadConfirm {
    h1 {
        color: black;
    }
    .jason {
        display: inline;
    img {
            width: 96px;
            height: 96px;
        }
    }
    margin-right: 3px;

    #greaterThan480px {
        display: block;
    }

    #lessThan481px {
        display: none;
    }

    @media only screen and (max-width: 480px) {
        #greaterThan480px {
            display: none;
        }

        #lessThan481px {
            display: block;
        }
    }

    .confirmBox {
        background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/tick-green-alt.png");
        background-repeat: no-repeat;
        background-position: 5px center;
        .border-radius (4px);
        border: 2px solid green;
        margin: 20px 0;
        width: 100%;
        clear: both;
        padding-left: 40px;
        padding-right: 10px;
        padding-bottom: 20px;
        padding-top: 20px;
        background-color: honeydew;

        div {
            vertical-align: middle;
        }
    }

    .transactionSummary {
        border: 1px solid @g-2;
        .border-radius (4px);
        padding: 10px;
        overflow: hidden;
        float: left;
        margin-bottom: 20px;
        width: 72%;

        .transactionSummaryHeader {
            padding-top: 10px;

            h4 {
                display: inline;
                line-height: 16px;
                float: left;
            }

            .transactionSummaryButtons {
                float: right;
                button {
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                    background-color: white;
                    border: 1px solid @g-1;
                    margin: 0 0 0 10px !important;
                }
            }

            @media only screen and (max-width: 390px) {
                h4 {
                    float: none;
                }

                .transactionSummaryButtons {
                    float: none;
                    width: 100%;
                    padding-top: 10px;
                }
            }

            .transactionSummaryClear {
                clear: both;
            }
        }

        .transactionSummaryDetail {
            float: left;
            margin-top: 10px;
            line-height: 20px;

            tr {
                display: block;
                margin: 0 0 5px;

                .transactionSummaryDetailFieldHeader {
                    width: 80px;
                }

                .Large {
                    font-size: 2em;

                    img {
                        padding-left: 10px;
                    }
                }

                .transactionSummaryDetailFieldData {
                    font-weight: bold;
                }

                td {
                    vertical-align: bottom;
                }
            }
        }

        .transactionSummarySent {
            float: right;
            margin-top: 40px;
            background-color: @g-1;
            padding: 20px 20px 20px 20px;
            .border-radius (4px);

            div {
                line-height: 20px;
            }

            .transactionSummaySentRecipient {
                font-weight: bold;
            }

            .transactionSummaySentCellNo {
                font-weight: bold;
            }
        }

        @media only screen and (max-width: 550px) {

            .transactionSummaryDetail {
                float: none;
            }

            .transactionSummarySent {
                float: none;
                width: 100%;
                padding: 20px 20px 20px 20px;
            }
        }
    }

    .youBought {
        float: right;
        margin-bottom: 20px;
        width: 24%;

        .youBoughtTitle {
            background-color: @g-1;
            vertical-align: middle;
            font-weight: bold;
            font-size: 1.5em;
            line-height: 40px;
            padding-left: 5px;
        }

        .youBoughtDetailCol1 {
            width: 50px;

            img {
                width: 48px;
                height: 48px;
            }
        }

        .youBoughtDetail {
            display: block;
            padding-top: 15px;
            padding-bottom: 15px;
            line-height: 20px;
        }

        .youBoughtTotal {
            background-color: @g-1;
            padding: 10px 10px 10px 10px;
            .border-radius (4px);
        }
    }

    .peopleAlsoLookedAt {
        .border-radius (4px);
        border: 1px solid @g-2;
        width: 100%;
        overflow: hidden;
        background-color: @g-1;
        font-weight: bold;

        .ratings {
            background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/ratings-on.png");
            background-repeat: no-repeat;
            background-size: 75%;
            background-position: center;
            width: 89px;
            height: 16px;
            display: block;
            margin: 10px auto 5px;
            position: relative;
        }

        h4 {
            padding-left: 20px;
        }

        .peopleAlsoLookedAtAppItem {
            float: left;
            padding-right: 10px;
            padding-top: 5px;
            padding-bottom: 10px;

            .peopleAlsoLookedAtAppSummary {
                float: left;
                vertical-align: top;
                padding-left: 20px;

                img {
                    width: 96px;
                    height: 96px;
                }

                .peopleAlsoLookedAtAppSummaryItem {
                    line-height: 20px;
                }

                .peopleAlsoLookedAtAppDetailLink {
                    font-weight: normal;

                    a {
                        padding: 0px 0px 0px 0px;
                    }
                }

                .peopleAlsoLookedAtAppPrice {
                    width: 114px;
                    font-size: 1.4em;
                    line-height: 2.5em;
                    background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/success.png");
                    background-repeat: no-repeat;
                    background-position: center right;
                    background-size: 32px 32px;
                }
            }

            .peopleAlsoLookedAtClear {
                clear: both;
            }

            .peopleAlsoLookedAtReviewAndBuy {
                padding-left: 20px;

                .peopleAlsoLookedAtReviews {
                    float: left;
                    width: 96px;

                    p {
                        text-align: center;
                    }
                }

                .peopleAlsoLookedAtBuy {
                    float: left;
                    margin-left: 20px;
                    margin-top: 10px;

                    .peopleAlsoLookedAtBuyButton {
                        height: 35px;
                        width: 120px;
                        font-size: 1em !important;
                        border-radius: 6px;
                    }
                }
            }
        }

        .peopleAlsoLookedAtSeeAllApps {
            overflow: hidden;
            margin-left: 20px !important;
            margin-top: 5px !important;
            margin-bottom: 20px !important;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background-color: white;
            width: 240px;
        }
    }

    @media only screen and (max-width: 817px) {
        .transactionSummary {
            width: 100%;
            float: none;
        }

        .youBought {
            width: 100%;
            float: none;
        }
    }
}
    */
.opacity {
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.background-size {
  -moz-background-size: 12% auto;
  -ms-background-size: 12% auto;
  -o-background-size: 12% auto;
  -webkit-background-size: 12% auto;
  background-size: 12% auto;
}
.productList {
  width: 100%;
}
.productList li {
  width: 180px;
  float: left;
  margin: 0 2% -50px;
  text-align: center;
  font-size: 12px;
  height: 460px;
  position: relative;
}
.productList li .info {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.productList li img {
  margin: 0px auto 10px;
  display: block;
}
.productList li h2 {
  color: #033333;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 10px;
  padding: 0;
}
.productList li form em {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/alertIcon.png");
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 14px;
  font-style: normal;
  margin: 0 0 10px;
  padding: 0 0 0 22px;
  line-height: 1.5;
}
.productList li small {
  display: block;
  margin: 0 0 10px;
  font-size: 11px;
}
.productList li ins {
  display: block;
  line-height: 18px;
  margin: 0 0 10px;
  text-decoration: none;
}
.productList li ins strong {
  font-size: 14px;
}
.productList li label {
  display: block;
}
.productList li div.checker {
  display: inline-block;
  vertical-align: middle;
}
.productList li div.checker span {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/uniformsprite.png");
  background-repeat: no-repeat;
  height: 23px;
  width: 23px;
  position: relative;
  background-position: -30px 0;
  display: inline-block;
  text-align: center;
}
.productList li div.checker input {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  display: inline-block;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.productList li div.checker span.checked {
  background-position: -30px -30px;
}
.productList li .viewDetails {
  width: 160px;
  padding: 10px;
  margin: 10px 0 0  !important;
}
.productList .deal {
  position: absolute;
  top: -10px;
  left: 10px;
}
.productList figcaption {
  display: none;
}
.productList i {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/ratings-on.png");
  background-repeat: no-repeat;
  width: 89px;
  height: 16px;
  display: block;
  margin: 10px auto 5px;
  position: relative;
}
.screen-480 .modulesRight {
  float: none;
  clear: both;
}
.screen-480 .productList li {
  width: 100% !important;
  height: auto;
  padding-bottom: 40px;
  text-align: left  !important;
  margin: 0 20px 50px  !important;
  height: inherit  !important;
}
.screen-480 .productList li figure {
  float: left;
  margin: 0 10px 0 -10px;
  width: auto;
}
.screen-480 .productList li form {
  float: left;
  padding: 0 0 0 20px;
  width: 56%;
}
.screen-480 .productList li form em {
  bottom: 4%;
  font-size: 12px !important;
  left: 0;
  position: absolute;
}
.screen-480 .productList li form figcaption {
  display: none;
}
.screen-480 .productList li form i {
  margin: 10px 0 5px;
}
.screen-480 .productList li form label {
  display: none;
}
.screen-480 .productList li form input {
  width: 120px  !important;
}
.screen-480 .productList li form .info {
  position: relative !important;
  width: 55%;
}
.screen-480 .productList li .deal {
  width: 48px  !important;
  height: 48px  !important;
  left: -25px  !important;
}
.screen-480 .productList li i {
  margin: 10px 0 5px  !important;
}
@media only screen and (max-width: 600px) {
  .info label {
    display: none  !important;
  }
}
.productItemAppstore {
  width: 100%;
  clear: both;
}
.productItemAppstore li {
  width: 30%;
  float: left;
  margin: 0 3% 20px 0;
  text-align: center;
  font-size: 12px;
  position: relative;
  background-color: #FFFFFF;
  border: 1px solid #cacaca;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 30px 10px 20px;
  height: 400px;
}
.productItemAppstore li .ticked {
  float: right;
  position: absolute;
  right: 10px;
  top: 10px;
  margin: 0;
}
.productItemAppstore li figure {
  width: 124px;
  height: 124px;
  max-width: 124px;
  max-height: 124px;
  margin: 0px auto 20px;
  position: relative;
}
.productItemAppstore li figure img {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 124px;
  max-width: 124px;
  position: absolute;
  right: 0;
  top: 0;
}
.productItemAppstore li .appItemDetails h2 {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  margin: 0;
  padding: 0;
  clear: right;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow: hidden;
}
.productItemAppstore li .appItemDetails em {
  font-size: 12px;
  font-style: normal;
  margin: 0 0 10px;
  line-height: 1.5;
  clear: right;
}
.productItemAppstore li .appItemDetails .info {
  bottom: 20px;
  position: absolute;
  width: 90%;
}
.productItemAppstore li .appItemDetails .info i {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/ratings-on.png");
  background-repeat: no-repeat;
  width: 89px;
  height: 16px;
  display: block;
  margin: 10px auto 5px;
  position: relative;
}
.productItemAppstore li .appItemDetails .info small {
  display: block;
  margin: 0 0 10px;
  font-size: 11px;
}
.productItemAppstore li .appItemDetails .info ins {
  display: block;
  line-height: 16px;
  margin: 0 0 10px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #cacaca;
  padding: 15px 0;
}
.productItemAppstore li .appItemDetails .info .viewDetails {
  max-width: 160px;
  padding: 10px;
  margin: 0  !important;
}
@media only screen and (max-width: 600px) {
  .productItemAppstore li {
    width: 46%;
  }
}
.screen-480 .modulesRight {
  float: none;
  clear: both;
}
.screen-480 .productItemAppstore li {
  width: 100% !important;
  text-align: left  !important;
  margin: 0 0 20px  !important;
  height: inherit  !important;
  padding: 15px 10px  !important;
}
.screen-480 .productItemAppstore li .ticked {
  margin: 0  !important;
  width: 18px  !important;
}
.screen-480 .productItemAppstore li figure {
  float: left;
  margin: 0 20px 20px 0  !important;
  width: 104px  !important;
  height: 104px  !important;
}
.screen-480 .productItemAppstore li figure img {
  max-height: 104px  !important;
  max-width: 104px  !important;
}
.screen-480 .productItemAppstore li .appItemDetails {
  float: left;
  width: 50%;
}
.screen-480 .productItemAppstore li .appItemDetails .info {
  position: relative  !important;
  bottom: 0  !important;
  width: auto  !important;
}
.screen-480 .productItemAppstore li .appItemDetails .info i {
  width: auto  !important;
}
.screen-480 .productItemAppstore li .appItemDetails .info ins {
  border-bottom: none  !important;
}
.myAppsForNonDesktop {
  background: #F6F4F2;
  margin-bottom: 20px;
}
.myAppsForNonDesktop .styleThese li,
.myAppsForNonDesktop .styleThis li {
  border: 0 none  !important;
  border-radius: 0  !important;
  margin: 0  !important;
}
.myAppsForNonDesktop .styleThese ul,
.myAppsForNonDesktop .styleThis ul {
  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -moz-border-radius: 5px  !important;
  -ms-border-radius: 5px  !important;
  -o-border-radius: 5px  !important;
  -webkit-border-radius: 5px  !important;
  border-radius: 5px  !important;
}
.myAppsForNonDesktop .styleThese h2,
.myAppsForNonDesktop .styleThis h2 {
  background-position: 95% center  !important;
  color: #333;
  padding: 10px;
  margin: 0;
  border-bottom: 1px solid #cacaca;
  font-size: 18px;
  font-weight: bold;
  background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
  cursor: pointer;
}
.myAppsForNonDesktop .myApps {
  width: 200px;
  margin: 0px 0px 20px 10px;
}
.myAppsForNonDesktop .myApps select {
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 34px;
  -webkit-appearance: none;
}
.myAppsForNonDesktop .downloadedApps {
  padding: 10px;
}
.myAppsForNonDesktop .downloadedApps label {
  display: block;
  padding: 10px;
}
.myAppsForNonDesktop .downloadedApps a {
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
@media only screen and (max-width: 600px) {
  .pagination form {
    display: none;
  }
}
.appDetails {
  float: left;
  margin: 0 20px 40px 0;
  width: 60%;
}
.appDetails ul li {
  float: left;
  position: relative;
  display: inline-block;
}
.appDetails ul li figure {
  width: 200px;
  height: 200px;
  max-width: 200px;
  max-height: 200px;
  position: relative;
}
.appDetails ul li figure img {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 200px;
  max-width: 200px;
  position: absolute;
  right: 0;
  top: 0;
}
.appDetails ul li .deal {
  display: block;
  position: absolute;
  top: -10px;
  left: -20px;
}
.appDetails ul li .ratings {
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/ratings-on.png");
  background-repeat: no-repeat;
  width: 89px;
  height: 16px;
  display: block;
  margin: 10px auto 5px;
  position: relative;
}
.appDetails ul li h2 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin: 0;
  padding: 0;
}
.appDetails ul li h2 em {
  color: #e60000;
  font: 45px "VodafoneRegular";
}
.appDetails ul li table tr {
  line-height: 1.5;
}
.appDetails ul li table tr .details {
  font-weight: bold;
}
.appDetails ul li a {
  margin: 0 0 20px;
  padding: 0;
  text-decoration: underline;
  display: block;
}
.appDetails ul li .buy {
  max-width: 160px;
  font-size: 20px;
  padding: 10px 20px  !important;
  letter-spacing: 0.5px;
  margin: 20px 0 10px;
}
.appDetails ul li .share {
  font-size: 16px;
  text-decoration: none;
  width: 104px;
  padding: 10px 20px;
  margin: 0;
}
.appDetails ul li:first-child {
  margin: 0 25px 10px 20px;
  width: 200px;
}
.appDetails ul li:first-child small {
  text-align: center;
  display: block;
}
.appDetails ul li:last-child {
  margin: 0 0 10px;
}
.appDescription {
  float: left;
  width: 36%;
  margin: 0 0 40px;
}
.appDescription h3 {
  margin: 10px 0 20px;
}
.appDescription .appDetailsDescription {
  height: 250px;
  margin: 0 0 20px  !important;
  overflow-y: auto;
  line-height: 1.3em;
}
.appDescription .appDetailsDescription ul {
  padding: 0 0 10px 20px;
  list-style: disc outside none;
}
.appDescription .appDetailsDescription ul li {
  margin: 0 0 10px;
}
.appDescription a {
  font-size: 16px;
  text-decoration: underline;
}
@media only screen and (max-width: 980px) {
  .appDetails,
  .appDescription {
    width: 100%;
    margin: 0 0 20px;
  }
}
.screen-480 .appDetails ul li h2 {
  font-size: 14px  !important;
}
.screen-480 .appDetails ul li h2 em {
  font: 30px "VodafoneRegular" !important;
}
.screen-480 .appDetails ul li .buy {
  font-size: 16px  !important;
}
.screen-480 .appDetails ul li:first-child {
  width: 90px  !important;
  margin: 0 20px 10px 0  !important;
}
.screen-480 .appDetails ul li:first-child figure {
  width: 90px  !important;
  height: 90px  !important;
}
.screen-480 .appDetails ul li:first-child figure img {
  max-width: 90px  !important;
}
.screen-480 .appDetails ul li:first-child .deal {
  width: 40%;
}
.screen-480 .appDetails ul li:last-child {
  width: 60%  !important;
}
.shop-basket .basket-row {
  width: 100%;
}
.shop-basket .content {
  overflow: hidden;
  padding-bottom: 35px;
}
.shop-basket .sidebar {
  float: left;
  width: 20%;
}
.shop-basket .hello {
  background: #ffffff;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #cccccc;
  border-radius: 5px;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #eeeeee;
  -moz-box-shadow: 0px 1px 2px #999999;
  -webkit-box-shadow: 0px 1px 2px #999999;
  box-shadow: 0px 1px 2px #999999;
  min-height: 100px;
}
.shop-basket .hello h2 {
  color: #e60000;
  font-size: 26px;
  margin-bottom: 0px;
  padding: 13px;
}
.shop-basket .my-vodacom {
  background: #333333;
  color: #ffffff;
  padding: 13px;
  padding-bottom: 5px;
}
.shop-basket .my-vodacom legend {
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  width: 100%;
}
.shop-basket .side-nav {
  padding: 3px;
}
.shop-basket .side-nav ul li {
  border-bottom: 1px solid #d5d5d5;
  line-height: 22px;
  padding: 14px 10px;
}
.shop-basket .side-nav ul li a {
  display: block;
}
.shop-basket .side-nav ul li a:hover,
.shop-basket .side-nav ul li a:focus {
  color: #000000;
}
.shop-basket .side-nav ul li.last {
  border-bottom: none;
}
.shop-basket .main-content {
  float: left;
  margin-left: 2%;
  min-height: 200px;
  width: 78%;
}
.shop-basket .panel figure {
  float: left;
  height: 500px;
  width: 49% !important;
}
.shop-basket .wrapper {
  overflow: hidden;
  width: 100%;
}
.shop-basket .basket-top {
  background: #F2F2F2;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  margin-bottom: 41px;
  overflow: hidden;
  padding: 15px 35px 14px 10px;
}
.shop-basket .total-items {
  float: left;
  padding-bottom: 30px;
  width: 100%;
}
.shop-basket .basket-top span {
  float: left;
  font-size: 14px;
}
.shop-basket .basket-top span,
.shop-basket .basket-top strong {
  line-height: 20px;
}
.shop-basket .basket-top strong {
  font-size: 20px;
}
.shop-basket .pay-now,
.shop-basket .monthly-pay {
  float: left;
  margin-right: 25px;
}
.shop-basket .basket-top .btnsec {
  margin-top: -10px;
}
.shop-basket .btnsec {
  float: right;
}
.shop-basket .btnsec .btn {
  margin-bottom: 0px;
  margin-left: 15px;
}
.shop-basket .product-details {
  border: 1px solid #cccccc;
  border-radius: 5px;
  margin-bottom: 26px;
  overflow: hidden;
}
.shop-basket .product-details-head {
  background: #f3efef;
  overflow: hidden;
}
.shop-basket .product-details-content {
  border-top: 1px solid #cccccc;
  overflow: hidden;
}
.shop-basket .product-details-content p {
  font-size: 14px;
  line-height: 24px;
  padding-right: 120px;
}
.shop-basket .product-details-content-inner {
  overflow: hidden;
  padding: 0px 35px 0px 10px;
}
.shop-basket .col-first,
.shop-basket .col-second,
.shop-basket .col-third {
  float: left;
  padding: 16px 0px 13px 0px;
}
.shop-basket .dis-device {
  display: none;
}
.shop-basket .col-first {
  width: 84.0%;
}
.shop-basket .col-third {
  background: #f4f8f0;
  border-left: 1px solid #a5d17a;
  text-align: center;
  width: 16%;
}
.shop-basket .product-details strong {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}
.shop-basket .product-details span {
  display: block;
  font-size: 14px;
  line-height: 20px;
}
.shop-basket .align-right {
  text-align: right;
}
.shop-basket .for-vat .first {
  padding-bottom: 20px;
}
.shop-basket .product-img {
  float: left;
  margin-left: 2%;
  margin-right: 2%;
  padding-bottom: 3px;
  padding-top: 4px;
  text-align: center;
  width: 31.8%;
}
.shop-basket .product-img-info {
  float: left;
  padding-top: 5px;
  width: 64%;
}
.shop-basket .remove {
  background: url("vodacom/framework/skins/vodacom_skins/img/remove.png") no-repeat right center;
  float: right;
  font-size: 14px;
  line-height: 22px;
  margin-top: -37px;
  padding-right: 27px;
}
.shop-basket .accessories {
  border: 1px solid #cccccc;
  border-radius: 4px;
  overflow: hidden;
  padding: 10px;
}
.shop-basket .accessories strong {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.shop-basket .accessories img {
  float: left;
}
.shop-basket .accessories-box {
  display: table;
  padding-bottom: 11px;
  padding-top: 2px;
  width: 100%;
}
.shop-basket .accessories-box span {
  line-height: 15px;
  padding-top: 14px;
}
.shop-basket .accessories-box img {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.shop-basket .add {
  background: url("vodacom/framework/skins/vodacom_skins/img/add.png") no-repeat right center;
  float: right;
  font-size: 14px;
  line-height: 22px;
  margin-right: 10px;
  margin-top: 18px;
  padding-right: 27px;
}
.shop-basket .add2 {
  display: none;
}
.shop-basket .mrbtm {
  padding-bottom: 35px;
}
.shop-basket .display-in-device2 {
  display: none;
  overflow: hidden;
  padding-bottom: 25px;
  width: 100%;
}
.shop-basket .display-in-device2 .btnsec {
  width: 99.8%;
}
.shop-basket .product-table {
  margin-bottom: 40px;
}
.shop-basket .r-price {
  padding-bottom: 17px;
  padding-top: 40px;
}
.shop-basket .shadow-left {
  display: none;
}
.shop-basket .phone-section p {
  font-size: 30px;
  line-height: 30px;
}
.shop-basket .phone-section .phone-box {
  border: 1px solid #cccccc;
  border-radius: 3px;
  float: left;
  margin: 5px 1.06%;
  padding: 20px 0px;
  width: 31%;
}
.shop-basket .device-img {
  float: left;
  max-width: 90px;
}
.shop-basket .device-info {
  float: left;
  width: 80%;
}
.shop-basket .device-info span {
  display: block;
  font-size: 14px;
  padding-bottom: 8px;
}
.shop-basket .device-info ul {
  overflow: hidden;
  padding-top: 5px;
}
.shop-basket .device-info ul li {
  background: url("vodacom/framework/skins/vodacom_skins/images/small-circle.png") no-repeat left 5px;
  font-size: 14px;
  padding-bottom: 7px;
  padding-left: 12px;
}
.shop-basket .device-img img {
  margin: 0px 10px 10px 10px;
}
@media screen and (max-width: 949px) {
  .shop-basket .content.se {
    padding-top: 7px;
  }
  .shop-basket .basket-top .btnsec {
    float: left;
    margin-left: 0px;
    margin-top: 15px;
  }
  .shop-basket .btnsec .btn {
    margin-left: 0px;
    margin-right: 15px;
  }
  .shop-basket .se h1 {
    font-size: 30px;
    font-weight: normal;
  }
  .shop-basket .secured {
    display: block;
    height: auto;
    width: 95px;
  }
  .shop-basket .cofir {
    display: block;
  }
  .shop-basket h1.none-mr {
    margin-left: 0px;
  }
  .shop-basket .phone-section .phone-box {
    margin: 5px 1%;
  }
  .shop-basket .phone-section .phone-box img {
    margin-left: 0px;
  }
  .shop-basket .phone-section .phone-box.tab-device img {
    margin-bottom: 28px;
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .shop-basket .recommended-box {
    padding: 0px 0 25px 0;
    width: 100%;
  }
  .shop-basket .recommended-box-img {
    max-width: 85px;
  }
  .shop-basket .recommended-box-info {
    padding-right: 0px;
    width: 70%;
  }
  .shop-basket .recommended {
    padding-bottom: 0px;
  }
  .shop-basket .order-summary-right {
    display: none;
  }
  .shop-basket .order-summary-left {
    width: 100%;
  }
  .shop-basket .order-summary-left ul {
    padding-top: 0px;
  }
  .shop-basket .breadcrumb {
    padding-left: 10px;
  }
  .shop-basket .display-in-device {
    padding: 10px 0px 20px 0px;
  }
  .shop-basket .display-in-device .btn {
    box-sizing: border-box;
    moz-box-sizing: border-box;
    webkit-box-sizing: border-box;
    width: 100%;
  }
  .shop-basket .display-in-device,
  .shop-basket .display-in-device .order-summary-right {
    display: table;
    overflow: hidden;
    width: 100%;
  }
  .shop-basket .display-in-device,
  .shop-basket .display-in-device .order-summary-right {
    display: block;
  }
  .shop-basket .col-first {
    padding-top: 0px;
    width: 67%;
  }
  .shop-basket .col-first .product-details-content-inner {
    padding-top: 10px;
  }
  .shop-basket .col-first h4 {
    font-size: 16px;
  }
  .shop-basket .product-details strong {
    font-size: 14px;
  }
  .shop-basket .for-vat .col-first,
  .shop-basket .tot .col-first,
  .shop-basket .you-save .col-first {
    padding-top: 5px;
  }
  .shop-basket .phone-section .phone-box strong {
    font-size: 16px;
  }
  .shop-basket .phone-section .phone-box .btn {
    padding: 0px 30px;
  }
  .shop-basket .phone-section .phone-box.tab-device img {
    margin-bottom: 40px;
    width: 50%;
  }
}
@media screen and (max-width: 639px) {
  .shop-basket .he-su h3 {
    color: #e60000;
    font-size: 22px;
  }
  .shop-basket .recommended {
    padding: 15px 10px;
  }
  .shop-basket .recommended h4,
  .shop-basket .your-order h3 {
    font-size: 16px !important;
  }
  .shop-basket .order-summary h3 {
    color: #033333;
    font-size: 20px;
    margin-bottom: 10px;
  }
  .shop-basket .order-summary-left ul li.email,
  .shop-basket .order-summary-left ul li.phone,
  .shop-basket .order-summary-left ul li.status {
    display: block;
  }
  .shop-basket .order-summary-left ul li.delivery,
  .shop-basket .order-summary-left ul li.address {
    display: none;
  }
  .shop-basket .pay-now,
  .shop-basket .monthly-pay {
    margin-right: 10px;
  }
  .shop-basket .basket-top strong {
    font-size: 16px;
  }
  .shop-basket .basket-top {
    padding-right: 10px;
  }
  .shop-basket .col-first {
    width: 80%;
  }
  .shop-basket .product-details-content-inner {
    padding: 8px;
  }
  .shop-basket .col-second,
  .shop-basket .col-third {
    width: 20%;
  }
  .shop-basket .remove {
    margin-top: 0px;
  }
  .shop-basket .product-img-info {
    width: 100%;
  }
  .shop-basket .product-details-content p {
    line-height: 16px;
    padding-right: 0px;
  }
  .shop-basket .col-second,
  .shop-basket .col-third {
    min-height: 40px;
  }
  .shop-basket .col-first {
    padding-bottom: 5px;
  }
  .shop-basket .tot .col-second {
    min-height: 60px;
  }
  .shop-basket .accessories {
    display: none;
  }
  .shop-basket .accessories strong {
    padding-bottom: 10px;
  }
  .shop-basket .dis-device {
    display: block;
  }
  .shop-basket .dis-device .accessories {
    border: none;
    display: block;
    padding: 0px;
  }
  .shop-basket .accessories-box img {
    margin: 0px;
    margin-bottom: 20px;
    margin-right: 5px;
  }
  .shop-basket .add1 {
    display: none;
  }
  .shop-basket .add2 {
    display: block;
    float: left;
    margin-top: 0px;
  }
  .shop-basket .accessories-box span {
    padding-bottom: 10px;
    padding-top: 0px;
  }
  .shop-basket .mrbtm {
    padding-bottom: 20px;
  }
  .shop-basket .pdtop {
    padding-top: 200px;
  }
  .shop-basket .display-in-device2 {
    display: block;
  }
  .shop-basket .display-in-device2 .btn {
    box-sizing: border-box;
    margin: 5px 0px;
    moz-box-sizing: border-box;
    webkit-box-sizing: border-box;
    width: 99%;
  }
  .shop-basket .basket-top {
    margin-bottom: 10px;
  }
  .shop-basket .product-details {
    margin-bottom: 20px;
  }
  .shop-basket .product-table {
    margin-bottom: 30px;
  }
  .shop-basket .for-vat .first {
    padding-bottom: 10px;
  }
  .shop-basket .you-save .col-second,
  .shop-basket .col-third {
    min-height: 25px;
  }
}
.mod-app-payment .pageTitle {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/app-store/iconEntrust.png");
  background-position: 100% center;
  background-repeat: no-repeat;
  overflow: auto;
  padding: 10px 50px 10px 0;
  margin: 0 0 10px;
}
.mod-app-payment .removeAllPadding {
  padding: 0px;
}
.mod-app-payment .mod-faceted-search-filters {
  float: none;
  width: 100%;
}
.mod-app-payment .dropdownFixedSize {
  width: 200px;
}
.mod-app-payment input[type="text"] {
  float: left;
  width: 100px;
  padding: 5px 0;
}
.mod-app-payment .inputInTable {
  margin-top: 12px;
}
.mod-app-payment .removePaddingFromButton {
  margin-left: -13px;
  margin-right: -10px;
}
.mod-app-payment .negateBottomButtonMargin {
  margin-bottom: -9px;
  margin-right: -13px;
}
.mod-app-payment .paymentSection {
  width: 72%;
  float: left;
  margin-bottom: 50px;
}
.mod-app-payment .phoneSection {
  width: 72%;
  float: left;
  margin-bottom: 20px;
}
.mod-app-payment .appPaymentForm {
  border: 1px solid #cacaca;
  margin: 0 20px 25px 0;
  padding: 10px;
}
.mod-app-payment .appPaymentForm .checker {
  margin-right: 10px;
}
.mod-app-payment .paymentAmountDueSection {
  border-bottom: 1px solid #cacaca;
  margin-bottom: 40px;
}
.mod-app-payment .buttonSegmentPayment {
  width: 49%;
  *width: 45.2%;
}
.mod-app-payment .buttonSegmentPayment:hover {
  text-decoration: none;
}
.mod-app-payment .amountDueNormalBold {
  font-weight: 800;
  font-size: 16px;
  line-height: / 1.158;
}
.mod-app-payment .amountDueSmallBold {
  font-weight: 800;
  font-size: 12px;
  line-height: / 1.158;
}
.mod-app-payment .totalDue {
  font-weight: 400;
  font-size: 12px;
  line-height: / 1.158;
}
.mod-app-payment .itemLeftPadding {
  left: 50px;
}
.mod-app-payment .dp {
  margin: 0px;
  padding: 20px 0;
}
.mod-app-payment .phoneNumber {
  width: 180px;
  margin: 20px 0  !important;
}
.mod-app-payment .tableColPadding {
  padding-left: 15px;
}
.mod-app-payment .stage {
  margin: 10px 0 10px;
  width: 72%;
}
.mod-app-payment .stage li {
  float: left;
  text-align: center;
}
.mod-app-payment .stage li img {
  display: block;
  margin: 0 auto 10px;
  position: relative;
  z-index: 1;
}
.mod-app-payment .stage .steps {
  width: 25%;
}
.mod-app-payment .stage .active {
  font-weight: bold;
}
.mod-app-payment .stage .pageNum {
  display: none;
}
.mod-app-payment .stage .stageHr {
  min-width: 200px;
  position: relative;
  width: 49%;
}
.mod-app-payment .stage .stageHr hr {
  margin-left: -20%;
  width: 142%;
  position: relative;
  z-index: 0;
}
.mod-app-payment .youBought {
  float: left;
  margin-bottom: 20px;
  width: 28%;
}
.mod-app-payment .youBought .youBoughtTitle {
  background-color: #f4f4f4;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 40px;
  padding-left: 5px;
  padding-top: 0  !important;
  border-bottom: 1px solid #cacaca;
  color: #333333;
}
.mod-app-payment .youBought .number {
  font-weight: bold;
}
.mod-app-payment .youBought img {
  width: 48px;
  height: 48px;
  float: left;
  margin: 0 10px 10px 0;
}
.mod-app-payment .youBought ul {
  float: left;
}
.mod-app-payment .youBought ul li {
  margin: 0 0 10px;
}
.mod-app-payment .youBought a {
  display: block;
  margin: 0  !important;
}
.mod-app-payment .youBought p {
  margin: 0  !important;
}
.mod-app-payment .youBought .youBoughtDetail {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 20px;
}
.mod-app-payment .youBought .youBoughtTotal {
  background-color: #f4f4f4;
  padding: 10px 10px 10px 10px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/*@media only screen and (max-width :942px)
    {
     .mod-app-payment 
        {
        .appPaymentForm {
            border: 1px solid @g-2;
            margin: 0 !important;
        }
        
        .phoneSection   
            {
            width: 100%;
            }
            .paymentSection {
                width: 100%;
            }
            
            .youBought {
                width: 100%;
            }
            
            .stage {
                margin-bottom: 20px;
                width: 100%;
            }
        
        }

    }
    */
@media only screen and (max-width: 768px) {
  .mod-app-payment .appPaymentForm {
    border: 1px solid #cacaca;
    margin: 0 !important;
  }
  .mod-app-payment .phoneSection {
    width: 100%;
  }
  .mod-app-payment .paymentSection {
    width: 100%;
    margin-bottom: 10px;
  }
  .mod-app-payment .youBought {
    width: 100%;
  }
  .mod-app-payment .youBought .youBoughtTitle {
    color: #333333  !important;
  }
  .mod-app-payment .stage {
    margin-bottom: 20px;
    width: 100%;
  }
  .mod-app-payment .stage .stageHr {
    min-width: 200px;
    position: relative;
    width: 49%;
  }
  .mod-app-payment .stage .stageHr hr {
    margin-left: -19%;
    width: 140%;
  }
}
@media only screen and (max-width: 480px) {
  .mod-app-payment .appPaymentForm {
    border: 1px solid #cacaca;
    margin: 0px !important;
  }
  .mod-app-payment .stage {
    margin-bottom: 20px;
    width: 100%;
  }
  .mod-app-payment .stage .step2 {
    display: none;
  }
  .mod-app-payment .stage .stageHr {
    display: none;
  }
  .mod-app-payment .stage .steps img {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
  }
  .mod-app-payment .stage .steps span {
    display: inline-block;
  }
  .mod-app-payment .stage .pageNum {
    display: block  !important;
    float: right;
    padding: 12px 0 0;
  }
  .mod-app-payment .paymentSection {
    margin-bottom: 10px;
  }
  .mod-app-payment .phoneSection {
    width: 100%;
  }
  .mod-app-payment .youBought {
    width: 100%;
  }
  .mod-app-payment .youBought .youBoughtTitle {
    color: #333333  !important;
  }
}
/*    @media only screen and (max-width: 817px) {
        .mod-app-payment 
        {

            .phoneSection {
                width: 100%;
                
                .appPaymentForm{ 
                    margin: 0 0px 0px 0 !important;
                }
            }
            
            .youBought {
                width: 100%;
                .youBoughtTitle {
                    color: @b-1@i;
                }
            }
            
            .stage {
                margin-bottom: 20px;
                width: 100%;
                
                .stageHr {
                    min-width: 200px;
                    position: relative;
                    width: 49%;

                    hr {
                        margin-left: -20%;
                        width: 140%;
                    }
                }
            }
        }

    }
    */
@media only screen and (max-width: 480px) {
  .mod-app-payment .phoneSection {
    width: 100%;
  }
  .mod-app-payment .phoneSection .appPaymentForm {
    margin: 0 0px 0px 0 !important;
  }
  .mod-app-payment .stage .step1 {
    width: 80%  !important;
  }
  .mod-app-payment .stage .steps {
    width: 20%;
  }
  .mod-app-payment .stage ul li img {
    margin: 0 10px 10px 0;
  }
  .mod-app-payment .stage ul li span {
    float: left;
    padding: 12px 0 0;
  }
  .mod-app-payment .stage .last-child {
    display: block;
  }
}
.mod-tabs-template div.banner[data-title="Plans"] figure {
  text-align: left;
  width: 255px  !important;
}
.mod-tabs-template div.banner[data-title="Phones"] li {
  width: 202px  !important;
}
.mod-tabs-template div.banner[data-title="Phones"] .dot {
  margin-top: -13px  !important;
}
.mod-tabs-template .tab-item {
  margin-top: 15px;
}
.mod-tabs-template .tabsTemplate {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -moz-border-radius: 0 0 10px 10px  !important;
  -ms-border-radius: 0 0 10px 10px  !important;
  -o-border-radius: 0 0 10px 10px  !important;
  -webkit-border-radius: 0 0 10px 10px  !important;
  border-radius: 0 0 10px 10px  !important;
  background: #fff;
  width: auto;
}
.mod-tabs-template .tabsTemplate li:first-child {
  border-left: 0;
  border-top: none;
}
.mod-tabs-template .tabsTemplate li {
  float: left;
  border-left: 1px solid #cacaca;
  padding: 0 30px;
  line-height: 2.5em;
  height: auto;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
}
.mod-tabs-template .tabsTemplate .sl-inset {
  background: none repeat scroll 0 0 #636363;
  height: 2.5em;
  line-height: 2.5em;
  color: #fff;
}
.mod-tabs-template .tabsTemplate li.sl-inset:first-child {
  -moz-border-radius: 0 0 0 5px;
  -ms-border-radius: 0 0 0 5px;
  -o-border-radius: 0 0 0 5px;
  -webkit-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.mod-tabs-template .tabsTemplate li.sl-inset:last-child {
  -moz-border-radius: 0 0 5px 0;
  -ms-border-radius: 0 0 5px 0;
  -o-border-radius: 0 0 5px 0;
  -webkit-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
}
.mod-tabs-template ins {
  bottom: 0;
  display: block;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: left;
  text-decoration: none;
  width: 48%;
  z-index: 0;
}
@media only screen (max-width: 1024px) {
  .mod-tabs-template {
    overflow: hidden;
  }
  .mod-tabs-template div {
    clear: both;
  }
  .mod-tabs-template .padding {
    padding: 0  !important;
  }
  .mod-tabs-template .tabsTemplate li {
    padding: 0 24px;
  }
}
@media only screen and (max-width: 480px) {
  .mod-tabs-template {
    margin: 0;
    width: 99%  !important;
    border: none;
    background: none;
    margin: 0  !important;
    overflow: hidden;
  }
  .mod-tabs-template .tabsTemplate li[data-title="Phones"] .bx-viewport {
    height: auto  !important;
    max-height: 215px  !important;
  }
  .mod-tabs-template div.banner[data-title="Plans"] figure {
    padding-top: 0;
  }
  .mod-tabs-template .tabsTemplate li[data-title="Plans"] .bx-viewport {
    min-height: 300px  !important;
  }
  .mod-tabs-template ul {
    float: none;
  }
  .mod-tabs-template .tabsTemplate > li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
  }
  .mod-tabs-template .tabsTemplate {
    -moz-border-radius: 10px 10px 10px 10px  !important;
    -ms-border-radius: 10px 10px 10px 10px  !important;
    -o-border-radius: 10px 10px 10px 10px  !important;
    -webkit-border-radius: 10px 10px 10px 10px  !important;
    border-radius: 10px 10px 10px 10px  !important;
    width: 100%;
    background: none;
    margin: 2px 0 0 0  !important;
  }
  .mod-tabs-template .tabsTemplate li:first-child {
    border: 0;
  }
  .mod-tabs-template .tabsTemplate li {
    width: 100%;
    font-size: 20px;
    font-weight: normal;
    padding: 10px;
    line-height: 1.5em;
    background-position: 97% center  !important;
    border-top: 1px solid #ADADAD;
  }
  .mod-tabs-template .tabsTemplate li p {
    padding-left: 10px;
    height: auto;
    padding-bottom: 5px;
  }
  .mod-tabs-template .tabsTemplate li .slider-header .slider-header-selected {
    padding-bottom: 10px  !important;
  }
  .mod-tabs-template .tabsTemplate li div {
    font-size: 12px;
  }
  .mod-tabs-template .tabsTemplate .sl-inset {
    -moz-border-radius: 5px  !important;
    -ms-border-radius: 5px  !important;
    -o-border-radius: 5px  !important;
    -webkit-border-radius: 5px  !important;
    border-radius: 5px  !important;
    background-color: #f4f4f4  !important;
  }
  .mod-tabs-template .tabsTemplate li.sl-inset {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png') no-repeat scroll top left transparent;
    background-position: 97% 5%  !important;
  }
  .mod-tabs-template .tabsTemplate,
  .mod-tabs-template div {
    float: none;
  }
  .mod-tabs-template .sl-inset {
    height: auto  !important;
    color: #333333  !important;
    line-height: 1.4em  !important;
    overflow: hidden;
  }
}
.myAppsFor {
  display: block;
}
.myAppsFor .device-type {
  display: block;
}
.myAppsFor .device-type form.styleThese ul li .dp ul {
  -moz-border-radius: none !important;
  -ms-border-radius: none !important;
  -o-border-radius: none !important;
  -webkit-border-radius: none !important;
  border-radius: none !important;
  box-shadow: none  !important;
}
.myAppsFor .device-type form.styleThese ul li .dp ul li {
  border: none;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 5px 0 10px  !important;
}
.myAppsFor .device-type form.styleThese ul li .dp a {
  display: block;
  font-weight: bold;
  margin: 5px 0 10px;
}
.myAppsFor .device-type form.styleThese ul li .dp a ins {
  font-weight: normal;
  text-decoration: none;
}
@media only screen and (max-width: 818px) {
  .myAppsFor {
    width: 100%;
    float: none;
    clear: both;
  }
}
.mod-app-payment-card .pageTitle {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/app-store/iconEntrust.png");
  background-position: 100% center;
  background-repeat: no-repeat;
  overflow: auto;
  padding: 10px 50px 10px 0;
  margin: 0 0 10px;
}
.mod-app-payment-card .removeAllPadding {
  padding: 0px;
}
.mod-app-payment-card ins {
  color: red;
  text-decoration: none  !important;
  margin: 0 2px;
}
.mod-app-payment-card .dropdownFixedSize {
  width: 250px;
  margin: 10px 0 0;
}
.mod-app-payment-card .dropdownFixedSize div.selector {
  margin: 10px 0 0;
  width: none !important;
}
.mod-app-payment-card input[type="text"] {
  float: left;
  width: 100px;
  padding: 5px 0;
}
.mod-app-payment-card .inputInTable {
  margin-top: 12px;
}
.mod-app-payment-card .paymentFormSection {
  float: left;
  margin: 0 20px 25px 0;
  width: 68%;
}
.mod-app-payment-card .paymentFormSection .appPaymentForm {
  border: 1px solid #cacaca;
  margin: 0 auto;
  width: 100%;
  padding: 10px;
}
.mod-app-payment-card .paymentFormSection .appPaymentForm .checker {
  margin-right: 10px;
}
.mod-app-payment-card .paymentFormSection .appPaymentForm table tr td {
  padding: 10px 15px 0 0;
}
.mod-app-payment-card .paymentFormSection .appPaymentForm table tr td div.selector {
  float: left !important;
  margin: 0 10px;
  width: 100px !important;
}
.mod-app-payment-card .paymentFormSection .appPaymentForm table tr td div.selector select.month {
  width: 20px;
}
.mod-app-payment-card .paymentFormSection .appPaymentForm .rowMargin {
  display: block;
  margin: 0 0 10px;
}
.mod-app-payment-card .paymentFormSection .appPaymentForm .oneTimePin {
  float: left;
  margin: 30px 0 0  !important;
}
.mod-app-payment-card .paymentFormSection .appPaymentForm .oneTimePin a {
  float: left;
  padding: 6px 10px 0  !important;
}
.mod-app-payment-card .paymentFormSection .dp {
  margin: 0px;
  padding: 30px 0 20px;
}
.mod-app-payment-card .paymentFormSection .tableColPadding {
  /*padding-left: 15px;*/
}
.mod-app-payment-card .paymentFormSection .tableColMargin {
  margin: 5px 0;
}
.mod-app-payment-card .paymentFormSection .mod-faceted-search-filters {
  float: none;
  width: 100%;
}
.mod-app-payment-card .paymentFormSection .tab-item {
  margin-top: -2px;
}
.mod-app-payment-card .paymentFormSection .paymentAmountDueSection {
  border-bottom: 1px solid #cacaca;
  margin: 10px 0;
}
.mod-app-payment-card .paymentFormSection .buttonSegmentPayment {
  width: 49%;
  *width: 45.2%;
}
.mod-app-payment-card .paymentFormSection .buttonSegmentPayment:hover {
  text-decoration: none;
}
.mod-app-payment-card .paymentFormSection .amountDueNormalBold {
  font-weight: 800;
  font-size: 16px;
  line-height: / 1.158;
}
.mod-app-payment-card .paymentFormSection .amountDueSmallBold {
  font-weight: 800;
  font-size: 12px;
  line-height: / 1.158;
}
.mod-app-payment-card .paymentFormSection .totalDue {
  font-weight: 400;
  font-size: 12px;
  line-height: / 1.158;
}
.mod-app-payment-card .paymentFormSection .itemLeftPadding {
  left: 50px;
}
.mod-app-payment-card .paymentFormSection .removePaddingFromButton {
  margin-left: -13px;
  margin-right: -10px;
}
.mod-app-payment-card .paymentFormSection .negateBottomButtonMargin {
  margin-bottom: -9px;
  margin-right: -13px;
}
.mod-app-payment-card .paymentFormSection .tabs {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -moz-border-radius: 10px 10px 0 0  !important;
  -ms-border-radius: 10px 10px 0 0  !important;
  -o-border-radius: 10px 10px 0 0  !important;
  -webkit-border-radius: 10px 10px 0 0  !important;
  border-radius: 10px 10px 0 0  !important;
  background: #fff;
  width: 100%;
}
.mod-app-payment-card .paymentFormSection .tabs li:first-child {
  border-left: 0;
  border-top: none;
}
.mod-app-payment-card .paymentFormSection .tabs li {
  float: left;
  border-left: 1px solid #cacaca;
  padding: 0 30px;
  line-height: 2.5em;
  height: auto;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  width: 50%;
}
.mod-app-payment-card .paymentFormSection .tabs li h2 {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.mod-app-payment-card .paymentFormSection .tabs .sl-inset {
  background: none repeat scroll 0 0 #636363;
  height: 2.5em;
  line-height: 2.5em;
  color: #fff;
}
.mod-app-payment-card .paymentFormSection .tabs li.sl-inset:first-child {
  -moz-border-radius: 5px 0 0;
  -ms-border-radius: 5px 0 0;
  -o-border-radius: 5px 0 0;
  -webkit-border-radius: 5px 0 0;
  border-radius: 5px 0 0;
}
.mod-app-payment-card .paymentFormSection .tabs li.sl-inset:last-child {
  -moz-border-radius: 0 5px 0 0;
  -ms-border-radius: 0 5px 0 0;
  -o-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
.mod-app-payment-card .stage {
  margin: 10px 0 20px;
  width: 72%;
  float: left;
}
.mod-app-payment-card .stage li {
  float: left;
  text-align: center;
}
.mod-app-payment-card .stage li img {
  display: block;
  margin: 0 auto 10px;
  position: relative;
  z-index: 1;
}
.mod-app-payment-card .stage .steps {
  width: 25%;
}
.mod-app-payment-card .stage .active {
  font-weight: bold;
}
.mod-app-payment-card .stage .pageNum {
  display: none;
}
.mod-app-payment-card .stage .stageHr {
  min-width: 200px;
  position: relative;
  width: 49%;
}
.mod-app-payment-card .stage .stageHr hr {
  margin-left: -20%;
  width: 142%;
  position: relative;
  z-index: 0;
}
.mod-app-payment-card .youBought {
  float: right;
  margin: 0 0 20px;
  width: 28%;
}
.mod-app-payment-card .youBought .youBoughtTitle {
  background-color: #f4f4f4;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 40px;
  padding-left: 5px;
  padding-top: 0  !important;
  border-bottom: 1px solid #cacaca;
  color: #333333;
}
.mod-app-payment-card .youBought .number {
  font-weight: bold;
}
.mod-app-payment-card .youBought img {
  width: 48px;
  height: 48px;
  float: left;
  margin: 0 10px 10px 0;
}
.mod-app-payment-card .youBought ul {
  float: left;
}
.mod-app-payment-card .youBought ul li {
  margin: 0 0 10px;
}
.mod-app-payment-card .youBought a {
  display: block;
  margin: 0  !important;
}
.mod-app-payment-card .youBought p {
  margin: 0  !important;
}
.mod-app-payment-card .youBought .youBoughtDetail {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 20px;
}
.mod-app-payment-card .youBought .youBoughtTotal {
  background-color: #f4f4f4;
  padding: 10px 10px 10px 10px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.mod-app-payment-card div.mod-app-payment-card ul li {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png");
  background-origin: padding-box;
  background-position: 95% center !important;
  background-repeat: no-repeat;
  background-size: auto auto;
  border-top: 1px solid #CACACA;
  color: #333333;
  cursor: pointer;
  font-size: 22px;
  margin: 0;
  padding: 10px;
}
@media only screen and (max-width: 480px) {
  .mod-app-payment-card .stage {
    margin-bottom: 20px;
    width: 100%;
  }
  .mod-app-payment-card .stage .step1 {
    display: none;
  }
  .mod-app-payment-card .stage .step2 {
    width: 80%  !important;
  }
  .mod-app-payment-card .stage .stageHr {
    display: none;
  }
  .mod-app-payment-card .stage .steps {
    width: 20%;
  }
  .mod-app-payment-card .stage .steps img {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
  }
  .mod-app-payment-card .stage .steps span {
    display: inline-block;
    float: left;
    padding: 12px 0 0;
  }
  .mod-app-payment-card .stage .pageNum {
    display: block  !important;
    float: right;
    padding: 12px 0 0;
  }
  .mod-app-payment-card .paymentFormSection {
    width: 100%;
    float: left;
  }
  .mod-app-payment-card .paymentFormSection ul {
    float: none;
  }
  .mod-app-payment-card .paymentFormSection .tabs > li {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png') no-repeat scroll top left transparent;
  }
  .mod-app-payment-card .paymentFormSection .tabs {
    -moz-border-radius: 10px 10px 10px 10px  !important;
    -ms-border-radius: 10px 10px 10px 10px  !important;
    -o-border-radius: 10px 10px 10px 10px  !important;
    -webkit-border-radius: 10px 10px 10px 10px  !important;
    border-radius: 10px 10px 10px 10px  !important;
    width: 100%;
    background: none;
    margin: 2px 0 0 0  !important;
  }
  .mod-app-payment-card .paymentFormSection .tabs .appPaymentForm {
    border: none;
    padding: 0;
  }
  .mod-app-payment-card .paymentFormSection .tabs .appPaymentForm .checker {
    margin-right: 10px;
  }
  .mod-app-payment-card .paymentFormSection .tabs .appPaymentForm .cardInputField {
    margin: 2px 0 0;
  }
  .mod-app-payment-card .paymentFormSection .tabs li:first-child {
    border: 0;
  }
  .mod-app-payment-card .paymentFormSection .tabs li {
    width: 100%;
    font-weight: normal;
    padding: 10px;
    line-height: 1.5em;
    background-position: 97% center  !important;
    border-top: 1px solid #ADADAD;
  }
  .mod-app-payment-card .paymentFormSection .tabs li p {
    height: auto;
  }
  .mod-app-payment-card .paymentFormSection .tabs li .slider-header .slider-header-selected {
    padding-bottom: 10px  !important;
  }
  .mod-app-payment-card .paymentFormSection .tabs .sl-inset {
    -moz-border-radius: 5px  !important;
    -ms-border-radius: 5px  !important;
    -o-border-radius: 5px  !important;
    -webkit-border-radius: 5px  !important;
    border-radius: 5px  !important;
    background-color: #f4f4f4  !important;
  }
  .mod-app-payment-card .paymentFormSection .tabs li.sl-inset {
    background: url('vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png') no-repeat scroll top left transparent;
    background-position: 97% 5%  !important;
    border: 2px solid #CACACA;
  }
  .mod-app-payment-card .paymentFormSection .tabs,
  .mod-app-payment-card .paymentFormSection div,
  .mod-app-payment-card .paymentFormSection article {
    float: none;
  }
  .mod-app-payment-card .paymentFormSection .sl-inset {
    height: auto  !important;
    color: #333333  !important;
    line-height: 1.4em  !important;
    overflow: hidden;
  }
  .youBought {
    width: 100%  !important;
    margin: 20px 0 0;
  }
}
/*.screen-768 {*/
@media only screen and (max-width: 768px) {
  .mod-app-payment-card .stage {
    width: 100%;
  }
  .mod-app-payment-card .buttonSegmentPayment {
    width: 48.4%;
  }
  .mod-app-payment-card .paymentFormSection {
    width: 100%;
  }
  .mod-app-payment-card .youBought {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1024) {
  .mod-app-payment-card .buttonSegmentPayment {
    width: 48.4%;
  }
  .mod-app-payment-card .paymentFormSection {
    width: 65%;
  }
  .mod-app-payment-card .paymentFormSection .paymentAmountDueSection {
    width: 62%;
  }
  .mod-app-payment-card .youBought {
    width: 28%;
    margin-bottom: 10px;
  }
}
.lifestyleCalc {
  padding-bottom: 96px;
}
.lifestyleCalc .row {
  margin-left: 0;
  margin-right: 0;
}
.lifestyleCalc strong {
  font-size: 20px;
  padding-right: 10px;
}
.lifestyleCalc h2 {
  color: #e60000;
}
.lifestyleCalc .calcDataBox {
  display: none;
}
.lifestyleCalc .counterBox {
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  margin: 5px 5px 15px 0;
  padding: 15px;
  width: 72%;
}
.lifestyleCalc .counterBox a {
  padding: 0;
}
.lifestyleCalc .counterBox p {
  margin: 0 0 15px;
}
.lifestyleCalc .counterBox label {
  margin-right: 40px;
}
.lifestyleCalc .counterBox div.radio {
  margin-right: 5px;
}
.lifestyleCalc .counterBox .calcSlider {
  margin-top: 25px;
  margin-bottom: 25px;
}
.lifestyleCalc .counterBox .calcSlider label {
  margin-right: 19%;
  text-align: center;
  position: relative;
}
.lifestyleCalc .counterBox .calcSlider label:nth-last-child(1) {
  margin-right: 0;
}
.lifestyleCalc .counterBox .ui-slider {
  background: #6b6b6b;
  background: -moz-linear-gradient(top, #6b6b6b 0%, #d6d6d6 12%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b6b6b), color-stop(12%, #d6d6d6), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #6b6b6b 0%, #d6d6d6 12%, #ededed 100%);
  background: -o-linear-gradient(top, #6b6b6b 0%, #d6d6d6 12%, #ededed 100%);
  background: -ms-linear-gradient(top, #6b6b6b 0%, #d6d6d6 12%, #ededed 100%);
  background: linear-gradient(to bottom, #6b6b6b 0%, #d6d6d6 12%, #ededed 100%);
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #222222;
  margin-bottom: 3px;
}
.lifestyleCalc .counterBox .ui-slider p {
  position: absolute;
  margin: 15px 0 10px;
}
.lifestyleCalc .recommendedBox {
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  margin: 0px 0px 15px 0;
  padding: 15px;
  float: right;
  width: 26%;
}
.lifestyleCalc .recommendedBox .btnPurple {
  width: 100%;
}
.lifestyleCalc .recommendedBox h2 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}
.lifestyleCalc .recommendedBox select,
.lifestyleCalc .recommendedBox button {
  margin-top: 10px;
}
.lifestyleCalc .recommendedBox p {
  font-weight: 700;
}
.lifestyleCalc .recommendedBox li {
  margin-left: 15px;
  display: list-item;
  list-style-type: disc;
}
.lifestyleCalc .recommendedBox .align-center {
  text-align: center;
}
.lifestyleCalc .phone-section p {
  font-size: 30px;
  line-height: 30px;
}
.lifestyleCalc .phone-section .phone-box {
  float: left;
  width: 31%;
  margin: 5px 1.06%;
  border-radius: 3px;
  border: 1px solid #cccccc;
  padding: 20px 0px;
}
.lifestyleCalc .phone-section .phone-box .btn {
  clear: both;
  float: none;
  margin-bottom: 0px;
  padding: 0px 40px;
}
.lifestyleCalc .phone-section .phone-box .row {
  clear: both;
  text-align: center;
}
.lifestyleCalc .phone-section .phone-box img {
  float: left;
  margin: 0px 5px 0px 15px;
}
.lifestyleCalc .phone-section .phone-box strong {
  font-size: 20px;
  padding-right: 10px;
}
.lifestyleCalc .accord-two {
  border-radius: 5px;
  border: 1px solid #cccccc;
  margin: 25px 0px;
  padding: 10px 0px;
  background: #f5f5f5;
}
.lifestyleCalc .accord-two span {
  display: block;
}
.lifestyleCalc .accord-two h3 {
  border-bottom: 1px solid #cccccc;
  padding: 0px 10px 10px 10px;
}
.lifestyleCalc .slide-accord {
  padding: 0px 0px 25px 0px;
  display: none;
}
.lifestyleCalc .small-accord {
  padding: 0px 7px;
}
.lifestyleCalc .small-accord .btn {
  margin-left: 10px;
  margin-top: 15px;
}
.lifestyleCalc .small-accord strong {
  padding: 10px 10px;
  display: block;
  font-size: 20px;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/arrow-down.png") no-repeat scroll right center #ffffff;
  cursor: pointer;
  margin: 5px 10px;
  border-radius: 5px;
  border: 1px solid #e9e9e9;
}
.lifestyleCalc .small-accord.open strong {
  border: none;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/up.png") no-repeat scroll right center #f5f5f5;
  padding-left: 0px;
}
.lifestyleCalc .device-img {
  max-width: 90px;
  float: left;
}
.lifestyleCalc .device-img img {
  margin: 0px 10px 10px 10px;
}
.lifestyleCalc .device-info {
  width: 80%;
  float: left;
}
.lifestyleCalc .device-info span {
  display: block;
  padding-bottom: 8px;
  font-size: 14px;
}
.lifestyleCalc .device-info ul {
  overflow: hidden;
  padding-top: 5px;
}
.lifestyleCalc .device-info ul li {
  font-size: 14px;
  padding-left: 12px;
  padding-bottom: 7px;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/small-circle.png") no-repeat left 5px;
}
@media screen and (max-width: 1023px) {
  .lifestyleCalc #calcMyData {
    display: none;
  }
}
@media screen and (max-width: 949px) {
  .lifestyleCalc .phone-section .phone-box {
    margin: 5px 1%;
  }
}
@media screen and (max-width: 768px) {
  .lifestyleCalc .phone-section .phone-box strong {
    font-size: 16px;
  }
  .lifestyleCalc .phone-section .phone-box img {
    margin-left: 0px;
  }
  .lifestyleCalc .calcDataBox {
    display: inline-block;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    margin: 5px 5px 15px 0;
    padding: 15px;
    width: 72%;
  }
  .lifestyleCalc .calcDataBox .accord-two {
    border: 0;
    margin: 0;
    padding: 0;
    background: 0;
  }
  .lifestyleCalc .calcDataBox .accord-two .recommendedBoxSmall {
    float: none;
    width: 100%;
  }
  .lifestyleCalc .calcDataBox .accord-two .recommendedBoxSmall .blockleft {
    display: inline-block;
    width: 49%;
  }
  .lifestyleCalc .calcDataBox .accord-two .recommendedBoxSmall .blockright {
    display: inline-block;
    text-align: right;
    width: 49%;
  }
  .lifestyleCalc .calcDataBox .accord-two .recommendedBoxSmall strong {
    background: 0;
  }
  .lifestyleCalc .calcDataBox .accord-two .recommendedBoxSmall .recommendedBox {
    padding: 5px;
    width: 100%;
  }
  .lifestyleCalc .calcDataBox .accord-two .recommendedBoxSmall .counterBox {
    width: 100%;
  }
  .lifestyleCalc .calcDataBox .accord-two .recommendedBoxSmall button {
    width: auto;
  }
  .lifestyleCalc .calcDataBox .accord-two .recommendedBoxSmall h3 {
    display: inline;
    color: #e60000;
    border: 0;
    font-weight: 300;
    padding: 0;
  }
  .lifestyleCalc .calcDataBox .small-accord strong {
    font-size: inherit;
    background-color: #fff;
    border: 0;
    padding: 0;
    margin: 0;
  }
  .lifestyleCalc .calcDataBox .small-accord.open strong {
    background-color: #fff;
  }
}
@media screen and (max-width: 639px) {
  .lifestyleCalc .phone-section p {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
  }
  .lifestyleCalc .phone-section .phone-box {
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  .lifestyleCalc .phone-section .phone-box img {
    display: none;
  }
  .lifestyleCalc .phone-section .phone-box strong {
    display: block;
    padding-bottom: 15px;
  }
  .lifestyleCalc .phone-section .phone-box .btn {
    width: 100%;
    padding: 0px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 480px) {
  .lifestyleCalc .counterBox {
    width: 100%;
    clear: both;
  }
  .lifestyleCalc .counterBox label {
    margin-right: 10px;
  }
  .lifestyleCalc .calcDataBox {
    width: 100%;
  }
  .lifestyleCalc .recommendedBox {
    margin: 0px 0px 15px 0;
    width: 100%;
    position: relative;
    height: auto;
  }
  .lifestyleCalc .recommendedBox .btnPurple {
    width: 50%;
  }
  .lifestyleCalc .recommendedBox h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
  }
  .lifestyleCalc .recommendedBox select,
  .lifestyleCalc .recommendedBox button {
    margin-top: 10px;
  }
  .lifestyleCalc .recommendedBox p {
    margin-left: 85px;
    font-weight: 700;
  }
  .lifestyleCalc .recommendedBox li {
    margin-left: 98px;
    display: list-item;
    list-style-type: disc;
  }
  .lifestyleCalc .recommendedBox .align-center {
    height: 100%;
    width: 30%;
    text-align: left;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
.feature-inner {
  background: #f4f4f4;
  border-top: 1px solid #cccccc;
  padding-bottom: 28px;
  margin-bottom: 45px;
  position: relative;
}
.feature-inner .container {
  width: 100%;
  max-width: 950px;
  margin: 0px auto;
}
.feature-inner .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.feature-inner .inner-tabbing .tabheader {
  padding-bottom: 25px;
  margin-bottom: 0;
}
.row {
  width: 100%;
}
@media only screen and (max-width: 818px) {
  .feature-inner {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 639px) {
  .feature-inner {
    background: none;
    border-top: none;
  }
}
.serviceTabs {
  display: inline-block;
  list-style: none;
  margin: 0 0 30px  !important;
  padding: 0;
  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  -moz-border-radius: 0 0 10px 10px  !important;
  -ms-border-radius: 0 0 10px 10px  !important;
  -o-border-radius: 0 0 10px 10px  !important;
  -webkit-border-radius: 0 0 10px 10px  !important;
  border-radius: 0 0 10px 10px  !important;
  background: #fff;
  width: auto;
}
.serviceTabs li:first-child {
  border-left: 0;
  border-top: none;
}
.serviceTabs li {
  float: left;
  border-left: 1px solid #cacaca;
  padding: 0 30px;
  line-height: 2.5em;
  height: auto;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  min-width: 255px;
  text-align: center;
}
.serviceTabs .sl-inset {
  background: none repeat scroll 0 0 #636363;
  height: 2.5em;
  line-height: 2.5em;
  color: #fff;
}
.serviceTabs li.sl-inset:first-child {
  -moz-border-radius: 0 0 0 5px;
  -ms-border-radius: 0 0 0 5px;
  -o-border-radius: 0 0 0 5px;
  -webkit-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.serviceTabs li.sl-inset:last-child {
  -moz-border-radius: 0 0 5px 0;
  -ms-border-radius: 0 0 5px 0;
  -o-border-radius: 0 0 5px 0;
  -webkit-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
}
@media only screen and (max-width: 639px) {
  .serviceTabs {
    display: none;
  }
}
.description h3 {
  margin: 0 0 10px;
}
.description ul {
  border-bottom: 1px solid #CCCCCC;
  display: table;
  margin: 0 0 25px  !important;
  padding: 0 0 15px;
  width: 100%;
  list-style: disc inside none;
}
.description ul li {
  float: none;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 8px;
}
.description p {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 10px;
}
.description .whyShould {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 34px;
  overflow: hidden;
  padding: 0 0 6px;
}
.description .whyShould .boxes {
  float: left;
  padding: 0 0 5px;
  width: 33.3%;
}
.description .whyShould .boxes img {
  float: left;
  margin: 0 10px 0 0;
  height: auto;
  max-width: 100%;
}
.description .whyShould .boxes h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin: 0 0 15px;
}
.description .whyShould .boxes p {
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  width: 100%;
  margin: 0 0 10px;
}
.description .whyShould .boxes ul {
  border: medium none  !important;
  margin: 0  !important;
  padding: 0  !important;
}
.description .whyShould .boxes ul li span {
  clear: both;
  display: block;
  font-size: 14px;
  margin: 5px 0 0;
}
.description .whyShould .boxesInner {
  padding: 0 50px 0 0;
}
.screen-768 .description .whyShould .boxesInner {
  padding: 0 15px 0 0  !important;
}
@media only screen and (max-width: 639px) {
  .description {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 0  !important;
    margin: 0  !important;
    margin-bottom: 25px  !important;
  }
  .description .pdClose h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 96% center #ffffff;
    border-bottom: medium none;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
    border-bottom: 1px solid #CCCCCC;
  }
  .description .pdClose .slide {
    display: none;
    padding: 0 10px 15px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
  }
  .description .pdClose .slide ul {
    border: none  !important;
    padding: 0  !important;
    margin: 0  !important;
  }
  .description .pdOpen h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 96% center #f4f4f4;
    border-bottom: medium none;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
  }
  .description .pdOpen .slide {
    display: block;
    padding: 0 10px 15px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
  }
  .description .pdOpen .slide ul {
    border: none  !important;
    padding: 0  !important;
    margin: 0  !important;
  }
  .description .pdOpen .slide .boxes {
    margin-bottom: 20px;
    width: 100%;
    float: left;
  }
  .description .pdOpen .slide .boxes h3 {
    margin: 20px 0 15px  !important;
    font-size: 16px  !important;
  }
  .description .whyShould {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.description.ux-v2 {
  /* This template does not use accordions for the nested elements */
}
.description.ux-v2 > div {
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}
.description.ux-v2 > div:last-child {
  border-bottom: none;
}
.description.ux-v2 .pdOpen h3.click,
.description.ux-v2 .pdClose h3.click {
  padding-right: 30px;
}
.description.ux-v2 .whyShould {
  border-bottom: none;
}
.description.ux-v2 .whyShould.pdOpen div {
  background: none;
}
.description.ux-v2 ul {
  border-bottom: none;
  margin-bottom: 5px  !important;
  padding-bottom: 0  !important;
}
@media only screen and (max-width: 639px) {
  .description.ux-v2 .whyShould {
    margin-bottom: 0;
  }
  .description.ux-v2 > div {
    margin-bottom: 0;
  }
  .description.ux-v2 .pdClose h3.click {
    border-bottom: none;
  }
  .description.ux-v2 .slide {
    border-bottom: none;
  }
}
.cover h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 20px;
}
.cover h3 a {
  border-left: 1px solid #B0B0B0;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  margin-left: 10px;
  padding-left: 15px;
}
.cover .pricingInformation {
  clear: both;
}
.cover .pricingInformation #mostPopular div {
  background: #008AA1;
  /* Old browsers */
}
.cover .pricingInformation #mostPopular div p {
  padding-top: 20px;
}
.cover .pricingInformation #mostPopular div h2,
.cover .pricingInformation #mostPopular div h1,
.cover .pricingInformation #mostPopular div p {
  color: #fff !important;
}
.cover .pricingInformation #mostPopular div i {
  background: url("vodacom/framework/skins/vodacom_skins/img/pricingInformation/btmbg2.png") no-repeat scroll left bottom transparent;
}
.cover .pricingInformation article {
  background: none repeat scroll 0 0 #FFFFFF;
  border-top: 1px solid #E3E3E3;
  -moz-box-shadow: 0 2px 1px 1px #cccccc;
  -webkit-box-shadow: 0 2px 1px 1px #cccccc;
  box-shadow: 0 2px 1px 1px #cccccc;
  float: left;
  margin: 0 15px 18px;
  min-height: 20px;
  padding: 22px 0;
  position: relative;
  text-align: center;
  width: 270px;
}
.cover .pricingInformation article ins {
  background: none repeat scroll 0 0 #AC3B3B;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  height: 23px;
  left: 0;
  line-height: 23px;
  position: absolute;
  text-align: center;
  top: -22px;
  width: 100%;
}
.cover .pricingInformation article div {
  background: #ccc;
  /* Old browsers */
  width: 282px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  margin: 22px -6px;
  padding: 10px 0;
}
.cover .pricingInformation article div i {
  background: url("vodacom/framework/skins/vodacom_skins/img/pricingInformation/btmbg.png") no-repeat scroll left bottom transparent;
  display: block;
  position: absolute;
  width: 100%;
  bottom: -15px;
  height: 18px;
  left: 0;
}
.cover .pricingInformation article div h2 {
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.cover .pricingInformation article div h2 span {
  font-size: 16px;
  padding: 10px 0;
  display: block;
}
.cover .pricingInformation article div h1 {
  font-size: 45px;
  font-weight: normal;
  color: #333;
  margin: 0;
}
.cover .pricingInformation article div p {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.cover .pricingInformation article h5 {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.cover .findRightAdsl {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #8A8A8A;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 20px 0 0;
  overflow: hidden;
  padding: 15px 50px;
}
.cover .findRightAdsl img {
  margin: 0 20px 0 0;
  float: left;
  height: auto;
  max-width: 100%;
}
.cover .findRightAdsl h3 {
  font-size: 16px;
  line-height: 18px;
  margin: 0;
  font-weight: bold;
  padding: 3px 0;
}
.cover .findRightAdsl p {
  line-height: 20px;
  margin: 0;
  font-size: 16px;
}
.cover .findRightAdsl .btn {
  font-size: 16px;
  font-weight: bold;
  margin: -40px 0 0;
}
.cover .findRightAdsl .fr {
  float: right;
}
@media only screen and (max-width: 1000px) {
  .findRightAdsl {
    overflow: hidden;
    padding: 15px 10px 10px  !important;
  }
}
@media only screen and (max-width: 900px) {
  .findRightAdsl img {
    margin: 0 10px 30px 0  !important;
  }
  .findRightAdsl h3,
  .findRightAdsl p {
    font-size: 14px  !important;
  }
  .findRightAdsl .btn {
    float: left  !important;
    margin: 15px 0 5px  !important;
  }
}
@media only screen and (max-width: 639px) {
  .cover {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    position: relative;
  }
}
.howDo {
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  margin: 14px 0 30px;
  padding: 30px 0 20px;
}
.howDo h3 {
  margin: 0 0 20px;
}
.howDo span {
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 10px;
}
.howDo ul {
  display: table;
  padding: 0 0 15px;
  width: 100%;
  list-style: disc inside none;
}
.howDo ul li {
  float: none;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 8px;
}
.howDo p {
  font-size: 16px;
  line-height: 24px;
}
.howDo {
  border-top: medium none  !important;
  margin-top: 0  !important;
}
@media only screen and (max-width: 639px) {
  .howDo {
    border-bottom: medium none  !important;
    margin-bottom: 0  !important;
    padding: 0  !important;
  }
  .howDo .click {
    border-radius: 5px !important;
  }
  .howDo .adslAccord {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-bottom: 25px;
    background-color: #FFFFFF;
  }
  .howDo .adslAccord .pdClose h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 96% center #ffffff;
    border-bottom: medium none;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
  }
  .howDo .adslAccord .pdClose .adslSlide {
    display: none;
    padding: 0 10px 15px;
    background-color: #FFFFFF;
  }
  .howDo .adslAccord .pdClose .adslSlide p {
    margin: 0;
  }
  .howDo .adslAccord .pdOpen h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 96% center #f4f4f4;
    border-bottom: medium none;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
  }
  .howDo .adslAccord .pdOpen .adslSlide {
    display: block;
    padding: 0 10px 15px;
    background-color: #f4f4f4;
  }
  .howDo .adslAccord .pdOpen .adslSlide p {
    margin: 0;
  }
}
.interest a {
  text-decoration: none !important;
}
.interest h3 {
  margin: 0 0 20px;
}
.interest .allBoxes {
  display: table;
  position: relative;
  padding-bottom: 40px;
}
.interest .allBoxes .boxes {
  display: table-cell;
  height: auto;
  padding: 0 0 5px;
  width: 33.3%;
  float: left;
}
.interest .allBoxes .boxes .btn {
  position: absolute;
  bottom: 0;
}
.interest .allBoxes .boxes img {
  float: left;
  margin: 0 10px 0 0;
  height: auto;
  max-width: 100%;
}
.interest .allBoxes .boxes h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin: 0 0 23px;
  padding: 6px 0 0;
}
.interest .allBoxes .boxes p {
  font-size: 16px;
  line-height: 18px;
  overflow: hidden;
  width: 100%;
  margin: 0 0 20px;
}
.interest .allBoxes .boxes:last-child {
  border-bottom: none;
}
.interest .allBoxes .boxesInner {
  padding: 0 50px 0 0;
}
@media only screen and (max-width: 950px) {
  .interest .allBoxes .boxes p {
    font-size: 14px  !important;
  }
}
.screen-768 .interest .allBoxes .boxesInner {
  padding: 0 10px 0 0  !important;
}
@media only screen and (max-width: 639px) {
  .interest h3 {
    color: #e60000;
    font-weight: normal;
  }
  .interest .allBoxes {
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 5px 5px;
    background-color: #FFFFFF;
  }
  .interest .allBoxes .boxesInner {
    padding: 0 10px 0 0  !important;
    margin-left: 5px;
  }
  .interest .allBoxes .boxes {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
    width: 100%  !important;
    display: block;
  }
  .interest .allBoxes .boxes img {
    margin: 0 10px 0  !important;
  }
  .interest .allBoxes .boxes h3 {
    font-size: 20px  !important;
    color: #333333  !important;
    font-weight: normal  !important;
    margin-bottom: 0  !important;
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right-lrg.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    padding: 0 0 3px  !important;
  }
  .interest .allBoxes .boxes p {
    color: #666666;
    display: flex;
    margin-bottom: 5px  !important;
    width: auto  !important;
    padding: 0 15px 0 0;
  }
  .interest .allBoxes .last {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.videoSection {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 40px;
  padding: 0 0 30px;
}
.videoSection h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px;
}
.videoSection .videoBox {
  position: relative;
}
.videoSection .videoBox .videoBoxInner {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 25px;
  padding: 0 0 15px;
  width: 55%;
}
.videoSection .videoBox .videoBoxInner ul {
  display: table;
  width: 100%;
  list-style: disc inside none;
}
.videoSection .videoBox .videoBoxInner ul li {
  float: none;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 8px;
}
.videoSection .videoBox .video {
  position: absolute;
  right: 0;
  top: 0;
  height: auto;
  width: 40%;
}
.videoSection .last .videoBoxInner {
  border-bottom: medium none;
  margin: 0;
  padding: 0;
}
.videoSection .showInMobile {
  display: none;
}
.screen-768 .videoSection .videoBox .videoBoxInner {
  width: 100%  !important;
}
.screen-768 .videoSection .videoBox .video {
  position: static  !important;
  width: 100%  !important;
  max-width: 360px;
}
.screen-768 .videoSection .last .videoBoxInner {
  border-bottom: 1px solid #cccccc  !important;
  margin: 0 0 25px  !important;
  padding: 0 0 15px  !important;
}
.screen-768 .videoSection .showInMobile {
  display: block  !important;
}
.screen-768 .videoSection .showInMobile .videoBoxInner {
  border-bottom: medium none  !important;
  margin: 0  !important;
  padding: 0  !important;
}
@media only screen and (max-width: 639px) {
  .videoSection {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 0  !important;
    margin: 0  !important;
    margin-bottom: 25px  !important;
  }
  .videoSection .pdClose h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 96% center #ffffff;
    border-bottom: medium none;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
    border-bottom: 1px solid #CCCCCC;
  }
  .videoSection .pdClose .slide {
    display: none;
    padding: 0 10px 15px  !important;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
    margin: 0  !important;
  }
  .videoSection .pdClose .slide ul {
    display: table;
    width: 100%;
    list-style: disc inside none;
    border: none  !important;
    padding: 0  !important;
    margin: 0  !important;
  }
  .videoSection .pdClose .slide ul li {
    float: none;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 8px;
  }
  .videoSection .pdOpen h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 96% center #f4f4f4;
    border-bottom: medium none;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
  }
  .videoSection .pdOpen .slide {
    display: block;
    padding: 0 10px 15px  !important;
    background-color: #f4f4f4;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
    margin: 0  !important;
  }
  .videoSection .pdOpen .slide ul {
    display: table;
    width: 100%;
    list-style: disc inside none;
    border: none  !important;
    padding: 0  !important;
    margin: 0  !important;
  }
  .videoSection .pdOpen .slide ul li {
    float: none;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 8px;
  }
  .videoSection .showInMobile {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.tableClone {
  left: 0;
  position: absolute;
  top: 0;
  width: 130px;
}
.tableClone td {
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 10px;
}
.planTable .tableClone tr th {
  background: none repeat scroll 0 0 #dedede;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 10px;
  height: 66px;
  text-align: center;
}
.planTable {
  padding: 5px;
}
.planTable .tblStatic {
  background: #ccc;
}
.planTable article table {
  margin-top: 0;
  text-align: center;
  width: 100%;
}
.planTable article table tr th {
  background: none repeat scroll 0 0 #dedede;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 10px;
  text-align: center;
}
.planTable article table tr th small {
  display: block;
  font-weight: normal;
}
.planTable article table tr th span {
  display: block;
}
.planTable article table tr td {
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 0 20px 5px;
  max-width: 200px;
  text-align: left;
}
.planTable article table td.mostPopular {
  padding: 0;
}
.planTable article table td.mostPopular div {
  background: none repeat scroll 0 0 #fff;
  display: inline-block;
  padding: 0 0 20px;
}
.planTable article table td.mostPopular span {
  background: url("vodacom/framework/skins/vodacom_skins/img/planTable/thumb.png") no-repeat scroll 8px 2px #e60000;
  color: #fff;
  display: block;
  font-size: 11px;
  margin-bottom: 3px;
  padding: 4px 10px 5px 25px;
}
.planTable.ux-v2 article table tr {
  border-top: 1px solid #b5b5b5;
}
.planTable.ux-v2 article table tr:first-child {
  border-top: none;
}
.planTable.ux-v2 article table tr th {
  padding: 7px 10px;
  text-align: left;
  background: none;
}
.planTable.ux-v2 article table tr th span {
  display: block;
}
.planTable.ux-v2 article table tr td {
  border-bottom: 0 none;
  padding: 7px 10px;
  text-align: left;
}
/*
@media only screen and (max-width: 767px) {
  .planTable.ux-v2 {
    article {
      table {
        caption {
          text-align: center;
        }

        tr {
          display: block;
          padding: 7px 10px;
        }

        tr th {
          padding: 0;
          display: none;
          border: none;
        }

        tr td {
          padding: 0;
          display: block;
          max-width: none;
          border: none;
        }
      }
    }
  }
}
*/
.ui-datepicker-trigger {
  height: 34px;
  padding-left: 3px;
  margin-top: -3px;
}
.tooltipDiv {
  z-index: 999999 !important;
}
.checkoutFields,
.checkoutButtons {
  float: left;
  padding: 3px 20px;
}
.checkoutFields p,
.checkoutButtons p {
  padding-top: 10px;
}
.checkoutFields input,
.checkoutButtons input {
  min-width: 20em;
}
.checkoutFields label,
.checkoutButtons label {
  display: block;
  float: left;
  margin-bottom: 5px;
  margin-right: 10px;
}
.checkoutFields label .checkoutRadioButton,
.checkoutButtons label .checkoutRadioButton {
  max-width: 15px;
  min-width: 10%;
}
#passportCountrydiv {
  width: 40%;
}
.requiredField {
  color: #FF0000;
  padding: 2px;
}
.maxWidth {
  width: 100%;
}
.checkoutButtons {
  padding-top: 20px;
  width: 100%;
  text-align: left;
}
#newCustomer {
  display: none;
}
#OTP {
  float: left;
  min-width: 110px;
  width: 120px;
}
#otpResend {
  padding-left: 10px;
  position: relative;
  top: 12px;
}
.otpWidth {
  width: 21%;
  min-width: 157px;
}
.formSection {
  display: none;
  width: 80%;
  overflow: auto;
  float: left;
  padding-bottom: 20px;
}
.formSection .formSectionRow {
  width: 100%;
  padding-top: 10px;
}
.formSection input[type=text] {
  width: 100%;
}
.nobottompadding {
  padding-bottom: 0px !important;
}
.formSectionActive {
  display: block;
}
.formPadding {
  padding-bottom: 2em;
}
.formMargin {
  margin-bottom: 20px;
}
.borderless {
  border: none !important;
}
.innerSection {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.FormSpacer {
  padding: 1em;
}
.formFields {
  float: left;
  padding: 3px 10px;
}
.formFields label {
  float: left;
  width: 100%;
}
.formFields label.checkBoxes {
  float: left;
  width: auto;
  padding-right: 10px;
}
.formFields label.checkBoxes input {
  width: auto;
}
.formFields .dobField {
  width: 77% !important;
  margin-right: 10px;
}
.formFields1Col {
  width: 70%;
}
.formFields2Cols {
  width: 50%;
}
.clearfix {
  padding-left: 0 !important;
  padding-top: 1em;
}
.clearfix .mandatory {
  color: #FF0000;
  padding: 2px;
  float: left;
}
.clearfix .field {
  padding-left: 0;
}
.vettingYears {
  max-width: 100px;
  min-width: 100px !important;
  margin: 2px 0 2px 0;
  width: 100px;
}
.vettingMonths {
  max-width: 100px;
  min-width: 100px !important;
  margin: 2px 0 2px 10px;
  width: 100px;
}
.smallField {
  max-width: 100px;
  min-width: 60px !important;
  width: 60px;
}
.checkboxField {
  min-width: 2em;
  width: 2em;
}
.phoneDetailsBox {
  float: right !important;
  width: 20%;
  padding: 3px !important;
  border: 2px solid #cacaca;
}
.phoneDetailsBox .headerFooterBox {
  background: none repeat scroll 0 0 #cacaca;
  padding: 10px;
}
.phoneDetailsBox .phoneDetailsSection {
  padding: 10px 0;
}
.phoneDetailsBox .phoneDetailsSection .phoneDetailsImg {
  float: left;
  width: 30%;
  padding-bottom: 10px;
}
.phoneDetailsBox .phoneDetailsSection .phoneDetailsInfo {
  float: left;
  padding-left: 10px;
  width: 70%;
}
.vettingComplete {
  padding: 10px;
  margin: 0 0 20px;
  border: 1px solid #cacaca;
  display: block;
  float: left;
  width: 80%;
}
.vettingComplete .vettingCompleteHeader {
  display: inline;
}
.vettingComplete .vettingCompleteButtons {
  float: right;
}
.vettingComplete .vettingCompleteTable {
  line-height: 20px;
  margin-top: 10px;
  width: 300px;
}
.vettingComplete .vettingCompleteTable tr {
  display: block;
  margin: 0 0 5px;
}
.vettingComplete .vettingCompleteTable tr td {
  vertical-align: top;
}
.vettingComplete .vettingCompleteTable tr .vettingCompleteTableHeader {
  min-width: 100px;
  width: 100px;
}
.vettingComplete .vettingCompleteTable tr .vettingCompleteTableData {
  font-weight: bold;
}
.vettingComplete .vettingCompleteTable tr .vettingCompleteTableData.Large {
  font-size: 2em;
}
.outerSection {
  float: left;
}
.outerSection.formSection {
  width: 100%;
}
#formSection2 .innerSection {
  margin-right: 20px;
  border: 1px solid #cacaca;
}
#prepaidDeals {
  border: 1px solid #cacaca;
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 20px;
  background: #f4f4f4;
  width: 95%;
}
#prepaidDeals .prepaidHeader h3 {
  padding-bottom: 15px;
}
#prepaidDeals .prepaidBox .prepaidSection {
  padding-bottom: 20px;
  display: inline-block;
}
#prepaidDeals .prepaidBox .prepaidSection .prepaidImg {
  padding-left: 1em;
  float: left;
  width: 40%;
}
#prepaidDeals .prepaidBox .prepaidSection .prepaidInfo {
  float: right;
  padding-left: 10px;
  width: 60%;
}
#prepaidDeals .prepaidBox .prepaidSection .prepaidInfo div {
  padding-bottom: 15px;
}
.vettingCompleteTable tr td {
  vertical-align: middle;
}
.vettingCompleteTable h1 {
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 0;
}
.vettingCompleteTable .vettingHeader {
  font-size: 20px;
  font-weight: 700;
}
.vettingCompleteTable .productTableVetting {
  width: 100%;
  margin-bottom: 40px;
}
.vettingCompleteTable .productTableVetting .productTableRowVetting {
  border-bottom: 1px solid #CCCCCC;
}
.vettingCompleteTable .productTableVetting .productDetailsVetting {
  width: 100%;
  margin-bottom: 26px;
}
.vettingCompleteTable .productTableVetting .productDetailsVetting .colFirst {
  padding: 16px 0 13px;
  vertical-align: top;
}
.vettingCompleteTable .productTableVetting .productDetailsVetting .colFirst .colFirstOne {
  width: 30%;
  float: left;
  vertical-align: top;
}
.vettingCompleteTable .productTableVetting .productDetailsVetting .colFirst .colFirstOne img {
  max-width: 80%;
  max-height: 200px;
}
.vettingCompleteTable .productTableVetting .productDetailsVetting .colFirst img {
  padding-right: 5px;
}
.vettingCompleteTable .productTableVetting .productDetailsVetting .colFirst .colFirstTwo {
  width: 70%;
  float: left;
}
.vettingCompleteTable .productTableVetting .productDetailsVetting .colThird,
.vettingCompleteTable .productTableVetting .productDetailsVetting .colFourth {
  border-left: 1px solid #CCCCCC;
  text-align: center;
  width: 16%;
  padding: 16px 0 13px;
}
.vettingCompleteTable .productTableVetting .productDetailsVetting .colThird {
  background: none repeat scroll 0 0 #F4F8F0;
}
.vettingCompleteTable .productTableVetting .productDetailsVetting .pdSubRow,
.vettingCompleteTable .productTableVetting .productDetailsVetting .colFirstTabbed {
  padding-top: 20px;
  padding-bottom: 20px;
}
.vettingCompleteTable .productTableVetting .productDetailsVetting .colFirstTabbed {
  float: right;
  width: 60%;
}
.vettingCompleteTable .productTableVetting .productDetailsVetting .addressDetails {
  padding-left: 10px;
  width: 90%;
}
.vettingCompleteTable .productTableVetting .productDetailsVetting .rightText {
  text-align: right;
  padding-right: 20px;
}
.vettingCompleteTable .vettingDetailsButtonsRight {
  padding-top: 20px;
  float: right;
  margin-right: 10px;
}
.transactionSummarySent {
  background-color: #F4F4F4;
  border-radius: 3px;
  line-height: 20px;
  margin-top: 40px;
  min-width: 200px;
  padding: 20px 10px;
}
.transactionSummarySent em {
  word-break: break-all;
}
.orderNote {
  display: block;
  float: left;
  width: 100%;
  padding: 10px;
  border: 1px solid #cacaca;
}
.orderNote table {
  width: 100%;
}
#ramDetailsBody td {
  padding-top: 10px;
}
.ramRow {
  padding: 5px;
}
.ramRow .ramCol1 {
  width: 30%;
}
.ramRow .ramCol2 {
  width: 45%;
}
.ramRow .ramCol3 {
  width: 25%;
}
#termsAndCondtionsFields #chkAcceptTerms {
  margin: 0;
  width: 100%;
}
#termsAndCondtionsFields #uniform-chkAcceptTerms {
  float: left;
  margin-left: 10px;
}
.vettingMaxWidth {
  width: 100%;
}
.vettingthirdWidth {
  width: 35%;
}
.vettingthirdWidth label.error {
  float: left !important;
}
.currencySpan {
  top: 29px;
  position: relative;
  font-size: 16px !important;
  left: 5px;
  font: -webkit-small-control;
}
.currencyField {
  padding-left: 20px;
}
td.productDetailsVettingColumn {
  font-size: 16px;
  line-height: 20px;
  padding-top: 10px;
}
.screen-480 .formSection,
.screen-768 .formSection {
  float: none !important;
  width: 100% !important;
}
.screen-480 .headerFooterBox,
.screen-768 .headerFooterBox {
  width: 100% !important;
}
.screen-480 .phoneDetailsBox,
.screen-768 .phoneDetailsBox {
  padding: 10px 0 !important;
  width: 100% !important;
}
.screen-480 .phoneDetailsBox .phoneDetailsSection,
.screen-768 .phoneDetailsBox .phoneDetailsSection {
  max-width: 250px;
}
.screen-480 .phoneDetailsBox .phoneDetailsSection .phoneDetailsImg,
.screen-768 .phoneDetailsBox .phoneDetailsSection .phoneDetailsImg {
  width: 20% !important;
}
.screen-480 .formFields,
.screen-768 .formFields {
  min-width: 100%;
  width: 100% !important;
}
.screen-480 .checkoutButtons a,
.screen-768 .checkoutButtons a {
  width: 100%;
}
.screen-480 .vettingComplete,
.screen-768 .vettingComplete {
  width: 100% !important;
}
.screen-480 #formSection2 .innerSection {
  margin-right: 0px !important;
  border: 1px solid #cacaca;
}
.screen-480 .vettingCompleteButtonsMobile {
  display: block;
  width: 100%;
}
.screen-480 .vettingCompleteButtonsMobile button {
  width: 100%;
}
.screen-480 .vettingCompleteButtons {
  display: none;
}
.screen-480 #prepaidDeals .prepaidBox .prepaidSection {
  width: 100%;
}
.screen-480 .transactionSummarySent {
  width: 100%;
}
.screen-480 .transactionSummarySent em {
  word-break: break-all;
}
.screen-480 .progressCurrent {
  float: right;
  margin-top: -33px;
}
@media only screen and (max-width: 480px) {
  .checkoutFields {
    padding: 0px 0px;
  }
  .checkoutFields div.radio {
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 480px) {
  .vettingCompleteTable {
    float: left;
  }
  .vettingCompleteButtonsMobile {
    display: none;
  }
  .vettingCompleteButtons {
    display: block;
  }
  #prepaidDeals .prepaidBox .prepaidSection {
    float: left;
    width: 33%;
  }
  .transactionSummarySent {
    float: right;
  }
  .transactionSummarySent em {
    word-break: break-all;
  }
}
@media only screen and (max-width: 420px) {
  .confirmOrderForm .smalltext {
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 9px!important;
  }
  .confirmOrderForm .productTableRowVetting strong {
    font-size: 9px!important;
  }
  .confirmOrderForm .vettingHeader {
    font-size: 9px!important;
  }
  .confirmOrderForm .colThird {
    font-size: 9px!important;
  }
  .confirmOrderForm .colFourth {
    font-size: 9px!important;
  }
  .confirmOrderForm .productTableRowVetting {
    font-size: 9px!important;
  }
  .confirmOrderForm .colFirstTabbed {
    width: auto!important;
  }
  .confirmOrderForm .rightText {
    text-align: left;
  }
}
.progessOuterDiv {
  width: 80%;
  float: left;
  height: 40px;
}
.progessOuterDiv .progressCircleFirst {
  margin-left: 25px;
}
.progessOuterDiv .progressCircle {
  border-radius: 25px;
  border: 5px solid lightgray;
  height: 40px;
  width: 40px;
  background: none repeat scroll 0% 0% lightgray;
  float: left;
  cursor: pointer;
  cursor: hand;
}
.progessOuterDiv .progressCircle span {
  color: darkgray;
  font-size: 22px;
  padding-left: 8px;
  line-height: 29px;
  font-weight: 800;
}
.progessOuterDiv .progressLine {
  height: 40px;
  width: 200px;
  float: left;
}
.progessOuterDiv .progressLine div {
  width: 100%;
  height: 1px;
  margin-top: 20px;
  border: 1px solid lightgray;
}
.progessOuterDiv .progressActive {
  border: 5px solid #008000;
}
.progessOuterDiv .progressActive span {
  color: white;
}
.progessOuterDiv .progressLabel {
  float: left;
}
.progessOuterDiv .progressLabelSpacer {
  float: left;
  height: 20px;
  width: 130px;
}
.progessOuterDiv .progressLabelActive {
  font-weight: bold;
}
.progressCurrent {
  display: none;
}
/* .screen-768-1024{ */
/* 	.progessOuterDiv{ */
/* 		.progressLabelFirst{ */
/* 			margin-left: 0px !important; */
/* 		} */
/* 	} */
/* } */
@media only screen and (max-width: 768px) and (min-width: 486px) {
  .progessOuterDiv {
    /* 		.progressLabelFirst{ */
    /* 			margin-left: 0px !important; */
    /* 		} */
  }
  .progessOuterDiv .progressLine {
    width: 100px !important;
  }
  .progessOuterDiv .progressLabelSpacer {
    width: 30px !important;
  }
}
@media only screen and (max-width: 485px) {
  .progessOuterDiv .progressCircleFirst {
    margin-left: 0 !important;
  }
  .progessOuterDiv .progressCircle {
    display: none;
  }
  .progessOuterDiv .progressLine {
    display: none;
  }
  .progessOuterDiv .progressActive {
    display: block;
  }
  .progessOuterDiv .progressLabel {
    display: none;
  }
  .progessOuterDiv .progressLabelSpacer {
    display: none;
  }
  .progessOuterDiv .progressLabelActive {
    display: block;
    margin-left: 50px !important;
    margin-top: -30px !important;
  }
  .progressCurrent {
    display: block !important;
  }
}
.tryShopOnline {
  margin: 0 0 10px;
}
.tryShopOnline strong {
  margin: 0 20px 20px 0;
}
@media only screen and (max-width: 600px) {
  .tryShopOnline {
    display: none;
  }
}
.mapBasedSearch {
  margin: 0 0 10px;
  width: 100%;
}
.mapBasedSearch .searchLocation {
  margin: 0 0 20px;
  padding: 15px 15px 5px  !important;
  background: none repeat scroll 0 0 #f4f4f4;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.mapBasedSearch .searchLocation p {
  margin: 0 0 10px;
}
.mapBasedSearch .searchLocation form ul li {
  float: left;
  line-height: 43px;
}
.mapBasedSearch .searchLocation form ul li .or {
  display: block;
  margin: 0 20px;
}
.mapBasedSearch .searchLocation form ul li .btn {
  padding: 0 15px 0 40px  !important;
  height: 40px;
}
.mapBasedSearch .searchLocation form ul li .location {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/mapBasedSearch/iconLocationWhite.png")  !important;
  background-position: 12px 10px  !important;
  background-repeat: no-repeat  !important;
}
.mapBasedSearch .searchLocation form ul .enterLocation {
  width: 64%;
}
.mapBasedSearch .searchLocation form ul .showInSmallDevice {
  display: none;
}
.mapBasedSearch .mapSection {
  border: 1px solid #cacaca;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  min-height: 200px;
  overflow: hidden;
}
.mapBasedSearch .mapSection .mapSectionInner {
  overflow: hidden;
  padding: 20px 15px  !important;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft {
  float: left;
  margin-right: 0;
  width: 38%;
  min-width: 300px;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .show {
  border-bottom: 1px solid #cacaca;
  margin-bottom: 15px;
  padding-bottom: 10px;
  display: block  !important;
  padding-top: 0  !important;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .show strong {
  line-height: 24px;
  font-size: 18px;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .show .iconLocationAll,
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .show .iconLocationMPesa {
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  padding: 0 25px 0 0;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .show .iconLocationAll {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/mapBasedSearch/iconLocationRed.png");
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .show .iconLocationMPesa {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/mapBasedSearch/iconLocationMPesa.png");
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .show img {
  margin: 0 5px 0 0;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .show strong,
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .show label {
  float: left;
  margin: 0 10px 5px 0;
  clear: both;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList .locations {
  border-bottom: 1px solid #cacaca;
  margin: 20px 0;
  padding: 10px 0 5px;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList .locations .storeType {
  float: right;
  height: 22px;
  margin: 0 4px 5px;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList .locations h4 {
  margin: 0 0 20px;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList .locations h4 .point {
  background: none repeat scroll 0 0 #f4f4f4;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  margin-right: 10px;
  padding: 10px 14px;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList .locations h4 span {
  font-size: 14px;
  font-weight: normal;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList .locations p {
  font-size: 12px;
  line-height: 18px;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList .locations p span {
  display: block;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .showMoreContainer .showMore {
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 18px;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll left center rgba(0, 0, 0, 0);
  display: block;
  margin: 10px 0 0 5px;
}
.mapBasedSearch .mapSection .mapSectionInner .mapSectionRight {
  border: 1px solid #cacaca;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: right;
  width: 58%;
  height: 480px;
}
@media only screen and (max-width: 950px) {
  .mapBasedSearch .searchLocation .enterLocation {
    width: 45%  !important;
  }
  .mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft {
    min-width: 250px;
    width: 48%;
  }
  .mapBasedSearch .mapSection .mapSectionInner .mapSectionRight {
    width: 48%;
  }
}
@media only screen and (max-width: 600px) {
  .mapBasedSearch .searchLocation ul li {
    text-align: center;
    width: 100%  !important;
  }
  .mapBasedSearch .searchLocation ul .enterLocation {
    width: 100%  !important;
  }
  .mapBasedSearch .searchLocation ul .hideInSmallDevice {
    display: none;
  }
  .mapBasedSearch .searchLocation ul .showInSmallDevice {
    display: block  !important;
  }
  .mapBasedSearch .searchLocation ul .showInSmallDevice label {
    display: table;
    line-height: 23px;
    margin-bottom: 15px;
  }
  .mapBasedSearch .mapSection {
    border: medium none;
    padding: 0;
  }
  .mapBasedSearch .mapSection .mapSectionInner {
    padding: 0  !important;
  }
  .mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft {
    width: 100%;
  }
  .mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .show {
    border: medium none;
    margin-bottom: 0;
  }
  .mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList {
    border: 1px solid #cacaca;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
  }
  .mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList .locations {
    border: medium none  !important;
    margin-bottom: 0  !important;
  }
  .mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList .locations .storeType {
    float: right;
    height: 22px;
    margin: 5px 4px  !important;
  }
  .mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList .locations h4 {
    background: none repeat scroll 0 0 #f4f4f4;
    padding: 7px 10px;
  }
  .mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList .locations h4 .point {
    display: none;
  }
  .mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList .locations h4 span {
    font-weight: bold  !important;
  }
  .mapBasedSearch .mapSection .mapSectionInner .mapSectionLeft .locationList .showMoreContainer {
    border-top: 1px solid #cacaca;
    margin: 15px 0 0;
    padding: 10px 0;
  }
  .mapBasedSearch .mapSection .mapSectionInner .mapSectionRight {
    display: none;
  }
}
.border-radius {
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.specificHelpSearch {
  margin: 0 0 20px;
  clear: both;
}
.specificHelpSearch h2 {
  padding: 0;
}
.specificHelpSearch .searchField {
  display: inline-block;
  width: 100%;
  height: 35px;
  overflow: hidden;
}
.specificHelpSearch .searchField .searchService {
  float: left;
  height: 35px;
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/search-main.png") no-repeat scroll 8px center #ffffff;
  border: 1px solid #cacaca;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block  !important;
  font: 400 16px/1.176 "VodafoneRegular";
  padding: 5px 15px 5px 35px  !important;
  width: 100%;
}
.specificHelpSearch .searchField .buttonSearch {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #8f8f8f;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 #ffffff rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 1px 0 #ffffff rgba(0, 0, 0, 0);
  box-shadow: 0 1px 0 #ffffff rgba(0, 0, 0, 0);
  box-shadow: ;
  color: #333333;
  display: none;
  height: 28px  !important;
  padding: 4px 10px;
  position: relative;
  top: -31px;
  right: 4px;
  -webkit-text-shadow: 0 1px #FFFFFF;
  text-shadow: 0 1px #FFFFFF;
  width: auto;
  float: right;
}
.micrositeIntroduction {
  float: left;
  text-align: center;
  width: 38%;
  margin: 0 0 20px;
}
.micrositeIntroduction figure {
  margin: 0 0 15px;
}
.micrositeIntroduction figure img {
  max-width: 100%;
}
.micrositeIntroduction strong {
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px;
}
.micrositeIntroduction span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  margin: 5px;
}
.micrositeIntroduction span strong {
  display: inline-block  !important;
  margin: 0  !important;
}
.micrositeIntroduction .btn {
  margin: 20px 0 30px;
}
.micrositeIntroduction p {
  font-size: 12px;
  line-height: 16px;
}
.micrositeIntroduction p strong {
  font-size: 12px;
  margin: 0;
}
@media only screen and (max-width: 950px) {
  .micrositeIntroduction {
    width: 34%;
  }
  .micrositeIntroduction span strong {
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .micrositeIntroduction {
    width: 100%;
    border-bottom: 1px solid #cacaca;
    padding: 0 0 20px;
    margin: 0 0 40px  !important;
  }
  .micrositeIntroduction .btn {
    width: 100%;
  }
}
.micrositeInteractionTimer {
  float: right;
  margin: 0 20px 20px;
  text-align: center;
  width: 54%;
}
.micrositeInteractionTimer .clockFlip {
  border: 2px solid #00B0CA;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: right;
  margin: 10px 0 5px;
  min-height: 200px;
  padding: 0 10px 15px  !important;
  width: 100%;
}
.micrositeInteractionTimer .clockFlip .clockFlipHead {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/microsite/headerTagBgLeftClock.png");
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  line-height: 38px;
  padding-left: 50px;
  position: relative;
  top: -15px;
}
.micrositeInteractionTimer .clockFlip .clockFlipHead span {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/microsite/headerTagBgRight.png");
  background-repeat: no-repeat;
  background-position: right;
  color: #FFFFFF;
  display: inline-block;
  font-weight: bold;
  height: 38px;
  line-height: 39px;
  padding-right: 18px;
}
.micrositeInteractionTimer .clockFlip .timeTo span {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/microsite/counterDivider.png");
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  height: 135px;
  width: 7px;
}
.micrositeInteractionTimer .smallP {
  font-size: 12px;
  margin: 0 0 15px;
}
.micrositeInteractionTimer p {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 15px;
  padding: 0 10px;
}
.micrositeInteractionTimer p span {
  display: inline;
  font-weight: bold;
}
.micrositeInteractionTimer strong {
  display: block;
  font-size: 16px;
  margin: 0 0 15px;
  font-weight: normal;
}
@media only screen and (max-width: 950px) {
  .micrositeInteractionTimer {
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 740px) {
  .micrositeInteractionTimer .clockFlip .timeTo .firstDigit {
    margin: 0  !important;
  }
}
@media only screen and (max-width: 640px) {
  .micrositeInteractionTimer {
    width: 100%;
  }
}
.countdownHolder {
  text-align: center;
  color: #FFFFFF;
  font: 45px/54px "VodafoneRegular" !important;
  position: relative;
  overflow: hidden;
  height: 155px !important;
  clear: both;
}
.position {
  overflow: hidden;
  position: relative;
  float: left;
  width: 25px;
}
.countDiv {
  background: url("vodacom/framework/skins/vodacom_skins/img/counter-divider.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  font-size: 0;
  height: 135px;
  width: 7px;
}
.countSeconds,
.countMinutes,
.countHours,
.countDays {
  display: inline-block;
  border-radius: 0.2em;
  text-align: center;
  color: #fff;
  background-image: url("vodacom/framework/skins/vodacom_skins/img/microsite/counterBg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 38px 20px;
  margin: 0 5px;
  height: 120px;
  width: 91px;
}
.digit.static,
i.digit {
  width: 28px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .digit.static,
  i.digit {
    float: left;
    height: 100px;
  }
}
.digit.static,
i.digit {
  display: table-row-group;
  font-style: normal;
  text-decoration: none !important;
  position: relative;
}
.countdownHolder b {
  position: absolute;
  width: 135px;
  margin-left: -100px;
  bottom: -5px;
  color: #ccc;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
}
.countDiv {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-left: -3px;
  top: 0.5em;
  content: '';
  display: inline-block;
}
@media only screen and (max-width: 398px) {
  .position,
  .digit.static,
  i.digit {
    width: 10px;
    font-size: 15px;
  }
  .countSeconds,
  .countMinutes,
  .countHours,
  .countDays {
    padding: 10px;
    width: 44px;
  }
  .countdownHolder {
    height: 105px !important;
  }
  .countdownHolder b {
    margin-left: -10%;
    width: 13%;
  }
  .countSeconds,
  .countMinutes,
  .countHours,
  .countDays,
  .micrositeInteractionTimer .clockFlip .timeTo span {
    height: 70px;
  }
}
@media only screen and (min-width: 399px) and (max-width: 520px) {
  .countdownHolder b {
    margin-left: -10%;
    width: 13%;
  }
  .digit.static,
  i.digit {
    font-size: 30px;
  }
  .position {
    width: 24px;
  }
  .countSeconds,
  .countMinutes,
  .countHours,
  .countDays {
    width: 72px;
    padding: 20px 10px;
  }
}
@media only screen and (min-width: 658px) and (max-width: 950px) {
  .position {
    display: table-cell;
    width: 22px;
  }
  .digit.static,
  i.digit {
    font-size: 40px;
  }
  .countSeconds,
  .countMinutes,
  .countHours,
  .countDays {
    width: 66px;
    padding: 20px 10px;
  }
}
.micrositeSupplement {
  margin: 0 0 40px;
  padding: 0;
}
.micrositeSupplement h2 {
  font: 30px "VodafoneRegular";
  font-weight: normal;
  margin-top: 0;
  padding: 0;
}
.micrositeSupplement article:nth-child(3n) {
  padding-right: 0;
}
.micrositeSupplement article {
  color: #FFFFFF;
  float: left;
  padding-right: 16px !important;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 290px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.micrositeSupplement article figure {
  margin: 0;
  display: block;
  position: relative;
  width: 100%;
}
.micrositeSupplement article figure img {
  width: 100%;
}
.micrositeSupplement article figure figcaption {
  font-size: 16px;
  font-weight: bold;
  margin: 15px 0;
}
.micrositeSupplement article figure .productInfo {
  bottom: 10px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: left;
  width: 97%;
  padding: 10px 3%;
}
.micrositeSupplement article figure .productInfo span {
  display: block;
  font-size: 12px;
}
.micrositeSupplement article figure .productInfo span strong {
  font-size: 20px;
  font-weight: 700;
}
.micrositeSupplement article figure .greenBg,
.micrositeSupplement article figure .redBg {
  padding-top: 3px;
}
.micrositeSupplement article figure .redBg {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/microsite/micrositeSupplementRedBg.png");
  background-repeat: no-repeat;
}
.micrositeSupplement article figure .greenBg {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/microsite/micrositeSupplementGreenBg.png");
  background-repeat: no-repeat;
}
.micrositeSupplement article .starBg {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/microsite/star.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 64px;
}
.micrositeSupplement article .starBg .starbgInner {
  background: none repeat scroll 0 0 #f4f4f4;
  border: 1px solid #cacaca;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}
.micrositeSupplement article .starBg .starbgInner div {
  color: #333333;
  float: left;
  padding: 10px 0;
  text-align: center;
  width: 50%;
}
.micrositeSupplement article .starBg .starbgInner div span {
  font-size: 30px;
}
.micrositeSupplement article .starBg .starbgInner div p {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 7px;
  padding: 0 10px;
}
.micrositeSupplement article .starBg .starbgInner div strong {
  font-size: 20px;
  font-weight: bold;
}
.micrositeSupplement .item.last {
  margin-right: 0;
}
.screen-480 .micrositeSupplement h2 {
  font-size: 24px  !important;
}
.micrositeSupport {
  float: left;
  width: 48%;
  margin: 0 0 40px;
}
.micrositeSupport h2 {
  font: 30px "VodafoneRegular";
  font-weight: normal;
  margin-top: 0;
  padding: 0;
}
.micrositeSupport .micrositeSupportInner {
  border: 1px solid #cacaca;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  min-height: 180px;
  overflow: hidden;
  padding: 15px 20px;
}
.micrositeSupport .micrositeSupportInner .micrositeSupportInnerImg {
  float: left;
  min-width: 70px;
}
.micrositeSupport .micrositeSupportInner .micrositeSupportInnerText {
  float: left;
  width: 80%;
}
.micrositeSupport .micrositeSupportInner .micrositeSupportInnerText p,
.micrositeSupport .micrositeSupportInner .micrositeSupportInnerText strong,
.micrositeSupport .micrositeSupportInner .micrositeSupportInnerText li {
  font-size: 14px;
  line-height: 18px;
}
.micrositeSupport .micrositeSupportInner .micrositeSupportInnerText ul {
  list-style: disc outside none;
  padding: 0 0 0 15px;
}
.micrositeSupport .micrositeSupportInner .micrositeSupportInnerText ul li {
  margin-bottom: 5px;
}
@media only screen and (max-width: 950px) {
  .micrositeSupport {
    width: 100%;
  }
}
.screen-480 .micrositeSupport h2 {
  font-size: 24px  !important;
}
.screen-480 .micrositeSupport .micrositeSupportInner .micrositeSupportInnerText {
  width: 68%  !important;
}
.micrositeMore {
  float: right;
  width: 48%;
  margin: 0 0 40px;
}
.micrositeMore h2 {
  font: 30px "VodafoneRegular";
  font-weight: normal;
  margin-top: 0;
  padding: 0;
}
.micrositeMore .micrositeMoreInner {
  border: 1px solid #cacaca;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  min-height: 180px;
  overflow: hidden;
  padding: 15px 20px;
}
.micrositeMore .micrositeMoreInner .micrositeMoreInnerImg {
  float: left;
  min-width: 70px;
}
.micrositeMore .micrositeMoreInner .micrositeMoreInnerText {
  float: left;
  width: 80%;
}
.micrositeMore .micrositeMoreInner .micrositeMoreInnerText p,
.micrositeMore .micrositeMoreInner .micrositeMoreInnerText strong,
.micrositeMore .micrositeMoreInner .micrositeMoreInnerText li {
  font-size: 14px;
  line-height: 18px;
}
.micrositeMore .micrositeMoreInner .micrositeMoreInnerText strong {
  display: block;
  margin-bottom: 10px;
}
.micrositeMore .micrositeMoreInner .micrositeMoreInnerText ul {
  list-style: disc outside none;
  padding: 0 0 0 15px;
}
.micrositeMore .micrositeMoreInner .micrositeMoreInnerText ul li {
  margin-bottom: 5px;
}
@media only screen and (max-width: 950px) {
  .micrositeMore {
    width: 100%;
  }
}
.screen-480 .micrositeMore h2 {
  font-size: 24px  !important;
}
.screen-480 .micrositeMore .micrositeMoreInner .micrositeMoreInnerText {
  width: 68%  !important;
}
.micrositeInteractionLetters {
  display: none;
  float: right;
  margin: 0 20px 20px;
  text-align: center;
  width: 54%;
}
.micrositeInteractionLetters .letter {
  border: 2px solid #00B0CA;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: right;
  margin: 10px 0 5px;
  min-height: 200px;
  padding: 0 10px 15px  !important;
  width: 100%;
}
.micrositeInteractionLetters .letter .letterHead {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/microsite/headerTagBgLeft.png");
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  line-height: 38px;
  padding-left: 25px;
  position: relative;
  top: -15px;
}
.micrositeInteractionLetters .letter .letterHead span {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/microsite/headerTagBgRight.png");
  background-repeat: no-repeat;
  background-position: right;
  color: #FFFFFF;
  display: inline-block;
  font-weight: bold;
  height: 38px;
  line-height: 39px;
  padding-right: 18px;
}
.micrositeInteractionLetters .letter .letterSection {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.micrositeInteractionLetters .letter .letterSection ul {
  display: inline-block;
  margin: 0 auto  !important;
  width: auto;
}
.micrositeInteractionLetters .letter .letterSection ul li {
  float: left;
  margin-bottom: 15px;
}
.micrositeInteractionLetters .letter .letterSection ul li a {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/microsite/letterBg.png");
  background-repeat: no-repeat;
  color: #00B0CA;
  display: block;
  font-family: Arial #000000, Arial, sans-serif;
  font-size: 22px;
  height: 52px;
  line-height: 50px;
  padding: 0;
  text-transform: uppercase;
  width: 52px;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  font-weight: 900;
}
.micrositeInteractionLetters .letter .letterSection ul li.active a {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/microsite/letterBgActive.png");
  background-repeat: no-repeat;
  color: #DF1515;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.micrositeInteractionLetters .letter .letterSection ul li + li {
  margin-left: -5px;
}
.micrositeInteractionLetters .letter .letterSection span {
  font-weight: bold;
}
.micrositeInteractionLetters .letter .letterSection span strong {
  display: inline-block  !important;
  margin: 0  !important;
  font-weight: bold;
  font-size: 20px;
}
.micrositeInteractionLetters .letter .letterSection .btn {
  margin-top: 25px;
}
.micrositeInteractionLetters .smallP {
  font-size: 12px;
  margin: 0 0 15px;
}
.micrositeInteractionLetters p {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 15px;
  padding: 0 10px;
}
.micrositeInteractionLetters p span {
  display: inline;
  font-weight: bold;
}
.micrositeInteractionLetters strong {
  display: block;
  font-size: 16px;
  margin: 0 0 15px;
  font-weight: normal;
}
.micrositeInteractionLetters {
  position: relative;
}
a[data-close] {
  float: right;
  margin-right: -25px;
  margin-top: -25px;
  background: #333;
  border: 1px solid #ccc;
  padding: 5px 10px;
  color: #fff !important;
  border-radius: 5px;
}
.popOver {
  background: none repeat scroll 0 0 #EEEEEE;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0);
  font-style: normal;
  padding: 20px;
  position: absolute;
  text-decoration: none;
  z-index: 300;
  text-align: left;
  display: none;
  top: 230px;
  width: 100%;
  left: 0;
}
.popOver b {
  display: block;
  line-height: 1.4;
  margin: 0 0 10px;
}
.popOver ul {
  line-height: 1.8;
  list-style-type: square;
  margin: 10px !important;
  padding: 0 30px;
  text-align: left;
}
.popOver p {
  margin-bottom: 0;
  padding: 0;
}
.popOver a {
  color: #9C2AA0;
}
@media only screen and (max-width: 950px) {
  .micrositeInteractionLetters {
    margin: 0 0 20px;
  }
  .micrositeInteractionLetters .letter .letterSection ul li a {
    height: 40px;
    width: 40px;
    font-size: 18px;
    line-height: 40px;
  }
  .micrositeInteractionLetters .letter .letterSection ul li + li {
    margin-left: -6px;
  }
}
@media only screen and (max-width: 640px) {
  .micrositeInteractionLetters {
    width: 100%;
  }
}
@media only screen and (max-width: 360px) {
  .micrositeInteractionLetters .letter .letterSection ul li a {
    font-size: 16px;
    height: 34px;
    line-height: 36px;
    width: 34px;
  }
}
.requestCallBack .deviceImageSmall {
  display: none;
}
.requestCallBack .deviceImageMedium {
  display: block;
}
.requestCallBack .requiredInfo {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 0;
  width: 100%;
}
.requestCallBack h2 {
  color: #e60000;
}
.requestCallBack li {
  width: 50%;
  margin-bottom: 20px;
  float: left;
  padding-right: 20%;
}
.requestCallBack li:last-child {
  float: left;
  width: 60%;
  margin-bottom: 20px;
}
.requestCallBack i.required {
  color: #e60000;
  font-weight: bold;
}
.requestCallBack label {
  margin-bottom: 8px;
}
.requestCallBack .phoneLabel {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}
.requestCallBack figure {
  border: 1px solid #ccc;
  padding: 10px;
  float: left;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 15px;
}
.requestCallBack figure figcaption {
  font-weight: 300;
  font-size: small;
}
.requestCallBack figure img {
  float: left;
  padding-right: 10px;
}
.requestCallBack textarea {
  width: 100%;
}
.requestCallBack label.error {
  padding: 5px 0 0 0;
  margin: 0;
  background: 0;
  border: 0;
  color: #ca0000;
  font-weight: bold;
}
@media only screen and (max-width: 480px) {
  .requestCallBack li {
    width: 100%;
    margin-bottom: 10px;
    float: none;
  }
  .requestCallBack .phoneLabel {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 5px;
  }
  .requestCallBack figcaption {
    line-height: 1;
  }
  .requestCallBack figure {
    float: none;
  }
  .requestCallBack li:last-child {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .requestCallBack .deviceImageSmall {
    display: block;
  }
  .requestCallBack .deviceImageMedium {
    display: none;
  }
}
#mobileConfirmationMainUndetected {
  display: none;
  margin: 30px;
}
#mobileConfirmationMainUndetected .mobileConfirmation p {
  margin: 0 0 30px;
  line-height: 1.3em;
  font-weight: bold;
}
#mobileConfirmationMainUndetected .mobileConfirmation .mobileConfirmForm ul li {
  margin: 0 0 20px;
}
#mobileConfirmationMainUndetected .mobileConfirmation .mobileConfirmForm ul li .selectWidth {
  width: 200px  !important;
}
#mobileConfirmationMainUndetected .mobileConfirmation .mobileConfirmForm ul li .sendSMS {
  width: 100px;
  margin: 0 15px 0 0;
}
#mobileConfirmationMainUndetected .mobileConfirmation .mobileConfirmForm ul li .cancel {
  width: 100px;
  margin: 0 15px 0 0;
}
#mobileConfirmationMainDetected {
  display: none;
  margin: 30px;
}
#mobileConfirmationMainDetected .mobileConfirmation p {
  margin: 0 0 20px;
  line-height: 1.3em;
  font-weight: bold;
}
#mobileConfirmationMainDetected .mobileConfirmation .deviceDetails {
  margin: 0 0 20px;
}
#mobileConfirmationMainDetected .mobileConfirmation .deviceDetails h5 {
  font-weight: normal;
  margin: 0 0 10px;
}
#mobileConfirmationMainDetected .compatibilityCheck p {
  margin: 0 0 20px;
  line-height: 1.3em;
  font-weight: bold;
}
#mobileConfirmationMainDetected .compatibilityCheck .mobileConfirmForm ul li {
  margin: 0 0 20px;
}
#mobileConfirmationMainDetected .compatibilityCheck .mobileConfirmForm ul li .selectWidth {
  width: 200px;
  margin: 10px 0 0;
}
#mobileConfirmationMainDetected .compatibilityCheck .mobileConfirmForm ul li .sendSMS {
  width: 100px;
  margin: 0 15px 0 0;
}
#mobileConfirmationMainDetected .compatibilityCheck .mobileConfirmForm ul li .cancel {
  width: 100px;
  margin: 0 15px 0 0;
}
.shareBox {
  position: absolute;
  top: -14000px;
  left: -14000px;
  width: 170px;
  padding: 3px;
  border: 1px solid #666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 5px #666666;
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
  background-color: #ccc;
  z-index: 9999;
}
.shareOrigin {
  background-position: -61px -252px;
  background-image: url(vodacom/framework/skins/vodacom_skins/img/simplicity/sprite.png);
  background-repeat: no-repeat;
  height: 22px;
  width: 22px;
  position: absolute;
  top: -19px;
  right: 19px;
}
.shareBox a {
  font-size: 13px;
  line-height: 19px;
  text-decoration: underline;
}
.shareBox a:hover {
  color: #333;
}
.shareBox h3 {
  float: left;
  margin: 0 0 7px 0;
  font-size: 16px;
  line-height: 24px;
}
.shareWrap {
  overflow: hidden;
  padding: 10px;
  background-color: #FFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.shareCloseBtn {
  float: right;
  overflow: hidden;
  margin: 3px 0 0 0;
}
.shareCloseIcon {
  background-image: url(vodacom/framework/skins/vodacom_skins/img/simplicity/sprite.png);
  background-repeat: no-repeat;
  background-position: -124px -408px;
  width: 16px;
  height: 17px;
  display: block;
  float: right;
  margin: 0 0 0 7px;
}
.shareInnerWrap {
  clear: both;
  margin: 5px;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.shareInnerWrap ul li a {
  display: block;
  padding: 5px 10px;
}
.shareIcon,
.googleIcon,
.facebookIcon,
.linkedInIcon,
.youtubeIcon,
.twitterIcon {
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(vodacom/framework/skins/vodacom_skins/img/simplicity/sprite.png);
  background-repeat: no-repeat;
  background-position: -80px -487px;
  margin: 2px 10px 0 0;
}
.shareIcon {
  height: 17px;
  background-position: -79px -407px;
  margin: 0 5px 0 0;
}
.facebookIcon {
  background-position: 0px -487px;
}
.linkedInIcon {
  background-position: -128px -487px;
}
.youtubeIcon {
  background-position: -32px -487px;
}
.twitterIcon {
  background-position: -16px -487px;
}
.ppDelDetails {
  margin-bottom: 96px;
}
.ppDelDetails .ordersummary {
  padding: 3px !important;
  border: 1px solid #ccc;
}
.ppDelDetails .ordersummary th {
  padding: 10px;
}
.ppDelDetails .ordersummary th h3 {
  border-bottom: none!important;
}
.ppDelDetails .shoppingButtons {
  float: right;
}
.ppDelDetails .shoppingButtons .btn {
  margin: 0;
  width: inherit;
}
.ppDelDetails .shoppingButtons .btnWhite {
  margin: 0 10px 0 0;
}
.ppDelDetails .formFields {
  padding: 0px;
}
.ppDelDetails i.required {
  color: #e60000;
  font-weight: bold;
}
.ppDelDetails .floatLeft {
  float: left;
  width: 46%;
}
.ppDelDetails .margin-left {
  margin-left: 20px;
}
.ppDelDetails .ppDelDetailsContainer {
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 68%;
  float: left;
  margin: 10px 0 10px 0;
  padding: 10px;
}
.ppDelDetails .ppDelDetailsContainer .emailInput {
  width: 55%;
  margin: 0 20px 0 0;
  /*
            input{
                margin: 0 0 10px 0;
            }
                */
}
.ppDelDetails .ppDelDetailsContainer .contactNumInput {
  width: 23%;
  margin: 0 20px 0 0;
}
.ppDelDetails .ppDelDetailsContainer h5 {
  margin: 10px 0 20px;
}
.ppDelDetails .ppDelDetailsContainer input,
.ppDelDetails .ppDelDetailsContainer .selector {
  display: block;
  max-width: 350px;
  margin: 0 20px 10px 0;
}
.ppDelDetails .ppDelDetailsContainer .search {
  display: block;
}
.ppDelDetails .ppPaymentContainer {
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 72%;
  float: left;
  margin: 10px 0 10px 0;
  font-size: 15px;
  font-weight: bold;
  padding: 20px 10px 10px 10px;
}
.ppDelDetails .ppPaymentContainer b {
  font-size: 20px;
}
.ppDelDetails .ppPaymentContainer .inputTiny,
.ppDelDetails .ppPaymentContainer .expInput {
  width: 23%;
  padding: 10px 10px 10px 0;
  margin-right: 10px;
}
.ppDelDetails .ppPaymentContainer .otpLabel {
  float: left;
  width: auto;
  margin-top: 11px;
  margin-left: 5px;
}
.ppDelDetails .ppPaymentContainer .orDiv {
  float: left;
  font-weight: 300;
  margin-left: 5%;
  margin-right: 5%;
}
.ppDelDetails .ppPaymentContainer .chooseCardDiv {
  float: left;
  width: auto;
}
.ppDelDetails .ppPaymentContainer .chooseCardDiv button {
  margin-top: -8px;
}
.ppDelDetails .ppPaymentContainer .ccDiv {
  width: 35%;
}
.ppDelDetails .ppPaymentContainer .ccDiv span,
.ppDelDetails .ppPaymentContainer .ccDiv select {
  font-weight: 300;
}
.ppDelDetails .ppPaymentContainer .ccDiv:last-child {
  margin-top: -8px;
}
.ppDelDetails .ppPaymentContainer .otpInput {
  width: 60%;
}
.ppDelDetails .ppPaymentContainer .otpInput input {
  float: left;
  width: 35%;
}
.ppDelDetails .ppPaymentContainer .amtDue {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.ppDelDetails .ppConfirmationContainer {
  width: 72%;
  float: left;
  padding: 0;
}
.ppDelDetails .ppConfirmationContainer .semiContainer {
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 10px 0 10px 0;
  padding: 10px;
}
.ppDelDetails .ppConfirmationContainer label {
  margin-bottom: 10px;
}
.ppDelDetails .ppConfirmationContainer .orderID {
  font-size: 27px;
  margin-top: -20px;
  margin-bottom: 8px;
}
.ppDelDetails .ppConfirmationContainer button {
  float: right;
}
.ppDelDetails .ppConfirmationContainer .flLeft {
  float: left;
  padding: 0;
}
.ppDelDetails .ppConfirmationContainer .fieldLabels {
  width: 15%;
}
.ppDelDetails .ppConfirmationContainer .fields {
  width: 52%;
  font-weight: bold;
}
.ppDelDetails .ppConfirmationContainer .fields b {
  font-weight: 300;
}
.ppDelDetails .ppConfirmationContainer .confSent {
  word-break: break-all !important;
  display: block;
  width: 29%;
}
.ppDelDetails .orderContainer {
  width: 25%;
  float: left;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
}
.ppDelDetails .orderContainer h3 {
  margin: 0;
}
.ppDelDetails .orderContainer figure {
  border-top: 1px solid #ccc;
  padding: 10px;
}
.ppDelDetails .orderContainer figure figcaption {
  float: left;
  font-weight: 300;
  font-size: small;
  width: 70%;
}
.ppDelDetails .orderContainer figure img {
  float: left;
  padding-right: 10px;
}
.ppDelDetails .orderContainer .phoneLabel {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 5px;
}
.ppDelDetails .orderH3 {
  padding: 5px 0 5px 10px;
  background: rgba(204, 204, 204, 0.2);
}
.ppDelDetails p {
  font-weight: bold;
}
.ppDelDetails .flLeft {
  float: left;
  width: 100%;
}
.ppDelDetails .flRight {
  float: right;
}
.ppDelDetails .inputDiv {
  width: 36%;
  margin: 0 20px 0 0;
}
.ppDelDetails .inputTiny {
  width: 16%;
  margin: 0 20px 0 0;
}
.ppDelDetails table {
  border-radius: 3px;
  float: left;
  margin-left: 10px;
  width: 25%;
  margin-top: 10px;
}
.ppDelDetails table th {
  background: #F5F5F5;
}
.ppDelDetails table th h3 {
  margin: 0;
  font-size: 20px;
  border-bottom: 1px solid #CCCCCC;
  padding: 5px;
}
.ppDelDetails table th p {
  padding: 5px;
  margin: 0;
  font-weight: 300;
}
.ppDelDetails table td {
  padding: 10px;
  vertical-align: middle;
}
.ppDelDetails table td h5 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 5px;
}
.ppDelDetails table td p {
  font-size: inherit;
  font-weight: 300;
}
.ppDelDetails table td img {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .ppDelDetails .ppDelDetails table {
    width: 100% !important;
  }
  .ppDelDetails .floatLeft {
    float: none;
  }
  .ppDelDetails .ppDelDetailsContainer {
    width: 100%;
    float: none;
  }
  .ppDelDetails .orderContainer {
    width: 100%;
    float: none;
    padding: 0;
  }
  .ppDelDetails .ppPaymentContainer {
    width: 100%;
    float: none;
  }
  .ppDelDetails .ppConfirmationContainer {
    width: 100%;
    float: none;
  }
}
@media only screen and (min-width: 481px) {
  .ppDelDetails .shoppingButtons {
    text-align: right !important;
    float: none;
  }
}
@media only screen and (max-width: 480px) {
  .ppDelDetails .shoppingButtons {
    margin: 25px 0px 10px !important;
    float: left !important;
    width: 100%;
  }
  .ppDelDetails .shoppingButtons .btn {
    width: 100%;
    clear: both;
  }
  .ppDelDetails .shoppingButtons .btn:first-child {
    margin: 0 0 10px;
  }
  .ppDelDetails .ppDelDetails table {
    margin-left: 0px!important;
  }
  .ppDelDetails .flLeft {
    float: none;
  }
  .ppDelDetails .inputDiv {
    width: 100%;
  }
  .ppDelDetails .inputTiny {
    width: 35%;
  }
  .ppDelDetails .emailInput {
    width: 100%!important;
  }
  .ppDelDetails .contactNumInput {
    width: 100%!important;
  }
  .ppDelDetails figure figcaption {
    line-height: 1;
  }
  .ppDelDetails .ppPaymentContainer .chooseCardDiv {
    text-align: center;
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  .ppDelDetails .ppPaymentContainer .chooseCardDiv button {
    margin-top: 0;
  }
  .ppDelDetails .ppPaymentContainer .orDiv {
    float: none;
    text-align: center;
    margin: 0 0 10px 0;
  }
  .ppDelDetails .ppPaymentContainer .ccDiv {
    width: 100%;
  }
  .ppDelDetails .ppPaymentContainer .ccDiv:last-child {
    margin-top: 0;
  }
  .ppDelDetails .ppPaymentContainer .otpInput {
    width: 100%;
  }
  .ppDelDetails .ppPaymentContainer .otpInput input {
    float: left;
    width: 30%;
  }
  .ppDelDetails .ppPaymentContainer .inputTiny {
    width: 45%;
  }
  .ppDelDetails .ppPaymentContainer .expInput {
    width: 45%;
    float: left;
  }
  .ppDelDetails .ppConfirmationContainer button {
    font-size: 11px;
  }
  .ppDelDetails .ppConfirmationContainer label {
    font-size: 11px;
  }
  .ppDelDetails .ppConfirmationContainer .fieldLabels {
    width: 25%;
  }
  .ppDelDetails .ppConfirmationContainer .fields {
    width: 73%;
  }
  .ppDelDetails .ppConfirmationContainer .confSent {
    word-break: break-all !important;
    display: block;
    margin-top: 20px;
    margin-left: 20px;
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 768px) {
  .ppDelDetails table,
  .floatLeft {
    width: 100% !important;
  }
  .margin-left {
    margin-left: 0 !important;
  }
  .floatLeft {
    float: none;
  }
}
@media print {
  * {
    visibility: hidden;
  }
  .printable * {
    visibility: visible;
  }
  .printable {
    position: absolute;
    top: 40px;
    left: 30px;
    text-align: center;
  }
  .printable th,
  .printable .tblStatic {
    border: 1px solid #DEDEDE;
  }
  .printable .mostPopular span {
    padding: 5px 0 5px  !important;
    color: #e60000  !important;
  }
}
.centralObjectDetails {
  /*Specifications*/
}
.centralObjectDetails .main-grid-full {
  border-top: 1px solid #CCCCCC;
}
.centralObjectDetails .specBox {
  float: left;
  width: 300px;
  padding-right: 15px;
}
.centralObjectDetails .specBox.first {
  margin-right: 12px;
}
.centralObjectDetails .specBox.last {
  margin-left: 11px;
  padding-right: 0px;
}
.centralObjectDetails .specBox h3 {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}
.centralObjectDetails .specBox h4 {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  margin-bottom: 10px;
}
.centralObjectDetails .specBox ul {
  list-style: disc;
  margin: 0 0 15px 19px;
}
.centralObjectDetails .specBox ul li {
  font-size: 13px;
  line-height: 19px;
  margin: 0 0 5px;
}
@media only screen and (max-width: 1023px) {
  .centralObjectDetails #specificationsTab {
    margin-left: 20px;
  }
  .centralObjectDetails #specificationsTab .specBox.last {
    margin-left: 0px;
  }
}
.promoPage h4 {
  color: #e60000;
  font-size: 20px;
  line-height: 30px;
  height: 90px;
}
.promoPage .column {
  float: left;
  padding: 0 10px;
  position: relative;
  text-align: center;
}
.promoPage .column div {
  height: 50px;
  padding: 12px 0;
}
.promoPage .column img {
  height: 200px;
}
.promoPage .column .btn {
  margin: 12px;
}
.promoPage .column .details {
  height: 85px;
}
.promoPage .size16 {
  font-size: 16px;
}
.promoPage .size20 {
  font-size: 20px;
}
.promoPage .bold {
  font-weight: bold;
}
.promoPage .red {
  color: #e60000;
}
.promoPage .row > .column:nth-child(4) {
  border-right: none;
}
@media only screen and (min-width: 767px) {
  .promoPage .column {
    width: 24%;
    border-right: 1px solid #ccc;
    margin: 15px 0;
    min-height: 526px;
  }
}
h1.toc-heading {
  border-bottom: 2px solid #CCCCCC;
  margin-bottom: 0;
  padding-bottom: 20px;
}
nav.table-of-contents-nav {
  float: left;
  width: 20%;
  margin-top: -1px;
  border-right: 1px solid #CCCCCC;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
nav.table-of-contents-nav ul li {
  border-top: 1px solid #CCCCCC;
  padding: 12px;
  cursor: pointer;
}
li.toc-selected {
  background: url("vodacom/framework/skins/vodacom_skins/img/toc-arrow.png") repeat-y scroll right center #696969;
  color: #fff;
  width: 108%;
  font-weight: 700;
  border-top: 0 !important;
  margin-top: 1px;
}
i[data-expand] {
  float: left;
  cursor: pointer;
  padding: 10px 0;
  display: inline-block;
  font-style: normal;
}
.table-of-contents {
  width: 80%;
  float: left;
  margin-bottom: 20px;
}
.table-of-contents .btn {
  float: right;
}
.table-of-contents .btn,
i[data-expand] {
  margin-top: 4%;
}
.table-of-contents hr,
nav.table-of-contents-nav article hr {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #ccc;
  clear: both;
  margin: 0;
  padding: 1% 0;
}
.table-of-contents form {
  clear: both;
  display: table;
  width: 100%;
}
.table-of-contents article .styleThese div.selector {
  float: left;
  width: 32% !important;
}
.table-of-contents article h3 {
  margin-top: 0;
}
.table-of-contents article {
  display: table;
  width: 100%;
  padding: 3%;
}
.table-of-contents li[data-collapse] {
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 1.5px rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0);
  -webkit-box-shadow: 1px 1px 1.5px rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0);
  box-shadow: 1px 1px 1.5px rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0);
  margin: 5px 0;
  padding: 15px;
}
.table-of-contents li[data-collapse]:nth-child(2n+1) {
  font-weight: bold;
  padding-left: 40px;
  margin: 10px 0;
}
@media only screen and (max-width: 769px) {
  nav.table-of-contents-nav {
    border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0);
    margin: 0 2px;
    padding: 0;
    float: none;
    width: 100%;
    clear: both;
    display: table;
  }
  nav.table-of-contents-nav li[data-title] q {
    font-weight: normal;
    font-size: 20px !important;
  }
  nav.table-of-contents-nav ul li {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/arrow-down-grey-lrg.png") no-repeat scroll 95% 20px;
    border-top: 1px solid #ADADAD;
    cursor: pointer;
    display: block;
    line-height: 1.2em;
    margin: 0;
    font-size: 14px;
    padding: 15px;
    position: relative;
    font-weight: normal;
  }
  nav.table-of-contents-nav li:first-child {
    border-top: 0 !important;
  }
  li.toc-selected {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/arrow-down-grey-lrg.png") no-repeat scroll 95% 20px #ffffff !important;
    border-top: 1px solid #ADADAD !important;
    width: auto;
    color: #333;
  }
  li[data-collapse]:nth-child(2n+1) {
    font-weight: 700;
  }
  li.toc-selected:first-child {
    border-radius: 5px 5px 0 0;
  }
  h1.toc-heading {
    border: 0;
  }
  .table-of-contents {
    float: none;
    width: 100%;
  }
  nav.table-of-contents-nav article ul li {
    background: none;
  }
  nav.table-of-contents-nav article {
    padding: 20px 0;
    font-weight: normal;
    width: 100%;
  }
  nav.table-of-contents-nav .btnWhite {
    display: none;
  }
  nav.table-of-contents-nav .btn,
  .btnPurple {
    margin-bottom: 0;
  }
  i[data-expand] {
    float: none;
    margin-top: 0;
  }
}
.table-of-contents-new {
  width: 80%;
  float: left;
  margin-bottom: 20px;
}
.table-of-contents-new .capsSlide > ul > li {
  cursor: pointer;
  list-style: none;
}
.table-of-contents-new h1.toc-heading {
  border-bottom: 2px solid #CCCCCC;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.table-of-contents-new nav.table-of-contents-nav {
  float: left;
  width: 23%;
  margin-top: -1px;
  border-right: 1px solid #CCCCCC;
  margin-bottom: 20px;
  padding-bottom: 20px;
  height: 43.8em;
}
.table-of-contents-new nav.table-of-contents-nav ul li {
  border-top: 1px solid #CCCCCC;
  padding: 12px;
  cursor: pointer;
}
.table-of-contents-new width_resize {
  width: 80%  !important;
}
.table-of-contents-new li.toc-selected {
  background: url("vodacom/framework/skins/vodacom_skins/img/toc-arrow.png") repeat-y scroll right center #696969;
  color: #fff;
  width: 108%;
  font-weight: 700;
  border-top: 0 !important;
  margin-top: 1px;
}
.table-of-contents-new i[data-expand] {
  float: left;
  cursor: pointer;
  padding: 10px 0;
  display: inline-block;
  font-style: normal;
}
.table-of-contents-new article {
  width: 77%;
  float: left;
  padding: 3%;
}
.table-of-contents-new .btn {
  float: right;
}
.table-of-contents-new .btn,
.table-of-contents-new i[data-expand] {
  margin-top: 4%;
}
.table-of-contents-new hr,
.table-of-contents-new nav.table-of-contents-nav article hr {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #ccc;
  clear: both;
  margin: 0;
  padding: 1% 0;
}
.table-of-contents-new form {
  clear: both;
  display: table;
  width: 100%;
}
.table-of-contents-new article .styleThese div.selector {
  float: left;
  width: 32% !important;
}
.table-of-contents-new article h3 {
  margin-top: 0;
}
.table-of-contents-new article li[data-collapse] {
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 1.5px rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0);
  -webkit-box-shadow: 1px 1px 1.5px rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0);
  box-shadow: 1px 1px 1.5px rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0);
  margin: 5px 0;
  padding: 15px;
}
.table-of-contents-new article li[data-collapse]:nth-child(2n+1) {
  font-weight: bold;
  padding-left: 40px;
  margin: 10px 0;
}
.table-of-contents-new select#extra {
  width: 33%;
}
.table-of-contents-new select#brand {
  width: 33%;
}
.table-of-contents-new select#type {
  width: 33%;
}
.table-of-contents-new h3.click {
  font-weight: normal;
  font-size: 20px !important;
}
.table-of-contents-new .innerHeading {
  display: none;
}
.table-of-contents-new h3 {
  font-weight: 700  !important;
  font-size: 20px  !important;
  color: #333333  !important;
  margin: 0px 0 10px  !important;
}
.table-of-contents-new div.howDo {
  padding: 0px  !important;
  border: none  !important;
}
.table-of-contents-new h3.click {
  margin: 0px !important;
  padding-bottom: 15px;
}
.table-of-contents-new .toc-selected a {
  color: white;
}
@media only screen and (max-width: 769px) {
  .table-of-contents-new {
    float: none;
    width: 100%;
  }
  .table-of-contents-new .interest .allBoxes .boxes {
    padding-bottom: 20px !important;
    vertical-align: top;
  }
  .table-of-contents-new nav.table-of-contents-nav {
    border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0);
    margin: 0 2px;
    padding: 0;
    float: none;
    width: 100%;
    clear: both;
    display: table;
  }
  .table-of-contents-new nav.table-of-contents-nav li[data-title] q {
    font-weight: normal;
    font-size: 20px !important;
  }
  .table-of-contents-new nav.table-of-contents-nav ul li {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/arrow-down-grey-lrg.png") no-repeat scroll 95% 20px;
    border-top: 1px solid #ADADAD;
    cursor: pointer;
    display: block;
    line-height: 1.2em;
    margin: 0;
    font-size: 14px;
    padding: 15px;
    position: relative;
    font-weight: normal;
  }
  .table-of-contents-new nav.table-of-contents-nav li:first-child {
    border-top: 0 !important;
  }
  .table-of-contents-new li.toc-selected {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/arrow-down-grey-lrg.png") no-repeat scroll 95% 20px #ffffff !important;
    border-top: 1px solid #ADADAD !important;
    width: auto;
    color: #333;
  }
  .table-of-contents-new li[data-collapse]:nth-child(2n+1) {
    font-weight: 700;
  }
  .table-of-contents-new li.toc-selected:first-child {
    border-radius: 5px 5px 0 0;
  }
  .table-of-contents-new h1.toc-heading {
    border: 0;
  }
  .table-of-contents-new nav.table-of-contents-nav article ul li {
    background: none;
  }
  .table-of-contents-new nav.table-of-contents-nav article {
    padding: 20px 0;
    font-weight: normal;
    width: 100%;
  }
  .table-of-contents-new nav.table-of-contents-nav .btnWhite {
    display: none;
  }
  .table-of-contents-new nav.table-of-contents-nav .btn,
  .table-of-contents-new .btnPurple {
    margin-bottom: 0;
  }
  .table-of-contents-new i[data-expand] {
    float: none;
    margin-top: 0;
  }
  .table-of-contents-new .noBorders {
    border: none  !important;
  }
  .table-of-contents-new div.videoSection.clearfix.noBorders {
    margin-bottom: 0px;
  }
  .table-of-contents-new .boxes > img {
    display: inline-block;
    float: left;
    margin-right: 10px;
  }
  .table-of-contents-new article {
    display: table;
    width: 100%;
    padding: 3%;
  }
  .table-of-contents-new nav.table-of-contents-nav {
    border: 1px solid #cccccc;
  }
  .table-of-contents-new nav.table-of-contents-nav,
  .table-of-contents-new h1.toc-heading {
    display: none !important;
  }
  .table-of-contents-new .videoSection .pdOpen .aslide ul li {
    float: none;
    font-size: 14px;
    line-height: 20px;
    line-height: 1.2em;
    margin: 0 0 8px;
    font-weight: normal;
    list-style: none;
    padding: 15px;
    border-bottom: 1px solid #cccccc;
  }
}
@media only screen and (max-width: 639px) {
  .table-of-contents-new .interest .allBoxes .boxes {
    padding-bottom: 92px !important;
  }
  .table-of-contents-new nav.table-of-contents-nav,
  .table-of-contents-new h1.toc-heading {
    display: none !important;
  }
  .table-of-contents-new .howDo .aAccord {
    margin-bottom: 0px  !important;
  }
  .table-of-contents-new .innerHeading {
    display: block;
  }
  .table-of-contents-new .interest h3 {
    color: #e60000 !important;
    font-weight: normal !important;
  }
  .table-of-contents-new .interest .allBoxes .boxes h3 {
    font-size: 20px !important;
    color: #333333 !important;
    font-weight: normal !important;
    margin-bottom: 0 !important;
    background: none !important;
    padding: 0 0 3px !important;
    width: 75%;
    height: 35px;
  }
  .table-of-contents-new .interest .allBoxes .boxes {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
    width: 100% !important;
    display: block;
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-right-lrg.png") no-repeat scroll 97% 20px rgba(0, 0, 0, 0);
    height: 50px;
  }
  .table-of-contents-new .interest .allBoxes .boxes p {
    color: #666666;
    display: inline-block;
    margin-bottom: 5px !important;
    width: auto !important;
    padding: 0 15px 0 0;
    padding-left: 50px;
  }
  .table-of-contents-new article#internet {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/arrow-down-grey-lrg.png") no-repeat scroll 95% 20px;
  }
  .table-of-contents-new .videoSection > div.pdClose {
    border-bottom: 1px solid #CCC;
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/arrow-down-grey-lrg.png") no-repeat scroll 95% 20px;
  }
  .table-of-contents-new div.videoBox.showInMobile.pdOpen {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 769px) {
  .table-of-contents-new .videoSection > div.pdClose {
    border-bottom: 1px solid #CCC;
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/arrow-down-grey-lrg.png") no-repeat scroll 95% 20px;
  }
  .table-of-contents-new div.videoBox.showInMobile.pdOpen {
    margin-left: 20px;
    margin-right: 20px;
  }
  .table-of-contents-new .videoBoxInner > .aslide > p {
    padding-left: 15px;
  }
  .table-of-contents-new .boxes > p {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
  }
  .table-of-contents-new .boxes > span {
    display: inline-block;
    font-weight: normal;
  }
  .table-of-contents-new .capsSlide > .msging {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin: 0 0 40px;
    padding: 0 0 0px;
  }
  .table-of-contents-new .capsSlide > ul > li {
    border-bottom: 1px solid #CCCCCC;
    border-radius: 0px;
  }
  .table-of-contents-new .howDo ul {
    list-style: none;
  }
  .table-of-contents-new .boxes h3 {
    float: left;
    font-family: Arial, sans-serif;
    font-size: 16px  !important;
    padding: 0px  !important;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
  }
  .table-of-contents-new .videoSection .pdClose .aslide {
    display: none;
    padding: 0 10px 15px !important;
    background: none  !important;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
    margin: 0 !important;
  }
  .table-of-contents-new select#brand {
    width: 100%;
  }
  .table-of-contents-new select#type {
    width: 100%;
  }
  .table-of-contents-new select#extra {
    width: 100%;
  }
  .table-of-contents-new a.btn.btnWhite {
    display: none;
  }
  .table-of-contents-new .innerHeading {
    display: block;
  }
  .table-of-contents-new .howDo {
    border-bottom: medium none  !important;
    margin-bottom: 0  !important;
    padding: 0  !important;
  }
  .table-of-contents-new .howDo .click {
    border-radius: 5px !important;
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 96% center #ffffff;
  }
  .table-of-contents-new .howDo .aAccord > .pdOpen {
    background-color: #FFF;
  }
  .table-of-contents-new .howDo .aAccord {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    background-color: #FFFFFF;
  }
  .table-of-contents-new .howDo .aAccord .pdClose h3.click {
    border-bottom: medium none;
    font-size: 20px  !important;
    font-weight: normal !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
  }
  .table-of-contents-new .howDo .aAccord .pdClose .capsSlide {
    display: none;
    padding: 0 20px 15px;
    background-color: #ffffff  !important;
  }
  .table-of-contents-new .howDo .aAccord .pdClose .capsSlide p {
    margin: 0;
  }
  .table-of-contents-new .howDo .aAccord .pdOpen h3.click {
    border-bottom: medium none;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
    background: none  !important;
  }
  .table-of-contents-new .howDo .aAccord .pdOpen .capsSlide {
    display: block;
    padding: 0 20px 15px;
    background: none  !important;
  }
  .table-of-contents-new .howDo .aAccord .pdOpen .capsSlide p {
    margin: 0;
  }
}
.basketBack {
  padding-bottom: 5px;
}
.shopBasket {
  margin: 0 0 40px;
}
.shopBasket .item-price {
  float: right;
  padding-top: 10px;
}
.shopBasket .basketTop {
  margin: 0 0 40px;
  padding: 15px;
  background: none repeat scroll 0 0 #f4f4f4;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
  width: 100%;
}
.shopBasket .basketTop em {
  font-style: normal;
}
.shopBasket .basketTop em strong {
  font-size: 20px;
  font-weight: normal;
}
.shopBasket .basketTop div {
  position: relative;
  top: -10px;
  margin: 0;
}
.shopBasket .shoppingButtons {
  float: right;
  margin: 0 0 40px;
}
.shopBasket .shoppingButtons .btn {
  margin: 0;
  width: inherit;
}
.shopBasket .shoppingButtons .btnWhite {
  margin: 0 10px 0 0;
}
.shopBasket table {
  width: 100%;
  border: 1px solid #CCCCCC;
  border-collapse: separate;
  border-left: 0;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-spacing: 0px;
  margin: 0 0 20px;
  float: left;
}
.shopBasket table thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
  border-collapse: separate;
}
.shopBasket table tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.shopBasket table th,
.shopBasket table td {
  padding: 15px;
  vertical-align: top;
  border-left: 1px solid #CCCCCC;
}
.shopBasket table td {
  border-top: 1px solid #CCCCCC;
}
.shopBasket table thead:first-child tr:first-child th:first-child,
.shopBasket table tbody:first-child tr:first-child td:first-child {
  -moz-border-radius: 5px 0 0 0;
  -ms-border-radius: 5px 0 0 0;
  -o-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}
.shopBasket table thead:last-child tr:last-child th:first-child,
.shopBasket table tbody:last-child tr:last-child td:first-child {
  -moz-border-radius: 0 0 0 5px;
  -ms-border-radius: 0 0 0 5px;
  -o-border-radius: 0 0 0 5px;
  -webkit-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.shopBasket table thead tr th:first-child {
  background: none repeat scroll 0 0 #f4f4f4;
}
.shopBasket table thead tr th:last-child,
.shopBasket table tbody tr td:last-child {
  background: none repeat scroll 0 0 #F4F8F0;
  border-left: 1px solid #A5D17A;
  text-align: center;
  width: 15%;
}
.shopBasket table h5 {
  margin: 0 0 5px;
}
.shopBasket table strong {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
.shopBasket table .noBorderLeft {
  border-left: none;
}
.shopBasket table .noBorderTop {
  border-top: none;
}
.shopBasket table .productMain {
  width: 35%;
}
.shopBasket table .textRight {
  text-align: right;
}
.shopBasket table .mainProductTitle {
  display: block;
  float: left;
  width: 80%;
  margin: 5px 0 10px;
}
.shopBasket table .add,
.shopBasket table .remove {
  padding: 5px 30px 5px 0;
  float: right;
}
.shopBasket table .add {
  background: url("vodacom/framework/skins/vodacom_skins/img/add.png") no-repeat right center;
}
.shopBasket table .remove {
  background: url("vodacom/framework/skins/vodacom_skins/img/remove.png") no-repeat right center;
}
.shopBasket table .quantity {
  margin: 10px 0 0;
}
.shopBasket table .quantity a {
  width: 36px;
  display: inline-block;
  padding: 8px 0  !important;
  margin: 0;
  margin-top: -4px !important;
}
.shopBasket table .quantity input {
  width: 48px;
  margin: 0 5px;
}
.shopBasket table figure {
  min-height: 230px;
  max-height: 400px;
  max-width: 250px;
  position: relative;
  width: 250px;
}
.shopBasket table figure img {
  left: 0;
  margin: auto;
  max-height: 400px;
  max-width: 250px;
  position: absolute;
  right: 0;
  top: 0;
}
.shopBasket table .recommendedAccessories {
  margin: 0 0 20px;
  padding: 15px 15px 5px;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
  width: 100%;
}
.shopBasket table .recommendedAccessories h4 {
  margin: 0 0 10px;
}
.shopBasket table .recommendedAccessories figure,
.shopBasket table .recommendedAccessories .details {
  display: inline-block;
  float: left;
}
.shopBasket table .recommendedAccessories figure {
  margin: 0 10px 10px 0;
  max-height: 60px;
  max-width: 60px;
  position: relative;
  width: 60px;
}
.shopBasket table .recommendedAccessories figure img {
  left: 0;
  margin: auto;
  max-height: 60px;
  max-width: 60px;
  position: absolute;
  right: 0;
  top: 0;
}
.shopBasket table .recommendedAccessories .item {
  margin: 0 0 20px;
  float: left;
  width: 100%;
}
.shopBasket table .recommendedAccessories .item .details {
  width: 55%;
  margin: 0 10px 5px 0;
}
.shopBasket table .recommendedAccessories .item .details ins {
  text-decoration: none;
}
.shopBasket .shoppingCheckBoxes {
  margin: 0 0 20px;
  float: left;
}
@media only screen and (max-width: 1000px) {
  .shopBasket table {
    width: 100%;
  }
  .shopBasket table .productMain {
    width: 180px;
  }
  .shopBasket table figure {
    min-height: 230px;
    max-height: 350px;
    max-width: 180px;
    position: relative;
    width: 180px;
  }
  .shopBasket table figure img {
    left: 0;
    margin: auto;
    max-height: 350px;
    max-width: 180px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .shopBasket table .recommendedAccessories .item .details {
    width: 160px;
  }
}
@media only screen and (max-width: 750px) {
  .shopBasket table {
    width: 100%;
  }
  .shopBasket table .productMain {
    width: 100px;
  }
  .shopBasket table figure {
    min-height: 200px;
    max-height: 200px;
    max-width: 100px;
    position: relative;
    width: 100px;
  }
  .shopBasket table figure img {
    left: 0;
    margin: auto;
    max-height: 200px;
    max-width: 100px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .shopBasket table .recommendedAccessories .item .details {
    width: 140px;
  }
}
@media only screen and (max-width: 640px) {
  .shopBasket .basketTop em {
    display: block;
  }
  .shopBasket .basketTop div {
    margin: 10px 0 0;
    position: static;
    top: 0;
  }
  .shopBasket .shoppingButtons {
    float: left;
    width: 100%;
  }
  .shopBasket .shoppingButtons .btn {
    width: 100%;
    clear: both;
  }
  .shopBasket .shoppingButtons a:first-child {
    margin: 0 0 10px;
  }
  .shopBasket table {
    width: 100%;
  }
  .shopBasket table .mainProductTitle {
    width: 100%;
  }
  .shopBasket table .productMain {
    width: 0;
    padding: 0;
  }
  .shopBasket table figure {
    min-height: 120px;
    max-height: 120px;
    max-width: 60px;
    position: relative;
    width: 60px;
    float: left;
  }
  .shopBasket table figure img {
    left: 0;
    margin: auto;
    max-height: 120px;
    max-width: 60px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .shopBasket table .recommendedAccessories {
    margin: 0;
    padding: 0;
    border: none;
  }
}
@media only screen and (max-width: 500px) {
  .shopBasket table {
    width: 99%;
  }
  .shopBasket table figure img {
    padding-left: 5px;
  }
  .shopBasket table .quantity input {
    width: 30px;
    margin: 0px!important;
  }
  .shopBasket table .quantity a {
    width: 30px!important;
  }
  .shopBasket table .recommendedAccessories .item .details {
    width: 100px!important;
  }
  .smalltext {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .smalltext strong {
    font-size: 9px!important;
  }
  .smalltext span {
    font-size: 9px!important;
  }
  h4,
  h5,
  h6 {
    font-size: 12px!important;
  }
}
.roaming div {
  margin-bottom: 20px;
}
.roaming table {
  margin-top: 10px;
  width: 100%;
  border-spacing: 0;
}
.roaming th {
  font-weight: normal;
}
.roaming td {
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 40%;
}
.headingText {
  padding: 0;
  display: block;
  font-weight: bold;
}
.headingText h3 {
  margin-bottom: 0;
  display: block;
  color: #000000  !important;
  width: auto  !important;
}
.headingText span {
  font-weight: normal;
  margin-bottom: 10px;
}
.Zone {
  text-align: left;
  width: 20%;
  padding-right: 10px;
  border-bottom: 1px solid #ccc;
}
.MB {
  text-align: left;
  width: 70%;
  border-bottom: 1px solid #ccc;
}
.roamingtablenote {
  margin-top: 20px;
  margin-bottom: 20px;
}
.roamingtablenote ul {
  margin-left: 15px  !important;
  padding-bottom: 20px;
  list-style: disc;
}
@media only screen and (max-width: 639px) {
  .pdOpen .slide ul {
    padding-left: 20px !important;
  }
  .pdOpen {
    background-color: #F4F4F4;
  }
}
.vodafoneProtect {
  margin: 0 0 34px;
  overflow: hidden;
  padding: 0 0 6px;
}
.vodafoneProtect > div > h3 {
  padding-bottom: 30px;
}
.vodafoneProtect .boxes {
  float: left;
  padding: 0 0 5px;
  width: 33.3%;
}
.vodafoneProtect .boxes img {
  float: left;
  margin: 0 10px 0 0;
  height: 27px;
  max-width: 100%;
}
.vodafoneProtect .boxes h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin: 0 0 15px;
}
.vodafoneProtect .boxes p {
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  width: 100%;
  margin: 0 0 10px;
}
.vodafoneProtect .boxes ol {
  list-style: decimal;
  padding: 0 0 0 20px;
}
.vodafoneProtect .boxes ol li {
  padding: 0 0 10px 0;
}
.vodafoneProtect .boxes ul {
  border: medium none  !important;
  margin: 0  !important;
  display: table;
  width: 100%;
  list-style: none;
}
.vodafoneProtect .boxes ul li {
  float: none;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 8px;
}
.vodafoneProtect .boxes ul li a {
  padding: 0 !important;
}
.vodafoneProtect .boxes ul li span {
  clear: both;
  display: block;
  font-size: 14px;
  margin: 5px 0 0;
}
.vodafoneProtect .boxesInner {
  padding: 0 50px 0 0;
}
.vodafoneProtect .boxes:first-child ul li:nth-child(even) {
  padding-bottom: 10px;
}
.vodafoneProtect .boxes:first-child ul li:nth-child(odd) {
  font-weight: bold;
}
.vodafoneProtect .boxes:last-child > ul {
  list-style: disc;
  margin-left: 15px  !important;
}
.screen-768 .vodafoneProtect .boxesInner {
  padding: 0 15px 0 0  !important;
}
@media only screen and (max-width: 639px) {
  .pdClose h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 96% center #ffffff;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 14px;
    line-height: 25px;
    cursor: pointer;
  }
  .pdClose .slide {
    display: none;
    padding: 0 10px 15px;
    background-color: #FFFFFF;
    overflow: hidden;
  }
  .pdClose .slide ul {
    border: none  !important;
    padding: 0  !important;
    margin: 0  !important;
  }
  .pdOpen h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 96% center #f4f4f4;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 14px;
    line-height: 25px;
    cursor: pointer;
  }
  .pdOpen .slide {
    display: block;
    padding: 0 10px 15px;
    background-color: #f4f4f4;
    overflow: hidden;
  }
  .pdOpen .slide ul {
    border: none  !important;
    padding: 0  !important;
    margin: 0  !important;
  }
  .pdOpen .slide .boxes {
    margin-bottom: 10px;
    width: 100%;
    float: left;
  }
  .pdOpen .slide .boxes h3 {
    margin: 20px 0 15px  !important;
    font-size: 16px  !important;
  }
  .vodafoneProtect {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.upgrade h2 {
  color: #e60000;
}
.upgrade .page-title {
  background-image: url("vodacom/framework/skins/vodacom_skins/img/app-store/iconEntrust.png");
  background-position: 100% center;
  background-repeat: no-repeat;
  overflow: auto;
  padding: 15px 50px 10px 0;
  margin: 0 0 10px;
}
.upgrade .stage {
  margin-bottom: 40px;
}
.upgrade .stage > ul > li {
  float: left;
  text-align: center;
  width: 25%;
}
.upgrade .stage > ul > li > img {
  display: block;
  margin: 0 auto 10px;
  position: relative;
  z-index: 1;
}
.upgrade .stage > ul > li.pageNum {
  display: none;
}
.upgrade .stage > ul > li.stageHr {
  margin-left: -11%;
  margin-right: -11%;
}
.upgrade #sectionLabel1,
.upgrade #sectionLabel2,
.upgrade #sectionLabel3 {
  padding-left: 5px;
}
.upgrade section.information {
  margin-top: 20px;
}
.upgrade section.information > ul > li {
  list-style: disc;
  margin-left: 20px !important;
  display: list-item;
  /*> li {
                display: list-item;
            }*/
}
.upgrade section.information > table tr td {
  vertical-align: middle;
}
.upgrade section.information > label > span > a {
  text-decoration: underline;
}
.upgrade .confirm {
  margin: 20px 0;
}
.upgrade button {
  margin-bottom: 0;
}
.upgrade input {
  border: 1px solid;
}
.upgrade i.required {
  color: #e60000;
  font-weight: bold;
}
.upgrade .contactDeliveryContainer {
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 70%;
  float: left;
  margin: 10px 0 10px 0;
  padding: 10px !important;
  position: relative;
  z-index: 1;
}
.upgrade .contactDeliveryContainer > section > label {
  margin-top: 10px;
}
.upgrade .contactDeliveryContainer > section > div {
  margin-top: 10px;
  margin-bottom: 10px;
}
.upgrade .contactDeliveryContainer > section > div > span {
  padding-top: 30px;
  padding-left: 10px;
  float: left;
}
.upgrade .contactDeliveryContainer > section .selected {
  border-color: #428600;
}
.upgrade .contactDeliveryContainer section.address {
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 20px;
}
.upgrade .contactDeliveryContainer section.address > label {
  font-weight: bold;
}
.upgrade .contactDeliveryContainer section.address div.delDetails {
  margin-top: 20px;
  margin-left: 80px;
}
.upgrade .contactDeliveryContainer section.address div.delDetails > div > input,
.upgrade .contactDeliveryContainer section.address div.delDetails > div > select {
  width: 180px;
}
.upgrade .contactDeliveryContainer section.address div.delDetails > div > label {
  width: 120px;
  text-align: right;
  padding-right: 20px;
}
.upgrade .contactDeliveryContainer .inputDiv {
  margin: 0 10px 10px 0;
  display: inline-block;
  float: left;
  width: 220px;
}
.upgrade .contactDeliveryContainer .inputDiv label {
  display: block;
}
.upgrade .contactDeliveryContainer .inputDiv input {
  width: 200px;
}
.upgrade .contactDeliveryContainer i.selected {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent;
  background-position: -92px -54px;
  height: 30px;
  width: 30px;
}
.upgrade .contactDeliveryContainer i.down {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent;
  background-position: -28px -159px;
  height: 10px;
  width: 30px;
  margin-top: 8px;
}
.upgrade > aside.order {
  float: right;
  width: 26%;
}
.upgrade > aside.order .title {
  background-color: #f4f4f4;
  font-weight: bold;
  line-height: 40px;
  padding-left: 5px;
  padding-top: 0 !important;
  border-bottom: 1px solid #cacaca;
}
.upgrade > aside.order > div > img {
  float: left;
}
.upgrade > aside.order > div > ul {
  float: right;
  width: 70%;
}
.upgrade > aside.order > div > ul > ul {
  margin-top: 20px !important;
}
.upgrade > aside.order .total {
  background-color: #f4f4f4;
  padding: 10px 10px 10px 10px;
  margin-top: 10px;
}
.upgrade .quote > table tr > td {
  padding: 5px 5px;
}
.upgrade .quote > table tr > td.align-right {
  text-align: right;
}
.upgrade .quote > table > thead td.col0 {
  width: 60%;
}
.upgrade .quote > table > thead td.col1 {
  width: 20%;
}
.upgrade .quote > table > thead td.col2 {
  width: 20%;
}
.upgrade .quote > table > tbody > tr.phone-title > td > img {
  position: absolute;
}
.upgrade .quote > table > tbody tr .col0 {
  padding-left: 100px;
  padding-bottom: 10px;
}
.upgrade .quote > table > tbody tr .col0 label {
  padding-top: 20px;
  font-weight: bold;
}
.upgrade .quote > table > tbody tr .indent {
  padding-left: 120px;
}
.upgrade .quote > table > tbody tr .insurance-item > table {
  border: 1px dotted;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 20px;
  width: 100%;
}
.upgrade .quote > table > tbody tr .insurance-item > table tbody > tr td {
  /*padding: 20px 0 20px 2% !important;*/
  padding-top: 20px;
  padding-bottom: 20px;
}
.upgrade .quote > table > tbody tr .insurance-item > table tbody > tr td > div {
  /*width: 65px;*/
  /*width: 90px;*/
}
.upgrade .quote > table > tbody tr .insurance-item > table tbody > tr td.col0 {
  width: 20%;
  float: left;
  padding-left: 5%;
  padding-right: 5%;
}
.upgrade .quote > table > tbody tr .insurance-item > table tbody > tr td.col1 {
  width: 50%;
  float: left;
  padding-left: 5%;
}
.upgrade .quote > table > tbody tr .insurance-item > table tbody > tr td.col1 > div {
  float: left;
  margin-bottom: 10px;
  width: 65px;
}
.upgrade .quote > table > tbody tr .insurance-item > table tbody > tr td.col1 > div > div {
  margin-bottom: 10px;
}
.upgrade .quote > table > tbody tr .insurance-item > table tbody > tr td.col1 .cell1 {
  padding-left: 30px;
}
.upgrade .quote > table > tbody tr .insurance-item > table tbody > tr td.col2 {
  float: left;
  width: 25%;
  padding-left: 5%;
}
.upgrade .quote > table > tbody tr .address > div .line2 {
  display: inline-block;
}
.upgrade section.otp {
  padding-top: 40px;
}
.upgrade section.otp label {
  font-weight: bold;
}
.upgrade section.otp input {
  width: 100px;
}
.upgrade section.otp label,
.upgrade section.otp div,
.upgrade section.otp input {
  margin: 10px;
}
.upgrade > section.box {
  padding: 0;
}
.upgrade > section.box > p {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 60px;
}
.upgrade > section.box > i {
  margin-top: 15px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.upgrade .confirmation {
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 70%;
  float: left;
  margin: 10px 0 10px 0;
  padding: 10px !important;
  position: relative;
  z-index: 1;
}
.upgrade .confirmation > div.details {
  margin-top: 20px;
}
.upgrade .confirmation > div.details > table {
  width: 60%;
  float: left;
}
.upgrade .confirmation > div.details > table tr td {
  padding: 5px;
  vertical-align: middle;
}
.upgrade .confirmation > div.details > table tr td.reference-number {
  font-size: 1.8em;
}
.upgrade .confirmation > div.details > aside {
  width: 30%;
  float: left;
  margin-top: 40px;
  margin-left: 20px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media only screen and (max-width: 817px) {
  .upgrade .contactDeliveryContainer {
    width: auto;
    float: none;
  }
  .upgrade > aside.order {
    float: none;
    width: 250px;
  }
  .upgrade .quote > table > tbody tr .insurance-item > table tbody > tr td.col1 > div {
    float: none;
  }
  .upgrade .quote > table > tbody tr .insurance-item > table tbody > tr td.col1 .cell1 {
    padding-left: 0;
  }
  .upgrade .confirmation {
    width: auto;
    float: none;
  }
}
@media only screen and (max-width: 560px) {
  .upgrade .contactDeliveryContainer > section > div > span {
    float: left;
    width: 30%;
    padding-top: 20px;
    padding-left: 20px;
  }
  .upgrade .contactDeliveryContainer .inputDiv {
    float: left;
    width: 50%;
  }
  .upgrade .contactDeliveryContainer .inputDiv input {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .upgrade {
    font-size: 0.8em;
  }
  .upgrade button {
    width: 100%;
    margin: 5px 0;
  }
  .upgrade .stage > ul > li {
    display: none;
    width: 50%;
    text-align: left;
  }
  .upgrade .stage > ul > li.active,
  .upgrade .stage > ul li.pageNum {
    display: block;
  }
  .upgrade .stage > ul > li.active img {
    display: inline-block;
    padding-top: 5px;
  }
  .upgrade .stage > ul > li.pageNum > span {
    float: right;
    padding: 15px;
  }
  .upgrade .contactDeliveryContainer > section.address > form {
    margin: 20px;
  }
  .upgrade .contactDeliveryContainer > section.address > form > div > input,
  .upgrade .contactDeliveryContainer > section.address > form > div > select {
    width: 100%;
  }
  .upgrade .contactDeliveryContainer > section.address > form > div > label {
    width: auto;
    text-align: left;
    padding-right: 0;
  }
  .upgrade > aside.order {
    width: 100%;
  }
  .upgrade .quote > table > thead td.col0 {
    width: 55%;
  }
  .upgrade .quote > table > thead td.col1 {
    width: 15%;
  }
  .upgrade .quote > table > thead td.col2 {
    width: 30%;
  }
  .upgrade .quote > table > tbody > tr.phone-title > td > img {
    width: 50px;
  }
  .upgrade .quote > table > tbody tr .col0 {
    padding-left: 60px;
  }
  .upgrade .quote > table > tbody tr .details {
    padding-left: 0;
  }
  .upgrade .quote > table > tbody tr .insurance-item {
    padding-left: 0;
  }
  .upgrade .quote > table > tbody tr .insurance-item > table {
    padding: 10px;
  }
  .upgrade .quote > table > tbody tr .insurance-item > table tbody > tr td {
    padding: 20px 0% 20px 5%;
  }
  .upgrade .quote > table > tbody tr .insurance-item > table tbody > tr td.col1 {
    padding-left: 10%;
  }
  .upgrade .quote > table > tbody tr .indent {
    padding-left: 20px;
  }
  .upgrade .confirmation > div.head > aside > button {
    width: auto;
    font-size: 1em;
  }
  .upgrade .confirmation > div.details > table {
    width: 100%;
  }
  .upgrade .confirmation > div.details > aside {
    width: 100%;
    padding: 20px;
    margin-left: 0;
  }
}
.product-details .tab-item {
  /*> section {
            border-bottom: 3px solid lightgrey;
        }*/
}
.product-details .tab-item p {
  margin-top: 10px;
}
.product-details .tab-item > .section1 {
  /*background: url("vodacom/framework/skins/assets/img/pro1.png") no-repeat 80% 40%;*/
}
.product-details .tab-item > .section1 > .intro {
  width: 60%;
}
.product-details .tab-item > .section1 > .item1 {
  float: left;
  width: 30%;
  padding: 5px;
}
.product-details .tab-item > .section1 > .item1 img {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}
.product-details .tab-item > .section1 > .item2 {
  float: left;
  width: 30%;
  padding: 5px;
}
.product-details .tab-item > .section1 > .item2 img {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}
.product-details .tab-item > .section1 > .img1 {
  margin-left: 20px;
  float: left;
  margin-bottom: 20px;
}
.product-details .tab-item > .section2 {
  margin-top: 20px;
}
.product-details .tab-item > .section2 > .img1 {
  float: left;
  margin-right: 20px;
}
.product-details .tab-item > .section2 > .item1 {
  float: left;
  width: 30%;
  padding: 5px;
}
.product-details .tab-item > .section2 > .item1 img {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}
.product-details .tab-item > .section2 > .item2 {
  float: left;
  width: 30%;
  padding: 5px;
}
.product-details .tab-item > .section2 > .item2 img {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}
/*@media only screen and (max-width:1024px) {
}*/
@media only screen and (max-width: 480px) {
  .mod-tabs-template .tabsTemplate li p {
    padding-left: 0;
    height: auto;
    padding-bottom: 0;
  }
  .product-details .tab-item > .section1 {
    /*background: url("vodacom/framework/skins/assets/img/pro1.png") no-repeat 80% 40%;*/
  }
  .product-details .tab-item > .section1 > .intro {
    width: 55%;
    float: left;
  }
  .product-details .tab-item > .section1 > .item1 {
    float: right;
    width: 40%;
    padding: 5px;
  }
  .product-details .tab-item > .section1 > .item1 img {
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .product-details .tab-item > .section1 > .item2 {
    float: right;
    width: 40%;
    padding: 5px;
  }
  .product-details .tab-item > .section1 > .item2 img {
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .product-details .tab-item > .section2 {
    margin-top: 20px;
  }
  .product-details .tab-item > .section2 > .img1 {
    float: left;
    width: 28%;
    margin-right: 0;
  }
  .product-details .tab-item > .section2 > .intro {
    width: 65%;
    float: right;
  }
  .product-details .tab-item > .section2 > .item1 {
    float: right;
    width: 65%;
    padding: 5px;
  }
  .product-details .tab-item > .section2 > .item1 img {
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .product-details .tab-item > .section2 > .item2 {
    float: right;
    width: 65%;
    padding: 5px;
  }
  .product-details .tab-item > .section2 > .item2 img {
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  /*.product-details {
        .tab-item > section {
            > section {
                float: left;
                width: 70%;

                > div > .col-xs {
                    width: auto;
                }
            }

            > aside {
                float: left;
                width: 30%;
            }
        }
    }*/
}
.howDo_cloud {
  margin-top: 0  !important;
  margin: 14px 0 30px;
  padding: 30px 0 20px;
}
.howDo_cloud h3 {
  margin: 0 0 20px;
}
.howDo_cloud span {
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 10px;
}
.howDo_cloud ul {
  display: table;
  padding: 0 0 15px;
  width: 100%;
  list-style: disc inside none;
}
.howDo_cloud ul li {
  float: none;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 8px;
}
.howDo_cloud p {
  font-size: 16px;
  line-height: 24px;
}
.howDo_cloud .vodafoneCloud h1 {
  margin-left: 20px;
  font-size: 20px;
  font-family: Arial, sans-serif;
  color: black;
}
.howDo_cloud .vodafoneCloud h2 {
  margin-left: 2px;
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: black;
}
.howDo_cloud .vodafoneCloud #onComputer {
  border-left: 1px solid #bed2e9;
  display: inline-block;
}
.howDo_cloud .vodafoneCloud article {
  background: none repeat scroll 0 0 #FFFFFF;
  float: left;
  margin: 0 15px 18px 0px;
  min-height: 20px;
  padding: 22px 0;
  position: relative;
  display: inline-block;
  width: 31%;
}
.howDo_cloud .vodafoneCloud div {
  margin: 15px 0 15px 0;
}
.howDo_cloud .vodafoneCloud img {
  float: left;
  margin: 0 10px 10px 20px;
  height: 51px;
  max-width: 100%;
  padding-left: 5px;
  width: 61px;
}
.howDo_cloud .vodafoneCloud h3 {
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  margin: 0 0 23px 0;
  padding: 6px 0 0;
  text-align: left;
  font-family: Arial, sans-serif;
}
.howDo_cloud .vodafoneCloud p {
  font-size: 15px;
  line-height: 18px;
  overflow: hidden;
  width: 100%;
  margin: 0 0 5px 20px;
  text-align: left;
  font-family: Arial, sans-serif;
}
.howDo_cloud .vodafoneCloud a {
  color: black;
}
.howDo_cloud .vodafoneCloud .onCellphone {
  margin-bottom: 20px;
  margin-top: 0px;
}
.howDo_cloud .vodafoneCloud .middleColumn {
  margin-top: 0px;
  display: inline-block;
  margin-left: 0px;
}
@media only screen and (max-width: 1800px) {
  .howDo_cloud .vodafoneCloud .onCellphone {
    margin-bottom: 50px;
  }
  .howDo_cloud .vodafoneCloud .middleColumn {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .howDo_cloud .vodafoneCloud article {
    width: 205px;
  }
  .howDo_cloud .vodafoneCloud .onCellphone {
    margin-bottom: 20px;
    margin-top: 0px;
  }
  .howDo_cloud .vodafoneCloud .middleColumn {
    margin-top: 35px;
    margin-bottom: 20px;
  }
  .howDo_cloud .vodafoneCloud article {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  .howDo_cloud .vodafoneCloud .Heading {
    margin: 10px 0px 10px 20px;
  }
}
@media only screen and (max-width: 639px) {
  .vodafoneCloud article {
    background-color: #f4f4f4 !important;
    width: 205px !important;
  }
  .vodafoneCloud .onCellphone {
    background-color: #f4f4f4 ;
    margin-bottom: 20px !important;
    margin-top: 0px !important;
  }
  .vodafoneCloud .middleColumn {
    margin-top: 35px !important;
    margin-bottom: 20px !important;
  }
  .vodafoneCloud article {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
  }
  .vodafoneCloud .Heading {
    margin: 10px 0px 10px 20px !important;
  }
  .vodafoneCloud .onCellphone {
    margin-bottom: 20px !important;
    margin-top: 0px !important;
  }
  .vodafoneCloud .middleColumn {
    margin-top: 22px !important;
    margin-bottom: 20px !important;
  }
  .vodafoneCloud #onComputer {
    border-top: 1px solid #bed2e9;
    border-left: none !important;
  }
  .vodafoneCloud article {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  .vodafoneCloud .Heading {
    margin: 10px 0px 10px 20px;
  }
  .howDo_cloud {
    border-bottom: medium none  !important;
    margin-bottom: 0  !important;
    margin-top: 5px  !important;
    padding: 0  !important;
  }
  .howDo_cloud ul {
    background-color: #f4f4f4;
  }
  .howDo_cloud .click {
    border-radius: 5px !important;
  }
  .howDo_cloud .adslAccord_cloud {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-bottom: 25px;
    padding: 0px;
    background-color: #FFFFFF;
    margin-bottom: 10px;
  }
  .howDo_cloud .adslAccord_cloud .pdClose_cloud h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 96% center #ffffff  !important;
    border-bottom: medium none;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
  }
  .howDo_cloud .adslAccord_cloud .pdClose_cloud .adslSlide_cloud {
    display: none;
    padding: 0 10px 15px;
    background-color: #ffffff  !important;
    margin-top: 10px;
  }
  .howDo_cloud .adslAccord_cloud .pdClose_cloud .adslSlide_cloud p {
    margin: 0;
  }
  .howDo_cloud .adslAccord_cloud .pdClose_cloud .pdOpen .adslSlide_cloud {
    display: block;
    padding: 10px 10px 15px  !important;
    background-color: #f4f4f4 !important;
    margin-top: 10px;
  }
  .howDo_cloud .adslAccord_cloud .pdClose_cloud .adslAccord_cloud {
    display: block;
    padding: 0px  !important;
    background-color: #f4f4f4 !important;
    margin-bottom: 10px;
  }
  .howDo_cloud .adslAccord_cloud .pdOpen h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 96% center #f4f4f4  !important;
    border-bottom: medium none;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
  }
  .howDo_cloud .adslAccord_cloud .pdOpen .adslSlide_cloud {
    display: block;
    padding: 0 10px 15px;
    background-color: #f4f4f4 !important;
    margin-top: 10px;
  }
  .howDo_cloud .adslAccord_cloud .pdOpen .adslSlide_cloud p {
    margin: 0;
  }
}
.vodafoneContacts {
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #cacaca;
  display: inline-block;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  clear: both;
  float: right;
  width: 40%;
  background: #f4f4f4;
}
.vodafoneContacts h3 {
  margin: 15px;
}
.vodafoneContacts p {
  margin: 0 0 40px;
  line-height: 18px;
}
.vodafoneContacts a {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 16px;
  text-decoration: none;
  color: #9c2aa0;
}
.vodafoneContacts .leftImg {
  margin: 0 20px 0 0;
}
@media only screen and (max-width: 640px) {
  .vodafoneContacts {
    clear: both;
    width: 100%;
  }
}
.toGetVodafoneContacts {
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}
.toGetVodafoneContacts h3 {
  margin: 0 0 30px;
  color: black;
  font-weight: bold;
  font-size: 22px;
}
.toGetVodafoneContacts h4 {
  margin: 0 0 15px;
}
.toGetVodafoneContacts p {
  margin: 0 0 10px;
  line-height: 18px;
}
.toGetVodafoneContacts .appBox {
  display: inline-block;
  width: 224px;
  min-width: 222px;
  margin-top: 10px;
}
.toGetVodafoneContacts .appBox .appStoreIcon {
  height: 51px;
}
.toGetVodafoneContacts .appBox .appStoreIcon .icon {
  margin-right: 10px;
}
.toGetVodafoneContacts .appBox .appStoreIcon .iconText {
  display: inline-block;
  padding-top: 6px;
  vertical-align: top;
  font-weight: bold;
}
.toGetVodafoneContacts .appBox .appStoreIcon .iconText .supText {
  font-size: 8px;
  padding: 0;
}
.toGetVodafoneContacts .appBox .appStoreLink {
  clear: both;
  float: left;
}
.toGetVodafoneContacts .appBox .appStoreLink .appStoreLinkText {
  color: black;
  text-decoration: underline;
}
@media only screen and (max-width: 639px) {
  .toGetVodafoneContacts {
    border: 1px solid #cccccc;
    border-radius: 5px;
  }
  .toGetVodafoneContacts .pdClose h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 96% center #ffffff;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 40px 20px 10px;
    line-height: 25px;
    cursor: pointer;
  }
  .toGetVodafoneContacts .pdClose .slide {
    display: none;
    padding: 0 10px 15px;
    background-color: #FFFFFF;
    overflow: hidden;
  }
  .toGetVodafoneContacts .pdOpen h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 96% center #f4f4f4;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 40px 20px 10px;
    line-height: 25px;
    cursor: pointer;
  }
  .toGetVodafoneContacts .pdOpen .slide {
    display: block;
    padding: 0 10px 15px;
    background-color: #f4f4f4;
    overflow: hidden;
  }
}
@media only screen and (min-width: 574px) {
  .rightBox {
    margin-left: 60px;
  }
}
@media only screen and (max-width: 501px) {
  .toGetVodafoneContacts .appBox {
    clear: both;
    float: left;
  }
  .toGetVodafoneContacts .rightBox {
    clear: both;
    float: left;
    margin-left: 0;
  }
}
.howDo_plus {
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  margin: 14px 0 30px;
  padding: 30px 0 20px;
}
.howDo_plus h3 {
  margin: 0 0 20px;
}
.howDo_plus span {
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 10px;
}
.howDo_plus ul {
  display: table;
  padding: 0 0 15px;
  width: 100%;
  list-style: disc inside none;
}
.howDo_plus ul li {
  float: none;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 8px;
}
.howDo_plus p {
  font-size: 16px;
  line-height: 24px;
}
.howDo_plus #left_section {
  padding: 5px;
  width: 40%;
  display: inline-block;
  float: left;
}
.howDo_plus #right_section {
  padding: 5px;
  width: 45%;
  display: inline-block;
  padding-left: 5px;
  float: left;
}
.howDo_plus #android {
  display: inline-block;
  color: #333333  !important;
  font-size: 14px;
  font-weight: bold;
  margin-left: 8px;
}
.howDo_plus #getApp {
  color: #000000  !important;
  text-decoration: underline  !important;
}
.howDo_plus #getApp:hover {
  color: #0000ff  !important;
  text-decoration: none  !important;
}
.howDo_plus #liMove {
  list-style: decimal  !important;
}
.howDo_plus #left_section > li {
  list-style: none  !important;
}
.howDo_plus {
  border-top: medium none  !important;
  margin-top: 0  !important;
}
@media only screen and (max-width: 639px) {
  #right_section {
    padding-top: 5px;
  }
  #left_section {
    padding-top: 5px;
  }
  .howDo_plus {
    border-bottom: medium none  !important;
    margin-bottom: 0  !important;
    margin-top: 5px  !important;
    padding: 0  !important;
  }
  .howDo_plus .click {
    border-radius: 5px !important;
  }
  .howDo_plus .adslAccord_plus {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-bottom: 25px;
    padding: 0px;
    background-color: #FFFFFF;
    margin-bottom: 10px;
  }
  .howDo_plus .adslAccord_plus .pdClose_plus h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 96% center #ffffff;
    border-bottom: medium none;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
  }
  .howDo_plus .adslAccord_plus .pdClose_plus .adslSlide_plus {
    display: none;
    padding: 0 10px 15px;
    background-color: #ffffff  !important;
    margin-top: 10px;
  }
  .howDo_plus .adslAccord_plus .pdClose_plus .adslSlide_plus p {
    margin: 0;
  }
  .howDo_plus .adslAccord_plus .pdClose_plus .howDo_plus .pdOpen .adslSlide_plus {
    display: block;
    padding: 10px 10px 15px  !important;
    background-color: #ffffff  !important;
    margin-top: 10px;
  }
  .howDo_plus .adslAccord_plus .pdClose_plus .adslAccord_plus {
    display: block;
    padding: 0px  !important;
    background-color: #ffffff  !important;
    margin-bottom: 10px;
  }
  .howDo_plus .adslAccord_plus .pdOpen h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 96% center #f4f4f4;
    border-bottom: medium none;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
  }
  .howDo_plus .adslAccord_plus .pdOpen .adslSlide_plus {
    display: block;
    padding: 0 10px 15px;
    background-color: #fff;
    margin-top: 10px;
  }
  .howDo_plus .adslAccord_plus .pdOpen .adslSlide_plus p {
    margin: 0;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 16, 2014, 2:14:00 PM
    Author     : krugerc03
*/
.mod-bread {
  margin-bottom: 20px;
  float: left;
  width: 100%;
  display: none;
}
#content > div > div.mod-bread.only-lrg > div > p {
  display: inline-block;
}
#content > div > div.mod-bread.only-lrg > div > p > a {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: initial;
  color: #666666;
}
#active_page {
  font-weight: bolder !important;
}
h4,
.h4 {
  font: 700 16px/1.333 "Arial", sans-serif;
}
p {
  line-height: 1.5;
  margin-bottom: 15px;
}
.gv-item {
  position: relative;
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin: 15px;
  padding-bottom: 15px;
}
.gv-price {
  font-size: 20px;
  font-weight: bold;
}
span {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.btn-em {
  background-color: #4d4d4d;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #151515));
  background: -webkit-linear-gradient(#4d4d4d, #151515);
  background: -moz-linear-gradient(#4d4d4d, #151515);
  background: -o-linear-gradient(#4d4d4d, #151515);
  background: linear-gradient(#4d4d4d, #151515);
  border-color: #525252;
  -webkit-box-shadow: inset 0 1px 0 #7c7c7c;
  -moz-box-shadow: inset 0 1px 0 #7c7c7c;
  box-shadow: inset 0 1px 0 #7c7c7c;
  text-shadow: none;
  width: 150px;
  height: 39px;
  color: #fff !important;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
}
#content > div > div.grid > div > div > a.btn.btn-sml.btn-purple {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-variant: normal;
  color: white !important;
}
#content > div > div.grid > div > div > a.btn.btn-em.btn-sml {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-variant: normal;
  color: white !important;
}
.gv-item .btn {
  margin: 15px 0 15px 0;
}
.btn-purple {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #c12f9c;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c12f9c), color-stop(100%, #71175a));
  background: -webkit-linear-gradient(#c12f9c, #71175a);
  background: -moz-linear-gradient(#c12f9c, #71175a);
  background: -o-linear-gradient(#c12f9c, #71175a);
  background: linear-gradient(#c12f9c, #71175a);
  border: 1px solid #660066;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #d849c2;
  -moz-box-shadow: inset 0 1px 0 #d849c2;
  box-shadow: inset 0 1px 0 #d849c2;
  color: #fff !important;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin: 0 6px 10px 0;
  padding: 10px 40px 11px;
  text-align: center;
  text-shadow: 0 -1px #222222;
  line-height: 1;
  width: 150px;
  height: 39px;
}
#content > div > div.grid > div:nth-child(4) > div {
  border-right: none;
}
#content > div > div.grid > div:nth-child(8) > div {
  border-right: none;
}
@media only screen and (min-width: 767px) {
  .w-25 {
    width: 24%;
    display: inline-block;
  }
  .gv-item {
    border-right: 1px solid #ccc;
    border-bottom: none;
    padding: 0 30px 10px 0;
    margin: 15px 0;
    min-height: 526px;
  }
  .btn-em {
    width: 100px;
    height: 36px;
  }
  .btn-purple {
    width: 91px;
    height: 34px;
  }
}
@media only screen and (min-width: 767px) {
  .mod-bread {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    display: inline-block;
  }
  .mod-bread div {
    color: #e60000;
    float: left;
    margin-right: 5px;
    font-weight: 700;
  }
}
.myVodacomApp {
  display: inline-block;
  float: left;
  margin: 0 20px 30px 0  !important;
  width: 64%;
}
.myVodacomApp div {
  width: 100%;
}
.myVodacomApp div .imageContainer {
  width: 25%;
  float: left;
  display: inline-block;
}
.myVodacomApp div .imageContainer img {
  float: left;
  margin: 0 20px 10px 0;
  width: 79%;
}
.myVodacomApp div .contentContainer {
  width: 75%;
  float: left;
  display: inline-block;
}
.myVodacomApp div .contentContainer ul {
  float: left;
  list-style-type: disc;
  width: 90%;
}
.myVodacomApp div .contentContainer ul li {
  font-size: 15px;
  display: list-item;
  line-height: 24px;
}
.myVodacomApp div .contentContainer ul li a {
  padding: 0;
  text-decoration: underline;
}
@media only screen and (max-width: 640px) {
  .myVodacomApp {
    display: block;
    width: 100%;
  }
  .myVodacomApp div {
    width: 100%;
  }
  .myVodacomApp div .imageContainer {
    width: 25%;
    clear: both;
    float: left;
    display: inline-block;
  }
  .myVodacomApp div .imageContainer img {
    float: left;
    margin: 0 20px 10px 0;
    width: 79%;
  }
  .myVodacomApp div .contentContainer {
    display: inline-block;
    float: left;
    width: 75%;
  }
}
.downloadApp {
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #f4f4f4;
  border: 1px solid #cacaca;
  display: inline-block;
  text-align: center;
  float: right;
  width: 32%;
  margin: 0 0 30px  !important;
}
.downloadApp h3 {
  margin: 15px;
  font: 15px "Arial", sans-serif;
  font-weight: bold;
}
.downloadApp p {
  margin: 0 0 30px;
  line-height: 18px;
}
.downloadApp a {
  font-size: 16px;
  text-decoration: underline;
  display: inline-block;
  margin-bottom: 20px;
  color: #9c2aa0  !important;
}
.downloadApp .termsConditions {
  font-size: 12px;
  text-decoration: none;
  color: #333333;
}
.downloadApp ul {
  width: 100%;
  float: left;
  padding: 2px;
  text-align: center;
}
.downloadApp ul li {
  display: inline-block;
  width: 45px;
  height: 70px;
}
.downloadApp ul li a {
  display: block;
  width: 100%;
  height: 45px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .downloadApp {
    clear: both;
    width: 100%;
  }
}
.crossSell .slide .boxesInner {
  padding: 0 50px 0 0;
  height: 220px;
  position: relative;
}
.crossSell .slide .boxesInner .push-down {
  position: absolute;
  bottom: 0;
}
.crossSell h3 {
  margin: 0 0 0px;
}
.crossSell ul {
  border-bottom: 1px solid #CCCCCC;
  display: table;
  margin: 0 0 25px  !important;
  padding: 0 0 15px;
  width: 100%;
  list-style: disc inside none;
}
.crossSell ul li {
  float: none;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 8px;
}
.crossSell p {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 10px;
}
.crossSell .whyShould {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 34px;
  overflow: hidden;
  padding: 0 0 6px;
}
.crossSell .whyShould .boxes {
  float: left;
  padding: 0 0 5px;
  width: 33.3%;
  margin-top: 10px;
}
.crossSell .whyShould .boxes img {
  float: left;
  margin: 0 10px 0 0;
  height: auto;
  max-width: 100%;
}
.crossSell .whyShould .boxes h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin: 0 0 15px;
}
.crossSell .whyShould .boxes p {
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  width: 100%;
  margin: 0 0 10px;
}
.crossSell .whyShould .boxes ul {
  border: medium none  !important;
  margin: 0  !important;
  padding: 0  !important;
}
.crossSell .whyShould .boxes ul li span {
  clear: both;
  display: block;
  font-size: 14px;
  margin: 5px 0 0;
}
.crossSell .whyShould .boxesInner {
  padding: 0 50px 0 0;
}
.screen-768 .crossSell .whyShould .boxesInner {
  padding: 0 15px 0 0  !important;
}
@media only screen and (max-width: 639px) {
  .crossSell {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 0  !important;
    margin: 0  !important;
    margin-bottom: 25px  !important;
  }
  .crossSell .pdClose h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 96% center #ffffff;
    border-bottom: medium none;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
    border-bottom: 1px solid #CCCCCC;
  }
  .crossSell .pdClose .slide {
    display: none;
    padding: 0 10px 15px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
  }
  .crossSell .pdClose .slide ul {
    border: none  !important;
    padding: 0  !important;
    margin: 0  !important;
  }
  .crossSell .pdOpen h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 96% center #f4f4f4;
    border-bottom: medium none;
    font-size: 20px  !important;
    margin: 0  !important;
    padding: 20px 10px;
    cursor: pointer;
  }
  .crossSell .pdOpen .slide {
    display: block;
    padding: 0 10px 15px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
  }
  .crossSell .pdOpen .slide ul {
    border: none  !important;
    padding: 0  !important;
    margin: 0  !important;
  }
  .crossSell .pdOpen .slide .boxes {
    margin-bottom: 10px;
    width: 100%;
    float: left;
  }
  .crossSell .pdOpen .slide .boxes h3 {
    margin: 20px 0 15px  !important;
    font-size: 16px  !important;
  }
  .crossSell .whyShould {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 639px) {
  .termsAndConditions {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-bottom: 25px;
    padding: 0;
    background-color: #FFFFFF;
    margin-bottom: 10px;
  }
  .termsAndConditions .pdClose {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 96% center #f4f4f4;
    padding: 20px 10px;
    border-radius: 5px;
  }
  .termsAndConditions .pdOpen {
    border-radius: 5px;
  }
  .termsAndConditions .pdOpen .slide {
    display: block;
    padding: 0 10px 15px;
    background-color: #ffffff;
    overflow: hidden;
    border-radius: 5px;
  }
  .termsAndConditions .pdOpen h1.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 96% center #f4f4f4;
    padding: 20px 10px;
  }
  .termsAndConditions .click {
    border-radius: 5px !important;
  }
}
@media only screen and (max-width: 817px) {
  .max-width-817-hide {
    display: none;
  }
}
.breadcrumbs ul {
  display: inline-block;
  float: left;
  line-height: 10px;
}
.breadcrumbs ul .breadcrumbsPrefix {
  color: #e60000;
  font-weight: 700;
}
.breadcrumbs ul li {
  float: left;
  line-height: 1;
  padding: 5px;
}
.breadcrumbs ul li a {
  color: #616161;
  padding: 0;
  text-decoration: underline;
}
.breadcrumbs ul li:last-child a {
  font-weight: 700;
  text-decoration: none;
}
.thankyouRequest {
  font-family: Arial, sans-serif;
}
.thankyouRequest .requestSummarySentMobile {
  visibility: hidden;
  height: 0px;
  padding: 0px !important;
  margin: 0px !important;
}
.thankyouRequest .requestSummarySentMobile p {
  height: 0px !important;
  padding: 0px !important;
}
.thankyouRequest .requestSummarySentMobile strong {
  height: 0px !important;
}
.thankyouRequest .transactionSummaryButtonsMobile {
  visibility: hidden;
  height: 0px;
  padding: 0px !important;
}
.thankyouRequest .requestSummarySent {
  visibility: visible;
}
.thankyouRequest .transactionSummaryButtons {
  visibility: visible;
}
.thankyouRequest h1 {
  color: #e60000;
  font-weight: 400;
  font-size: 45px;
  margin: 20px 0;
}
.thankyouRequest .imgEntrust {
  float: right;
}
.thankyouRequest .noteSuccess {
  background: none repeat scroll 0 0 #F4F8F0;
  border: 1px solid #428600;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 5px;
  margin: 30px 0px 30px 0px;
  padding: 18px 20px;
  position: relative;
  z-index: 1;
}
.thankyouRequest .noteSuccess div {
  margin: 0 0 0 50px;
}
.thankyouRequest .noteSuccess p {
  line-height: 1.5;
  margin: 0;
}
.thankyouRequest .imgSuccess {
  background: url("vodacom/framework/skins/vodacom_skins/css/img/icon.png") repeat scroll 0 0 transparent;
  background-position: -92px -54px;
  height: 30px;
  width: 30px;
  margin: 0;
  float: left;
  position: relative;
  z-index: 2;
}
.thankyouRequest .requestSummary {
  border: 1px solid #cacaca;
  padding: 10px;
  float: left;
  width: 69%;
  margin: 0 0 20px;
  border-radius: 5px;
  background-color: #f4f4f4;
}
.thankyouRequest .requestHeader {
  display: inline-block;
  float: left;
  font-size: 21px !important;
  margin: 10px 0px 5px 7px;
}
.thankyouRequest .btnWhite {
  float: right;
  background: none repeat scroll 0 0 #FFFFFF !important;
  border-radius: 4px;
  border: none;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0;
  margin: 0 30px 10px 0;
  padding: 6px 15px !important;
  text-align: center;
  text-shadow: 0 -1px #ffffff;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}
.thankyouRequest .btnWhiteMobile {
  float: left;
  background: none repeat scroll 0 0 #FFFFFF !important;
  border-radius: 4px;
  border: none;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.75);
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0;
  margin: 0 30px 0px 0;
  padding: 0px !important;
  text-align: center;
  text-shadow: 0 -1px #ffffff;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  width: 98%;
  height: 0px;
}
.thankyouRequest .requestDetails {
  margin: 35px 0px 10px 7px;
  width: 50%;
  float: left;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.thankyouRequest td {
  vertical-align: top;
  padding-right: 5px;
  padding-top: 8px;
}
.thankyouRequest .boldLarger {
  font-size: 20px;
  font-weight: 700;
}
.thankyouRequest .requestSummarySent {
  background-color: #ebebeb;
  border-radius: 5px;
  line-height: 20px;
  min-width: 200px;
  padding: 20px 10px;
  margin: 40px 0px 40px 0px;
  float: right;
  border: 1px solid #cacaca;
}
.thankyouRequest .requestSummarySent p {
  line-height: 1.5;
  margin: 0px 0px 0px 0px;
  text-align: center;
  padding-bottom: 6px;
}
.thankyouRequest .requestSummarySent .imgEmail {
  padding: 0px 0px 6px 80px;
}
.thankyouRequest .requestSummarySentMobile {
  background-color: #ebebeb;
  border-radius: 5px;
  line-height: 20px;
  min-width: 200px;
  padding: 20px 10px;
  margin: 0px 0px 10px 0px;
  float: left;
  border: 1px solid #cacaca;
  width: 98%;
}
.thankyouRequest .requestSummarySentMobile p {
  line-height: 1.5;
  margin: 0px 0px 0px 0px;
  text-align: left;
  padding-bottom: 6px;
}
.thankyouRequest .yourRequest {
  width: 25%;
  float: left;
  display: inline-block;
  border: 1px solid #cacaca;
  border-radius: 5px;
  margin-left: 50px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  height: 300px;
}
.thankyouRequest .yourRequest .navHeading {
  font-size: 22px;
  background-color: #f3f3f3;
}
.thankyouRequest .yourRequest .navHeading h4 {
  margin: 10px 0px 10px 0px;
  padding: 10px;
}
.thankyouRequest .yourRequest .navMiddle p {
  float: left;
}
.thankyouRequest .yourRequest .navMiddle .imageCol {
  float: left;
  display: inline-block;
  width: 25%;
  padding: 5px;
  height: 80px;
}
.thankyouRequest .yourRequest .navMiddle .infoCol {
  width: 65%;
  float: left;
  display: inline-block;
  margin-left: 10px;
  padding: 5px;
  height: 80px;
}
.thankyouRequest .yourRequest .navMiddle .infoCol h5 {
  float: left;
  display: inline-block;
  margin: 0px;
  font-size: 16px;
}
.thankyouRequest .yourRequest .navMiddle .infoCol p {
  float: left;
  display: inline-block;
  margin: 5px 0px 5px 0px !important;
  font-size: 14px;
  padding-left: 0px;
}
.thankyouRequest .yourRequest .navMiddle .infoCol p .imgAlert {
  alignment-baseline: baseline;
  margin-right: 5px;
}
.thankyouRequest .yourRequest .navMiddle p {
  margin: 10px 0px 0px 0px;
  padding-left: 5px;
}
.thankyouRequest .yourRequest .navMiddle .greenText {
  color: #428600;
  font-size: 14px;
  margin: 0px 0px 0px 0px ;
}
.thankyouRequest .yourRequest .navBottom {
  float: left;
  background-color: #f3f3f3;
  width: 100%;
  margin: 20px 0px 10px 0px;
}
.thankyouRequest .yourRequest .navBottom h5 {
  margin: 10px 0px 10px 0px;
  padding: 5px;
  font-size: 18px;
}
@media only screen and (max-width: 480px) {
  .thankyouRequest .requestSummarySentMobile {
    visibility: visible;
    height: auto;
    margin: 10px 0px 5px 0px  !important;
    padding: 7px !important;
  }
  .thankyouRequest .requestSummarySentMobile p {
    height: 30px !important;
  }
  .thankyouRequest .transactionSummaryButtonsMobile {
    visibility: visible;
    height: auto;
    margin: 0px 0px 5px 0px  !important;
  }
  .thankyouRequest .requestSummarySent {
    visibility: hidden;
  }
  .thankyouRequest .transactionSummaryButtons {
    visibility: hidden;
  }
  .thankyouRequest .btnWhiteMobile {
    height: 35px;
    margin: 5px 0px 20px 0px ;
  }
  .thankyouRequest .btnWhite {
    height: 1px;
  }
  .thankyouRequest .requestDetails {
    width: 100%;
    margin-top: 5px;
  }
  .thankyouRequest h1 {
    font-size: 30px;
  }
  .thankyouRequest .requestSummary {
    width: 100%;
    height: 150px !important;
  }
  .thankyouRequest .yourRequest {
    width: 100%;
    margin-left: 0px;
    height: 240px;
  }
  .thankyouRequest .yourRequest .imageCol {
    width: 20% !important;
    padding: 0px !important;
  }
  .thankyouRequest .yourRequest .imgPhone {
    height: 110px;
  }
  .thankyouRequest .yourRequest .infoCol {
    height: 40px !important;
  }
  .thankyouRequest .yourRequest p {
    margin: 20px 0px 5px 15px !important;
  }
  .thankyouRequest .yourRequest .greenText {
    margin: 0px 0px 0px 65px !important;
  }
  .thankyouRequest .yourRequest .navBottom {
    margin: 10px 0px 10px 0px !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  .thankyouRequest h1 {
    font-size: 36px;
  }
  .thankyouRequest .requestSummary {
    width: 100%;
  }
  .thankyouRequest .yourRequest {
    width: 100%;
    margin-left: 0px;
    height: 250px;
  }
  .thankyouRequest .yourRequest .imageCol {
    width: 8% !important;
  }
  .thankyouRequest .yourRequest .infoCol {
    width: 80% !important;
    height: 55px !important;
  }
  .thankyouRequest .yourRequest .infoCol h5 {
    width: 100%;
  }
  .thankyouRequest .yourRequest p {
    width: 70%;
    margin-top: 5px !important;
  }
  .thankyouRequest .yourRequest .greenText {
    margin: 5px 0px 0px 52px !important;
  }
}
.infoRequest {
  font-family: Arial, sans-serif;
}
.infoRequest h1 {
  color: #e60000;
  font-weight: 400;
  font-size: 45px;
  margin: 20px 0;
  float: left;
  display: inline-block;
}
.infoRequest .imgEntrust {
  float: right;
  display: inline-block;
  margin: 20px 0;
}
.infoRequest .requestInfo {
  height: 300px;
  border: 1px solid #cacaca;
  padding: 20px;
  float: left;
  width: 69%;
  margin: 0 0 20px;
  border-radius: 5px;
  background-color: white;
}
.infoRequest .requestInfo div {
  float: left;
  display: inline-block;
  width: 40%;
}
.infoRequest .requestInfo .star {
  color: red;
  width: 3%;
  float: left;
  display: inline-block;
}
.infoRequest .requestInfo p {
  width: 80%;
  float: left;
  display: inline-block;
  margin: 0px 0px 0px 0px;
}
.infoRequest .requestInfo .detailsInput {
  border: solid 1.5px lightgray;
  border-radius: 3px;
  padding: 5px;
  margin: 20px 0px 20px 0px;
  color: grey;
  width: 150px;
}
.infoRequest .requestInfo .inputButton {
  float: left;
  width: 100%;
}
.infoRequest .requestInfo .submitPurpleButton {
  background: url("vodacom/framework/skins/vodacom_skins/img/buttons/btnPurpleMobile.png") repeat;
  padding: 4px 24px 4px 24px !important;
  border: none !important;
  cursor: pointer;
  color: white;
  font-weight: 700;
  width: 95px;
}
.infoRequest .requestInfo .submitPurpleButton:hover {
  background: url("vodacom/framework/skins/vodacom_skins/img/buttons/btnPurpleMobileHover.png") repeat;
}
.infoRequest .yourRequest {
  width: 25%;
  float: left;
  display: inline-block;
  border: 1px solid #cacaca;
  border-radius: 5px;
  margin-left: 40px;
  padding-left: 10px;
  padding-right: 10px;
  height: 300px;
  margin-bottom: 20px;
}
.infoRequest .yourRequest .navHeading {
  background-color: #f3f3f3;
  border-radius: 3px;
}
.infoRequest .yourRequest .navHeading h4 {
  margin: 10px 0px 10px 0px;
  font-size: 16px;
  padding: 10px;
}
.infoRequest .yourRequest .navMiddle p {
  float: left;
}
.infoRequest .yourRequest .navMiddle .imageCol {
  float: left;
  display: inline-block;
  width: 25%;
  padding: 5px;
  height: 100px;
}
.infoRequest .yourRequest .navMiddle .infoCol {
  width: 70%;
  float: left;
  display: inline-block;
  margin-left: 10px;
  padding: 5px;
  height: 170px;
}
.infoRequest .yourRequest .navMiddle .infoCol h5 {
  float: left;
  display: inline-block;
  margin: 0px;
  font-size: 14px;
}
.infoRequest .yourRequest .navMiddle .infoCol p {
  float: left;
  display: inline-block;
  margin: 2px 0px 2px 0px;
  font-size: 12px;
  padding-left: 0px;
  width: 100%;
}
.infoRequest .yourRequest .navMiddle .infoCol p .imgAlert {
  alignment-baseline: baseline;
}
.infoRequest .yourRequest .navMiddle p {
  margin: 10px 0px 0px 0px;
  padding-left: 5px;
}
.infoRequest .yourRequest .navMiddle .greenText {
  color: #428600;
  font-size: 14px;
}
.infoRequest .yourRequest .navBottom {
  float: left;
  background-color: #f3f3f3;
  width: 100%;
  margin: 10px 0px 10px 0px;
  border-radius: 3px;
}
.infoRequest .yourRequest .navBottom h5 {
  margin: 10px 0px 10px 0px;
  padding: 5px;
  font-size: 18px;
}
@media only screen and (max-width: 480px) {
  .infoRequest h1 {
    font-size: 30px;
    width: 75%;
  }
  .infoRequest .requestInfo {
    width: 85%;
    height: auto;
  }
  .infoRequest .requestInfo div {
    width: 100%;
  }
  .infoRequest .requestInfo .submitPurpleButton {
    width: 99%;
    background: url("vodacom/framework/skins/vodacom_skins/img/buttons/btnPurpleMobile.png") repeat;
    border-radius: 3px;
    padding: 5px 24px 5px 24px;
  }
  .infoRequest .requestInfo .submitPurpleButton:hover {
    background: url("vodacom/framework/skins/vodacom_skins/img/buttons/btnPurpleMobileHover.png") repeat;
  }
  .infoRequest .requestInfo #emailDetails {
    width: 200px !important;
  }
  .infoRequest .yourRequest {
    width: 92%;
    margin-left: 0px;
    height: 310px ;
  }
  .infoRequest .yourRequest .infoCol {
    height: 190px !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  .infoRequest h1 {
    font-size: 30px;
    width: 75%;
  }
  .infoRequest .requestInfo {
    width: 85%;
    height: auto;
  }
  .infoRequest .yourRequest {
    width: 88%;
    margin-left: 0px;
  }
}
/* div#gs_dynamic_navigation {
	visibility: hidden;
	display: none;	
} */
.gs_hide {
  display: none;
}
/* Overlay */
#gs_promo-overlay {
  line-height: 23px;
  float: right;
  z-index: 1;
  position: absolute;
  margin-top: -72px;
  margin-left: 378px;
  width: 300px;
  background-color: #FFF;
  padding: 0px 5px 8px 5px;
  overflow: hidden;
  border: #B6B6B6 solid 1px;
  font-family: Arial, sans-serif;
  font-size: 18px;
  -webkit-box-shadow: 10px 10px 9px rgba(29, 29, 29, 0.4);
  -moz-box-shadow: 10px 10px 9px rgba(29, 29, 29, 0.4);
  box-shadow: 10px 10px 9px rgba(29, 29, 29, 0.4);
  -webkit-border-radius: 12px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  color: #333;
}
.gs_price_slider {
  display: none !important;
}
#gs_promo-overlay .btn {
  display: none;
}
#gs_promo-overlay h5 {
  font-size: 16px;
  margin: 0;
  padding: 14px;
}
#gs_search_results {
  width: 100%;
}
#gs_SERP #gs_search_results .featured figure h5 {
  height: 36px;
  line-height: 20px;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}
.gs_search_result_indented {
  margin-left: 40px;
}
.gs_nf_filter {
  display: -webkit-flex;
}
.gs_nf_filtersite {
  color: #428600;
  text-decoration: none;
  font-size: small;
  cursor: pointer;
}
.featured.gs_onebox {
  margin-bottom: 0 !important;
}
.gs_onebox_image_holder {
  height: 130px;
}
.gs_onebox_image_holder img {
  max-height: 100% !important;
  width: auto !important;
}
#gs_SERP #gs_search_results .featured figure figcaption {
  margin: 10px 0 0 0;
  width: auto;
  float: none;
  font-size: 14px;
  height: 125px;
}
#gs_SERP #gs_search_results .appItemDetails {
  line-height: 20px;
}
.gs_value_counts {
  text-overflow: ellipsis;
  width: 80% !important;
  white-space: nowrap;
  overflow: hidden;
}
.gs_nf_menu_count {
  float: right;
  margin-top: 2px;
}
.gs_nf_filtersite_link {
  color: #097600;
}
#gs_f_url {
  text-overflow: ellipsis;
  overflow: hidden;
}
.gs_vc_count {
  float: right;
  margin-top: -27px;
}
#gs_promo-overlay figcaption {
  font-size: 16px;
  margin: 0;
  padding: 14px;
  text-align: center;
}
#gs_promo-overlay .gs_onebox_image_holder {
  height: inherit;
}
#gs_promo-overlay gs_onebox_image_holder src {
  max-height: inherit;
}
#gs_SERP .disable {
  pointer-events: none;
  cursor: default;
  color: #808080;
}
.gs_noresult_block {
  width: 50%;
  float: left;
  padding: 20px;
}
#gs_ssb_input {
  background: url("") no-repeat scroll 8px center #ffffff !important;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  /*Use this one for mobi*/
  #gs_promo-overlay {
    display: none;
  }
  #no_results h2 {
    padding-left: 10px;
  }
  .gs_no_result_block {
    width: 100%;
  }
  .gs_onebox {
    display: none;
  }
  .gs_search_result_indented {
    margin_left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  #gs_promo-overlay {
    display: none;
  }
  #no_results h2 {
    padding-left: 10px;
  }
  .gs_no_result_block {
    width: 100%;
  }
  .gs_onebox {
    display: none;
  }
  .gs_search_result_indented {
    margin_left: 0px;
  }
}
@media only screen and (max-width: 818px) {
  /*Use this one for tablet*/
  #gs_promo-overlay {
    display: none;
  }
  .gs_no_result_block {
    width: 100%;
  }
  .gs_onebox {
    display: none;
  }
  .gs_search_result_indented {
    margin_left: 0px;
  }
}
@media only screen and (min-width: 818px) {
  #gs_noresults {
    margin-top: 30px;
  }
}
/**
 * Cascading Style Sheet for GSA Suggest.
 */
/* Classes for suggestion box */
.gs_ss-gac-m {
  background: white;
  border-width: 0px 1px 1px 1px;
  border-color: #C4C4C4;
  border-style: solid;
  cursor: default;
  font-size: 13px;
  line-height: 17px;
  position: fixed;
  margin: 14px 0px 0px 3px;
  z-index: 101;
}
.gs_ss-gac-b {
  background: #ebebeb;
  color: white;
}
.gs_ss-gac-c {
  overflow: hidden;
  padding-left: 3px;
  text-align: left;
  white-space: nowrap;
}
.gs_ss-gac-d {
  color: #bd0000;
  font-size: 10px;
  overflow: hidden;
  padding: 0 3px;
  text-align: right;
  white-space: nowrap;
}
.gs_ss-gac-e td {
  font-size: 10px;
  line-height: 15px;
  padding: 0 3px 2px;
  text-align: right;
}
.gs_ss-gac-e span {
  color: #525252;
  cursor: pointer;
  text-decoration: underline;
}
/* Debug console */
div#gs_ss_debug_console {
  background: #ffefef;
  border: 1px solid #cf7f7f;
  bottom: 2%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 83%;
  height: 60%;
  left: 5%;
  opacity: 0.95;
  overflow: auto;
  padding: 0.5em;
  position: absolute;
  width: 90%;
  z-index: 5000;
}
div#gs_ss_debug_console.expanded {
  height: 60%;
}
div#gs_ss_debug_console.contracted {
  height: 8%;
}
div#gs_ss_debug_console h1 {
  color: #af0000;
  display: inline;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
div#gs_ss_debug_console button {
  margin: 0em 0.5em;
}
div#gs_ss_debug_console table {
  border-collapse: collapse;
  font-size: 90%;
  line-height: 120%;
  margin-top: 1em;
}
div#gs_ss_debug_console table th {
  padding: 0.2em 1em;
  text-align: left;
}
div#gs_ss_debug_console table td {
  border-top: 1px solid #cf7f7f;
  padding: 0.2em 1em;
}
div#gs_ss_debug_console table td.no {
  text-align: right;
}
.cg-busy {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1001;
}
.cg-busy-animation.ng-hide-add,
.cg-busy-animation.ng-hide-remove {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  display: block !important;
}
.cg-busy-animation.ng-hide-remove {
  opacity: 0;
  -webkit-transform: translate(0px, -40px);
  -moz-transform: translate(0px, -40px);
  -ms-transform: translate(0px, -40px);
  -o-transform: translate(0px, -40px);
  transform: translate(0px, -40px);
}
.cg-busy-animation.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.cg-busy-animation.ng-hide-add {
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.cg-busy-animation.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  -webkit-transform: translate(0px, -40px);
  -moz-transform: translate(0px, -40px);
  -ms-transform: translate(0px, -40px);
  -o-transform: translate(0px, -40px);
  transform: translate(0px, -40px);
}
.cg-busy-backdrop {
  background-color: white;
  opacity: .7;
}
.cg-busy-backdrop-animation.ng-hide-add,
.cg-busy-backdrop-animation.ng-hide-remove {
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  display: block !important;
}
.cg-busy-backdrop-animation.ng-hide {
  opacity: 0;
}
/* All styles below are for the default template. */
.cg-busy-default-wrapper {
  text-align: center;
}
.cg-busy-default-sign {
  display: inline-block;
  position: relative;
  z-index: 1002;
  padding-bottom: 6px;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #e9eeee;
  border: 1px solid #dddddd;
  border-top-width: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.cg-busy-default-text {
  margin: 13px 12px 6px 49px;
  font-size: 16px;
  color: #555;
  text-align: left;
  max-width: 400px;
}
.cg-busy-default-spinner {
  position: absolute;
  width: 25px;
  height: 25px;
  display: inline-block;
  top: 12px;
  left: 14px;
}
.cg-busy-default-spinner div {
  width: 12%;
  height: 26%;
  background: #000;
  position: absolute;
  left: 44.5%;
  top: 37%;
  opacity: 0;
  -webkit-animation: cg-busy-spinner-anim 1s linear infinite;
  -moz-animation: cg-busy-spinner-anim 1s linear infinite;
  -ms-animation: cg-busy-spinner-anim 1s linear infinite;
  -o-animation: cg-busy-spinner-anim 1s linear infinite;
  animation: cg-busy-spinner-anim 1s linear infinite;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.cg-busy-default-spinner div.bar1 {
  -webkit-transform: rotate(0deg) translate(0, -142%);
  -moz-transform: rotate(0deg) translate(0, -142%);
  -ms-transform: rotate(0deg) translate(0, -142%);
  -o-transform: rotate(0deg) translate(0, -142%);
  transform: rotate(0deg) translate(0, -142%);
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.cg-busy-default-spinner div.bar2 {
  -webkit-transform: rotate(30deg) translate(0, -142%);
  -moz-transform: rotate(30deg) translate(0, -142%);
  -ms-transform: rotate(30deg) translate(0, -142%);
  -o-transform: rotate(30deg) translate(0, -142%);
  transform: rotate(30deg) translate(0, -142%);
  -webkit-animation-delay: -0.9167s;
  -moz-animation-delay: -0.9167s;
  -ms-animation-delay: -0.9167s;
  -o-animation-delay: -0.9167s;
  animation-delay: -0.9167s;
}
.cg-busy-default-spinner div.bar3 {
  -webkit-transform: rotate(60deg) translate(0, -142%);
  -moz-transform: rotate(60deg) translate(0, -142%);
  -ms-transform: rotate(60deg) translate(0, -142%);
  -o-transform: rotate(60deg) translate(0, -142%);
  transform: rotate(60deg) translate(0, -142%);
  -webkit-animation-delay: -0.833s;
  -moz-animation-delay: -0.833s;
  -ms-animation-delay: -0.833s;
  -o-animation-delay: -0.833s;
  animation-delay: -0.833s;
}
.cg-busy-default-spinner div.bar4 {
  -webkit-transform: rotate(90deg) translate(0, -142%);
  -moz-transform: rotate(90deg) translate(0, -142%);
  -ms-transform: rotate(90deg) translate(0, -142%);
  -o-transform: rotate(90deg) translate(0, -142%);
  transform: rotate(90deg) translate(0, -142%);
  -webkit-animation-delay: -0.75s;
  -moz-animation-delay: -0.75s;
  -ms-animation-delay: -0.75s;
  -o-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.cg-busy-default-spinner div.bar5 {
  -webkit-transform: rotate(120deg) translate(0, -142%);
  -moz-transform: rotate(120deg) translate(0, -142%);
  -ms-transform: rotate(120deg) translate(0, -142%);
  -o-transform: rotate(120deg) translate(0, -142%);
  transform: rotate(120deg) translate(0, -142%);
  -webkit-animation-delay: -0.667s;
  -moz-animation-delay: -0.667s;
  -ms-animation-delay: -0.667s;
  -o-animation-delay: -0.667s;
  animation-delay: -0.667s;
}
.cg-busy-default-spinner div.bar6 {
  -webkit-transform: rotate(150deg) translate(0, -142%);
  -moz-transform: rotate(150deg) translate(0, -142%);
  -ms-transform: rotate(150deg) translate(0, -142%);
  -o-transform: rotate(150deg) translate(0, -142%);
  transform: rotate(150deg) translate(0, -142%);
  -webkit-animation-delay: -0.5833s;
  -moz-animation-delay: -0.5833s;
  -ms-animation-delay: -0.5833s;
  -o-animation-delay: -0.5833s;
  animation-delay: -0.5833s;
}
.cg-busy-default-spinner div.bar7 {
  -webkit-transform: rotate(180deg) translate(0, -142%);
  -moz-transform: rotate(180deg) translate(0, -142%);
  -ms-transform: rotate(180deg) translate(0, -142%);
  -o-transform: rotate(180deg) translate(0, -142%);
  transform: rotate(180deg) translate(0, -142%);
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.cg-busy-default-spinner div.bar8 {
  -webkit-transform: rotate(210deg) translate(0, -142%);
  -moz-transform: rotate(210deg) translate(0, -142%);
  -ms-transform: rotate(210deg) translate(0, -142%);
  -o-transform: rotate(210deg) translate(0, -142%);
  transform: rotate(210deg) translate(0, -142%);
  -webkit-animation-delay: -0.41667s;
  -moz-animation-delay: -0.41667s;
  -ms-animation-delay: -0.41667s;
  -o-animation-delay: -0.41667s;
  animation-delay: -0.41667s;
}
.cg-busy-default-spinner div.bar9 {
  -webkit-transform: rotate(240deg) translate(0, -142%);
  -moz-transform: rotate(240deg) translate(0, -142%);
  -ms-transform: rotate(240deg) translate(0, -142%);
  -o-transform: rotate(240deg) translate(0, -142%);
  transform: rotate(240deg) translate(0, -142%);
  -webkit-animation-delay: -0.333s;
  -moz-animation-delay: -0.333s;
  -ms-animation-delay: -0.333s;
  -o-animation-delay: -0.333s;
  animation-delay: -0.333s;
}
.cg-busy-default-spinner div.bar10 {
  -webkit-transform: rotate(270deg) translate(0, -142%);
  -moz-transform: rotate(270deg) translate(0, -142%);
  -ms-transform: rotate(270deg) translate(0, -142%);
  -o-transform: rotate(270deg) translate(0, -142%);
  transform: rotate(270deg) translate(0, -142%);
  -webkit-animation-delay: -0.25s;
  -moz-animation-delay: -0.25s;
  -ms-animation-delay: -0.25s;
  -o-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.cg-busy-default-spinner div.bar11 {
  -webkit-transform: rotate(300deg) translate(0, -142%);
  -moz-transform: rotate(300deg) translate(0, -142%);
  -ms-transform: rotate(300deg) translate(0, -142%);
  -o-transform: rotate(300deg) translate(0, -142%);
  transform: rotate(300deg) translate(0, -142%);
  -webkit-animation-delay: -0.1667s;
  -moz-animation-delay: -0.1667s;
  -ms-animation-delay: -0.1667s;
  -o-animation-delay: -0.1667s;
  animation-delay: -0.1667s;
}
.cg-busy-default-spinner div.bar12 {
  -webkit-transform: rotate(330deg) translate(0, -142%);
  -moz-transform: rotate(330deg) translate(0, -142%);
  -ms-transform: rotate(330deg) translate(0, -142%);
  -o-transform: rotate(330deg) translate(0, -142%);
  transform: rotate(330deg) translate(0, -142%);
  -webkit-animation-delay: -0.0833s;
  -moz-animation-delay: -0.0833s;
  -ms-animation-delay: -0.0833s;
  -o-animation-delay: -0.0833s;
  animation-delay: -0.0833s;
}
@-webkit-keyframes cg-busy-spinner-anim {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
@-moz-keyframes cg-busy-spinner-anim {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
@keyframes cg-busy-spinner-anim {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
.loader {
  background-image: url('vodacom/framework/skins/vodacom_skins/css/img/loader-lrg.gif') !important;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
div#nxtLvlBanner {
  width: 100%;
  margin-bottom: 0px !important;
  position: relative;
}
div#nxtLvlBanner img {
  width: 100%;
}
div#nxtLvlBanner div {
  width: 180px;
  position: absolute;
  right: 0;
  top: 30px;
}
div#nxtLvlBanner div ul {
  display: block;
  margin-right: 30px !important;
}
div#nxtLvlBanner div ul li a img {
  width: 40px;
  margin-right: 10px;
}
@media only screen and (max-width: 480px) {
  div#nxtLvlBanner div {
    display: none;
  }
}
#nxtLvlBuyBundle {
  width: 100%;
  display: inline-block;
  float: left;
}
#nxtLvlBuyBundle * {
  display: inline-block;
  float: left;
}
#nxtLvlBuyBundle #howToH1 {
  font-family: neon;
  color: #CC0910 !important;
  font-size: 44px;
  margin-top: 10px;
  font-weight: normal !important;
}
#nxtLvlBuyBundle #BuyBundleH1 {
  font-family: neon;
  color: #CC0910 !important;
  font-size: 44px;
  margin-top: 10px;
  font-weight: normal !important;
  display: block;
}
#nxtLvlBuyBundle div#banner {
  width: 100%;
  margin-bottom: 0px !important;
}
#nxtLvlBuyBundle #banner img {
  width: 100%;
}
#nxtLvlBuyBundle div.buyBundleLeft {
  width: 40%;
  padding: 30px 20px 20px 40px;
}
#nxtLvlBuyBundle div.buyBundleLeft #notVodacomP strong {
  float: left !important;
  width: 100%;
}
#nxtLvlBuyBundle #dailToPurchaseH1 {
  font-size: 26px;
  margin: 15px 0px 15px 0px;
  color: black !important;
}
#nxtLvlBuyBundle #dailToPurchaseH1 #strongDial {
  float: none !important;
}
#nxtLvlBuyBundle div.buyBundleRight {
  width: 60%;
  float: left;
  background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/wall.png');
  padding: 30px 20px 0px 40px;
}
#nxtLvlBuyBundle div.buyBundleRight .BBBtn {
  position: relative;
  width: auto;
  font-size: 19px;
  min-width: 150px;
  background: #aa2dad !important;
  background: -moz-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa2dad), color-stop(50%, #78247a), color-stop(100%, #5e225e)) !important;
  background: -webkit-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  background: -o-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  background: -ms-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  background: linear-gradient(to bottom, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa2dad', endColorstr='#5e225e', GradientType=0) !important;
}
#nxtLvlBuyBundle div.buyBundleRight .BBBtn:hover {
  background: #5e225e !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e225e), color-stop(50%, #78247a), color-stop(100%, #aa2dad)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e225e', endColorstr='#aa2dad', GradientType=0) !important;
  /* IE6-9 */
}
#nxtLvlBuyBundle div.buyBundleRight .howDo {
  width: 100%;
}
#nxtLvlBuyBundle div.buyBundleRight .BBArrow {
  background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/nxtlvl_iconsprite.png');
  width: 15px;
  height: 18px;
  position: absolute;
  top: 10px;
  right: 6px;
}
#nxtLvlBuyBundle div.buyBundleRight .adslAccord {
  width: 100%;
}
#nxtLvlBuyBundle div.buyBundleRight .bundlePrice {
  display: none;
  padding-left: 25px;
}
#nxtLvlBuyBundle div.buyBundleRight .pdOpen {
  width: 50%;
}
#nxtLvlBuyBundle div.buyBundleRight .pdClose {
  width: 50%;
}
#nxtLvlBuyBundle div.buyBundleRight .socialLogos {
  display: none;
}
#nxtLvlBuyBundle div.buyBundleRight #leftBuyBundle {
  width: 100%;
}
#nxtLvlBuyBundle div.buyBundleRight .bundlePriceH1 {
  color: #048299 !important;
  font-size: 82px;
  margin: 0px;
}
#nxtLvlBuyBundle div.buyBundleRight .priceDiv {
  border-top: 1px solid #287084;
  border-bottom: 1px solid #a11b1c;
  height: 110px;
  margin: 10px 0px 0px 0px;
  padding: 15px 0px 20px 10px;
  width: 100%;
}
#nxtLvlBuyBundle div.buyBundleRight .topTextBundle {
  border-bottom: 1px solid #a11b1c;
  padding-left: 10px;
  width: 100%;
  color: white;
  height: 60px;
  margin-bottom: 0px;
  font-size: 14px;
  padding-top: 20px;
}
#nxtLvlBuyBundle div.buyBundleRight .middleTextBundle {
  border-bottom: 1px solid #287084;
  padding-left: 10px;
  padding-right: 40px;
  width: 100%;
  color: white;
  height: 60px;
  margin-bottom: 0px;
  font-size: 14px;
  padding-top: 5px;
}
#nxtLvlBuyBundle div.buyBundleRight .bottomTextBundle {
  padding-left: 10px;
  width: 100%;
  font-size: 14px;
  color: white;
  height: 60px;
  margin-bottom: 0px;
  padding-top: 20px;
}
#nxtLvlBuyBundle div.buyBundleRight #rightBuyBundle {
  width: 100%;
}
#nxtLvlBuyBundle #bannerBottom {
  width: 100%;
  margin-bottom: 0px;
  display: block;
}
@media only screen and (max-width: 480px) {
  #nxtLvlBuyBundle div.buyBundleLeft {
    width: 100% !important;
  }
  #nxtLvlBuyBundle div.buyBundleLeft div#righSection {
    width: 100%;
  }
  #nxtLvlBuyBundle div.buyBundleLeft div#infoLeft {
    display: none;
  }
  #nxtLvlBuyBundle div.buyBundleLeft div#infoRight {
    width: 100%;
  }
  #nxtLvlBuyBundle div.buyBundleLeft a#viewWorkshops {
    width: 100%;
    text-align: left;
  }
}
@media only screen and (max-width: 769px) {
  #nxtLvlBuyBundle a#viewWorkshops {
    font-size: 16px;
  }
  #nxtLvlBuyBundle .topTextBundle {
    font-size: 12px !important;
    padding-right: 0px !important;
  }
  #nxtLvlBuyBundle .middleTextBundle {
    font-size: 12px !important;
    padding-right: 0px !important;
  }
  #nxtLvlBuyBundle .bottomTextBundle {
    font-size: 12px !important;
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 639px) {
  #nxtLvlBuyBundle #howToH1 {
    font-size: 24px !important;
  }
  #nxtLvlBuyBundle .BBBtn {
    margin: 30px 20px 30px 0px;
  }
  #nxtLvlBuyBundle .socialDiv {
    width: 100%;
  }
  #nxtLvlBuyBundle #BuyBundleH1 {
    display: none !important;
  }
  #nxtLvlBuyBundle .buyBundleLeft {
    padding: 10px 10px 10px 10px !important;
    width: 100% !important;
  }
  #nxtLvlBuyBundle div.buyBundleRight {
    width: 100% !important;
    background-color: white !important;
    padding: 0px 0px 0px 0px !important;
    background: none !important;
  }
  #nxtLvlBuyBundle div.buyBundleRight .bundlePrice {
    display: block !important;
    color: white !important;
    font-size: 36px !important;
    width: 100%;
    padding: 10px 10px 10px 35px !important;
    background: #498d99;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #498d99 1%, #3094a7 1%, #048299 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%, #498d99), color-stop(1%, #3094a7), color-stop(100%, #048299));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #498d99 1%, #3094a7 1%, #048299 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #498d99 1%, #3094a7 1%, #048299 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #498d99 1%, #3094a7 1%, #048299 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #498d99 1%, #3094a7 1%, #048299 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#498d99', endColorstr='#048299', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
  #nxtLvlBuyBundle div.buyBundleRight .socialLogos {
    display: block !important;
    width: 60px;
  }
  #nxtLvlBuyBundle div.buyBundleRight .topTextBundle {
    height: 35px !important;
    width: 90% !important;
    font-size: 12px !important;
    padding-top: 5px !important;
    padding-left: 0px !important;
  }
  #nxtLvlBuyBundle div.buyBundleRight .middleTextBundle {
    height: 35px !important;
    font-size: 12px !important;
    width: 90% !important;
    padding-top: 5px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  #nxtLvlBuyBundle div.buyBundleRight .bottomTextBundle {
    height: 35px !important;
    padding-left: 0px !important;
    padding-top: 5px !important;
    font-size: 12px !important;
    width: 90% !important;
  }
  #nxtLvlBuyBundle div.buyBundleRight #buyBundleBtn {
    width: 100% !important;
    text-align: left !important;
  }
  #nxtLvlBuyBundle div.buyBundleRight .priceDiv {
    width: 90% !important;
    border-top: none !important;
    padding: 0 !important;
    margin-top: 0px !important;
    height: 90px !important;
  }
  #nxtLvlBuyBundle #nextLevelBuyHeading {
    display: none !important;
  }
  #nxtLvlBuyBundle #leftBuyBundle {
    width: 100% !important;
    padding-left: 25px;
  }
  #nxtLvlBuyBundle #rightBuyBundle {
    width: 100% !important;
    padding-left: 25px;
  }
  #nxtLvlBuyBundle .howDo .adslAccord .pdClose .adslSlide {
    display: none;
    padding: 0 10px 15px;
    background-color: #FFFFFF;
  }
  #nxtLvlBuyBundle .adslAccord {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
  }
  #nxtLvlBuyBundle .adslSlide {
    background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/wall.png');
  }
  #nxtLvlBuyBundle .pdClose {
    border-bottom: 1px solid #CCCCCC;
    width: 100% !important;
  }
  #nxtLvlBuyBundle .pdClose h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png.pagespeed.ce.YOtc18NGOr.png") no-repeat scroll 96% center #048299;
  }
  #nxtLvlBuyBundle .click {
    border-radius: 0px !important;
  }
  #nxtLvlBuyBundle .pdOpen {
    border-bottom: 1px solid #CCCCCC;
    width: 100% !important;
  }
  #nxtLvlBuyBundle .pdOpen h3.click {
    background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png.pagespeed.ce.U_2Xu7Gi25.png") no-repeat scroll 96% center #048299;
  }
}
#nxtLvlBuyBundle #bannerBottom {
  display: none !important;
}
div#nxtLvlIntroFinal {
  width: 100%;
  display: inline-block;
  float: left;
}
div#nxtLvlIntroFinal * {
  display: inline-block;
  float: left;
}
div#nxtLvlIntroFinal div#infoRight {
  line-height: 1.5em;
}
div#nxtLvlIntroFinal .neon {
  font-family: neon;
  color: #CC0910;
  font-size: 45px;
}
div#nxtLvlIntroFinal div#leftSection {
  width: 60%;
  padding-left: 15px;
  padding-top: 40px;
  min-height: 710px;
}
div#nxtLvlIntroFinal div#leftSection img#nxtLvlSign {
  width: 100%;
}
div#nxtLvlIntroFinal div#leftSection #phonePic {
  width: 100%;
}
div#nxtLvlIntroFinal div#righSection {
  width: 40%;
  padding-left: 15px;
  padding-right: 15px;
  background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/wall.png');
  padding-top: 40px;
  min-height: 710px;
}
div#nxtLvlIntroFinal div#righSection img#workshopBanner {
  width: 100%;
}
div#nxtLvlIntroFinal div#righSection div.neon {
  text-align: center;
}
div#nxtLvlIntroFinal div#righSection div.workshopPhotos {
  paworkshopPhotosdding-left: 15%;
  padding-right: 15%;
  padding-bottom: 15px;
  width: 100%;
}
div#nxtLvlIntroFinal div#righSection img.face {
  width: 50%;
}
div#nxtLvlIntroFinal div#infoRight {
  width: 60%;
  padding: 3%;
}
div#nxtLvlIntroFinal div#infoLeft {
  width: 40%;
}
div#nxtLvlIntroFinal div#infoLeft img#quote {
  width: 100%;
}
div#nxtLvlIntroFinal a#viewWorkshops {
  position: relative;
  width: auto;
  font-size: 19px;
  min-width: 150px;
  background: #aa2dad !important;
  background: -moz-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa2dad), color-stop(50%, #78247a), color-stop(100%, #5e225e)) !important;
  background: -webkit-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  background: -o-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  background: -ms-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  background: linear-gradient(to bottom, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa2dad', endColorstr='#5e225e', GradientType=0) !important;
}
div#nxtLvlIntroFinal a#viewWorkshops:hover {
  background: #5e225e !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e225e), color-stop(50%, #78247a), color-stop(100%, #aa2dad)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e225e', endColorstr='#aa2dad', GradientType=0) !important;
  /* IE6-9 */
}
div#nxtLvlIntroFinal div#btnText {
  margin-right: 15px;
}
div#nxtLvlIntroFinal a.workshopLink {
  width: 100%;
  margin-top: 20px;
  position: relative;
}
div#nxtLvlIntroFinal div.workshopText {
  width: 90%;
  color: white;
  font-weight: bold;
}
div#nxtLvlIntroFinal .chevron {
  width: 10%;
  background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/nxtlvl_iconsprite.png') no-repeat -20px -3px;
  height: 12px;
  position: absolute;
  top: 1px;
  right: -6px;
}
div#nxtLvlIntroFinal .chevronArrow {
  background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/nxtlvl_iconsprite.png');
  width: 15px;
  height: 18px;
  position: absolute;
  top: 10px;
  right: 6px;
}
div#nxtLvlIntroFinal div#sharing {
  margin-top: 20px;
  display: none;
}
div#nxtLvlIntroFinal #sharing a {
  width: 25%;
}
div#nxtLvlIntroFinal #sharing img {
  width: 100%;
}
div#nxtLvlIntroFinal .tempHide {
  display: none !important;
}
div#nxtLvlIntroFinal .neonSmaller {
  font-family: neon;
  color: #CC0910;
  font-size: 33px;
}
div#nxtLvlIntroFinal .neonSmallerBlue {
  font-family: neon;
  color: #20ADCB;
  font-size: 33px;
}
div#nxtLvlIntroFinal .text.white {
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 1.5em;
}
div#nxtLvlIntroFinal div#righSection_Intro {
  width: 40%;
  background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/wall.png');
  padding: 6%;
  min-height: 710px;
}
div#nxtLvlIntroFinal .white {
  color: white;
}
div#nxtLvlIntroFinal img#msgEnvelope {
  width: 100%;
}
div#nxtLvlIntroFinal div#rightCenter {
  width: 100%;
}
div#nxtLvlIntroFinal .bottomDivContainer {
  float: left;
  height: 7px;
  width: 100%;
}
div#nxtLvlIntroFinal .bottomBorderLeft {
  width: 60%;
  height: 100%;
  float: left;
  background-color: #DC0000;
}
div#nxtLvlIntroFinal .bottomBorderRight {
  width: 40%;
  height: 100%;
  float: left;
  background-color: #20ADCB;
}
@media only screen and (max-width: 480px) {
  div#nxtLvlIntroFinal .bottomDivContainer {
    display: none;
  }
  div#nxtLvlIntroFinal #banner img {
    width: 100%;
  }
  div#nxtLvlIntroFinal #banner div {
    display: none;
  }
  div#nxtLvlIntroFinal div#leftSection {
    width: 100%;
    padding-right: 15px;
    min-height: 100px;
    border-bottom: none;
  }
  div#nxtLvlIntroFinal div#leftSection img#phonePic {
    display: inline-block !important;
  }
  div#nxtLvlIntroFinal div#righSection {
    width: 100%;
  }
  div#nxtLvlIntroFinal div#righSection_Intro {
    width: 100%;
    background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/wall.png');
    padding: 6%;
    min-height: 710px;
    border-bottom: 7px solid #20ADCB;
  }
  div#nxtLvlIntroFinal div#infoLeft {
    display: none;
  }
  div#nxtLvlIntroFinal div#infoRight {
    width: 100%;
  }
  div#nxtLvlIntroFinal a#viewWorkshops {
    width: 100%;
    text-align: left;
  }
  div#nxtLvlIntroFinal div#righSection div.neon {
    text-align: left;
  }
  div#nxtLvlIntroFinal div#righSection div.workshopPhotos {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 15px;
    width: 100%;
  }
  div#nxtLvlIntroFinal div#sharing {
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
  }
}
@media only screen and (max-width: 769px) {
  div#nxtLvlIntroFinal a#viewWorkshops {
    font-size: 16px;
  }
  div#nxtLvlIntroFinal .neon {
    font-size: 33px;
  }
  div#nxtLvlIntroFinal div#righSection div.workshopPhotos {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 15px;
    width: 100%;
  }
  div#nxtLvlIntroFinal .neonSmaller {
    font-size: 26px;
  }
  div#nxtLvlIntroFinal .neonSmallerBlue {
    font-size: 26px;
  }
}
div#nxtLvlMentorsFinal {
  width: 100%;
  display: inline-block;
  float: left;
}
div#nxtLvlMentorsFinal * {
  display: inline-block;
  float: left;
}
div#nxtLvlMentorsFinal .neon {
  font-family: neon;
  color: #CC0910;
  font-size: 45px;
}
div#nxtLvlMentorsFinal #mentorInfo {
  margin-top: 10px;
}
div#nxtLvlMentorsFinal div#mentorsLeftSection {
  width: 50%;
  padding-left: 15px;
  padding-top: 40px;
  padding-right: 60px;
  min-height: 710px;
}
div#nxtLvlMentorsFinal div#mentorsLeftSection img#nxtLvlSign {
  width: 100%;
}
div#nxtLvlMentorsFinal div#mentorsLeftSection label {
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0;
}
div#nxtLvlMentorsFinal div#mentorsLeftSection input {
  border: 1px solid black;
  height: 45px;
}
div#nxtLvlMentorsFinal a.btn.btnBlue:hover {
  background: #0f5d6a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0f5d6a 0%, #118497 50%, #129ab2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f5d6a), color-stop(50%, #118497), color-stop(100%, #129ab2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0f5d6a 0%, #118497 50%, #129ab2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0f5d6a 0%, #118497 50%, #129ab2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0f5d6a 0%, #118497 50%, #129ab2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0f5d6a 0%, #118497 50%, #129ab2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f5d6a', endColorstr='#129ab2', GradientType=0);
  /* IE6-9 */
}
div#nxtLvlMentorsFinal a.btn.btnBlue {
  position: relative;
  color: white;
  height: auto;
  font-size: 19px;
  background: #129ab2;
  background: -moz-linear-gradient(top, #129ab2 0%, #118497 50%, #0f5d6a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #129ab2), color-stop(50%, #118497), color-stop(100%, #0f5d6a));
  background: -webkit-linear-gradient(top, #129ab2 0%, #118497 50%, #0f5d6a 100%);
  background: -o-linear-gradient(top, #129ab2 0%, #118497 50%, #0f5d6a 100%);
  background: -ms-linear-gradient(top, #129ab2 0%, #118497 50%, #0f5d6a 100%);
  background: linear-gradient(to bottom, #129ab2 0%, #118497 50%, #0f5d6a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#129ab2', endColorstr='#0f5d6a', GradientType=0);
}
div#nxtLvlMentorsFinal div#mentorsRightSection {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/wall.png');
  padding-top: 40px;
  min-height: 710px;
}
div#nxtLvlMentorsFinal div#mentorsRightSection img#workshopBanner {
  width: 100%;
}
div#nxtLvlMentorsFinal div#mentorsRightSection div.neon {
  text-align: center;
}
div#nxtLvlMentorsFinal div#mentorsRightSection ol.mentorList {
  list-style-type: none;
  margin-left: 0;
  color: white;
  margin-top: 30px !important;
  margin-bottom: 40px !important;
}
div#nxtLvlMentorsFinal div#mentorsRightSection ol.mentorList > li {
  counter-increment: customlistcounter;
  padding: 0 10px;
  line-height: 42px;
}
div#nxtLvlMentorsFinal div#mentorsRightSection ol.mentorList > li:before {
  content: counter(customlistcounter) " ";
  font-weight: bold;
  height: 42px;
  float: left;
  width: 3em;
  text-align: center;
  margin-right: 13px;
}
div#nxtLvlMentorsFinal div#mentorsRightSection ol.mentorList > li.mentorListOdd:before {
  background-image: url(vodacom/framework/skins/vodacom_skins/img/nxtlvl/blue-circle.png);
  background-repeat: no-repeat;
  -moz-background-size: 60px;
  -o-background-size: 60px;
  -webkit-background-size: 3em;
  background-size: 60px;
  background-position: -9px -9px;
}
div#nxtLvlMentorsFinal div#mentorsRightSection ol.mentorList > li.mentorListEven:before {
  background-image: url(vodacom/framework/skins/vodacom_skins/img/nxtlvl/red-circle.png);
  background-repeat: no-repeat;
  -moz-background-size: 60px;
  -o-background-size: 60px;
  -webkit-background-size: 3em;
  background-size: 60px;
  background-position: -9px -9px;
}
div#nxtLvlMentorsFinal div#mentorsRightSection ol.mentorList > li.mentorListOdd hr {
  border: 1px solid #18889D !important;
}
div#nxtLvlMentorsFinal div#mentorsRightSection ol.mentorList > li.mentorListEven hr {
  border: 1px solid #DC0C17 !important;
}
div#nxtLvlMentorsFinal a#suggestMentor {
  margin-top: 40px;
}
div#nxtLvlMentorsFinal div#btnText {
  margin-right: 15px;
}
div#nxtLvlMentorsFinal .chevron {
  width: 10%;
  background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/nxtlvl_iconsprite.png') no-repeat -20px -3px;
  height: 12px;
  position: absolute;
  top: 1px;
  right: -6px;
}
div#nxtLvlMentorsFinal .chevronArrow {
  background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/nxtlvl_iconsprite.png');
  width: 15px;
  height: 18px;
  position: absolute;
  top: 10px;
  right: 6px;
}
div#nxtLvlMentorsFinal .bottomDivContainer {
  float: left;
  height: 7px;
  width: 100%;
}
div#nxtLvlMentorsFinal .bottomBorderLeft {
  width: 50%;
  height: 100%;
  float: left;
  background-color: #DC0000;
}
div#nxtLvlMentorsFinal .bottomBorderRight {
  width: 50%;
  height: 100%;
  float: left;
  background-color: #20ADCB;
}
@media only screen and (max-width: 480px) {
  div#nxtLvlMentorsFinal .bottomDivContainer {
    display: none;
  }
  div#nxtLvlMentorsFinal div#mentorsLeftSection {
    width: 100%;
    padding-right: 15px;
    min-height: 100px;
    border-bottom: none;
  }
  div#nxtLvlMentorsFinal div#mentorsLeftSection img#phonePic {
    display: none;
  }
  div#nxtLvlMentorsFinal div#mentorsRightSection {
    width: 100%;
  }
  div#nxtLvlMentorsFinal a#suggestMentor {
    width: 100%;
    text-align: left;
  }
  div#nxtLvlMentorsFinal div#mentorsRightSection div.neon {
    text-align: left;
  }
  div#nxtLvlMentorsFinal div#mentorsRightSection div#workshopPhotos {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 15px;
    width: 100%;
  }
}
@media only screen and (max-width: 769px) {
  div#nxtLvlMentorsFinal a#suggestMentor {
    font-size: 16px;
  }
  div#nxtLvlMentorsFinal .neon {
    font-size: 33px;
  }
  div#nxtLvlMentorsFinal div#mentorsRightSection {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 15px;
    width: 100%;
  }
  div#nxtLvlMentorsFinal div#mentorsLeftSection {
    width: 100%;
    padding-right: 15px;
    min-height: 100px;
    border-bottom: none;
  }
  div#nxtLvlMentorsFinal ol.mentorList,
  div#nxtLvlMentorsFinal ol.mentorList > li {
    padding: 0!important;
  }
}
#nxtLvlSignUpFinal * {
  display: inline-block;
  float: left;
}
#nxtLvlSignUpFinal input {
  -webkit-appearance: none;
}
#nxtLvlSignUpFinal option {
  display: block !important;
}
#nxtLvlSignUpFinal div#leftSection_SignUp {
  width: 50%;
  padding: 20px;
  min-height: 380px;
}
#nxtLvlSignUpFinal div#righSection_SignUp {
  width: 50%;
  min-height: 380px;
}
#nxtLvlSignUpFinal .signUpFont {
  font-size: 17px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
#nxtLvlSignUpFinal .signUpFont {
  width: 100%;
}
#nxtLvlSignUpFinal .halfSize {
  width: 48%;
}
#nxtLvlSignUpFinal .smallMarginLeft {
  margin-left: 4%;
}
#nxtLvlSignUpFinal div#righSection_SignUp {
  padding: 20px;
}
#nxtLvlSignUpFinal textarea#tellUs {
  height: 110px;
  margin-bottom: 35px;
  border: 0.5px solid grey;
  max-height: 110px;
  max-width: 412px;
  width: 100%;
  border: 1px solid #ccc !important;
}
#nxtLvlSignUpFinal .fm-check {
  width: 100%;
  height: 25px;
}
#nxtLvlSignUpFinal .fm-check span {
  float: none;
  display: block;
}
#nxtLvlSignUpFinal .fm-check a {
  display: inline-block;
  float: none;
}
#nxtLvlSignUpFinal .mobileVisible {
  display: none;
}
#nxtLvlSignUpFinal a#signUp {
  background: #aa2dad !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa2dad), color-stop(50%, #78247a), color-stop(100%, #5e225e)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa2dad', endColorstr='#5e225e', GradientType=0) !important;
  /* IE6-9 */
}
#nxtLvlSignUpFinal a#signUp:hover {
  background: #5e225e !important;
  background: -moz-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e225e), color-stop(50%, #78247a), color-stop(100%, #aa2dad)) !important;
  background: -webkit-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  background: -o-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  background: -ms-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  background: linear-gradient(to bottom, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e225e', endColorstr='#aa2dad', GradientType=0) !important;
}
#nxtLvlSignUpFinal .fm-select {
  width: 100%;
  float: left;
  margin-right: 13px;
  background: #fff;
  position: relative;
  margin-top: 0px !important;
  height: 35px;
}
#nxtLvlSignUpFinal select#select {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #e9e9e9;
  box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
  height: 35px !important;
  margin: 0;
  position: relative;
  z-index: 1;
  padding: 7px;
  -webkit-appearance: none;
}
#nxtLvlSignUpFinal .fm-select span {
  color: #999;
  font-weight: normal;
  background: none repeat scroll 0 0 #fff;
  border-left: 1px solid #b5b5b5;
  height: 34px;
  margin-right: 1px;
  padding: 5px 9px 6px 12px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 1;
  border-top: 1px solid #ebebeb;
}
#nxtLvlSignUpFinal i.i-arrow-down-grey-lrg {
  height: 8px;
  width: 13px;
  background: url(vodacom/framework/skins/vodacom_skins/img/sprite.png) no-repeat -115px -4px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 9px;
}
#nxtLvlSignUpFinal .bottomDivContainer {
  float: left;
  height: 7px;
  width: 100%;
}
#nxtLvlSignUpFinal .bottomBorderLeft {
  width: 50%;
  height: 100%;
  float: left;
  background-color: #DC0000;
}
#nxtLvlSignUpFinal .bottomBorderRight {
  width: 50%;
  height: 100%;
  float: left;
  background-color: #20ADCB;
}
#nxtLvlSignUpFinal .fm-data-group {
  margin-top: 20px;
  width: 100%;
}
#nxtLvlSignUpFinal .fm-data {
  padding: 0px;
  margin-right: 0px !important;
  padding-bottom: 0px;
  float: left;
  width: 33%;
}
#nxtLvlSignUpFinal div#selectCountry {
  width: 70%;
}
#nxtLvlSignUpFinal div#age {
  width: 15%;
  margin-left: 20px;
}
#nxtLvlSignUpFinal div#passportSelected {
  min-width: 230px;
}
#nxtLvlSignUpFinal .validationLblBox {
  width: 100%;
  height: 35px;
  padding: 10px;
}
#nxtLvlSignUpFinal .validationLblBox label {
  color: #ff0000;
}
@media only screen and (max-width: 767px) {
  #nxtLvlSignUpFinal .fm-select {
    width: 100% !important;
    margin-right: 5px !important;
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  #nxtLvlSignUpFinal .bottomDivContainer {
    display: none;
  }
  #nxtLvlSignUpFinal .fm-select {
    width: 100% !important;
    margin-right: 5px !important;
    margin-bottom: 10px;
  }
  #nxtLvlSignUpFinal div#leftSection_SignUp {
    width: 95%;
    padding: 20px;
    border-bottom: none;
    height: auto;
    padding-bottom: 0px;
  }
  #nxtLvlSignUpFinal div#righSection_SignUp {
    width: 95%;
    border-bottom: 7px solid #20ADCB;
    height: auto;
    padding-top: 0px;
    border-bottom: none;
  }
  #nxtLvlSignUpFinal .halfSize {
    width: 100%;
  }
  #nxtLvlSignUpFinal .smallMarginLeft {
    margin-left: 0px;
  }
  #nxtLvlSignUpFinal .mobileNonVisible {
    display: none;
  }
  #nxtLvlSignUpFinal .mobileVisible {
    display: inline-block;
  }
  #nxtLvlSignUpFinal a#signUp {
    width: 100%;
    background: #aa2dad !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa2dad), color-stop(50%, #78247a), color-stop(100%, #5e225e)) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
    /* IE10+ */
    background: linear-gradient(to bottom, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa2dad', endColorstr='#5e225e', GradientType=0) !important;
    /* IE6-9 */
  }
  #nxtLvlSignUpFinal a#signUp:hover {
    width: 100%;
    background: #5e225e !important;
    background: -moz-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e225e), color-stop(50%, #78247a), color-stop(100%, #aa2dad)) !important;
    background: -webkit-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
    background: -o-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
    background: -ms-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
    background: linear-gradient(to bottom, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e225e', endColorstr='#aa2dad', GradientType=0) !important;
  }
}
div#nxtLvlSuccessFinal {
  /*div#infoText_WhySignUp  {
        margin: 20px; 
    }*/
  width: 100%;
}
div#nxtLvlSuccessFinal * {
  display: inline-block;
  float: left;
}
div#nxtLvlSuccessFinal .text {
  line-height: 1.5em;
}
div#nxtLvlSuccessFinal div#banner {
  width: 100%;
}
div#nxtLvlSuccessFinal #banner img {
  width: 100%;
}
div#nxtLvlSuccessFinal div#leftSection_Success {
  width: 55%;
  padding: 20px;
}
div#nxtLvlSuccessFinal div#righSection_Success {
  width: 45%;
  background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/wall.png');
  min-height: 425px;
  padding: 6%;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
div#nxtLvlSuccessFinal a#viewWorkshops {
  font-size: 19px;
  min-width: 150px;
}
div#nxtLvlSuccessFinal div#btnCollection {
  width: 100%;
}
div#nxtLvlSuccessFinal a.btn.btnBlue:hover {
  background: #0f5d6a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0f5d6a 0%, #118497 50%, #129ab2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f5d6a), color-stop(50%, #118497), color-stop(100%, #129ab2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0f5d6a 0%, #118497 50%, #129ab2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0f5d6a 0%, #118497 50%, #129ab2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0f5d6a 0%, #118497 50%, #129ab2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0f5d6a 0%, #118497 50%, #129ab2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f5d6a', endColorstr='#129ab2', GradientType=0);
  /* IE6-9 */
}
div#nxtLvlSuccessFinal div#leftText {
  padding-right: 60px;
  margin-bottom: 40px;
}
div#nxtLvlSuccessFinal img#imgRightSection {
  margin-top: 20px;
  padding-left: 40px;
  padding-bottom: 32px;
  width: 80%;
}
div#nxtLvlSuccessFinal div#righSection_SuccessMobile {
  display: none;
}
div#nxtLvlSuccessFinal a.btn.btnBlue {
  position: relative;
  color: white;
  height: auto;
  font-size: 19px;
  background: #129ab2;
  background: -moz-linear-gradient(top, #129ab2 0%, #118497 50%, #0f5d6a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #129ab2), color-stop(50%, #118497), color-stop(100%, #0f5d6a));
  background: -webkit-linear-gradient(top, #129ab2 0%, #118497 50%, #0f5d6a 100%);
  background: -o-linear-gradient(top, #129ab2 0%, #118497 50%, #0f5d6a 100%);
  background: -ms-linear-gradient(top, #129ab2 0%, #118497 50%, #0f5d6a 100%);
  background: linear-gradient(to bottom, #129ab2 0%, #118497 50%, #0f5d6a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#129ab2', endColorstr='#0f5d6a', GradientType=0);
}
div#nxtLvlSuccessFinal a.workshopLink {
  width: 100%;
  margin-top: 20px;
  position: relative;
}
div#nxtLvlSuccessFinal div.workshopText {
  width: 90%;
  color: white;
  font-weight: bold;
}
div#nxtLvlSuccessFinal .chevron {
  width: 5%;
  background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/nxtlvl_iconsprite.png') no-repeat -20px -3px;
  height: 12px;
  position: absolute;
  top: 1px;
  right: -6px;
}
div#nxtLvlSuccessFinal .chevronArrow {
  background: url('vodacom/framework/skins/vodacom_skins/img/nxtlvl/nxtlvl_iconsprite.png');
  width: 15px;
  height: 18px;
  position: absolute;
  top: 10px;
  right: 6px;
}
div#nxtLvlSuccessFinal a#viewWorkshops {
  position: relative;
  width: auto;
  font-size: 19px;
  min-width: 150px;
  background: #aa2dad !important;
  background: -moz-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa2dad), color-stop(50%, #78247a), color-stop(100%, #5e225e)) !important;
  background: -webkit-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  background: -o-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  background: -ms-linear-gradient(top, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  background: linear-gradient(to bottom, #aa2dad 0%, #78247a 50%, #5e225e 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa2dad', endColorstr='#5e225e', GradientType=0) !important;
}
div#nxtLvlSuccessFinal a#viewWorkshops:hover {
  background: #5e225e !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e225e), color-stop(50%, #78247a), color-stop(100%, #aa2dad)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #5e225e 0%, #78247a 50%, #aa2dad 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e225e', endColorstr='#aa2dad', GradientType=0) !important;
  /* IE6-9 */
}
div#nxtLvlSuccessFinal div#btnText {
  margin-right: 15px;
}
div#nxtLvlSuccessFinal .bottomDivContainer {
  float: left;
  height: 7px;
  width: 100%;
}
div#nxtLvlSuccessFinal .bottomBorderLeft {
  width: 55%;
  height: 100%;
  float: left;
  background-color: #DC0000;
}
div#nxtLvlSuccessFinal .bottomBorderRight {
  width: 45%;
  height: 100%;
  float: left;
  background-color: #20ADCB;
}
@media only screen and (max-width: 480px) {
  div#nxtLvlSuccessFinal .bottomDivContainer {
    display: none;
  }
  div#nxtLvlSuccessFinal div#infoText_WhySignUp {
    margin: 14px;
  }
  div#nxtLvlSuccessFinal div#leftSection_Success {
    width: 100%;
    border-bottom: 4px solid #20ADCB;
  }
  div#nxtLvlSuccessFinal div#leftSection_Success img#whySignUpSecondBanner {
    display: none;
  }
  div#nxtLvlSuccessFinal div#righSection_Success {
    display: none;
  }
  div#nxtLvlSuccessFinal div#righSection_SuccessMobile {
    padding: 20px;
    display: inline-block;
  }
  div#nxtLvlSuccessFinal div#infoLeft {
    display: none;
  }
  div#nxtLvlSuccessFinal div#infoRight {
    width: 100%;
  }
  div#nxtLvlSuccessFinal a#viewWorkshops {
    width: 100%;
    text-align: left;
  }
  div#nxtLvlSuccessFinal #leftSection_Success a#viewWorkshops {
    font-size: 16px;
    width: auto !important;
  }
  div#nxtLvlSuccessFinal #leftSection_Success a#mentor {
    font-size: 16px;
    width: auto !important;
  }
  div#nxtLvlSuccessFinal #btnCollection a#viewWorkshops {
    font-size: 16px;
    width: auto !important;
  }
}
@media only screen and (max-width: 769px) {
  div#nxtLvlSuccessFinal a#viewWorkshops {
    font-size: 16px;
  }
}
@media only screen and (max-width: 420px) {
  div#nxtLvlSuccessFinal h4,
  div#nxtLvlSuccessFinal h5,
  div#nxtLvlSuccessFinal h6 {
    font-size: 14px!important;
  }
}
.smartHome_LandingPage {
  padding: 0 10px;
}
.smartHome {
  border: 1px solid #CCCCCC;
  display: inline-block !important;
  width: 100%;
  position: inherit;
  padding: 20px !important;
  margin-bottom: 20px !important;
  border-radius: 5px;
}
.smartHome span {
  font-weight: normal !important;
  line-height: 20px;
}
.smartHome .smartHome_borderBox {
  border: 0px !important;
  height: auto;
}
.smartHome ul.smartHomeUL {
  margin-top: 30px !important;
  display: block;
  margin-bottom: 30px !important;
}
.smartHome ul.smartHomeUL .heading {
  margin-bottom: 5px;
}
.smartHome ul.smartHomeUL li {
  margin-top: 14px;
}
.smartHome > li a {
  padding: 6px 15px !important;
  margin-bottom: 5px !important;
  width: 100px;
  display: inline-block;
}
.smartHome .SideBox {
  height: 100%;
  width: 40%;
  display: block;
}
.smartHome .SideBox > div {
  width: 100%;
  background-color: grey;
  min-height: 310px;
}
.smartHome .smartHome_borderBox {
  float: left;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.smartHome .info {
  width: 60%;
  padding-right: 10px;
}
.smartHome .blueTickImg {
  background: url('vodacom/framework/skins/vodacom_skins/img/sprite.png') no-repeat -897px -65px;
  width: 20px;
  height: 19px;
  display: inline-block;
  margin-right: 10px;
  float: left;
}
@media screen and (max-width: 480px) {
  .smartHome .smartHome_borderBox {
    width: 100%;
  }
  .smartHome .smartHome_borderBox h4 {
    font-size: 16px !important;
  }
  .smartHome .SideBox > div {
    margin-top: 40px;
  }
}
.takeover {
  background-position: 50% 0;
}
#gs_psb_sayt_holder{position:relative;margin-top:34px;text-align:left;float:right;z-index:1000}#gs_ssb_sayt_holder{position:absolute;margin-top:32px;width:100%;z-index:500}#gs_ssb_sayt_holder #gs_suggest{width:100%}#gs_ssb_sayt_holder div.highlight{background:#eaeaea;color:#e60000;font-weight:normal}#gs_suggest{position:relative;background-color:#FFF;padding-top:10px;padding-bottom:10px;width:434px;overflow:hidden;border:#b6b6b6 solid 1px;font-family:Arial,sans-serif;font-size:18px;-webkit-box-shadow:10px 10px 9px rgba(29,29,29,0.4);-moz-box-shadow:10px 10px 9px rgba(29,29,29,.4);box-shadow:10px 10px 9px rgba(29,29,29,.4);-webkit-border-radius:12px;-moz-border-radius:7px;border-radius:7px;color:#333}#gs_suggest ul{overflow:visible;color:#333;font-size:11px;font-weight:normal;line-height:1.3em;list-style:none}#gs_suggest ul li{list-style:none}#gs_suggest .gs_sayt{height:100%}#gs_suggest .gs_empty_notification{margin-left:21px;margin-right:20px;color:#666;cursor:pointer;padding-bottom:1px;padding-left:1px}#gs_suggest .gs_sayt_category{overflow:visible;padding:10px 0 0 10px;margin-left:5px;clear:both;width:64px;font-size:13px;font-weight:Bold;display:block;white-space:normal}#gs_suggest .gs_sayt_category .gs_sayt_category_last{border-bottom:1px solid #dbdbdb}#gs_suggest .gs_sayt_sug,#gs_suggest .gs_zero_sug{width:98%;color:#333;clear:both}#gs_suggest .gs_sayt_sug a,#gs_suggest .gs_zero_sug a{color:#333;text-decoration:none;display:block;padding-bottom:10px;padding-top:10px;overflow:hidden}#gs_suggest .gs_sayt_sug a:hover,#gs_suggest .gs_zero_sug a:hover{text-decoration:underline}#gs_suggest .gs_sayt_sug .gs_sayt_sug_last,#gs_suggest .gs_zero_sug .gs_zero_sug_last{border-bottom:1px solid #dbdbdb;width:100%}#gs_suggest .gs_sayt_sug .sayt_logo{width:32px;height:32px}#gs_suggest .gs_sayt_sug .sayt_thumbnail{float:left;width:auto;height:32px;margin:2px 10px 0 0}#gs_suggest .gs_sayt_sug .sayt_title,#gs_suggest .gs_zero_sug .sayt_title{font-size:13px;display:block;vertical-align:text-top;padding:0 3px 0 0;margin:0 0 0 51px;font-weight:Bold;text-overflow:ellipsis;width:86%}#gs_suggest .gs_sayt_sug .sayt_snippet{font-size:13px;overflow:hidden;display:block;vertical-align:text-top;padding:0 3px 0 0;margin:0 0 0 51px;text-overflow:ellipsis;white-space:nowrap}#gs_suggest .sayt_view_all{font-size:18px;font-weight:bold;padding:10px 0 0 10px;//margin-left:5px;clear:both;overflow:visible;float:left;list-style:none;clear:both;background:0;border-top:1px solid #dbdbdb;width:100%;margin:10px 0 10px 5px}#gs_suggest .sayt_search_term_bottom{font-size:20px;font-weight:bold;color:#e60000;//margin:35px 0 5px 15px;cursor:pointer;padding:5px 0 5px 16px;clear:both}div #searchTerm{padding:5px 15px;margin:30px 0 0 0}#gs_suggest .gs_suggestions_heading,.gs_category_heading{font-size:18px;font-weight:bold;padding:10px 0 10px 10px;margin-left:5px;clear:both}#gs_suggest .gs_suggestions_word{font-size:14px;//padding:5px 0 5px 10px;//margin-left:10px;clear:both;cursor:pointer;padding:5px 15px;margin:0}#gs_suggest .gs_category_heading{border-top:1px solid #dbdbdb;width:100%;margin-top:10px}#gs_suggest .gs_sayt_sug,#gs_suggest .gs_zero_sug{width:100%!important;border-top:none!important;border-bottom:none!important;padding:0 0 0 15px!important}#gs_suggest .gs_sayt_sug .highlight,#gs_suggest .gs_zero_sug .highlight{width:auto!important}#gs_suggest .gs_sayt_sug .sayt_title,#gs_suggest .gs_sayt_sug .sayt_snippet,#gs_suggest .gs_zero_sug .sayt_title{margin:0!important}#gs_suggest .gs_sayt_category.no_display{visibility:hidden!important;margin:-10px 0 -10px 0!important;padding:0!important}#gs_suggest ul li.no_display{margin:10px 0 0 0;padding:10px 0 0 3px;overflow:visible!important;list-style:none}#gs_suggest .gs_sayt_sug_last,#gs_suggest .gs_zero_sug_last{border-bottom:none!important}.gs_keymatch_title{font-size:14px;display:block;vertical-align:text-top;padding:5px 3px 5px 15px;margin-bottom:5px}#gs_suggest .highlight,.gs_suggestions_word:hover{background-color:#ccc}.gs_sayt_sug a:hover,.gs_zero_sug a:hover{text-decoration:none!important}.gs_sayt_sug:hover,.gs_sayt_sug.highlight,.gs_zero_sug:hover,.gs_zero_sug.highlight{background-color:#ccc;margin:0!important;padding:0 0 0 15px!important}.gs_suggestions_filter:hover,.gs_suggestions_filter.highlight{background-color:#ccc}.sayt_search_term_bottom:hover,.sayt_search_term_bottom.highlight{background-color:#ccc}.gs_sayt_keymatch{background-color:#f4f4f4}.gs_sayt_keymatch:hover,.gs_sayt_keymatch.highlight{background-color:#ccc;width:auto!important}#keymatchItem:hover{text-decoration:none}#gs_novalue{margin:10px;color:#666;padding-bottom:1px;padding-left:1px}.gs_suggestions_filter{font-size:14px;padding:5px 0 5px 16px;margin-left:0;clear:both;cursor:pointer}.gs_suggestion_filter_label{font-weight:bold}@media only screen and (max-width:480px){#gs_suggest{width:100%}#gs_psb_sayt_holder{width:100%!important;float:none!important}}@media only screen and (max-width:600px){#gs_suggest{width:100%}#gs_psb_sayt_holder{width:100%!important;float:none!important}}@media only screen and (max-width:767px){#gs_suggest{width:100%}#gs_psb_sayt_holder{width:100%!important;float:none!important}}@media only screen and (max-width:818px){#gs_suggest{width:100%!important}#gs_psb_sayt_holder{width:100%;float:none!important}}@media only screen and (min-width:200px) and (max-width:818px){#searchCloseBtn .nav-close{margin-top:30px!important}}@media only screen and (min-width:768px) and (max-width:1024px){#gs_suggest{width:100%}}@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){#gs_psb_sayt_holder{width:100%;float:none}}@media only screen and (min-width:818px) and (max-width:1024px) and (orientation:landscape){#gs_psb_sayt_holder{width:200%!important;float:right!important}}.gs_psb{z-index:500}#gs_psb .placeholder{color:#b6b6b6}#gs_psbFrm #gs_search_go{padding:6px 6px!important;width:30px}#gs_psb_busy{position:absolute;background-color:transparent;margin:9px 0 12px 6px;padding:0;float:left;height:17px;width:18px;cursor:pointer;z-index:10}#gs_psb_glass{margin:8px 0 10px 6px;padding:0;float:left;height:17px;width:18px;position:absolute;z-index:10}#gs_psb_clear{position:absolute;background-color:transparent;margin:10px 0 12px 6px;padding:0;float:left;height:17px;width:18px;cursor:pointer;z-index:10}#gs_psbFrm .conor-typeahead{background-image:none;padding:5px 41px 5px 29px!important;font:400 14px / 1.176 "VodafoneRegular"!important;position:absolute;width:100%}.conor-typeahead .typeaheadText{position:absolute!important;top:0;left:0;border-color:transparent;box-shadow:none;opacity:1;color:#dcdcdc;font:inherit;background-image:none}.conor-typeahead .typeaheadChange{position:absolute!important;top:0;left:0;background-color:transparent;font:inherit;background-image:none}.gs_hide{display:none}@media only screen and (min-width:818px) and (max-width:1024px){#gs_psbFrm #gs_search_go{top:2px!important;left:83%!important}.dd-search .i-search{width:100%!important}#gs_psbFrm .conor-typeahead{width:100%!important}}@media only screen and (min-width:768px) and (max-width:817px){#gs_psbFrm #gs_search_go{top:32px!important;left:91.5%!important}.dd-search .i-search{width:100%!important}#gs_psbFrm .conor-typeahead{width:91.6%!important}.dd-search{top:100%!important}}@media only screen and (min-width:600px) and (max-width:767px){#gs_psbFrm #gs_search_go{top:32px!important;left:92%!important}.dd-search .i-search{width:100%!important}#gs_psbFrm .conor-typeahead{width:92%!important}.dd-search{top:100%!important}}@media only screen and (min-width:481px) and (max-width:599px){#gs_psbFrm #gs_search_go{top:32px!important;left:89.8%!important}.dd-search .i-search{width:100%!important}#gs_psbFrm .conor-typeahead{width:90%!important}.dd-search{top:100%!important}}@media only screen and (min-width:300px) and (max-width:480px){#gs_psbFrm #gs_search_go{top:32px!important;left:83%!important}.dd-search .i-search{width:100%!important}#gs_psbFrm .conor-typeahead{width:83%!important}}@media only screen and (max-width:1024px){.gs_psb{margin-top:-43px}}@media only screen and (max-width: 817px) {

/* Mega menu items - Mobile view */

	#nav-menu {
		border: 3px solid #CACACA;
		border-radius: 3px;
		left: 21px;
		position: relative;
		width: 95% !important;
		top: 5px;
	}

	#nav-menu li a.megamenuBtn_ds {
		font-size: 15px;
		font-family: Arial;

	}

	#nav-menu li a.megamenuBtn_ds.mmdClosed{
		background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 96% center #FFFFFF !important;
	}

	#nav-menu li a.megamenuBtn_ds.mmdClosed:hover {
		background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-down-lrg.png") no-repeat scroll 96% center #FFFFFF !important;
	}

	#nav-menu li a.megamenuBtn_ds.mmdOpen{
		background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 96% center #FFFFFF !important;
	}

	#nav-menu li a.megamenuBtn_ds.mmdOpen:hover {
		background: url("vodacom/framework/skins/vodacom_skins/css/img/icon/nav-arrow-up-lrg.png") no-repeat scroll 96% center #FFFFFF !important;
	}


	#nav-menu .megamenu_ds {
		background-color: #FFFFFF;
		background-image: none;
		border-top:1px solid #CACACA;
		border-left: medium none;
		border-right: medium none;
		box-shadow: none;
		overflow: visible;
		position: relative;
		height: 100%;
		width: 94%;
		padding-top: 0px;
		margin-left: 15px;
	}

	#nav-menu ul.megamenuList_ds {
		float:none;
		width: 98%;
		height:100%;
		border-right: none;
	}

	#nav-menu ul.megamenuList_ds li.megamenuList_item {
		float: left;
	}

	#nav-menu ul.megamenuList_ds li.megamenuList_item:first-child {
		margin-left: 10px;
		width: 103%;
	}

	#nav-menu ul.megamenuList_ds li.megamenuList_item:not(:first-child) {
		margin-left: 30px;
	}

	#nav-menu ul.megamenuList_ds li.megamenuList_item:last-child {
		border-bottom-color: #CACACA;
	}


	#nav-menu .megamenuControl_ds {
		float: left;
		height: 60px;
		left: 0;
		padding: 19px 19px;
		position: relative;
		top: 0;
		width: 182px;
		clear: both;

	}

	#nav-menu li a.megamenuOption_ds {
		font-size: 13px;
		font-weight: 100;
		color: #333333;
		margin-bottom: 0px;

	}

	#nav-menu li a.megamenuTitle_ds {
		margin-bottom: 0px;
		padding: 10px;
		font-size: 13px;
	}

	#nav-menu li a.megamenuTitle_ds:hover {
		text-decoration: none !important;
	}

	#nav-menu .megamenuControl_ds a.btn {
		font-size: 16px;
	}

	#nav-menu .menuLinksMobile a, #nav-menu li#mobileLogoutLi a{
		font-family: Arial;
		font-size: 15px;
	}

}

@media only screen and (max-width: 480px) {
	#nav-menu {

		position: relative;
		left: 18px;
		width: 93% !important;
	}
}

html[data-useragent*="Safari"] #nav-custom {
	height: 42px;
}

ul.menu_ds {
	width: 818px;
	height: 45px;
	background-color: #e60000;
	overflow: hidden;

	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e60000), color-stop(100%, #b00000));
    background-image: -webkit-linear-gradient(#e60000, #b00000);
    background-image: -moz-linear-gradient(#e60000, #b00000);
    background-image: -o-linear-gradient(#e60000, #b00000);
    background-image: linear-gradient(#e60000, #b00000);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e60000', endColorstr='#b00000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e60000', endColorstr='#b00000')";
}

.menuOption_ds {
	float: left;
	border-right: 1px solid #a60000;
}

.menuOption_ds a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
    border-right: 1px solid #d63333;
	font-family: VodafoneLt, Arial, sans-serif;
	font-size: 21px;
	color: #fff;
	height: 45px;
	line-height: 45px;
	background-color: #e60000;
	overflow: auto;

    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e60000), color-stop(100%, #b00000));
    background-image: -webkit-linear-gradient(#e60000, #b00000);
    background-image: -moz-linear-gradient(#e60000, #b00000);
    background-image: -o-linear-gradient(#e60000, #b00000);
    background-image: linear-gradient(#e60000, #b00000);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e60000', endColorstr='#b00000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e60000', endColorstr='#b00000')";
}

.menuOption_ds a:hover {
	text-decoration: underline;
	color: #ffffff;
	 background-color: #830000;
    border-right-color: #890000;
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.18);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.18);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #830000), color-stop(100%, #ac0000));
    background-image: -webkit-linear-gradient(bottom, #830000 0%, #ac0000 100%);
    background-image: -moz-linear-gradient(bottom, #830000 0%, #ac0000 100%);
    background-image: -o-linear-gradient(bottom, #830000 0%, #ac0000 100%);
    background-image: linear-gradient(bottom, #830000 0%, #ac0000 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#830000', endColorstr='#ac0000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#830000', endColorstr='#ac0000')";
}

.menuOption_ds a.current {
	color: #000;
    border-right-color: rgba(90, 4, 0, 0.8);
	background-color: #f9f9f9;

    -webkit-box-shadow: inset 0 -25px 30px -10px #f9f9f9, inset 4px 4px 4px -3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 -25px 30px -10px #f9f9f9, inset 4px 4px 4px -3px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -25px 30px -10px #f9f9f9, inset 4px 4px 4px -3px rgba(0, 0, 0, 0.4);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f9f9f9), color-stop(100%, #e8e8e8));
    background-image: -webkit-linear-gradient(bottom, #f9f9f9 0%, #e8e8e8 100%);
    background-image: -moz-linear-gradient(bottom, #f9f9f9 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(bottom, #f9f9f9 0%, #e8e8e8 100%);
    background-image: linear-gradient(bottom, #f9f9f9 0%, #e8e8e8 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f9f9f9', endColorstr='#e8e8e8');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f9f9f9', endColorstr='#e8e8e8')";
}

.menuOption_ds a .menuArrow_ds {
	display:block;
	padding-right: 15px;	
	background-repeat: no-repeat;
	background-position: right 22px;
}



.megamenu_ds {
	position: absolute;
	left:0px;
	/*top: 81px;
	left: 500px;*/
	padding-top: 20px;
	width: 710px;
	/*height: 245px;*/
	border: 1px solid #e9e9e9;
	border-top: none;
	background-color: #f9f9f9;
	overflow: hidden;
	z-index: 998;

  	background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f1f1f1), color-stop(20%, #f9f9f9), color-stop(100%, #f9f9f9));
  	background-image: -webkit-linear-gradient(bottom, #f1f1f1 0%, #f9f9f9 20%, #f9f9f9 100%);
  	background-image: -moz-linear-gradient(bottom, #f1f1f1 0%, #f9f9f9 20%, #f9f9f9 100%);
 	background-image: -o-linear-gradient(bottom, #f1f1f1 0%, #f9f9f9 20%, #f9f9f9 100%);
  	background-image: linear-gradient(bottom, #f1f1f1 0%, #f9f9f9 20%, #f9f9f9 100%);
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	-webkit-box-shadow: 4px 4px 8px -3px rgba(0, 0, 0, 0.5), -4px 4px 8px -3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 8px -3px rgba(0, 0, 0, 0.5), -4px 4px 8px -3px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 8px -3px rgba(0, 0, 0, 0.5), -4px 4px 8px -3px rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#b5b5b5', Direction=135, Strength=3);
}

ul.megamenuList_ds {
	float: left;
	padding-left: 3px;
	padding-right: 25px;
	border-right: 1px solid #CCC;
	position: relative;
	width: 177px;
}

.megamenuList_ds.last {
	border-right: none;
	width: 176px;
}

#nav-menu li {
	position: static !important;

}

#nav-menu a:hover {
	background-color: #f9f9f9 !important;
	color: #000000 !important;
	border-radius: 0px !important;

}

#nav-menu a.current {
	background-color: #f9f9f9 !important;
	color: #000000 !important;
	border-radius: 0px !important;

}

#nav-menu a.current:hover {
	background-color: #f9f9f9 !important;
	color: #000000 !important;
	border-radius: 0px !important;

}


.col3_ds {
	width: 220px;
}

.col4_ds {
	width: 152px;
}

#nav-menu .megamenuTitle_ds {
	display: block;
	margin-bottom: 5px;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

#nav-menu li a.megamenuTitle_ds:hover {
	text-decoration: none !important;
}

#nav-menu ul.megamenuList_ds li {
	float:none;

}


#nav-menu a.megamenuOption_ds {
	float: left;
	padding-right: 15px;
	margin-bottom: 3px;
	font-family: Arial;
	font-size: 14px;
	line-height: 4px;
	overflow: auto;
	clear: both;
	color: #5e2750;
}

.megamenuOption_ds a {
	float: left;
}

.megamenuControl_ds {
	/*position: relative;*/
	/*bottom: 0px;*/
	/*top: 25px;*/
	/*left: 0px;*/
	/*height: 33px;*/
	width: 753px;
	padding: 0px;
	clear: both;
	float: left;
}

.megamenuControl_ds a {
	display: block;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

.closeBtn_ds {
	cursor: pointer;
	position: absolute;
	padding-left: 20px !important;
	padding-right: 20px !important;
	width: 62px;
	top: 15px;
	left: 368px;
}

.closeBtn_ds span {
	float: left;
}

.closeBtn_ds img {
	float: right;
	width: 13px;
	height: 8px;
	margin-left: 5px;
	margin-top: 11px;
}

.hidden_ds {
	display: none;
}

.menu_ds .strongBtn_ds,
.megamenu_ds .strongBtn_ds,
.menu_ds .primeBtn_ds,
.megamenu_ds .primeBtn_ds,
.menu_ds .secondBtn_ds,
.megamenu_ds .secondBtn_ds {
	font-size: 16px;
	height: 33px;
	line-height: 33px;
	margin-right: 10px;
}