@charset "utf-8";
/* Reset CSS Start*/
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: none; -webkit-border-radius: 0; outline: none }
.clear { font-size: 1%; height: 0; line-height: 0; width: 0; float: none; clear: both; }
* html .clearfix { height: 1%; }
input { outline: none }
ul { list-style: none; }
:focus { outline: 0; }/* remember to highlight inserts somehow! */
img, img a { border: 0; outline: 0; }
a { text-decoration: none; outline: none; color: #333 }
a.selected { color: #333; cursor: default; }
a:hover { text-decoration: none; color: #e90000 }
img { border: none; }
html { width: 100%; height: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
h1, h2, h3, h4, h5 table, table tr td, table tr th { border: none }
textarea { resize: none; border: none; outline: none; background: none }
body { margin: 0; padding: 0px; font-size: 62.5%; font-weight: normal; font-family: arial; background: #fff; color: #333; overflow-x: hidden; }
input { background: none; }
.container { clear: both; margin: 0 auto; width: 950px; }
.bold { font-weight: bold }
.fl { float: left!important; }
.fr { float: right!important; }
.alignCenter { text-align: center!important; }
.alignLeft { text-align:left!important; }
.relative { position: relative; }
.noborder { border: none!important; }
.bgNone { background: none!important; }
.nopadding { padding: 0!important; }
.noMargin { margin: 0!important; }
.overlay, .overlay1, .overlay-manage, .popupOverlay { background: #000; opacity: 0.8; filter: alpha(opacity=80); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9; }
.overlay2{ background: #000; opacity: 0.8; filter: alpha(opacity=80); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; }
.pT20 { padding-top: 20px; }
.pL10 { padding-left: 10px!important; }
.top20 {top:20px;}
/*Font Style Start*/

@font-face { font-family: 'vodafone_rgregular'; src: url('/fonts/vodafonerg_1-webfont.eot'); src: url('/fonts/vodafonerg_1-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/vodafonerg_1-webfont.woff') format('woff'), url('/fonts/vodafonerg_1-webfont.ttf') format('truetype'), url('/fonts/vodafonerg_1-webfont.svg#vodafone_rgregular') format('svg'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'vodafone_rgbold'; src: url('/fonts/vodafonerg_2-webfont.eot'); src: url('/fonts/vodafonerg_2-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/vodafonerg_2-webfont.woff') format('woff'), url('/fonts/vodafonerg_2-webfont.ttf') format('truetype'), url('/fonts/vodafonerg_2-webfont.svg#vodafone_rgbold') format('svg'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'WebRupee'; src: url('/fonts/WebRupee.V2.0.eot'); src: local('WebRupee'), url('/fonts/WebRupee.V2.0.ttf') format('truetype'), url('/fonts/WebRupee.V2.0.woff') format('woff'), url('/fonts/WebRupee.V2.0.svg') format('svg'); font-weight: 600; font-style: normal; }
.WebRupee { font-family: 'WebRupee'; }
@font-face { font-family: 'RupeeForadian'; src: url('/fonts/rupee_foradian.eot'); src: url('/fonts/rupee_foradian.eot?#iefix') format('embedded-opentype'), url('/fonts/rupee_foradian.woff') format('woff'), url('/fonts/rupee_foradian.ttf') format('truetype'), url('/fonts/rupee_foradian.svg#rupee_foradian') format('svg'); font-weight: 600; font-style: normal; }
.WebRupee1 { font-family: 'RupeeForadian'; }
/*Font Style End*/
.bld { font-weight: bold; }
.w250 { width: 250px; }
.w120 { width: 120px; }
.w65 { width: 65px; }
.wdth65per { width: 65%; }
/* common css */
.contentBox { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.contentBox { padding: 20px 0; float: left; width: 100%; margin-bottom: 190px }
.imgleft { padding: 0 40px 30px 0; float: left }
/*multiselBox Css Start*/
.multiselBox { width: auto; min-width: 40%; min-height: 35px; background: transparent url(../images/textfield-bg.png) repeat-x 0 0; border: 1px solid #dfdfdf; border-radius: 5px; padding: 0 5px; float: left; margin-bottom: 15px }
.multiselBox li { margin: 5px 5px 5px 0; float: left; padding: 3px 25px 3px 5px; color: #202020; font-size: 1.4em; cursor: pointer; position: relative; background-color: #dfdfdf; }
.multiselBox li span.closeBtn { background: transparent url(../images/sprite-new.png) no-repeat -283px -7px; width: 16px; height: 16px; position: absolute; right: 4px; top: 4px; }
/*multiselBox Css End*/
/*Browse Css Start*/
.browseBtn { float: left; margin-bottom: 15px; }
.browseBtn input.filehide { visibility: hidden; position: absolute; left: -9999px; }
.browseBtn .fileInput { float: left; width: 285px; }
.browselink { background: url(../images/knowmorearrow.png) no-repeat 98% 0; padding: 0 15px 0 0; font-weight: 600; font-size: 1.4em; color: #000 }
/*Browse Css End*/
.loginSection header, .loginSection .breadcrums, .loginSection footer, .loginSection .quickBox, .loginSection h1, .loginSectionQuickBox { display: none; }
.loginBox.selectCity label { font-size: 1.4em; font-weight: 600; float: left; line-height: 25px; }
.loginBox.selectCity .selectWrap { background: none; border: none; padding: 0 0 0 10px; width: 130px; height:auto; border-radius: 0; }
.loginBox.selectCity .selectWrap select { height: 25px; }
.loginBox.selectCity .selectWrap .selectedvalue { background: url(../images/selectDrop.gif) no-repeat 98% 10px; height: 25px; line-height: 25px; padding: 0 25px 0 0; text-align: left; }
.blankBg { background: none !important }
.gradientBox { width: 100%; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(98%, #f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0 ); /* IE6-8 */
border: 1px solid #c9c9c9; border-radius: 3px; }
.textarea { float: left; background: url(../images/textfield-bg.png) repeat-x 0 0; border: 1px solid #dfdfdf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px; resize: none; }
.textarea textarea { overflow: auto; padding: 5px 0; width: 100%; font-family: arial; font-size: 1.3em; }
.rowBox { width: 100%; float: left; border-bottom: 1px solid #d6d6d6; }
.quickLinks { display: none; }
.redTick { padding: 15px 0; }
.redTick li { padding: 0 0 5px 0px; font-size: 1.3em; }
.redTick li span { background: transparent url(../images/sprite-new.png) no-repeat -210px -351px; width: 14px; height: 14px; float: left; margin: 3px 10px 0 0; }
.cols, .roundBox, .selectWrap, .selectWrap .selectedvalue, .selectWrap select, .contctBox, .contctBox .box, .contctBox .info, .bottomWidgetList li, .graphicContent, .changepsw .row .inputarea .inputFieldBox, .secQus .leffld, .payback, .payback .rows, .payback .inputFieldBox, .textarea, .payback .rows .cols .divBox, .bottomWidgetWrap li, .gradientBox, .boxStack li, .paymentDetails .tabdetails { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.selectWrap select { filter: alpha(opacity=0); opacity: 0; cursor: pointer; width: 100%; height: 40px; line-height: 35px; position: absolute; top: 0; z-index: 5; }
.selectWrap { background: #fff; float: left; height: 40px; position: relative; width: 100%; border: 1px solid #c1c3c7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: -moz-linear-gradient(top, #ffffff, #f2f2f2); background: -o-linear-gradient(top, #ffffff, #f2f2f2); background: -ms-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(top, #ffffff, #f2f2f2); background-color: #ffffff; }
.selectWrap .selectedvalue { padding: 7px 0px 13px 10px; position: relative; width: 100%; *width: 96%;
font-size: 1.3em; color: #676767; overflow: hidden; height: 38px; background: url(../images/selectBg.png) no-repeat 98% 4px; line-height: 25px; }

.selectCity .selectWrap .selectedvalue {
    width:120px;
    *width:114px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.topbar .topRight li .icon, .menubar .mid .nav li .arow, .loginBox .username .drop, .footer ul.smo li span.icon, .cart .icon, .topNav ul li.help a span.icon1, .topNav ul li.locator a span.icon1, .menu, .lhsSection .menulist li a span { background: url(../images/sprite-new.png) no-repeat 0 0; }
/* common css End*/

.RHSsection p.note { font-size: 1.2em; float: left; }
/*Floting Menu*/
.fixmenu { position: fixed; right: 5px; width: 58px; z-index: 99 }
.fixmenu li { background: #e0dfdf; margin: 0 0 5px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #c7c7c7; min-height: 54px; }
.fixmenu li span { background: url(../images/sprite-new.png) no-repeat 0 0; display: block; margin: 0 auto 5px; height: 28px; width: 31px; }
.fixmenu li.recharge span { background-position: -171px -13px; }
.fixmenu li.billpay span { background-position: -171px -81px; }
.fixmenu li.webchat span { background-position: -171px -142px; }
.fixmenu li.newConnection span { background-position: -171px -200px; }
.fixmenu li a { color: #333; display: block; line-height: 1em; padding: 4px 0; text-align: center; font-size: 1.1em; border: 1px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/*Floting Menu*/
/*header Style Start*/
/*LOGO*/
.vdLogo { background: url(../images/mainbg.png) no-repeat top right; position: absolute; width: 540px; height: 629px; left: 0; z-index: 1 }
.vdLogo img { position: absolute; right: 0; top: 45px }
header { height: 100px; width: 100%; float: left; }
.topNav { float: left; padding: 20px 0 0; position: relative; width: 100%; }
.topNav ul { float: left; }
.topNav ul li { float: left; margin-right: 20px; }
.topNav ul li a { float: left; font-size: 1.3em; font-weight: bold; }
.topNav ul li.active > a { color: #E60000; }
.topNav .menubar { background: #e60000; border-radius: 3px; /*display: none;*/ position: absolute; width: 100%; top: 28px; left: 0;}
.topNav ul li.active/* .menubar*/ { display: block;}
.topNav .abs { position: absolute; right: 42px;}
.MoLogo { display: none;}
.menu { display: none;}
.overlay { z-index: 2;}
.mobileHeader { display: none; }
label.icon { float: left; font-size: 1.4em; font-weight: bold; padding: 5px 0; width: 100%; }
.header, .menubar { float: left; width: 100% }
.menubar { background: #e60000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.menubar .mid { height: auto; background: none; margin: 0; padding: 0px 0px; }
.menubar .mid .nav { float: left; padding: 0 }
.menubar .mid .nav li:first-child { padding: 10px 20px; }
.menubar .mid .nav li .fourColumns { width: 948px;}
.menubar .mid .nav li .fourColumns .subMenuCol { width: 237px; }
.menubar .mid .nav li.myac .subMenu { width: 948px; height: 419px; }
.menubar .mid .nav li.myac .subMenu iframe { width: 100%; height: 100%; overflow: hidden; }
.menubar .mid .nav li { float: left; border-left: 1px solid #ef7c7c; /*padding: 5px 18px;*/ padding: 10px 20px; /*position:relative;*/ margin: 0; }
.menubar .mid .nav > li.active { background: #fff; }
.menubar .mid .nav li.active a { color: #000; }
.menubar .mid .nav li:first-child.selected { border-left: 1px solid #ccc; border-top: 1px solid #ccc; -webkit-box-shadow: 2px 6px 9px 0px rgba(50, 50, 88, 0.5); -moz-box-shadow: 2px 6px 9px 0px rgba(50, 50, 88, 0.5); box-shadow: 2px 6px 9px 0px rgba(50, 50, 88, 0.5); border-top-left-radius: 3px; }
.menubar .mid .nav li.selected { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; -webkit-box-shadow: 2px 6px 9px 0px rgba(50, 50, 88, 0.5); -moz-box-shadow: 2px 6px 9px 0px rgba(50, 50, 88, 0.5); box-shadow: 2px 6px 9px 0px rgba(50, 50, 88, 0.5); }
.menubar .mid .nav li.selected a { color: #333; }
.menubar .mid .nav li.selected span.arow { visibility: hidden; }
.menubar .mid .nav li:first-child { border: none;/* padding: 5px 18px 5px 0;*/ }
.menubar .mid .nav li a { color: #fff; font-family: 'vodafone_rgregular'; font-size: 2.1em; font-weight: 600; }
/*.menubar .mid .nav li .arow { background-position: -9px -25px; display:inline-block; height: 7px; width: 11px; margin-left: 5px }*/
.menubar .mid .nav li.active .arow { display: none; }
.searchBox { background-position: 0 -80px; float: right; margin: 6px 3px 0 0; padding: 5px; width: 208px; }
.searchBox input { border: none; background: none; color: #565a5d; font-size: 2em; outline: none; width: 100%; }
.subMenu { background: #f6f5f5; display: none; position: absolute; left: 0px; top: 40px; width: 100%; z-index: 10; border: 1px solid #ccc; border-top: 0px; -webkit-box-shadow: 2px 6px 9px 0px rgba(50, 50, 88, 0.5); -moz-box-shadow: 2px 6px 9px 0px rgba(50, 50, 88, 0.5); box-shadow: 2px 6px 9px 0px rgba(50, 50, 88, 0.5); }
.subMenuCol { width: 316px; float: left; padding: 0 0px 36px 0; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.subMenuCol .menuHead { background: #fff; width: 100%; box-sizing: border-box; float: left; font-size: 1.8em; font-weight: bold; padding: 15px 18px; }
.subMenuCol ul { clear: both; width: 100%; box-sizing: border-box; margin: 0 0 0 21px; }
.menubar .mid .nav li .subMenu ul li { border-left: none; padding: 0; margin: 0; float: left; clear: both; width: 100%; }
.menubar .mid .nav li .subMenu ul li a { font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 10px 0; color: #333; border-bottom: 1px solid #ccc; float: left; width: 70%; }
.menubar .mid .nav li .subMenu ul li a:hover { color: #e60000; }
.searchAbs { position: absolute; right: 0px; top: 33px; background: #f8f8f8; border-radius: 3px; z-index: 1; }
.searchAbs .searchDiv { padding: 8px 10px; }
.searchAbs .searchDiv input { background: #f8f8f8; }
.searchAbs .searchDiv .searchIcon { display: none; }
/*loginBox*/
.loginBox { position: absolute; right: 0; top: 100px; z-index: 99; }
.loginBox .userpic, .loginBox .username, .loginBox .process { float: left; margin-right: 5px; }
.loginBox .userpic { border: 1px solid #cdcdcd; height: 22px; padding: 2px; width: 22px; }
.loginBox .username a { color: #000; font-size: 1.2em; float: left; padding: 5px; }
.loginBox .username .drop { background-position: -157px -440px; display: inline-block; width: 16px; height: 15px; margin: 5px; }
.loginBox .username.sel .drop { background-position: -173px -440px; }
.loginBox .process { margin: 0 }
.cart { position: absolute; right: 10px; top: 18px;}
.cart .icon { background-position: -135px -444px; float: left; height: 20px; margin-right: 15px; position: relative; width: 20px; }
.cart .amt { background: none repeat 0 0 red; color: #fff; font-size: 1em; left: 18px; line-height: 10px; padding: 2px; position: absolute; top: -8px; }
.cart .text { font-size: 1.3em; font-weight: bold }
.cart .text.active{color:#fff}
.menubar .mid .nav li .arow { background-position: -134px -308px !important; display: inline-block; height: 7px; margin-left: 5px; margin-top: 8px; width: 11px; }
.topNav ul li.help a span.icon1 { background-position: -86px -443px; height: 22px; left: -5px; position: absolute; top: -2px; width: 22px; }
.topNav ul li.locator a span.icon1 { background-position: -110px -443px; height: 22px; left: -3px; position: absolute; top: -2px; width: 20px; }
.topNav ul li.help a, .topNav ul li.locator a { position: relative; padding: 0 0 0 20px; }
/*header Style End*/
/*midContainer CSS start*/
.midContainer { padding: 5px 0; float: left; width: 100%; }
.midContainer h1 { color: #e90000; font-family: 'vodafone_rgregular'; font-size: 4.8em; padding:25px 10px; float: left; width: 96%; font-weight: 400;}
.midContainer h1 span { display: none }
/*.breadcrums*/
.breadcrums, .breadcrum { float: left; padding: 5px 0 0 10px; width: 96% }
.breadcrums p { float: left; color: #e90000; font-size: 1.4em; margin-right: 5px; font-weight: 600; }
.breadcrums ul li, .breadcrums ul li.sel, .breadcrums div, .breadcrums div.sel { float: left; margin: 0 7px 0 0; }
.breadcrums ul li span, .breadcrums div span.divider { background: url(../images/sprite-new.png) no-repeat -207px -497px; width: 4px; height: 10px; margin: 3px 0 0 5px; float: right; }
.breadcrums ul li a, .breadcrums div { color: #686868; }
.breadcrums ul li a, .breadcrums ul li.last, .breadcrums div { font-size: 1.2em; }
.breadcrums ul li.last, .breadcrums div.last { font-weight: bold; color: #000; background: none }
.breadcrums ul li, .breadcrums ul li.sel, .breadcrums div, .breadcrums div.sel { float: left; }
/*midContainer CSS End*/

/*lhsSection*/
.lhsSection { border: 1px solid #cccccc; border-bottom: 0; border-left: 0; width: 220px; float: left; margin: 0 30px 15px 0; }
.lhsSection .menulist li { border-top: 1px solid #cccccc; }
.lhsSection .menulist li.last-child{border-bottom: 1px solid #cccccc;}
.lhsSection .menulist li a { color: #323232; font-size: 1.4em; display: block; padding: 10px 8px; position: relative;/* background: url(../images/menulistarow.png) no-repeat 96% -22px; */ }
.lhsSection .menulist li a span { position: absolute; right: 10px; top: 15px; float: left; width: 15px; height: 8px; background-position: -251px -342px; }
.lhsSection .menulist li.sel a span { background-position: -251px -305px; }
/*.lhsSection .menulist li.sel>a {background: url(../images/menulistarow.png) no-repeat 96% 14px; }*/
.lhsSection .menulist li:first-child { border: none }
.lhsSection .menulist .sub-level { display: none; padding: 0; margin: 0 }
.lhsSection .menulist li ul li a { background: none; border-bottom: 2px solid #fff; border-top: 1px solid #fff; padding: 10px 15px }
.lhsSection .menulist li.sel { background: #ebebeb }
.lhsSection .menulist li.sel .sub-level { display: block; }
.lhsSection .menulist li.sel a { font-weight: bold }
.lhsSection .menulist li.sel ul li a { font-weight: normal }
.lhsSection .menulist li.active { background: url(../images/menulistsel.png) no-repeat top right; width: 232px; border: none }
.lhsSection .menulist li.active a { color: #fff; background: none; }
.lhsBanner { margin: 15px 0 0; float: left; width: 215px; position:relative; }
.lhsBanner h3 { color: #232323; font-family: 'vodafone_rgregular'; font-size: 2em; font-weight: bold; padding: 10px 0 }
.lhsBanner .deta { border: 1px solid #cccccc; padding-bottom: 20px; background: #f5f4f4 }
.lhsBanner .deta p.info { margin: 0 auto; width: 80%; border-bottom: 1px solid #ccc; font-size: 1.4em; text-align: center; padding: 15px 0; margin-bottom: 10px }
.lhsBanner .deta p.link { text-align: center; clear: both; padding: 30px 0 0 0 }
.lhsBanner .deta .btn { margin: 0 auto; width: 60% }
.lhsBanner .deta .btn .buybtn { background: #9c2ba1; color: #fff; padding: 5px 18px; margin: 0 10px; font-size: 1.5em; font-weight: bold }
.lhsBanner .deta p a { font-size: 1.3em; text-decoration: underline }
/*lhsSection*/
.RHSsection.standardWide { width: 940px; padding-left: 10px; }
/*RHS Start*/
.RHSsection { width: 698px; float: right; padding: 0 0 15px;/* position: relative;*/ }
.RHSsection p, .bottomWidgetWrap li p { font-size: 1.4em; padding-bottom: 10px; }
.RHSsection p.desk { font-size: 1.6em; }
.RHSsection h2 { color: #242424; font-family: "vodafone_rgregular"; font-size: 3.2em; font-weight: bold; padding: 0 0 10px 0; }
.RHSsection h3, .bottomWidgetWrap li h3 { color: #232323; font-family: arial; font-size: 1.4em; font-weight: bold; margin: 30px 0 0 0; float: left; width: 100% }
.RHSsection h4 { color: #232323; font-family: 'vodafone_rgregular'; font-size: 2.4em; font-weight: bold; float: left; width: 100% }
.RHSsection .heading { font-family: 'vodafone_rgregular'; font-size: 2em; }
/*Bill Start*/
.tabs { z-index:1; position: relative; }
.tabs li { float: left; font-family: 'vodafone_rgregular'; font-size: 1.8em; color: #323232; cursor: pointer; width: 207px; height: 40px; background: transparent url(../images/tabs.png) no-repeat right top; text-align: center; padding-top: 15px; }
.tabs li.active { background-position: left top; color: #FFFFFF; }
.tabDetailsBox { width: 95%; float: left; padding: 3% 2%; border: 1px solid #cccccc; clear: both; top: -10px; position: relative; }
.tabdetails { display: none; }
.tabdetails .billAmtWrap { padding: 60px 0; float: left; }
.tabdetails .billAmtWrap > div { width: 300px; float: left; margin-bottom: 20px; }
.billAmt .totalBill { font-family: 'vodafone_rgregular'; font-size: 3.5em; padding: 10px 0; }
.greyBtn { background: #eeeeee; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQyZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #d2d2d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%, #d2d2d2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d2d2d2', GradientType=0 ); /* IE6-8 */
color: #4a4d4e; font-size: 1.5em; padding: 10px 20px; border-radius: 5px; margin: 10px 5px 0; float: left; }
.greyBtn:hover { background: #d6d6d6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZWFkYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d6d6d6 0%, #aeadad 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6d6d6), color-stop(100%, #aeadad)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d6d6d6 0%, #aeadad 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d6d6d6 0%, #aeadad 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d6d6d6 0%, #aeadad 100%); /* IE10+ */ background: linear-gradient(to bottom, #d6d6d6 0%, #aeadad 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#aeadad', GradientType=0 ); /* IE6-8 */
color: #4a4d4e; }
.purpleBtn {/* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkM2JiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzlmMjRhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZjI0YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ad3bb1 0%, #9f24a4 50%, #9f24a4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ad3bb1), color-stop(50%, #9f24a4), color-stop(100%, #9f24a4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ad3bb1 0%, #9f24a4 50%, #9f24a4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ad3bb1 0%, #9f24a4 50%, #9f24a4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ad3bb1 0%, #9f24a4 50%, #9f24a4 100%); /* IE10+ */ background: linear-gradient(to bottom, #ad3bb1 0%, #9f24a4 50%, #9f24a4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad3bb1', endColorstr='#9f24a4', GradientType=0 ); /* IE6-8 */
color: #FFFFFF; font-size: 1.5em; padding: 10px 20px; border-radius: 5px; margin: 10px 5px 0; float: left; background-color: #ad3bb1; /* Old browsers */ }
.purpleBtn:hover, .purpleBtn.active {/* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhMzA5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjBiNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #9a309e 0%, #6b0b6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9a309e), color-stop(100%, #6b0b6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9a309e 0%, #6b0b6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9a309e 0%, #6b0b6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9a309e 0%, #6b0b6f 100%); /* IE10+ */ background: linear-gradient(to bottom, #9a309e 0%, #6b0b6f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a309e', endColorstr='#6b0b6f', GradientType=0 ); /* IE6-8 */
color: #FFFFFF; background-color: #ad3bb1; /* Old browsers */ }

a.knowMore{ background: url(../images/knowmorearrow.png) no-repeat right center; color: #000; font-size: 1.5em; font-weight: bold; padding: 0 15px 0 0; text-align: center; }
 a:hover.knowMore { color: #e90000; }

.tabdetails .billAmtWrap .billBreakUp { margin-top: 30px; padding-top: 20px; border-top: 1px solid #cccccc; float: left; }
.billAmtWrap .billBreakUp li { width: 50px; padding-right: 10px; text-align: center; float: left; font-size: 1.4em; }
.billAmtWrap .billBreakUp li span { display: block; margin: 5px 0; }
.billBreakUp li span.colorbox { width: 15px; height: 15px; border-radius: 3px; margin: 5px auto; }
.billBreakUp li span.local { background-color: #4ab3d2; }
.billBreakUp li span.std { background-color: #e60000; }
.billBreakUp li span.isd { background-color: #8f3e96; }
.billBreakUp li span.data { background-color: #a0b825; }
.billBreakUp li span.sms { background-color: #f89d1d; }
.tableWarp { float: left; padding: 20px 0; width: 100%;}
.tableWarp table { width: 100%; border-collapse: collapse; }
.tableWarp table td, .tableWarp table th { font-size: 1.5em; padding: 10px; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF;}
.tableWarp table td:first-child, .tableWarp table th:first-child { border-left: none; }
.tableWarp table td a.downloadLinks { background: transparent url(../images/sprite-new.png) no-repeat -283px -36px; width: 19px; height: 19px; display: inline-block; }
.tableWarp table tr th, .tableWarp table tr.billTotal td { background-color: #7c7c7c; color: #FFFFFF; font-weight:bold; }
td.arrowDown { background: url(../images/monthsdrop.png) no-repeat; background-position: 96% center; }
span.arrowDown2 { background: url(../images/monthsdrop.png) no-repeat; float: left; position: absolute; right: 8px; top: 17px; width: 9px; height: 4px; }
.alignRight { text-align: right; }
.RHSsection .title { font-family: 'vodafone_rgregular'; font-size: 2.4em; color: #232323; }
.oldBillWrap { width: 96%; padding: 2%; background-color: #f2f2f2; float: left; margin: 20px 0; }
.tableViewBtn, .graphViewBtn { width: 37px; height: 37px; float: right; background: transparent url(../images/sprite-new.png) no-repeat -76px -7px; margin: 0 0 20px 8px; cursor: pointer; }
.tableViewBtn { background-position: -120px -7px; }
.graphViewBtn { background-position: -76px -50px; }
.graphViewBtn.sel { background-position: -76px -7px; }
.tableViewBtn.sel { background-position: -120px -50px; }
.tableWarp table tr.alignCenter td { text-align: center!important; }
.lastBillsWrap, .oldBillsWrap, .billoutput { display: none; }
#GraphBox { float: left; padding: 40px 0; }
#GraphBox img { width: 100%; }
.btmLineBox { width: 100%; float: left; border-bottom: 1px solid #d6d6d6; }
.oldBillsWrap .btmLineBox .divBox { padding: 15px 14px 15px 0; float: left; }
.oldBillsWrap .selectWrap { width: 115px; margin: 8px 8px 0 0; }
.w120 { width: 120px; }
.oldBillsWrap .btmLineBox .divBox .noteTxt { font-size: 1.2em; padding: 15px; }
.billRecieve li { font-size: 1.6em; width: 175px; }
.billRecieve li.active { background-position: -14px 0; }
.billRecieveBox { padding: 2%; width: 450px; float: left; margin-top: -10px; clear: both; }
.billRecieveBox .ebillWrap, .billRecieveBox .doorstepWrap { float: left; width: 243px; margin: 30px 10px 10px 20px; }
.billRecieveBox .ebillWrap span, .billRecieveBox .doorstepWrap span { background: transparent url(../images/sprite-new.png) no-repeat 0 0; width: 30px; height: 37px; float: left; margin: 0 10px 30px 0; }
.billRecieveBox .ebillWrap span { background-position: -124px -482px; }
.billRecieveBox .doorstepWrap span { background-position: -84px -478px; }
.billRecieveBox .ebillWrap p, .billRecieveBox .doorstepWrap p { font-size: 1.6em; }
.billRecieveBox .doorstepWrap { display: none; }
/*Bill Payment Start*/

.paymentTaps li { font-family: 'vodafone_rgregular'; float: left; background: transparent url(../images/arrow-tabs.png) no-repeat right -53px; font-size: 1.7em; padding: 15px 30px; margin-left: -20px; position: relative; cursor: pointer; }
.paymentTaps li:first-child { margin: 0; padding-left: 20px; }
.paymentTaps li.active { background: transparent url(../images/arrow-tabs.png) no-repeat right 0; color: #FFFFFF; }
.paymentTaps li.last { background-position: left -53px; }
.paymentTaps li.last.active { background-position: left 0px; }
.paymentDetails .tabdetails { position: relative; top: 20px; margin-bottom: 30px; float: left; width: 100%; }
.paymentDetails .deviceTitle { font-family: 'vodafone_rgregular'; font-size: 2em; display: none; }
.tabDetailsBox .txtBox, .tabDetailsBox .amtBox { float: left; width: 50%; padding: 20px 0; }
.amtBox { font-size: 1.5em; font-weight: bold; }
.tabDetailsBox .radioBtn .txtBox p { font-size: 0.8em; margin-left: 46px; }
.otherInputContainer{ float:left; width:100%; margin-top:5px; display:none;}
.message{ display:none;}
.inputFieldBox { background:  url(../images/textfield-bg.png) repeat-x 0 0 #ffffff; border: 1px solid #dfdfdf; border-radius: 5px; padding: 5px 10px; display: inline-block;}
.tabDetailsBox .amtBox .inputFieldBox { display: inline-block; }
.tabDetailsBox .amtBox .inputFieldBox input { width: 140px; height: 18px; position: static; opacity: 1; filter: alpha(opacity=100); }
.tabDetailsBox .amtBox p { font-size: 0.55em; font-weight: normal; margin-top: 5px; }
.tabDetailsBox .amtBox span { background: none; margin: 0; position: static; }
.paymentThankyou { padding: 3%; float: left; }
.thankyouDetail { padding: 3% 0 0; float: left; }
.disclaim p { font-size: 1.2em; color: #666; padding-top: 25px; }
.disclaim p span.info { background: transparent url(../images/sprite-new.png) no-repeat -160px -493px; width: 23px; height: 23px; margin: -5px 10px 10px 0; float: left; }
.disclaim p span.text{ float:left; width:90%;}
.disclaim .heading { font-size: 1.6em;}

.paymentMethodWrap { clear: both; float: left; width: 100%; margin: 20px 0; position: relative; display: block; }
.paymentMethodWrap li { margin-right: 1px; float: left; width: 16%; }
/*.paymentMethodWrap li:first-child h3 {width:113px;}*/
.paymentMethodWrap li h3 { font-family: 'vodafone_rgregular'; font-weight: normal; float: left; padding: 15px 0; background: transparent url(../images/tab-bg.gif) repeat-x 0 0; font-size: 1.8em; color: #323232; cursor: pointer; height: 40px; text-align: center; margin: 0; }
.paymentMethodWrap li.sel h3 { background: transparent url(../images/tabs.png) no-repeat -50px 0; color: #FFFFFF; position: relative; z-index: 999; }
.paymentMethodWrap li.sel .paymentMethodDetails { display: block; }
.paymentMethodWrap .paymentMethodDetails .paymentBox { padding: 4% 4% 0 4%; }
.paymentMethodDetails .paymentBox p { font-weight: bold; padding-bottom: 8px; }
.paymentMethodDetails .paymentBox { }
.paymentMethodDetails { position: absolute; left: 0; top: 45px; background-color: #f8f7f7; border: 1px solid #c9c9c9; width: 100%; display: none; padding-bottom: 20px; min-height: 355px; }
.paymentMethodDetails .paybackHead { padding: 30px 3% 20px; float: left; width: 94%; }
.paymentMethodDetails .labelBox { width: 44%; padding: 2% 3%; float: left; }
.visaMasterCardWrap { background-color: #f8f7f7; border: 1px solid #c9c9c9; padding: 3% 10%; width: 80%; float: left; text-align: center; margin-top: 350px; }
.paymentMethodDetails p {padding:0;}
.visaMasterCardWrap img { width: 100%; }
.visaMasterCardWrap p { font-size: 1.1em; clear: both; padding-top: 20px; }
.visaMasterCardWrap p span { color: #FF0000; }
/*Bill Payment End*/

/*Bill End*/

/*Network Start*/
.networkForWrap { width: 100%; padding: 5% 0 2%; float: left; }
.networkForWrap p { font-size: 1.7em; }
.networkForWrap li { float: left; text-align: center; width: 24.9%; position: relative; min-height: 140px; margin-bottom: 30px; }
.networkForWrap li img { margin: 10px 0; }
.networkForWrap li p { position: absolute; bottom: 0; left: 0; width: 100%; }
.bottomWidgetWrap { clear: both; padding-top: 20px; float: left; width: 100%; }
.bottomWidgetWrap li { width: 32%; *width: 30%;
float: left; text-align: center; position: relative; background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 98%) repeat 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
border: 1px solid #c9c9c9; border-radius: 3px; height: 255px; padding: 0 8px; margin-left: 2%; *margin-left: 1%;
}
.bottomWidgetWrap li span{ float:left; width:100%; text-align:center; height:88px;}
.bottomWidgetWrap li:first-child { margin: 0; }
.bottomWidgetWrap li img { margin: 20px 0 15px; }
.bottomWidgetWrap li h3 { margin: 10px 0; }
.bottomWidgetWrap li .linkBox { position: absolute; bottom:5px; left: 0; width: 100%; text-align: center; padding: 10px 0; }
.bottomWidgetWrap li .linkBox a { float: none; display:inline-block;}
.locationWrap { margin: 10px 0 20px; float: left; }
.locationWrap .inputFieldBox { margin-top: 10px; padding: 0; float: left; }
.locationWrap input { width: 335px; height: 25px; margin: 5px; float: left; background: none; }
.locationWrap .locationBtn, .locationWrap .locationBtn:hover { margin: 0; background: transparent url(../images/network/current-location.png) no-repeat 0px 0; width: 150px; height: 27px; float: left; margin-right: -1px; padding:10px 0 0 43px; font-family: 'vodafone_rgbold'; font-size:1.5em; color:#333333;}
.coverageMapWrap { width: 100%; float: left; }
.coverageMapWrap .coverageDetailBox { float: left; padding: 1%; width: 98%; clear: both; }
.coverageMapWrap .coverageDetailBox .coverageMap { display: none; }
/*Network End*/

.storeLeft { float: left; width: 66%; margin-bottom: 10px; }
.storeLeft .selectWrap { width: 55%; margin: 10px 0 20px; float: left; clear: both; }
.storeRight { float: right; width: 32%; background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 98%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);}
.storeRight .bucket { padding: 10px; font-family: 'vodafone_rgregular'; }
.storeRight .toptxt { font-size: 1.8em; background: transparent url(../images/store-locator-growing-network.png) no-repeat right 0; padding: 30px 100px 45px 0; }
.storeRight .bucket li { float: left; text-align: center; width: 43%; font-size: 1.1em; padding: 0 3%; margin: 10px 0; border-left: 1px solid #b5b5b5; }
.storeRight .bucket li:first-child { border: none; }
.storeRight .bucket li p { padding: 5px 0; }
.storeRight .bucket li .storesLocate, .storeRight .bucket li .miniStoresLocate { background: transparent url(../images/sprite-new.png) no-repeat -126px -385px; width: 38px; height: 48px; display: inline-block; }
.storeRight .bucket li .miniStoresLocate { background-position: -76px -385px; }
.storeRight .bucket .totalStoreCount, .storeRight .bucket .MiniStoreCount { font-size: 3em; }
.storeMapPlaceholder { width: 98%; float: left; clear: both; margin: 20px 0; }
.saveYourselfWrap { float: left; width: 95%; padding: 2%; margin-bottom: 20px; }
.saveYourselfWrap .saveTrip { width: 38%; float: left; }
.saveYourselfWrap .saveTrip h2 { font-size: 2.4em; }
.saveYourselfWrap .onlineWrap { width: 62%; float: left; }
.saveYourselfWrap .onlineBox { width: 47%; float: left; margin: 10px 10px 0 5px; border-right: 1px solid #474747; }
.saveYourselfWrap .onlineBox img { float: left; }
.saveYourselfWrap .onlineBox a { padding: 12px 0 0 5px; font-size: 1.5em; float: left; }
.saveYourselfWrap .onlineBox.last { margin-right: 0; margin-left: 0; border: 0; }
/*RHS End*/
/*footer start*/
.footer { background-color: #2e2e2e; float: left; width: 100%; padding: 45px 10px 20px; position: relative; z-index: 1; }
.footer p.vadd { color: #fff; font-family: 'vodafone_rgregular'; font-size: 1.4em; padding: 0 10px; clear: both; }
.footer ul { float: left; margin-bottom: 20px }
.footer ul ul { clear: both; width: 100%; }
.footer ul.col1 { width: 190px; }
.footer ul.col2 { width: 160px; }
.footer ul.col3 { width: 230px; }
.footer ul.col4 { width: 170px; }
.footer ul.smo { width: 190px; }
.footer ul li { float: left; width: 100%; }
.footer ul li a { color: #bfbfbf; padding-left: 14px; font-size: 1.3em; line-height: 1.8em; }
.footer ul li span.head { color: #fff; font-size: 1.6em; line-height: 1.2em; padding-left: 14px; font-weight: bold; float: left }
.footer ul li ul li span { color: #939393; font-size: 1em; font-family: arial; }
.footer ul li ul li { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: normal; padding: 12px 0 0; font-size: 1em; }
.footer ul li ul li ul li { padding: 0; font-style: normal; line-height: 1.8em; }
.footer ul.smo li span.icon { float: left; height: 27px; width: 27px; margin-right: 10px }
.footer ul.smo li span.text { font-weight: bold }
.footer ul.smo li a { padding: 5px 0; float: left }
.footer ul.smo li.facebook span.icon { background-position: -43px -419px }
.footer ul.smo li.twitter span.icon { background-position: -43px -454px }
.footer ul.smo li.gplus span.icon { background-position: -43px -488px }
/*footer End*/
/*radioBtn*/
.radioBtn { float: left; font-size: 1.5em; }
.radioBtn input { opacity: 0; filter: alpha(opacity=0); height: 18px; width: 18px; position: relative; left: -6px; z-index: 4; cursor:pointer; }
.radioBtn .cheked, .radioBtn .uncheked { background: url(../images/sprite-new.png) no-repeat -243px -140px; display: inline-block; position: relative; left: 15px; top: 4px; height: 18px; width: 18px; margin-right: 3px; z-index:1;  }
.radioBtn .uncheked { background-position: -243px -162px; }
/*checkboxBtn*/
.checkboxBtn { float: left; width: 100%; position: relative; }
.checkboxBtn input { opacity: 0; filter: alpha(opacity=0); cursor: pointer; float: left; height: 20px; margin: 0 0 0 -30px; width: 20px; z-index: 4; position: relative }
.checkboxBtn .cheked, .checkboxBtn .uncheked { background: url(../images/sprite-new.png) no-repeat -216px -140px; float: left; height: 20px; margin-right: 5px; width: 20px; z-index: 2; position: relative }
.checkboxBtn .uncheked { background-position: -216px -166px; }
.checkboxBtn label { color: #232323; font-size: 1.2em; float: left; margin-right: 10px; line-height: 20px; }
/*billPreferences*/

.roundBox { float: left; margin: 10px 0; padding: 30px 0; width: 100%; }
.cols { width: 30%; float: left; padding: 0 15px; border-right: 1px solid #dcdcdc; margin: 0 0 0 15px; height: 116px; }
.cols label.head { color: #232323; float: left; font-family: arial; font-size: 1.4em; font-weight: bold; padding: 10px 0; width: 100%; }
.cols .checkboxBtn { padding: 10px 0 }
.btns { float: left; clear: both; margin: 15px 0 0 25px; }
.contctBox { float: left; width: 100%; padding-top: 20px; }
.contctBox .box { width: 50%; float: left; margin: 15px 0 0 0; }
.contctBox .box.lef { padding: 0 15px 0 0 }
.contctBox .box .info { float: left; padding: 15px; width: 100%; }
.contctBox .box .info .icon { background: url(../images/sprite.png) no-repeat; width: 30px; height: 37px; float: left; margin: 0 20px 0 15px }
.contctBox .box .info .icon.address { background-position: 0 -128px }
.contctBox .box .info .icon.email { background-position: -40px -132px; width: 26px; height: 26px }
.contctBox .box .info .data { float: left; width: 60% }
.contctBox .box .info .data p, .contctBox .box .info .data a { font-size: 1.5em; font-family: 'vodafone_rgregular'; line-height: 1.5em; }
.msgBox { float: left; width: 100%; padding: 15px 0 0 0 }
/*billPreferences*/
.activeInactiveWrap { float: left; position: relative; }
.activeInactiveWrap span, .activeInactiveWrap input { background: url(../images/sprite-new.png) no-repeat -170px -382px; cursor: pointer; float: left; height: 27px; margin: 8px 0; position: relative; width: 100px; font-size: 1.2em; }
.activeInactiveWrap input { position: absolute; left: 0; top: 0; opacity: 0; filter:alpha(opacity=0); -webkit-appearance: none;}
.activeInactiveWrap .cheked { background-position: -170px -382px; color: #FFFFFF; }
.activeInactiveWrap .uncheked { background-position: -170px -411px; }
/*paymenthistory*/
 
.paymenthistory td { width: 25% }
.prepaidHistory td { text-align: center }
/*paymenthistory*/

/* Edited by MP starts */
.planDetailsWrapper, .additionalPackWrapper, .voiceUsageWrapper { float: left; width: 100%; margin-bottom: 20px; }
.voiceUsageWrapper { margin-top: 20px; }
.boxStack li { padding: 3%; background-color: #f8f7f7; border: 1px solid #c9c9c9; border-radius: 4px; float: left; text-align: center; margin-left: 4px; box-sizing: border-box; }
.boxStack li:first-child { margin-left: 0; }
.boxStack li .title, .boxStack li .details { display: block; text-transform: capitalize; }
.boxStack li .details { font-family: "vodafone_rgregular"; }
.boxStack li .title { font-size: 1.4em; color: #666; margin-bottom: 5px; }
.boxStack li .details { font-size: 2.2em; color: #333; }
.boxStack.prePaidDataUsage li .details { font-size: 2.8em; }
.boxStack li .WebRupee { font-size: 0.9em; display: inline-block; padding-right: 5px; }
.boxBg { background-color: #f8f7f7; border: 1px solid #c9c9c9; border-radius: 4px; }
.noBgColor { background-color: transparent; }
.additionalPackWrapper .bucket, .voiceUsageWrapper .bucket { padding: 20px 16px; float: left; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.additionalPackWrapper ul {/*display:none;*/ margin-top: 21px; }
.additionalPackWrapper li { width: 24.5%; }
.additionalPackWrapper li .details { font-size: 2.5em; }
.selectBox span { background: url(../images/menulistarow.png) no-repeat 100% 100%; cursor: pointer; }
.additionalPackWrapper span.arrow { background: url(../images/sprite-new.png) no-repeat -250px -340px; float: right; width: 15px; height: 10px; }
.additionalPackWrapper .active span.arrow { background-position: -250px -305px; }
.additionalPackWrapper span.heading, .voiceUsageWrapper span.heading { float: left; font-size: 1.5em; font-weight: bold; width: 100%; cursor: pointer; }
.voiceUsageWrapper .bucket { padding: 25px 20px; }
.voiceUsageWrapper span.heading { margin-bottom: 15px; }
.voiceUsageWrapper .column_1_1, .voiceUsageWrapper .column_1_2 { float: left; }
.voiceUsageWrapper .column_1_1 { width: 150px; }
.voiceUsageWrapper .column_1_2 { width: 300px; }
.voiceUsageWrapper .column_1_1 { border-right: 1px solid #dcdcdc; padding-right: 22px; margin-right: 22px; }
.voiceUsageWrapper .column_1_2 .radioBtn { margin-left: -22px; }
.calendarWrapper, .carouselWrapper { float: left; width: 100%; }
a.prevItem, a.nextItem { float: left; width: 29px; }
.carouselBucket { margin: 0 auto; /*float:left; overflow:hidden;*/ width: 608px; height: 160px; }
.carouselBucketWrapper { float: left; }
.carouselBucket .carouselItem { float: left; width: 182px; margin-left: 30px; }
.carouselBucket .carouselItem:first-child { margin-left: 0; }
.carouselBucket .carouselItem:first-child .active { border-top: 5px solid red; }
.carouselBucket .headerWrapper { text-align: center; float: left; margin-bottom: 13px; }
.carouselBucket .headerWrapper span { font-size: 1.7em; font-weight: bold; float: left; margin-top: 9px; }
.carouselBucket .headerWrapper span.greyBtn { margin: 0; margin-left: 17px; }
.carouselBucket .calendar { background: url(../images/calendar-screenshot.png) no-repeat 0 0; width: 182px; height: 133px; float: left; }
/* Edited by MP ends */
 

/*Statement of Account Start*/
.rowBox .lef, .rowBox .rig { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.rowBox .lef, .rowBox .rig { float: left }
.rowBox .rig p { margin-bottom: 15px }
.rowBox .lef { width: 20% }
.rowBox .rig { width: 80% }
.rowBox .divBox { padding: 15px 14px 15px 0; float: left; }
.rowBox .divBox .selectWrap { width: 115px; margin: 8px 8px 0 0 }
.rowBox .address { width: 60% }
.summaryBox { padding: 25px 0; float: left; width: 100% }
.summaryBox li { margin: 0 0 0 15px }
.summaryBox li:first-child { margin: 0 }
.getstatement, .getstatement:hover { margin: 0 0 10px 0 }
/*Statement of Account End*/


/** Added By Alok About us Leanding***/

.RHSsection .content p { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.5em; }
.graphicContent { width: 100%; padding: 20px 0; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(98%, #f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0 ); /* IE6-8 */
border: 1px solid #c9c9c9; border-radius: 2px; float: left; margin: 25px 0 25px 0; }
.graphicContent ul li { width: 29%; float: left; text-align: center; padding: 0 2%; }
.graphicContent ul li h3 { margin: 0px 0 15px 0; font-family: "vodafone_rgregular"; font-size: 1.3em; }
.graphicContent ul li h3 span { clear: both; color: #232323; font-weight: normal; float: left; font-size: 1.2em; width: 100%; text-align: center; }
.graphicContent ul li h3 span.titleText { color: #e60000; font-size: 2em; font-weight: bold; }
.graphicContent ul li span.imgContent { display: block; margin: 0px 0 32px; clear: both; }
.distribution-content ul li { width: 48%; float: left; padding: 0; padding-bottom: 20px; }
.distribution-content ul li.nopad { padding-bottom: 0px; }
.distribution-content ul li.bordRight { border-right: 1px dotted #000; }
.distribution-content ul li.borderBottom { border-bottom: 1px dotted #000; }
.distribution-content ul li p.boldText { font-size: 3em; font-family: 'vodafone_rgbold'; color: #e60604; }
.distribution-content ul li p.boldText span { color: #000; }
.distribution-content ul li p.boldText sub { color: #000; }
.distribution-content ul li p.info-text { font-size: 1.2em; }
.distribution-content ul li span.spanStyle { padding-top: 5px; float: left; width: 100%; text-align: center; font-size: 2em; }
.awardsList li { float: left; width: 50%; position: relative; }
.awardsList li > div { float: left; }
.awardsList li > div.content { width: 120px; margin-left: 13px; width: 180px; }
.awardsList li > div.content h3 { font-size: 1.7em; margin: 0px; font-family: "vodafone_rgbold"; font-size: 1.7em; }
.awardsList li > div.content a { background: url(../images/knowmorearrow.png) no-repeat; background-position: right center; color: #000; position: absolute; padding: 0 15px 0 0; bottom: 16px; font-size: 1.5em; font-weight: bold; }
.awardsList li > div.content a:hover { color: #e90000; }
ul.bottomWidgetList { float: left; width: 100%; clear: both; margin: 20px 0; }
.bottomWidgetList li { float: left; width: 32.3%; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(98%, #f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0 ); /* IE6-8 */
border: 1px solid #c9c9c9; text-align: center; margin: 0 0 0 10px; padding: 15px 7px; height: 230px; position: relative; }
.bottomWidgetList li:first-child { margin: 0px; }
.bottomWidgetList li h3 { margin: 15px 0 0 0 }
.bottomWidgetList li span.imgContent { clear: both; display: block; height: 55px; }
.bottomWidgetList li p { clear: both; padding: 15px 0 0 0; }
.bottomWidgetList a.purpleBtn { bottom: 10px; display: block; float: left; left: 25%; position: absolute; }
.bottomWidgetWrap a.knowMore, .feeds .news .knowMore, .pageWrap .backBtn,  .midBox .midBoxData a.knowMore, .RHSsection p.bottomLink a, .boxesDataRight a.knowMore { background: url(../images/knowmorearrow.png) no-repeat right center; color: #000; font-size: 1.5em; font-weight: bold; padding: 0 15px 0 0; text-align: center; }
.bottomWidgetWrap a:hover.knowMore, .feeds .news .knowMore:hover, .pageWrap .backBtn:hover, .RHSsection p.bottomLink a:hover, .midBox .midBoxData a.knowMore:hover, .boxesDataRight a.knowMore:hover { color: #e90000; }
.managementRow { float: left; width: 100%; margin: 0 0 30px 0; }
.managementRow li { background: #f1f1f1; cursor: pointer; width: 210px; float: left; height: 246px; text-align: center; margin-left: 30px }
.managementRow li:first-child { margin: 0px; }
.managementRow li .imageContainer { width: 211px; height: 158px; float: left; }
.managementRow li .imageContainer .colorImg, .managementRow li.active .imageContainer .greyImg { display: none; }
.managementRow li.active .imageContainer .colorImg { display: block; }
.managementRow li .content { padding: 12px 20px 0; float: left; clear: both; }
.managementRow li .content h2 { font-size: 1.6em; padding: 0; font-weight: bold; }
img.grayscale { filter: grayscale(100%); -webkit-filter: grayscale(100%); /* For Webkit browsers */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* For IE 6 - 9 */ }
.managementRow li.active .imageContainer img.grayscale { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); }
img.grayscale:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); }
.popUp { background: #f1f1f1; width: 620px; padding: 30px 50px 30px 20px; float: left; clear: both; display: none; position: absolute; top:0; box-sizing:border-box; }
.popUp p { padding: 0 0 20px 0; }
a.closeBtn { background: url(../images/sprite-new.png) no-repeat -308px -7px; display: block; width: 31px; height: 29px; position: absolute; top: 10px; right: 10px; }
.overlay { background: #000; opacity: 0.7; position: fixed; width: 100%; height: 100%; display: none; }
.content .quoteContent { padding: 10px 50px 0; position: relative; }
.openQuote, .closeQuote { position: absolute; width: 40px; height: 32px; background: transparent url(../images/sprite-new.png) no-repeat 0 0; }
.openQuote { background-position: -123px -262px; left: 0; top: 0; }
.closeQuote { background-position: -179px -262px; right: 0; bottom: 20px; }
.content .quoteContent p { font-size: 1.7em; padding: 0 0 20px 0; }
.content .quoteContent img { position: absolute; right: 0; bottom: 25px; }
.missionVisionList { clear: both; float: left; width: 100%; margin: 50px 0 0 0; }
.missionVisionList .row { background: #f0eff0; border-radius: 5px; padding: 2%; position: relative; width: 80%; margin: 0 0 62px 0; }
.missionVisionList .content { width: 80%; }
.missionVisionList .imgContainer img { width: 100%; }
.missionVisionList .row.fr .imgContainer { position: absolute; top: -3%; left: -18%; }
.missionVisionList .row.fl .imgContainer { position: absolute; top: -3%; right: -18%; }
.missionVisionList .content p { font-size: 1.4em; padding-bottom: 15px; }
.missionVisionList .content ul { margin: 0 0 15px 20px; clear: both; }
.missionVisionList .content ul li { font-size: 1.4em; list-style: disc; }
.missionVisionList .content h4 { font-size: 1.4em; font-weight: bold; }
.hiddenContent { display: none; }
a.showMore { font-weight: bold; background: url("/images/menulistarow.png") no-repeat scroll 96% -22px; padding: 10px 24px 0 0; font-size: 1.2em; color: #333333; }
a:hover.showMore { color: #e90000; }
a.showMore.active { background-position: 96% 15px; color: #e90000; }
.missionVisionList a.showMore { float: left; font-size: 1.4em; }
.content p { padding-bottom: 10px; }
/**End of Added By Alok About us Leanding***/

/*loginpopup Start*/
.loginpopup .info, .loginpopup .adv, .loginpopup .botobtn, .currentbillBox li, .graphBox li, .recdOffersBox .offers, .recdOffersBox .offers .box, .actServicesBox .servicesBox .sliderBox, .actServicesBox ul.carouselWrapper li, .actServicesBox ul.carouselWrapper li .boxBg, .currentbillBox li { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.loginBox { z-index: 3; }
.loginBox .username a.sel span { background-position: -88px 5px }
.loginpopup { display: none; background: #fff; border: 1px solid #c9c9c9; border-right: 5px solid #d9d9d9; border-bottom: 5px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; top: 35px; position: absolute; right: 0; width: 460px; z-index: 9999; }
.loginpopup .info, .loginpopup .adv, .loginpopup .botobtn { float: left; padding: 10px; }
.loginpopup .info { width: 55% }
.loginpopup .info .row { float: left; padding: 5px 0; width: 100%; }
.loginpopup .info .row label { float: left; font-size: 1.5em; margin-right: 5px }
.loginpopup .selectWrap.shorbox { background: none; border: none; border-radius: 0; height: auto; width: 80px; }
.loginpopup .selectWrap.shorbox .selectedvalue { background: url(../images/redDrop.jpg) no-repeat 98% -5px; height: auto; line-height: 5px }
.loginpopup .selectWrap.shorbox select { height: auto }
.loginpopup .info .row label.red { color: red }
.loginpopup .info .row .selectcity { position: relative; float: left }
.loginpopup .info .row a, .loginpopup .info .row p { font-size: 1.5em }
/*.loginpopup .info .row .selectcity a { display: inline-block; line-height: 20px; padding: 0 15px 0 0; background: url(../images/redDrop.jpg) no-repeat 98% -5px; color: #313131; }
.loginpopup .info .row .selectcity a.sel { background-position: 98% 8px }
.loginpopup .info .row .selectcity ul { display: none; position: absolute; width: 100%; background: #fff; border: 1px solid #c9c9c9 }
.loginpopup .info .row .selectcity li { padding: 3px 0 3px 5px; font-size: 1.2em }*/
.loginpopup .adv { width: 30% }
.loginpopup .botobtn { clear: both; background: #f22301; width: 100% }
.loginpopup .botobtn li { float: left; padding: 0 10px; border-left: 1px solid #fff }
.loginpopup .botobtn li:first-child, .loginpopup .botobtn li.closeloginpopup { border: none }
.loginpopup .botobtn li.closeloginpopup { float: right }
.loginpopup .botobtn li a { color: #fff; font-size: 1.5em; font-weight: bold }
/*loginpopup End*/

/*Dashboard Start*/
/*.pageWrap {position: relative}*/
.pagelinks { position:relative; float:right; margin-top:-5px; /*right: 0; top: -55px; z-index:1 */}
.pagelinks li {float: left;  padding: 6px 10px; border:1px solid transparent;border-left: 1px solid #000; }
.pagelinks li:first-child { border: none }
.pagelinks li a { font-size: 1.2em; padding: 5px 0 5px 0px; color: #000; }
.pagelinks li a span { background: url(../images/sprite-new.png) no-repeat; width: 19px; height: 19px; float: left; margin-right: 10px; }
.pagelinks li.printIcon a span { background-position: -164px -338px;}
.pagelinks li.emailIcon a span { background-position: -167px -364px;}
.pagelinks li.pdfIcon a span { background-position: -283px -36px;}
.pagelinks li.btnSelected {border-top: solid 1px #d0d0d0; border-left: solid 1px #d0d0d0; border-right: solid 1px #d0d0d0; margin-top: 0px;}		
.pagelinks li.btnSelected + li {border-left: 1px solid transparent;}
.RHSsection .emailform {margin-bottom: 15px;}
.press-release-detail-content .emailform {margin-top:-6px;}
/**/
.currentbillBox, .graphBox, .bilgraphBox, .uknowBox, .actServicesBox, .recdOffersBox { width: 100%; float: left; padding-bottom: 40px; }
.currentbillBox li.billdue { width: 35%; float: left; padding: 0 15px 0 0; border-right: 1px solid #171717; }
.currentbillBox li.billstill { width: 65%; float: left; padding: 0 15px 0 25px }
.currentbillBox li p.amt, .currentbillBox li p.amt.blck { padding: 10px 0; width: 100%; }
.currentbillBox li p.amt { color: #e90000; float: left; font-family: "vodafone_rgregular"; font-size: 3.5em }
.currentbillBox li p.amt.blck { color: #333; }
.currentbillBox li .links { float: left; }
.currentbillBox li .links a { margin: 0 10px 10px 0; }
/**/
.toolTip { position: relative; background: url(../images/sprite-new.png) no-repeat -141px -359px; width: 19px; height: 19px; display: inline-block; cursor: pointer; margin-left:5px; }
.iPopup { font-size:0.8em; position:absolute; top:-5px; left:26px; padding:3px; border:1px solid #999; border-radius:3px; background-color:#FFFFFF; width:150px; display:none;}
.toolTip:hover .iPopup {display:block;}
.iPopup span.arrow {width:0; height:0; border:8px solid #999; background-image:none; border-color:transparent #999 transparent transparent; display:block; position:absolute; left:-16px; top:12px; margin:-6px 0 0 0;}
.toolgraph, .toolData { font-size: 1.8em; position: absolute; background: #f8f8f8; padding: 10px; border: 1px solid #c9c9c9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; top: -60px; left: 5px; display: none }
.toolData { top: 0; left: 0; font-size: 13px; width: 150px; padding: 8px }
.toolgraph span.red { color: #e60000; }
.toolgraph .drop, .toolData .drop { background: url(../images/toolDrop.png) no-repeat 0 0; bottom: -14px; display: inline-block; height: 15px; left: 40%; position: absolute; width: 28px; }
/**/
.graphBox { border-bottom: 1px solid #000; margin: 0 0 20px 0; }
.graphBox h2, .bilgraphBox h2, .uknowBox h2, .actServicesBox h2, .recdOffersBox h2 { padding: 0 }
.graphBox ul { padding: 25px 0 0 0 }
.graphBox li { width: 33%; float: left; padding: 0 21px; text-align: center; }
.graphBox li p { text-align: center; padding: 8px 0 }
.roundgraph { position: relative; background:url(../images/dashboard-usage-ring.png) no-repeat 0 0; width:166px; height:168px; margin:0 auto;}
.minutes-used {background-color:#00b5c5;}
.sms-sent {background-color:#f89d1d;}
.data-consumed {background-color:#a0b825;}
.roundgraph .data { position: absolute; top: 30px; width: 100%; left: 0; }
.roundgraph .data .icon { background: url(../images/sprite-new.png) no-repeat 0 0; display: block; height: 40px; margin: 0 auto; }
.roundgraph .data .icon.minutes { background-position: -203px -446px; width: 26px; margin-bottom: 3px }
.roundgraph .data .icon.gb { background-position: -243px -446px; width: 29px; }
.roundgraph .data .icon.sms { background-position: -281px -446px; width: 53px; }
.roundgraph .data .amt, .roundgraph .data .type { float: left; font-family: "vodafone_rgregular"; font-size: 3.5em; text-align: center; width: 100%; }
.roundgraph .data .type { font-size: 2em; }
.graphBox .bossterpk { color: #232323 }
.graphBox .bossterpk a { padding: 10px 20px 0 0; font-size: 1.4em; font-weight: bold; background: url(../images/knowmorearrow.png) no-repeat 98% 12px }
/**/
.bilgraphBox .historyBox { float: left; padding: 15px 0 0 0 }
.bilgraphBox .historyBox .graph, .bilgraphBox .historyBox .billBreakUp { float: left; }
.bilgraphBox .historyBox .graph { width: 470px }
.bilgraphBox .historyBox .graph img { width: 100% }
.bilgraphBox .historyBox .billBreakUp { margin: 30px 30px 0 58px; width: 140px; }
.bilgraphBox .historyBox .billBreakUp li { float: left; width: 100%; padding: 5px 0 }
.bilgraphBox .historyBox .billBreakUp span.colorbox { display: inline-block; margin: 0 5px 0 0; position: relative; top: 2px; }
.bilgraphBox .historyBox .billBreakUp span { font-size: 1.4em; }
/**/
.uknowBox .semihead, .actServicesBox .semihead, .recdOffersBox .semihead { font-family: "vodafone_rgregular"; font-size: 2em; }
.uknowBox .title { font-size: 2em; padding: 15px 0 0 0 }
.uknowBox .uknowBg { background: url(../images/uknowBg.jpg) no-repeat 0 0; height: 187px; position: relative; width: 618px; }
.uknowBox .uknowBg .fst, .uknowBox .uknowBg .sec, .uknowBox .uknowBg .trd { position: absolute; left: 100px; padding: 25px 5px; position: absolute; top: 14px; width: 118px; }
.uknowBox .uknowBg .sec { top: 67px; left: 250px }
.uknowBox .uknowBg .trd { top: 30px; left: 400px }
.uknowBox .uknowBg .fst span, .uknowBox .uknowBg .sec span, .uknowBox .uknowBg .trd span { text-align: center; width: 100%; display: inline-block; }
.uknowBox .uknowBg .fst .num, .uknowBox .uknowBg .sec .num, .uknowBox .uknowBg .trd .num { font-size: 1.4em }
.uknowBox .uknowBg .fst .callCount, .uknowBox .uknowBg .sec .callCount, .uknowBox .uknowBg .trd .callCount { font-size: 1.9em; color: #e40000; font-weight: bold; padding: 10px 0 }
/**/
.usageTime { padding: 10px 0 25px 0; margin-bottom: 15px; float: left; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #232323; }
.usageTime .box { border-left: 1px solid #d1d1d1 }
.usageTime .box.lef { border: none }
.usageTime .box .info .icon { background: url(../images/timeicon.png) no-repeat 0 0; width: 50px; height: 50px }
.usageTime .box .info .icon.night { background-position: -10px -70px; width: 40px; height: 40px }
.usageTime .box .info .data { width: 72% }
.usageTime .box .info .data p { font-size: 2em; font-weight: bold }
.usageTime .box .info .data p.time { font-family: "vodafone_rgregular"; font-size: 2em; font-weight: normal }
/**/
.actServicesBox { border-bottom: 1px solid #232323; padding: 10px 0 25px 0; margin-bottom: 25px; }
.actServicesBox .servicesBox { padding: 15px 0 }
.actServicesBox .sliderBox { float: left; width: 75%; padding: 0 15px 0 0 }
.actServicesBox ul.carouselWrapper { width: 90%; margin: 0 auto; overflow: hidden; }
.actServicesBox ul.carouselWrapper li { float: left; padding: 5px; width: 33% }
.actServicesBox ul.carouselWrapper li .uislider, .actServicesBox ul.carouselWrapper li a { display: inline-block; float: none }
.actServicesBox ul.carouselWrapper li .boxBg { float: left; padding: 20px 0; text-align: center; width: 100%; min-height: 120px }
.actServicesBox .addmore { margin: 15px 0; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, left top, right top, from(#6d6d6d), to(#3b3b3b)); background: -webkit-linear-gradient(top, #6d6d6d, #3b3b3b); background: -moz-linear-gradient(top, #6d6d6d, #3b3b3b); background: -o-linear-gradient(top, #6d6d6d, #3b3b3b); background: -ms-linear-gradient(top, #6d6d6d, #3b3b3b); background: linear-gradient(top, #6d6d6d, #3b3b3b); background-color: #ffffff; }
.actServicesBox .addmore a span { display: inline-block; text-align: center; width: 100%; }
.actServicesBox .addmore a { color: #fff; display: block; font-size: 1.4em; padding: 40px; text-align: center; }
/**/
.recdOffersBox .offers { float: left; width: 100%; padding: 20px 0 }
.recdOffersBox .offers .box { float: left; width: 33%; padding: 5px; }
.offers .box .info { float: left; width: 100%; padding: 15px 0 }
.offers .box .info { text-align: center }
.offers .box .info h3 { font-family: "vodafone_rgregular"; font-size: 2em; font-weight: normal; text-align: center; margin: 0; padding: 10px 0 }
.offers .box .info p.text { min-height: 145px; text-align: center; width: 90%; margin: 0 auto }
.offers .box .info .validity { display: block; text-align: center; padding: 5px 0; font-weight: bold; font-size: 1.4em }
.offers .box .info .selectBtn { text-align: center; }
.offers .box .info .selectBtn a { display: inline-block; float: none }
/*Dashboard End*/
/*Changes Password Start*/
.changepsw { float: left; width: 100%; padding-top: 20px; }
.changepsw .row p { padding: 0 0 15px 0; float: left; width: 60%; }
.changepsw .btmLineBox { padding-bottom: 15px }
.orderList { padding: 10px 15px; margin: 0 }
.orderList li { list-style: decimal; font-size: 1.4em; padding: 0 0 8px 0; }
.changepsw .row { float: left; padding: 10px 0; width: 100%; }
.changepsw .row label.head { color: #232323; float: left; font-family: arial; font-size: 1.4em; font-weight: bold; width: 15%; padding-right: 10px }
.changepsw.secQus .row label.head { padding: 10px 10px 0 0; }
.changepsw .row .inputarea { float: left; width: 50%; }
.changepsw .row .inputarea .inputFieldBox { width: 100% }
.changepsw .row .inputarea input { width: 100%; padding: 5px 0 }
.passtype, .passtype .type { float: left; padding: 0 5px }
.passtype .typebar, .passtype .type { float: left; }
.passtype .type { font-size: 1.3em; line-height: 38px; }
.changepsw .row .checkboxBtn { margin-left: 15%; padding-left: 10px; }
/**/
.secQus .leffld { float: left; width: 60%; }
.secQus .leffld .selectWrap, .secQus .leffld .inputarea { margin-bottom: 10px; }
.secQus .leffld .inputarea { width: 100%; }
.secQus .leffld .inputFieldBox { width: 60%; }
/*Changes PasswordEnd*/
/*payback*/
.payback { border-radius: 0; float: left; padding: 0 15px 10px; width: 100%; }
.payback .rows { float: left; padding: 15px 0; width: 100%; }
.payback .rows .cols { border: none; width: 50%; margin: 0; padding: 0; height: auto }
.payback .rows .cols .divBox { float: left; padding: 0 5px; width: 33% }
.payback .rows .cols .divBox .selectWrap { width: 100% }
.RHSsection .mandatory { color: #e41e26; font-size: 1.2em }
.RHSsection span.mandatory { font-size: 1em }
.payback .selectWrap, .payback .inputFieldBox, .textarea { width: 80%; }
.payback .inputFieldBox input { padding: 6px 0; width: 100%; }
/*payback*/

/*TV Ads Start*/
.tvads .tvadsSerach .col, .tvads .tvadsSerach .col.selectBox .divBox, .tvads .tvadsWrp, .pajinate, .vidList, .vidList li, .vidList li .videoBox, .videoBox .vidThum img, .videoBox .vidlink, .tvads .tvadsSerach .col.serachBox .inputFieldBox, .tvads .tvaddBig, .vidList .vidRow, .vidList .vidHead { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tvads, .tvads .tvadsSerach { float: left; width: 100%; }
.tvads { padding: 30px 0 }
.tvads .tvadsSerach { padding: 5px 0 15px }
.tvads .tvadsSerach .col { float: left; }
.tvads .tvadsSerach .col.serachBox { padding: 0 10px 0 0; width: 55%; margin: 28px 0 }
.tvads .tvadsSerach .col.serachBox .inputFieldBox { width: 68%; float: left; margin: 0 15px 0 0; padding: 10px; }
.tvads .tvadsSerach .col.serachBox .inputFieldBox input { width: 100% }
.tvads .tvadsSerach .col.serachBox input { width: 175px }
.tvads .tvadsSerach .col.orline { width: 8%; background: url(../images/tvorbg.gif) no-repeat 0 0; min-height: 107px; padding: 0 10px; position: relative }
.tvads .tvadsSerach .col.orline .or { position: absolute; top: 43px; color: #fff; font-size: 1.4em }
.tvads .tvadsSerach .col.selectBox { width: 37%; padding: 0 0 0 5px }
.tvads .tvadsSerach .col.selectBox .divBox { width: 60%; padding: 10px 0; float: left }
.tvads .tvadsSerach .col.selectBox .divBox.and { width: 10%; text-align: center }
.col.selectBox .divBox.and .andText { font-size: 1.4em; padding: 10px 0; display: block; background: none }
.tvads .tvadsWrp, .tvads .tvaddBig { border-top: 1px solid #d2d2d2; float: left; width: 100% }
.tvads .tvaddBig { border-top: 0; border-bottom: 1px solid #d2d2d2; padding: 25px 0 }
.tvads .tvaddBig img { width: 100% }
.pajinate { padding: 15px; float: left; width: 100%; }
.pajinate .pagiInfo, .pajinate .pagiNav, .pajinate .pagiNav ul, .pajinate .pagiNav .tabs, .pajinate .pagiNav .tabs .prv, .pajinate .pagiNav .tabs .nex { float: left; }
.pajinate .pagiNav { float: right; }
.pajinate .pagiInfo { font-size: 1.4em; font-weight: bold; }
.pajinate .pagiNav li { font-size: 1.4em; float: left; padding: 0 3px }
.pajinate .pagiNav li a.sel { color: #e60000 }
.pajinate .pagiNav li a, .pajinate .pagiInfo { line-height: 27px }
.pajinate .pagiNav .tabs { padding-left: 10px; }
.pajinate .pagiNav .tabs .prv, .pajinate .pagiNav .tabs .nex { background: url(../images/sprite-new.png) no-repeat -210px -196px; width: 34px; height: 27px; text-indent: -9999px }
.pajinate .pagiNav .tabs .nex { background-position: -244px -196px; }
/**/
.vidList .vidRow, .vidList .vidHead { float: left; width: 100% }
.vidList .vidRow { padding: 0 0 15px 0 }
.vidList .vidHead { padding: 0 10px 10px }
.vidList .vidHead h3 { float: left; margin: 0; font-size: 2.4em; font-family: "vodafone_rgregular"; width: 50%; line-height: 30px; }
.vidList { float: left; width: 100%; padding: 15px 0 0 0 }
.vidList li { float: left; width: 33%; padding: 0 10px 10px 10px }
.vidList li .videoBox, .videoBox .vidThum img { width: 100% }
.vidList li .vidThum { position: relative }
.vidList li .videoBox .playicon, .videoBox .vidlink .playBtn { background: url(../images/sprite-new.png) no-repeat -233px -283px; }
.vidList li .videoBox .playicon { background-position: -233px -236px; height: 34px; left: 42%; position: absolute; top: 40%; width: 34px; z-index: 1; }
.videoBox .vidlink { background: url(../images/tvadcountbg.gif) repeat-x 0 0; float: left; height: 34px; width: 100%; padding: 12px 15px; }
.videoBox .vidlink .playBtn { float: left; background-position: -233px -283px; height: 11px; width: 8px; }
.videoBox .vidlink .Vtime { float: right; font-size: 1.1em }
.videoBox p { float: left; padding: 8px 0 }
/*TV Ads End*/

/*Edit Profile Start*/
.profileWrp .boxBg, .profileWrp .editBox, .editarea, .editBox label.icon, .updatearea .editarea .inputFieldBox, .updatearea .editarea .inputFieldBox input { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.profileWrp .semihead { font-family: "vodafone_rgregular"; font-size: 2em; }
.profileWrp .boxBg { margin: 15px 0; border-radius: 0; padding: 28px; float: left; width: 100% }
.profileWrp .editBox { width: 50%; float: left; padding: 0 5px }
.profileWrp .editBox .username { font-family: "vodafone_rgregular"; font-size: 3em; }
.profileWrp .editBox .accinfo { padding: 5px 0 }
.profilePic { width: 200px; text-align: center; padding: 15px 0 }
.profilePic .progress { padding: 10px 0; font-size: 1.3em }
.profilePic .progress .num { color: #e60000; font-size: 1.4em }
.profileWrp h3 { margin: 0; font-family: "vodafone_rgbold"; font-size: 1.8em; font-weight: normal }
.profileWrp p.semi { margin-bottom: 15px }
.redbult { margin: 15px 0; padding: 0; float: left }
.redbult li {background: url(../images/redbult.gif) no-repeat 0 5px; padding: 0 0 15px 5px; font-size: 1.4em;}
.editBox .redbult { margin: 15px;}
.editBox .redbult li {list-style:disc; background:none; }
.midline { float: left; width: 100%; border-bottom: 1px solid #8d8d8d; margin: 0 0 40px 0; padding: 10px 0; position: relative }
.midline .iconpc { background: #fff url(../images/sprite-new.png) no-repeat -276px -148px; display: block; height: 109px; padding: 0 18px; position: absolute; right: 0; top: -25px; width: 68px; }
.mandBox { margin: 15px 0; float: left }
.mandBox .editBox { padding: 10px 0 }
.editarea { float: left; width: auto; }
.editarea p { padding: 0 0 5px 30px; position: relative }
.editBox label.icon { font-size: 1.4em; font-weight: bold; padding: 0; float: left; width: 100% }
.editBox label span.icons { background: url(../images/sprite-new.png) no-repeat -45px -7px; float: left; margin-right: 8px; width: 22px; height: 20px; }
.editBox label.name span.icons { background-position: -45px -7px; }
.editBox label.dob span.icons { background-position: -45px -29px; }
.editBox label.pnumber span.icons { background-position: -45px -63px; }
.editBox label.address span.icons { background-position: -45px -91px; }
.editBox label.email span.icons { background-position: -45px -122px; }
.editBox label.gender span.icons { background-position: -45px -147px; }
.editBox label.language span.icons { background-position: -45px -180px; }
.editBox label.anniversarydate span.icons { background-position: -45px -216px; }
.editBox label.education span.icons { background-position: -45px -246px; }
.editBox label.workplace span.icons { background-position: -45px -271px; }
.editBox label.relationships span.icons { background-position: -45px -300px; }
.editBox label.userInterest span.icons { background-position: -45px -329px; }
.editBox .editarea .editIcon { background: url(../images/sprite-new.png) no-repeat -48px -391px; height: 16px; position: absolute; right: -30px; width: 17px; }
.editBox span.dobIcon { background: url(../images/sprite-new.png) no-repeat -159px -302px; width: 28px; height: 28px; float: left; cursor: pointer; }
/**/
.updatearea .editarea { min-height: 40px; margin-left: 30px; float: left; }
.updatearea .editarea .inputFieldBox input { width: 200px; padding: 6px 0; background: none; }
.updatearea .editarea .inputFieldBox input.dobIcon { padding: 6px 0px; width: 170px; float: left; }
.updatearea .editarea .selectWrap, .updatearea .editarea .textarea { width: 220px; }
.updatearea .editarea .radioBtn { margin: 5px 0 0 10px; }
.updatearea .editarea .textarea, .updatearea .editarea .inputFieldBox, .updatearea .editarea .selectWrap {/* margin: 0 0 0 30px; */ }
/*Edit Profile End*/


/********************* voiceusage **************************/
.owl-controls { position: absolute; width: 100%; float: left; top: 0;}
.carouselBucket .owl-prev { background: url(../images/sprite-new.png) no-repeat -205px -7px; float: left; width: 32px; height: 73px; margin-top: 68px; margin-left: -46px; font-size: 0; color: transparent; }
.carouselBucket .owl-next { background: url(../images/sprite-new.png) no-repeat -242px -7px; float: right; width: 32px; height: 73px; margin-top: 68px; margin-right: -32px; font-size: 0; color: transparent; }
.RHSsection h2.sectionHeading { font-size: 2.3em; float: left; clear: both; }
.RHSsection h2.sectionHeading span.text { font-size: 0.7em; padding-left: 10px; }
.boxStackBucket { width: 100%; float: left; overflow-x: auto; overflow-y: hidden; }
.additionalPackWrapper li { width: 163px; height: 117px; }
.planDetailsWrapper li { height: 110px; }
p.headingText { float: left; clear: both; font-weight: bold; }
.tableWarp td.alignCenter { text-align: center; }
.additionalPackWrapper .boxStackBucket { display: none; }
.additionalPackWrapper span.heading { background-position: right -34px; }
.additionalPackWrapper .heading.active { background-position: right 0; }
.graphTabs { float: right; }
.graphTabs li { background: url(../images/sprite-new.png) no-repeat; cursor: pointer; float: left; height: 44px; width: 40px; margin-bottom: 40px; }
.graphTabs li.chart { background-position: -77px -95px; }
.graphTabs li.chart.active { background-position: -77px -145px; }
.graphTabs li.table { background-position: -77px -200px; }
.graphTabs li.table.active { background-position: -77px -261px; }
.gtaphTabContent { width: 100%; float: left; display: none; margin-top: 40px; }
.gtaphTabContent .tableWarp { overflow: hidden; overflow-x: auto; }
.gtaphTabContent img { width: 100%; }
.carouselBucket .monthItem { cursor: pointer; height: 70px; background: #f5f5f5; text-align: center; line-height: 70px; font-size: 1.4em; font-weight: bold; }
.carouselBucket .monthItem.sel { background: #e7e7e7; }
.monthWrapper .carouselBucket { height: auto; }
.monthWrapper .carouselBucket .owl-prev { margin-left: -31px; margin-top: 0; }
.monthWrapper .carouselBucket .owl-next { margin-right: -31px; margin-top: 0; }
h4.sectionHeading { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 2em; font-weight: bold; margin-top: 15px; width: auto; }
span.smallFont { font-size: 0.7em; }
/*********************End of voiceusage **************************/
/***************Graph Tabs************/

/***************End of Graph Tabs************/

/*Careers Start*/
.jobAlerts, .jobAlerts .subscribeBox .inputFieldBox, .jobAlerts .subscribeBox input, .LinkedInBox, .faqConnect, .faqConnect .box, .qusList, .lifeVf, .lifeVf .speaks, .lifeVf .speaks .box, .quotesBox, .quotesBox .thum, .quotesBox .info, .empquotes, .centerBox { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.jobAlerts, .LinkedInBox { float: left; padding: 15px; margin: 15px 0 5px; width: 215px; }
.jobAlerts h3, .LinkedInBox h3 { font-size: 1.5em; color: #202020; cursor: pointer; }
.jobAlerts h3 span { background: url(../images/sprite-new.png) no-repeat -251px -342px; width: 15px; height: 8px; float: right; }
.jobAlerts h3.sel span { background-position: -251px -305px; }
.LinkedInBox h3 span { background: url(../images/sprite-new.png) no-repeat -223px -495px; width: 20px; height: 20px; display: inline-block; }
.jobAlerts .subscribeBox { padding: 15px 0; float: left; }
.jobAlerts .subscribeBox .inputFieldBox, .jobAlerts .subscribeBox input { width: 100% }
.jobAlerts .subscribeBox input { padding: 4px 0 }
.LinkedInBox h3 { background: none; line-height: 20px }
.LinkedInBox h3 .LinIcon { display: inline-block }
.LinkedInBox p { font-size: 1.3em; padding: 10px 0 0 }
.jobAlerts .purpleBtn, .LinkedInBox .purpleBtn { margin: 10px 0 0 0 }
/**/
.owl-pageslides { padding: 0 0 15px 0; }
.owl-pageslides img { width: 100% }
.owl-pageslides .owl-controls { top: auto; bottom: 30px; z-index: 2; margin: 0 }
.owl-pageslides .owl-stage-outer { z-index: -1 }
.owl-pageslides .owl-controls .owl-dots { float: right; padding: 0 10px 0 0 }
.careerOwl { padding: 15px; float: left }
.carouselBox { margin: 25px auto; width: 600px; height: 230px }
.careerOwl .knowMore { background: url(../images/knowmorearrow.png) no-repeat right center; color: #000; font-size: 1.5em; font-weight: bold; padding: 0 15px 0 0; }
.careerOwl .rewards { text-align: center; width: 180px; background: url(../images/careerRewardline.png) no-repeat 0 0; padding: 0 13px; position: relative; height: 250px }
.careerOwl .rewards h3 { font-family: vodafone_rgregular; font-size: 1.8em; margin: 10px 0 0 0; color: #434343; padding: 15px 0; font-weight: 400 }
.careerOwl .rewards .knowMore { position: absolute; bottom: 0; left: 25% }
.careerOwl .owl-prev { margin: 68px 0 0 -35px }
.careerOwl .owl-next { margin: 68px -40px 0 0; }
/**/
.oppWrp { margin: 25px 0 5px 0; float: left; width: 100% }
.oppWrp h2 { padding: 0 }
.oppWrp .careerOwl { margin: 15px 0; }
.oppWrp .careerOwl p.title { font-size: 1.8em; font-family: vodafone_rgbold; }
.oppWrp .opportunities { width: 180px; border-left: 1px solid #cccccc; padding: 0 15px; position: relative; height: 230px }
.oppWrp .opportunities h3 { font-family: arial; font-size: 1.4em; margin: 0; color: #333333; padding: 15px 0; font-weight: bold }
.oppWrp .opportunities p { float: left; font-size: 1.2em; width: 100% }
.oppWrp .opportunities p.info { padding-bottom: 15px }
.oppWrp .opportunities p.locate { font-weight: bold }
.oppWrp .opportunities p.posted { padding-bottom: 15px }
.borderTop { border-top: 1px solid #c9c9c9; }
.borderTop.divCenter { padding: 15px 0 0; float: left; width: 100%; text-align: center; }
.borderTop.divCenter .greyBtn { float: none; text-align: center; }
.centerBox { margin: 0 auto; width: 420px; }
.centerBox p { float: left; font-size: 1.4em; line-height: 38px; padding: 0 5px 0 0; }
.centerBox .purpleBtn { margin: 0; }
/**/
.faqConnect, .lifeVf { width: 100%; float: left; margin: 15px 0 0; padding: 20px 0 }
.faqConnect .box { float: left; width: 33.33%; border-left: 1px solid #ccc; padding: 0 15px }
.faqConnect .box h3 { font-family: 'vodafone_rgbold'; font-size: 1.8em; margin: 10px 0 20px 0 }
.faqConnect .box p { min-height: 130px }
.faqConnect .box.faqs { padding-right: 15px; border-right: 1px solid #cccccc; width: 55% }
.faqConnect .box .fl { padding-right: 15px }
.qusList { background: #f3f3f3; padding: 10px 20px; margin: 10px 0; float: left; width: 100% }
.qusList li { float: left; background: url(../images/knowmorearrow.png) no-repeat 100% 5px; font-size: 1.3em; padding: 5px 15px 5px 0 }
.qusList li span.num { display: inline-block; margin-right: 5px; background: #9a9a9a; padding: 0 3px; color: #fff; }
.faqConnect .box .heading { padding: 10px 0; font-size: 1.4em; font-family: arial; }
.faqConnect .box.connect { padding-left: 15px; width: 45% }
.hrcontct { float: left; padding: 15px 0 5px; clear: both; }
/**/
.lifeVf .speaks { float: left; width: 100%; }
.lifeVf .speaks .box { float: left; padding: 15px; }
.lifeVf .speaks .box.employeeSpeaks { width: 68%; }
.empquotes { float: left; width: 100%; position: relative; height: 200px; }
.quotesBox { width: 100%; padding: 0 10px; float: left; }
.quotesBox .thum { width: 30%; margin-right: 10px; }
.quotesBox .thum a { background: #d2d2d2; padding: 8px 6px; margin: 15px 0; font-size: 1.2em; }
.quotesBox .info { width: 67%; }
.quotesBox .info .quotes { padding: 15px 0; }
.quotesBox .info .desi { font-size: 1.2em; }
.quotesBox .info .quotes .quot { background: url(../images/sprite-new.png) no-repeat -284px -82px; display: inline-block; width: 22px; height: 17px; }
.quotesBox .info .quotes .quot.Top { margin-right: 10px; }
.quotesBox .info .quotes .quot.down { background-position: -284px -119px; margin-left: 10px; }
.lifeVf .speaks .box.HRSpeaks { width: 32%; }
.lifeVf .speaks .box h3 { margin: 0 0 15px 0; }
.lifeVf .speaks .box.HRSpeaks li { position: relative; }
.lifeVf .speaks .box.HRSpeaks span.videoPlayBtn { background: url(../images/sprite-new.png) no-repeat -198px -303px; display: block; height: 35px; left: 42%; position: absolute; top: 40%; width: 35px; z-index: 1; }
.empquotes .owl-controls { z-index: 999; top: 180px; }
.empquotes .owl-dots { bottom: -5px; float: right; position: relative; z-index: 9999; }
.empquotes .owl-dot { background: url(../images/sprite-new.png) no-repeat -267px -161px; float: left; height: 9px; width: 9px; margin: 0 5px 0 0; }
.empquotes .owl-dot.active { background-position: -267px -148px; }
.hr-pane { width: 100%; height: 190px; overflow: auto; float: left; }
/*Careers End*/

/*Login Start*/
.errorMsg { color: #e90000; display: none; font-size: 1.1em; width: 100%; float:left; }
.loginWrp, .loginWrp .box, .loginWrp .box .inputArea, .loginWrp .box .inputArea .inputFieldBox, .loginWrp .orline, .smoShare li, .vfApp .vfappSlide, .vfApp .vfappSlide .apps, .loginWrp .box p { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.loginWrp { float: left; width: 100% }
.loginWrp .box { float: left; width: 33%; padding: 0 15px; border-left: 1px solid #e5e5e5; }
.loginWrp .box h3 { margin: 0; font-family: 'vodafone_rgbold'; font-size: 2em; }
.loginWrp .box p { margin: 5px 0 10px; font-family: 'vodafone_rgregular'; font-size: 1.8em; float: left; width: 100%; }
.loginWrp .box .row { padding: 5px 0 0 0; float: left; width: 100%; }
.loginWrp .box .row > label { font-size: 1.3em; width: 100%; float: left; }
.loginWrp .box .inputArea, .loginWrp .box .inputArea .inputFieldBox, .loginWrp .box .inputArea .inputFieldBox input { float: left; width: 100%; }
.loginWrp .box .inputArea .inputFieldBox { margin: 5px 0; }
.loginWrp .box .inputArea .inputFieldBox input { padding: 5px 0; }
.loginWrp .checkboxBtn { width: auto; }
.loginWrp .forgot { float: right; }
.loginWrp .forgot a { text-decoration: underline; color: #616161; font-size: 1.1em; }
.loginWrp .forgot a:hover { color: #e90000; }
.loginWrp .box.vfAcc { border: none; }
.loginWrp .orline { width: 100%; float: left }
.loginWrp .orline { background: url(../images/tvorbgmo.gif) no-repeat top center; margin: 5px 0; padding: 0; min-height: 37px }
.loginWrp .orline .or { position: relative; top: 11px; text-align: center; display: block; color: #fff; font-size: 1.4em; }
.loginWrp .box a { margin: 10px 0 0 0 }
.smoShare { float: left; width: 100% }
.smoShare li { float: left; width: 136px; }
.smoShare li a { background: url(../images/smoShare.png) no-repeat 0 0; width: 100%; height: 33px; display: block; text-indent: -9999px }
.smoShare li.gplus { padding-left: 1px; width: 144px }
.smoShare li.facebook a { background-position: 0 0 }
.smoShare li.gplus a { background-position: -146px 0 }
.loginWrp .redbult li { font-size: 1.3em; padding: 0 0 10px 15px }
.loginWrp .redbult { margin: 10px 0 }
.vfappSlide { float: left; width: 100%; position: relative }
.vfappSlide .apps { float: left; padding: 20px; width: 100%; text-align: center }
.vfappSlide .getNow { width: 100%; text-align: center; padding: 15px 0 10px; float: left; }
.vfappSlide .getNow a { float: none; }
.vfappSlide .owl-controls { float: none; margin: 0 auto; position: relative; top: auto; width: 56px; }
/*Login End*/
/*Careers Form Start*/
.formtabs, .careerForm, .tabBox, .careerForm .banner, .tabBox .row, .tabBox .row .col1, .tabBox .row .col2, .tabBox .row .col3, .tabBox .inputFieldBox, .tabBox .inputFieldBox input, .multiselBox, .tabBox .wdth40, .tabBox .wdth50, .careerForm h3 { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.formtabs { background: #f2f2f2; float: left; margin: 15px 0; padding: 10px 0; width: 100%; }
.formtabs .radioBtn label { width: 180px; float: left; padding-bottom: 10px; }
.careerForm, .tabBox, .careerForm .banner { float: left; width: 100%; }
.careerForm .banner img { width: 100%; }
.tabBox .inputFieldBox input, .tabBox .inputFieldBox textarea { width: 280px; float: left; }
.tabBox .col3 .inputFieldBox input { width: 180px; }
.careerForm h3 .mandatoryText { color: #e41e26; font-family: arial; font-size: 0.5em; }
.careerForm .tabBox { border-radius: 0; padding: 0 0 15px 0; }
.careerForm .tabBox { padding: 15px }
.careerForm .tabBox .row.alternetbg { background: #faf7f7 }
.details-standard h3 { background: #646464; color: #fff; padding: 10px 15px; }
.details-standard h3 .mandatoryText { color: #FFFFFF; }
.tabBox h3 { margin: 0 0 15px 0; font-family: 'vodafone_rgregular'; font-weight: normal; font-size: 2.4em; }
.tabBox .row .col1, .tabBox .row .col2, .tabBox .row .col3 { padding: 0 7px; float: left; }
.tabBox .row { border-bottom: 1px solid #dfdfdf; padding: 5px 0; float: left; width: 100% }
.tabBox .row .col1 { width: 100%; }
.tabBox .row .col2 { width: 50%; }
.tabBox .row .col3 { width: 33%; }
.tabBox .row .divBox { width: 28%; float: left; margin-right: 10px; }
.tabBox .wdth40, .tabBox .wdth50 { width: 40%; float: left;}
.tabBox .wdth50 { width: 50%; padding: 0 15px 0 0; }
.tabBox label { font-weight: bold; font-size: 1.3em; float: left; width: 100%; padding: 5px 0; }
.tabBox .inputFieldBox input { padding: 6px 0 }
.tabBox input.dobIcon { padding: 7px 0px 9px 0; width: 248px; }
.tabBox span.dobIcon { background: url(../images/sprite-new.png) no-repeat -159px -302px; width: 28px; height: 28px; float: left; cursor: pointer; }
.careerForm .tabBox .submitBox { padding: 5px 0 0 15px;}
.details-SrProfessionals>img {display:none;}
/*Careers Form End*/

/*For the Media Start*/
.boxSection, .boxSection .box, .gettouch .moreinfo .thum, .gettouch .moreinfo .info, .inputFieldBox, .inputFieldBox input, .gettouch .subscribe .boxBg { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.boxSection { float: left; width: 100%; margin-bottom: 30px; border-bottom: 1px solid #d0d0d0 }
.boxSection .box { float: left; width: 50%; padding: 0 30px 15px 0 }
.boxSection .box .row { padding: 10px 0; border-bottom: 1px solid #d0d0d0 }
.boxSection .box .row p, .boxSection .box.tvads h3 { font-family: 'vodafone_rgregular'; font-size: 1.6em; color: #333; padding-bottom: 5px; font-weight: bold }
.boxSection .box .row p.date { font-size: 1.2em; font-family: arial; color: #666; padding-bottom: 10px; }
a.readMore { background: url(../images/knowmorearrow.png) no-repeat 98% 0; color: #000; font-size: 1.4em; font-weight: bold; padding: 0 15px 0 0; }
.boxSection .box.tvads { padding: 0 0 15px 30px; border-left: 1px solid #d0d0d0 }
.boxSection .box.tvads h3 { margin: 10px 0; padding: 0; font-family: 'vodafone_rgbold'; }
.boxSection .box a { margin: 5px 0 }
.boxSection .vidThum { position: relative }
.boxSection .vidThum .playicon { background: url(../images/sprite-new.png) no-repeat -198px -303px; height: 34px; left: 42%; position: absolute; top: 40%; width: 34px; z-index: 1; }
.gettouch h3 { margin: 0 0 10px 0; font-family: 'vodafone_rgregular'; font-weight: bold; font-size: 2.4em; width: 100%; }
.gettouch p.username { font-weight: bold; font-size: 1.6em; padding: 5px 0 }
.gettouch p.email, .gettouch p.call { padding: 5px 0 5px 0px; }
.gettouch p.email span, .gettouch p.call span { background: url(../images/sprite-new.png) no-repeat 0 0; width: 21px; height: 21px; float: left; padding-right: 10px; }
.gettouch p.call span { background-position: -45px -63px }
.gettouch p.email span { background-position: -45px -122px; }
.gettouch .moreinfo { width: 60% }
.gettouch .moreinfo .thum { float: left; padding-right: 10px; width: 30% }
.gettouch .moreinfo .info { float: left; padding-left: 10px; width: 70% }
.gettouch .subscribe { width: 40%; padding: 0 }
.gettouch .subscribe .boxBg { padding: 10px; float: left }
.subscribe .inputFieldBox { width: 100%; }
.subscribe .inputFieldBox { margin-bottom: 5px }
.subscribe input { padding: 6px 0; }

.gettouch .thankYouUpdate {display:none;}
.gettouch h3.thankyou {color:#e43229;}
.gettouch .thankYouUpdate a {text-decoration:underline;}
/*For the Media End*/

.accord-head { position: relative; cursor: pointer; background: #fefefe; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%, #f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f2f2', GradientType=0 ); /* IE6-8 */
border: 1px solid #ccc; border-radius: 3px; padding: 13px; }
.accord-head span { background: url(../images/sprite-new.png) no-repeat; background-position: -250px -342px; width: 20px; height: 20px; position: absolute; right: 8px; top: 26px; float: left; }
.accord-content { display: none; }
.accord-wrapper { float: left; width: 100%; }
.accord-head.active { background: none; border: none; }
.accord-head.active span { background-position: -250px -305px; }
.uknowBg.padding25 { padding-bottom: 25px; }
.printEmailWrap { clear: both; position: relative; float: left; width: 100%; padding-top: 20px; }
.printEmailWrap .pagelinks { position: static; float: right; }
/**********************Common Tabs ************************************/
ul.commonTabs { float: left; width: 100%; clear: both; position: relative; }
ul.commonTabs li { float: left; }
ul.commonTabs li > a { background: #f2f2f2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2JSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f2f2f2 6%, #dcdcdc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, #f2f2f2), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f2f2 6%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f2f2 6%, #dcdcdc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f2f2 6%, #dcdcdc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f2f2 6%, #dcdcdc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dcdcdc', GradientType=0 ); /* IE6-8 */
border-left: 1px solid #bcbcbc; color: #000; float: left; font-size: 1.8em; font-family: 'vodafone_rgregular'; width: 184px; text-align: center; padding: 14px 0; position: relative; }
ul.commonTabs li > a.active { background: #686868; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2JSIgc3RvcC1jb2xvcj0iIzY4Njg2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTQxNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #6c6c6c 6%, #414141 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, #686868), color-stop(100%, #414141)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #686868 6%, #414141 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #686868 6%, #414141 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #686868 6%, #414141 100%); /* IE10+ */ background: linear-gradient(to bottom, #686868 6%, #414141 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#414141', GradientType=0 ); /* IE6-8 */
color: #fff; }
ul.commonTabs li a span { width: 0; height: 0; border: 14px solid; background-image: none; border-color: #414141 transparent transparent transparent; display: block; position: absolute; bottom: -27px; left: 50%; margin-left: -12px; display: none; }
ul.commonTabs li a.active span { display: block; }
ul.commonTabs li:first-child a { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left: none; }
ul.commonTabs li:last-child a { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
ul.commonTabs .commonTabContent { display: none; position: absolute; top: 45px; left: 0;/* padding:28px 18px; border:1px solid #cccccc;*/ z-index: 1; width: 100%; }
ul.commonTabs { margin: 35px 0; /*height: 278px;*/ }
ul.commonTabs.marzero { margin-top: 0px; }
.commonTabContent .lhs { float: left; margin: 0 20px 0 0; }
.commonTabContent .rhs { float: left; width: 445px; }
.commonTabContent .rhs p { padding-bottom: 10px; }
ul.commonTabs.recharfeHistory { margin-top: 10px; }
ul.commonTabs.domore > li, .commonTabs.roaming-calc > li{ width:auto;}
ul.commonTabs.domore li > a, .commonTabs.roaming-calc li > a{/*width:100%;*/}
.commonTabs.roaming-calc > li .slider-panel .ui-slider-handle {border-radius:50%; border: 2px solid #5d6162;}
.commonTabs.roaming-calc > li .ui-slider-horizontal .ui-slider-handle {top:-1em;}




/**********************End of Common Tabs ************************************/


/*******************************Account Activity*******************************/
.yearDiv { float: left; }
.yearDrop { width: 100px; float: left; }
.yearDiv label { font-size: 2.3em; float: left; margin: 5px 10px 0px 0; }
.accountActivityWrapper { float: left; width: 100%; margin: 48px 0 0 0; }
.monthsDiv { float: left; width: 100%; }
ul.monthsSelect { float: left; width: 100%; margin: 14px 0 0 0; }
ul.monthsSelect li { background: #e9e9e9; cursor: pointer; float: left; width: 58px; text-align: center; font-size: 1.4em; padding: 10px 0; position: relative; }
ul.monthsSelect li.first { border-top-left-radius: 5px; border-bottom-left-radius: 5px }
ul.monthsSelect li.last { border-top-right-radius: 5px; border-bottom-right-radius: 5px }
ul.monthsSelect li.active { background: #e60000; color: #fff; }
.monthsInfoContainer { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; clear: both; width: 100%; border: 1px solid #c9c9c9; border-radius: 5px; margin: 5px 0 0 0; padding: 30px; }
.monthsInfoContainer ul li { padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; font-size: 1.4em; }
.monthsInfoContainer .heading { margin-bottom: 34px; }
.monthsDiv label { display: none; font-size: 2.3em; float: left; margin: 5px 10px 0px 0; }
.monthsSelectedvalue { display: none; }
.calender { display: none; position: absolute; z-index: 999; top: 36px; left: 0 }
ul.monthsSelect li span { background: url(../images/monthsdrop.png) no-repeat; float: left; position: absolute; right: 4px; top: 17px; width: 9px; height: 4px; }
.calender a.closeBtn { background: url(../images/msListclose.png) no-repeat; float: left; width: 16px; height: 16px; position: absolute; right: 0px; top: -18px; }
/*******************************End of Account Activity*******************************/

/*Store Locator Map Start*/
.storeMapPlaceholder .iframeBox, .storeMapPlaceholder .iframeBox .iframediv, .storeInfo h3, .storeInfo .addressInfo, .storeInfo, .mapiconBox { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.midContainer h1 span { display: none; }
.mapiconBox { background: #fff; left: 10px; position: absolute; top: 15px; padding: 10px; }
.mapiconBox li { padding: 3px 0 }
.mapiconBox li a { font-size: 1.2em; line-height: 30px; font-weight: bold; }
.pointer { background: url(../images/sprite-new.png) no-repeat 0 0; width: 21px; height: 26px; float: left; margin-right: 10px }
.pointer.stores { background-position: -84px -308px; }
.pointer.miniStores { background-position: -84px -349px; }
/**/
.storeMapPlaceholder .iframeBox { margin: 10px; position: relative; overflow: hidden }
.storeInfo { position: absolute; right: 0; top: 15px; width: 312px; height: 540px; background: #fff }
.storeInfo .expandBtn { background: url(../images/sprite-new.png) no-repeat -209px -82px; cursor: pointer; height: 46px; left: -33px; position: absolute; width: 33px; }
.storeInfo .expandBtn.active { background-position: -243px -82px }
.storeInfo h3 { font-family: 'vodafone_rgregular'; font-size: 1.8em; font-weight: 400; line-height: 26px; border-bottom: 1px solid #ccc; margin: 0; padding: 10px; width: 100%; cursor: pointer }
.storeInfo h3 .drop { background: url(../images/map-sprite.png) no-repeat 0 0; float: right; height: 7px; margin: 8px 5px 0 0; width: 11px; }
.storeInfo h3.sel .drop { background-position: 0 -10px }
.storeInfo h3.sel { background: -webkit-gradient(linear, left top, right top, from(#6a6a6a), to(#3f3f3f)); background: -webkit-linear-gradient(top, #6a6a6a, #3f3f3f); background: -moz-linear-gradient(top, #6a6a6a, #3f3f3f); background: -o-linear-gradient(top, #6a6a6a, #3f3f3f); background: -ms-linear-gradient(top, #6a6a6a, #3f3f3f); background: linear-gradient(top, #6a6a6a, #3f3f3f); color: #fff; border: 0; background-color: #6a6a6a; }
.storeInfo .store-pane { float: left; height: 540px; width: 100%; overflow: hidden; }
.addressInfo { float: left; width: 100%; display: none; padding: 15px; border-bottom: 1px solid #ccc; }
.addressInfo p { padding-bottom: 10px; font-size: 1.3em }
.addressInfo p.location { color: #e60000 }
.addressInfo p.parahead { font-size: 1.4em; padding: 10px 0; border-top: 1px solid #000; }
.addressInfo .redbult, .addressInfo .btns { margin: 0 }
.addressInfo .redbult li { font-size: 1.3em; padding: 0 0 5px 10px }
.addressInfo .redbult li a.link { border-left: 1px solid #ccc; color: #e60000; font-size: 0.85em; padding: 0 0 0 5px; }
.storeInfo .addressInfo .btns .greyBtn { font-size: 1.2em; font-weight: bold; margin: 10px 5px 0 0; padding: 10px 5px; }
.mapTabs { display: none }
/*Store Locator Map End*/
/*Accordian start*/
.AccordianWrap { float: left; width: 100%; clear: both; }
.AccordianWrap .accordHeading {/*background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 98%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );*/ background: none; width: 100%; float: left; margin-bottom: 10px; clear: both; }
.AccordianWrap .accordHeading h3 { background-color: #646464; color: #FFFFFF; width: 100%; padding: 1% 2%; float: left; margin: 0; cursor: pointer; }
.AccordianWrap .accordHeading h3 span { float: right; width: 16px; height: 16px; background: transparent url(../images/sprite-new.png) no-repeat -8px -32px; }
.AccordianWrap .accordHeading h3.active span { background-position: -8px 3px; }
.AccordianWrap .accordInfo { display: none; width: 96%; padding: 0% 2% 1%; float: left; }
/*Accordian end*/
/*subscription history start*/
.subscriptionSearchWrap { float: left; width: 100%; padding-bottom: 20px; }
.subscriptionSearchWrap input { width: 270px; height: 25px; }
.subscriptionSearchWrap .inputFieldBox { float: left; margin: 10px 10px 0 0; }
.subscriptionCheckWrap, .subscriptionDateWrap { width: 50%; float: left; }
.subscriptionCheckWrap { padding: 30px 0 20px; }
.subscriptionCheckWrap label span { background: transparent url(../images/sprite-new.png) no-repeat -374px -56px; width: 16px; height: 16px; float: left; margin: 3px 5px 0 0; }
.subscriptionCheckWrap label.Internet span { background-position: -374px -8px; }
.subscriptionCheckWrap label.Services span { background-position: -374px -34px; }
.fromDate, .toDate { float: left; width: auto; }
.subscriptionDateWrap input.dobIcon { float: left; width: 74px; padding: 6px 0; }
.tableWarp td span.voice, .tableWarp td span.internet, .tableWarp td span.services { background: transparent url(../images/sprite-new.png) no-repeat -350px -58px; width: 17px; height: 17px; float: left; }
.tableWarp td span.voice { background-position: -350px -58px; }
.tableWarp td span.internet { background-position: -350px -7px; }
.tableWarp td span.services { background-position: -350px -34px; }
.tableWarp .nowrap { white-space: nowrap; }
/*subscription history end*/
/*Dateboard Prepaid start*/
.RHSsection .quickTopWrap .billstill { border-left: 1px solid #a2a2a2; width: 65%; *width:55%;
}
.quickTopupBox { width: 95px; float: left; padding: 20px 10px 5px; text-align: center; }
.quickTopupBox span.voiceTopup { background: url(../images/dashboard-prepaid-sprite.png) no-repeat 0 -12px; width: 75px; height: 60px; display: block; }
.quickTopupBox span.InternetTopup { background: url(../images/dashboard-prepaid-sprite.png) no-repeat 0 -78px; width: 75px; height: 60px; display: block; }
.quickTopupBox p { font-size: 1.7em; padding: 0; }
.quickTopupBox .topupAmt { color: #e40000; font-weight: bold; }
.OrWrap { float: left; padding: 50px 10px 0; }
.accord-head span { background: url(../images/sprite-new.png) no-repeat; background-position: -250px -342px; width: 20px; height: 20px; position: absolute; right: 8px; top: 26px; float: left; }
.dashPrepaidWrap { float: left; width: 100%; border-top: 1px solid #a2a2a2; padding: 25px 0; }
.dashPrepaidWrap .usageBox { width: 235px; float: left; padding: 20px; margin: 0 20px 10px 0; }
.dashPrepaidWrap .usageBox .voiceUsage, .dashPrepaidWrap .usageBox .dataUsage { background: url(../images/dashboard-prepaid-sprite.png) no-repeat 0 0px; width: 54px; height: 65px; margin-right: 10px; float: left; }
.dashPrepaidWrap .usageBox .voiceUsage { background-position: -16px -147px; }
.dashPrepaidWrap .usageBox .dataUsage { background-position: -12px -235px; }
.dashPrepaidWrap .usageBox p { font-family: 'vodafone_rgregular'; font-size: 2em; }
.dashPrepaidWrap .usageBox p.rupeeUsed, .dashPrepaidWrap .usageBox p.dataConsumed { font-size: 3em; color: #f12200; }
.dashPrepaidWrap .usageBox p.dataConsumed span { font-size: 0.6em; }
.filterArrow { width: 9px; height: 7px; float: right; background: transparent url(../images/white-arrow.png) no-repeat 0 -10px; cursor: pointer; margin-top: 5px; }
.filterArrow.sel { background-position: 0 0; }
.DNDofferWrap { width: 100%; float: left; padding-top: 10px; }
.DNDofferWrap .DNDvoucherPlan { width: 32%; margin-left: 2%; float: left; text-align: center; }
.DNDofferWrap .DNDvoucherPlan .planTitle { font-family: 'vodafone_rgregular'; font-size: 2em; float: left; text-align: left; padding-top: 30px; }
.DNDofferWrap .DNDvoucherPlan .planTitle span { background: url(../images/dashboard-prepaid-sprite.png) no-repeat 0 0px; width: 80px; height: 80px; margin: -25px 5px 0 0; float: left; }
.DNDofferWrap .DNDvoucherPlan .planTitle span.callerId { background-position: 0px -319px; }
.DNDofferWrap .DNDvoucherPlan .planTitle span.enhacedVoice { background-position: 0px -413px; }
.DNDofferWrap .DNDvoucherPlan .planTitle span.ISD { background-position: 0px -500px; }
.DNDvoucherPlan .planBox { padding: 4%; text-align: left; min-height: 150px; margin-top: 20px; clear: both; }
.DNDvoucherPlan .planBox .title { color: #f12200; font-family: 'vodafone_rgbold'; font-size: 2em; }
.DNDofferWrap .DNDvoucherPlan .purpleBtn { float: none; display: inline-block; }
.DNDsectorWrap { width: 100%; float: left; padding: 20px 0; margin-top: 20px; }
.DNDsectorWrap li { float: left; border-left: 1px solid #cccccc; padding: 0 2%; text-align: center; width: 20%; }
.DNDsectorWrap li:first-child { border: none; }
.DNDsectorWrap li h3 { margin: 0 0 15px; color: #232323; font-family: 'vodafone_rgregular'; font-size: 1.8em; float: none; }
.DNDsectorWrap li span { background: url(../images/dashboard-prepaid-sprite.png) no-repeat 0 0px; width: 70px; height: 70px; display: block; margin: 0 auto; }
.DNDsectorWrap li span.DNDfinance { background-position: -6px -596px; }
.DNDsectorWrap li span.DNDrealEst { background-position: -6px -671px; }
.DNDsectorWrap li span.DNDtourism { background-position: -6px -760px; }
.DNDsectorWrap li span.DNDhealth { background-position: -6px -844px; }
/*Dashboard Prepaid end*/



/*Awards & Achievements Start*/
.awardsAchieve, .awardsAchieve .col3, .awardsAchieve .accord-content li { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.awardsAchieve { float: left; width: 100%; }
.awardsAchieve label { float: left; font-size: 1.4em; padding: 0 0 5px 0; }
.awardsAchieve .col3 { float: left; width: 33.33%; padding: 0 25px 0 0; }
.awardsAchieve .accord-wrapper { padding: 15px 0 }
.awardsAchieve .accord-head { background: none; border-top: 1px solid #777; border-left: none; border-right: none; border-bottom: none; border-radius: 0; padding: 15px }
.awardsAchieve .accord-head.active { background: #eeeeee }
.awardsAchieve .accord-head span { top: 35px }
.awardsAchieve .accord-content li .ico, .awardsAchieve .h2bg h2 { background: url(../images/awards-iconsprite.png) no-repeat 0 0; }
.awardsAchieve .h2bg h2 { font-size: 2.4em; padding: 13px 0 13px 90px; color: #3e4548 }
.awardsAchieve .h2bg.community h2 { background-position: 0 -37px }
.awardsAchieve .h2bg.corporate h2 { background-position: 0 -104px }
.awardsAchieve .h2bg.customer h2 { background-position: 0 -176px }
.awardsAchieve .h2bg.marketing h2 { background-position: 0 -254px }
.awardsAchieve .h2bg.peopleManage h2 { background-position: 0 -322px }
.awardsAchieve .h2bg.retail h2 { background-position: 0 -396px }
.awardsAchieve .h2bg.regulatory h2 { background-position: 0 -460px }
.awardsAchieve .h2bg.technology h2 { background-position: 0 -522px }
.awardsAchieve .accord-content { padding: 15px 0 }
.awardsAchieve .accord-content li .data { font-size: 1.4em; font-weight: bold; width: 85%; float: left }
.awardsAchieve .accord-content li { padding: 10px 10%; border-top: 1px solid #e4e4e4; width: 100%; display: inline-block }
.awardsAchieve .accord-content li:first-child { border: none }
.awardsAchieve .accord-content li .ico { float: left; height: 30px; padding: 0 10px 0 0; width: 25px; }
.awardsAchieve .accord-content li .ico.awards { background-position: 0 0 }
/*Awards & Achievements End*/

/*Vodafone Cares Start*/
.vfCares, .titleBox, .tblWrap, .tblarea, .tblarea .dataBox, .tblarea .dataBox .thum, .tblarea .dataBox .data, .vfCares .titleBox .tblLogo { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.vfCares { width: 100%; padding: 30px 0 0 0; float: left }
.vfCares .titleBox { float: left; width: 100%; position: relative }
.vfCares .titleBox h2 { color: #333; font-size: 2.4em; float: left; width: 55%; margin: 50px 10px }
.vfCares .titleBox .tblLogo { float: left; padding: 0 20px 0 0; position: relative; z-index: 1; width: 27.1% }
.tblWrap { float: left; position: relative; top: -45px; left: 85px }
.tblarea { border-left: 10px solid #eae9e9; float: left; width: 100%; padding: 0 0 20px 0; position: relative; }
.tblarea .vline { border-bottom: 10px solid #eae9e9; width: 100px; position: absolute; height: 50%; left: 0 }
.tblarea .dataBox { background: #f3f3f3; position: relative; left: 100px; padding: 15px; width: 510px; float: left }
.tblarea.lst { border: none }
.tblarea.lst .vline { border-bottom: 10px solid #eae9e9; border-left: 10px solid #eae9e9; }
.tblarea.lst .dataBox { left: 110px; }
.tblarea .dataBox h3 { font-family: "vodafone_rgregular"; font-size: 2em; margin: 0 0 15px 0 }
.tblarea .dataBox .thum { float: left; padding: 50px 15px 0 15px; width: 23%; }
.tblarea .dataBox .thum img { width: 100% }
.tblarea .dataBox .data { float: left; width: 75%; padding: 0 0 0 20px; border-left: 1px solid #d7d7d7; }
.tblarea .dataBox .data p { color: #666 }
.vfCares .titleBox .movline { display: none; background: #eae9e9; height: 25px; left: 65px; position: absolute; bottom: -5px; width: 10px; }
/*Vodafone Cares End*/

/*style for press releases - start*/
.subscriptionSearchWrap.pressSearch input { width: 390px }
.searchContainer .divBox { width: 154px; float: left; margin: 0 8px 0 0 }
.searchContainer .divBox:first-child { margin: 0 14px 0 0 }
a.alinkDrop { background: none repeat scroll 0 0 #fff; color: #000; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; padding: 12px 18px 14px 6px; position: relative; text-align: center; border: 1px solid transparent; height: 22px; }
a.alinkDrop span { background: url("/images/redDrop.jpg") no-repeat scroll 0 -10px; float: left; height: 10px; position: absolute; right: 4px; top: 16px; width: 12px; }
.advance-search a.alinkDrop { margin: 0 0 0 10px; width: 118px; position: relative }
.advance-search a.alinkDrop.active { background: #fff; border: 1px solid #ccc; border-bottom: 1px solid transparent; height: 22px; z-index: 10 }
.advance-search a.alinkDrop.active span { background-position: 0 3px }
.advance-search { float: left; position: relative; z-index:9; }
.advsearch-cont { background: #f2f2f2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(98%, #f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 98%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ); /* IE6-8 */
padding: 16px; border: 1px solid #ccc; float: left; clear: both; display: none; position: absolute; width: 450px; z-index: 9; left: -330px; top: 48px; }
.advselectBox { width: 112px; float: left; margin: 0 0 0 10px; }
.advance-search a.purpleBtn { margin: 10px 0 0 0; }
.advance-search a.normalBtn { margin: 10px 0 0 10px; }
.advance-search .row { float: left; width: 100%; }
.advsearch-cont .radioBtn .cheked, .advsearch-cont .radioBtn .uncheked { position: absolute; left: 0; top: 4px; }
.advsearch-cont .radioBtn > label { float: left; cursor: pointer; position: relative; margin: 0 16px 0 0; *padding-top:3px; vertical-align:bottom; }
.advsearch-cont .radioBtn input { left: 0; top: 4px; }
.advsearch-cont .radioBtn { padding: 6px 0; }
.feeds, .newsData { width: 100%; float: left; padding: 20px 0; }
.feeds .news { float: left; width: 100%; padding: 0 0 15px 0; border-top: 1px solid #d2d2d2; }
.feeds .news:first-child { border: none }
.feeds .news h3 { font-size: 2.4em; font-weight: normal; font-family: 'vodafone_rgbold'; margin: 12px 0; }
.feeds .news p.datePlace, .newsData p.datePlace { color: #666666; }
.imgRight { padding: 0 0 30px 20px; float: right; }
.pageWrap .backBtn { background: url(../images/backArrow.png) no-repeat; padding: 0 0 15px 15px; display: inline-block; }
/*style for press releases - end*/


/* css for network and distribution - start */
.contRow { float: left; width: 100%; position: relative; padding: 28px 0 20px 0 }
.partners .contRow{padding:0 0 25px}
.contRow .rowImg { position: absolute; top: 0; width: 184px; height: 184px }
.contRow.odd .rowImg { left: 0; }
.contRow.even .rowImg { right: 0; }
.contRow .rowInfo { float: left; background: #f0eff0; border-radius: 10px; box-shadow: -3px 3px 4px #ccc; width: 458px; }
.partners .contRow .rowInfo{width:473px}
.contRow.odd .rowInfo { margin: 0 0 0 100px; padding: 50px 40px 50px 100px }
.partners .contRow.odd .rowInfo{padding: 15px 25px 15px 100px}
.contRow.even .rowInfo { margin: 0 100px 0 0; padding: 50px 100px 50px 40px }
.partners .contRow.even .rowInfo{padding: 15px 100px 15px  25px}
.contRow .rowInfo h4 { font-size: 3em; font-family: 'vodafone_rgregular' }
.contRow .rowInfo p { font-size: 1.4em; font-family:arial; padding: 0 }
.contRow .rowInfo p.rowInfoHead{font-size:2em; font-family: 'vodafone_rgregular'; margin:0 0 20px 0}

/* css for network and distribution - end */


/*Careers at Vodafone Start*/
.careersVf .searchContainer .divBox { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.careersVf .searchContainer .divBox { width: 40%; margin: 0; padding: 0 20px 0 0 }
.careersVf .searchContainer .divBox > label { font-size: 1.4em; padding: 5px 0 10px; float: left }
.careersVf .feeds .resultBar { background: #faf7f7; padding: 5px }
.careersVf .feeds .resultBar p { padding: 0; color: #ec2222 }
.careersVf .feeds .news h3 { font-size: 2em; }
.careersVf .feeds .news h3 .place { font-size: 0.9em; color: #666; padding: 0 0 0 10px; display: inline-block }
.careersVf .feeds .news .placedate { color: #666; padding: 0 0 2px 0; }
/*Careers at Vodafone End*/

/*distributor.html Start*/
.distributor, .distributor .rows { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.distributor { width: 100%; float: left; border: 1px solid #e4e4e4; padding: 15px }
.distributor .rows { width: 100%; float: left; padding: 0 0 20px 0 }
.distributor .rows .cols { width: 50%; margin: 0; border: none; height: auto; padding: 0 18px 0 10px }
.distributor .inputFieldBox, .distributor .inputFieldBox input, .distributor .textarea { width: 100% }
.distributor .inputFieldBox { padding: 5px }
.distributor .btns { margin: 0; padding: 0 10px; }
/*distributor.html End*/

/*block sim Start*/
.block-sim-select{ width:205px;float:left; margin:10px 0 34px 0;}
.block-sim-content a.purpleBtn{clear:both;}
.block-sim-content .note-content{ width:200px; height:50px; border:1px solid #d4d4d4; float:left;}
.regLightbox.blocksim-pop{ width:300px; z-index:9999;}
.blocksim-pop h2{ margin-top:30px;}
.regLightbox.blocksim-pop .purpleBtn{ margin-right:10px;}
.visit-vodafone{ float:left; clear:both;}
.visit-vodafone h2{ font-size:2.4em;}
.block-sim-content{ float:left; width:100%; padding-bottom:35px; margin-bottom:35px; border-bottom:1px solid #cccccc;}
.visit-vodafone .info-content {float: left;margin-top:25px;position: relative;width: 100%;}
.visit-vodafone .info-content span.icon {background: url("..//images/sprite-new.png") no-repeat -160px -493px;float: left;height: 25px;left: 0;position: absolute;top: -10px;width: 38px;}
.visit-vodafone .info-content ul {box-sizing: border-box;clear: both;float: left;margin-bottom: 10px;padding-left: 52px;width: 100%;}
.visit-vodafone .info-content ul li {color: #666666;font-size: 1.3em;list-style: disc outside none;margin-bottom: 10px;}
/*block sim End*/


.otpForm{border:1px solid #c9c9c9; padding:22px 33px; float:left; width:550px; *width:540px; position:relative; border-radius:3px}
.otpForm.otpFormLg{width:620px}
.otpForm .inputFieldBox input{background: none repeat scroll 0 0; height: 32px; width: 100%; line-height:32px;}
.otpForm label{font-weight:bold; font-size:1.4em;  float:left; width:262px; line-height:44px}
.otpForm .inputFieldBox{width:240px; margin:0 48px 0 0; }
.otpForm .formRt{float:left; width:240px}
.otpForm .btnRt{padding-left:262px; float:left; clear:left; width:288px}
.otpForm .btnRt p{padding:10px 0 5px 0; float:left; font-size:1.2em; clear:left; width:100%}
.otpForm .purpleBtn, .otpForm .greyBtn{margin:15px 10px 0 0}

.otpFormRow{width:100%; padding-top:20px; float:left}
.otpFormRow:first-child{padding:0}
.formRt .rtVal{line-height:44px; float:left; padding:0}
.RHSsection .otpForm p.mandatoryTxt{ font-size: 1.2em; position: absolute; right: 10px; top: 10px;}
.otpForm .asterisk, .fullCont .formSection .frmRow > label .asterisk{color:#F00}
.captchaImg{padding:0 0 5px 0; float:left}

.pswdStrength{float:left; padding-left:15px}
.pswdStrength img{float:left;}
.pswdStrength span{float:left; font-size:1.2em; text-indent:7px; line-height:34px}

.regLightbox{padding:30px; position:absolute; left:0; top:0; width:412px; background:#fff; display:none; z-index:999;}
.regLightbox p{float:left; font-size:1.2em; line-height:21px; padding:15px 0 0 0}
.regLightbox h4{font-family: 'vodafone_rgregular'; font-size:2.4em}
.regLightbox .close{position:absolute; right:14px; top:14px; background: transparent url(../images/sprite-new.png) no-repeat -307px -6px; height:30px; width:32px; text-indent:-9999px}
.regLightbox .purpleBtn{margin:15px 0 0}
.regLightboxCont .info{float:left; padding:15px 0 0 30px; position:relative; clear:both;}
.regLightboxCont .info span{background: transparent url(../images/sprite-new.png) no-repeat -160px -492px; position:absolute; left:0; top:15px; width:24px; height:21px; }

/*Services start*/
.DNDBox {width:96%; padding:0 2% 2%; margin-bottom:2%; border-bottom:1px solid #d3d3d3; float:left;}
.DNDBox.fullDNDWrap {width:100%; padding:0 0 2%;}
.DNDBox .fullDND { padding:2%; background-color:#f8f7f7; width:96%; float:left;}
.DNDBox .fullDND p {font-size:0.8em; font-family:Arial, Helvetica, sans-serif; padding-top:10px;}
.leftLabel {font-family: 'vodafone_rgbold'; font-size:1.7em; color:#333333; float:left; width:78%; padding-top:12px;}
.rightChk {float:right; width:20%; padding-left:2%;}

.deviceWrap { clear:both; float:left; width:100%;}
.deviceWrap .cols {margin:0; padding:0 10px 0 0; border:none; width:30%;}
.ORdivider { float:left; width:5%; background: url(../images/tvorbg.gif) no-repeat 0 0; min-height:107px; padding:0 10px; position:relative;}
.ORdivider span { color: #fff; font-size: 1.4em; position: absolute; top: 43px;}
.SMSall p {padding-top:20px; line-height:1.7em;}

.voiceInternetWrap {width:100%; float:left; clear:both;}
.voiceInternetWrap li {width:96%; padding:1% 2%; float:left; background-color:#f8f7f7; margin-bottom:1px;}
.voiceInternetWrap li:nth-child(odd) { background-color:#eeeded;}
/*Services end*/

/*vodafone-offices*/
.vodafone-circle-sel{ float:left; width:100%; position:relative;}
.vodafone-circle-sel span.icon{ background:url(../images/circles.png) no-repeat; position:absolute; top:0; right:0; width:83px; height:77px; float:left;}
.vodafone-offices{ float:left; width:100%;}
.office{ float:left; width:50%;padding:0 20px;width:44%;}
.office:first-child{ padding-left:0px; border-right:1px solid #ccc;}
.office h2{ font-size:2.5em;}
.office span{ font-size:1.4em; background:url(../images/phonesprites.png) no-repeat; padding-left:24px;}
.office span.number1{ background-position:0 -23px;}

.commonaccordContainer{float:left; width:100%; margin:20px 0 0}
.commonaccordWrapper.gradient{background: #f2f2f2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(98%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 98%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */}
.commonaccordWrapper{box-sizing: border-box; float: left; padding: 12px 16px; width: 100%;  border: 1px solid #c9c9c9; border-radius: 4px; margin:12px 0 0 0}

.commonaccordHead{float:left; width:100%}
.commonaccordWrapper h3{width:100%; position:relative; font-size:2.5em;font-family: 'vodafone_rgregular';}
.RHSsection .commonaccordWrapper h3{margin:0; cursor:pointer}
.commonaccordWrapper h3 span.arrow {background: url("/images/sprite-new.png") no-repeat;background-position:-250px -340px; position:absolute;height: 10px; width: 15px; right:0; top:10px}
.commonaccordWrapper h3.active span.arrow{ background-position:-250px -304px}
.RHSsection .commonaccordWrapper .commonaccordContent{display:none; padding:15px 5px 10px 0px; box-sizing:border-box; *width:674px}
.RHSsection .commonaccordWrapper .commonaccordContent table td{ font-size:1.4em; padding:10px 10px 10px 0px; vertical-align:top;}
.commonaccordContent, .commonaccordContent .gridRow{float:left; width:100%; *width:664px}
.commonaccordContent .gridRow{background:#f5f5f5; margin:0 0 2px 0; padding:12px 5px 12px 10px; box-sizing:border-box}
.commonaccordContent .gridRow p{float:left; line-height:39px}
.commonaccordContent .gridRow .normalBtn{float:right; margin:0}

.vodafone-circle-sel{ padding:35px 0;}
.vodafone-circle-sel p{ float:left; font-size:2em;font-family: 'vodafone_rgregular';}
.vodafone-circle-sel .selectWrap{background:none;border:none;float:left;width:140px; height:auto;}
.vodafone-circle-sel .selectWrap select{ height: auto;}
.vodafone-circle-sel .selectWrap .selectedvalue{ background:url(../images/selectDrop.gif) no-repeat; background-position:center right; padding:0px; line-height:normal; height:auto;font-family: 'vodafone_rgbold'; font-size:2em; color:#000; padding-left:10px;}




/*end of vodafone offices*/



/*Faq css*/

.searchsection{ background:#dfdfdf;border-radius:3px;width:490px;padding:10px; float:left;box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.searchsection .inputarea{ float:left; width:351px;}
.searchsection .inputarea input, .searchsection .inputarea .inputFieldBox{ width:100%;}
.searchsection .inputarea input{ height:auto;}
.searchsection .inputarea .inputFieldBox{ background:#fff; border-top:1px solid #a8a8a8; padding:10px;}
.searchsection .purpleBtn{float:right;margin-top:0px;}
.category{float:left; width:100%; clear:both; padding-bottom:30px; border-bottom:1px solid #c9c9c9; margin-bottom:15px;}
.category .categorySection{width:100%;float:left; margin-top:25px;}
.category .categorySection .catlist{
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
border-radius:3px; border:1px solid #c9c9c9;box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor:pointer;float:left; width:490px; margin-bottom:4px; padding:8px;line-height:40px;}
.category .categorySection .catlist span.icon{background:url(../images/category-sprites.png) no-repeat;border-right:1px solid #e3e3e3;float:left;width:50px;height:38px;}
.category .categorySection .catlist span.text{color:#202020; float:left;font-family: 'vodafone_rgregular'; font-size:2em; margin-left:20px;}
.category .categorySection .catlist.newVodafone span.icon{ background-position:5px 0px;}
.category .categorySection .catlist.billandPayment span.icon{ background-position:5px -34px;}
.category .categorySection .catlist.rechargeBalance span.icon{ background-position:5px -79px;}
.category .categorySection .catlist.mobinternet span.icon{ background-position:5px -133px;}
.category .categorySection .catlist.roaming span.icon{ background-position:5px -175px;}
.category .categorySection .catlist.simRelated span.icon{ background-position:5px -213px;}
.category .categorySection .catlist.callerTunes span.icon{ background-position:5px -255px;}



.chooseQuestion{display:none;float:left; width:100%; clear:both;}
.chooseQuestion .chooseQuestionSection{width:100%;float:left; margin-top:25px;}
.chooseQuestion .chooseQuestionSection .questionList{
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
border-radius:3px; border:1px solid #c9c9c9;box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor:pointer;float:left; width:490px; margin-bottom:4px; padding:8px;line-height:30px;}

.chooseQuestion .chooseQuestionSection .questionList span.text{color:#202020; float:left;font-family: 'vodafone_rgregular'; font-size:1.6em; margin-left:20px;}

.chooseQuestion h3{ margin-top:30px; padding-top:30px; border-top:1px solid #ccc;}
.answerSection{ float:left; width:100%; padding-top:35px; margin-top:30px; border-top:1px solid #c5c5c5; display:none;}
.answerSection h4{ font-size:1.5em; font-family:Arial, Helvetica, sans-serif; margin-top:20px;}
.answerSection ul{ clear:both;} 
.answerSection ul li{ margin-left:15px; font-size:1.4em;list-style:disc; line-height:1.5em;}

.category a.normalBtn{float:right;line-height:normal;display:none;}
.category a.normalBtn:hover{color:#4a4d4e;}
a.normalBtn{ background:#ececec;padding: 10px 20px; border-radius:3px; text-align:center; font-size:1.3em; color:#4a4d4e;}


.category .categorySection .catlist.active{background: #6c6c6c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjNmM2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #6c6c6c 0%, #404040 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6c6c), color-stop(100%,#404040)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6c6c6c 0%,#404040 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6c6c6c 0%,#404040 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6c6c6c 0%,#404040 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6c6c6c 0%,#404040 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6c6c', endColorstr='#404040',GradientType=0 ); /* IE6-8 */
}
.category .categorySection .catlist.active span.text{ color:#fff;}
.category .categorySection .catlist.active.billandPayment span.icon{ /*background-position:5px -298px;*/}
.category .categorySection .catlist.active a.normalBtn{ display:block;}

.chooseQuestion .chooseQuestionSection .questionList.active{
	background: #6c6c6c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjNmM2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #6c6c6c 0%, #404040 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6c6c), color-stop(100%,#404040)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6c6c6c 0%,#404040 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6c6c6c 0%,#404040 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6c6c6c 0%,#404040 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6c6c6c 0%,#404040 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6c6c', endColorstr='#404040',GradientType=0 ); /* IE6-8 */}

.chooseQuestion .chooseQuestionSection .questionList.active span.text{ color:#fff; width:70%;}
.chooseQuestion .chooseQuestionSection .questionList.active a.normalBtn{ display:block;}


/*end of faq css*/

/*family friends*/
.familyServices{ border-bottom:1px solid #ccc; float:left; width:100%; clear:both; padding:15px 0px 10px;}
.familyServices .cols-full{ float:left; width:100%;}
.familyServices .cols-full .checkboxBtn{ width:100px; float:left; position:relative;}
.familyServices .cols-full .checkboxBtn input{ position:absolute; margin:0px; left:0px; top:0px;  width: 100%;}
.familyServices h2{ font-size:1.4em; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}
.familyServices h2 > span {top:5px;}
.familyServices p{font-size:1.4em; font-family:Arial, Helvetica, sans-serif;}
.familyServices .cols-70{ width:56%; float:left;}
.familyServices .cols-15{ width:22%; float:left; text-align:center;}
.familyServices .amt{ color:#323232;font-family: 'vodafone_rgregular';font-size:2.4em; text-align:center;}
.familyServices .amt span.smalltext{ font-size:0.6em;}
.familyServices .activeInactiveWrap{ float:none; display:inline-block;}
/*end of family friends*/
.content.partners.netDist{margin:40px 0 0 0}




/*help & Support*/
.freqAskques,.supportTopics{ float:left; clear:both; width:100%; margin-top:35px;}
.supportTopics{ padding-bottom:35px; border-bottom:1px solid #ccc;}

.supportTopics ul li{background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
border-radius:3px; border:1px solid #c9c9c9;box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor:pointer;float:left; width:164px; height:75px; margin-bottom:4px; margin-right: 10px;   padding:10px;}

.supportTopics ul li span{ float: left; margin-right:5px; width:49px; height:48px;  text-align:center;}
.supportTopics ul li.mobinter span.text, .supportTopics ul li.newvoda span.text,.supportTopics ul li.billingPay span.text,.supportTopics ul li.roaming span.text, .supportTopics ul li.simRelated span.text, .supportTopics ul li.myAccou span.text{margin-top: 27px;}

.supportTopics ul li span.icon{background:url(../images/faq-support-sprites.png) no-repeat;height:61px;width: 54px; float:left; margin-left:10px;}
.supportTopics ul li.newvoda span.icon{ background-position:0 0;}
.supportTopics ul li.billingPay span.icon{ background-position:0 -70px;}
.supportTopics ul li.prepaidRecharge span.icon{ background-position:0 -146px;}
.supportTopics ul li.mobinter span.icon{ background-position:0 -219px;}
.supportTopics ul li.roaming span.icon{background-position: 0 -294px;/*background-size: 70px auto;*/}
.supportTopics ul li.simRelated span.icon{background-position: 0 -356px;}
.supportTopics ul li.callerTune span.icon{background-position: 0 -515px;}
.supportTopics ul li.myAccou span.icon{background-position: 0 -605px;}
.supportTopics ul li.callerTune span.icon{background-position: 0 -510px;}
.supportTopics ul li.phndevice span.icon{background-position: 0 -435px;}
.supportTopics ul li.onlineAnywhere span.icon{background-position: 0 -683px; /*background-size:77px;*/}

.supportTopics ul li p { font-size:1.2em; font-weight:bold; padding-top:10px;}
.supportTopics ul li.prepaidRecharge span {width:35px;}


.myvodaApp{ float:left; clear:both; margin-top:35px; padding-bottom:35px; width:100%;}
.myvodaApp .appImage{ width:447px; float:left;}
.appBtns{ width:180px; float:right; padding-top:104px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.appBtns a.normalBtn{  border-right:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; float:left; margin-bottom:11px; width:180px;box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position:relative;  border-radius:1px;}
.appBtns a.normalBtn span.ios{ background:url(../images/btn-icons-sprite.png) no-repeat; background-position:0 0; width:30px; height:30px; position:absolute; top:5px; left:9px;}
.appBtns a.normalBtn span.android{ background:url(../images/btn-icons-sprite.png) no-repeat; background-position:0 -100px; width:30px; height:30px; position:absolute; top:5px; left:9px;}
.appBtns a.normalBtn span.sms{ background:url(../images/btn-icons-sprite.png) no-repeat; background-position:0 -213px; width:30px; height:30px; position:absolute; top:5px; left:9px;}

.freqAskquesContainer{border:1px solid #c9c9c9;float:left;width:100%;height:307px; position:relative; overflow:hidden;}
.freqAskquesContainer .questionHead{
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */	
border-right:1px solid #c9c9c9;border-top:1px solid #c9c9c9; width:260px; float:left; padding:19px 0 19px 14px; font-size:1.4em; clear:both; cursor:pointer; position:relative;}
.ansContentContainer{ position:relative; overflow-y:scroll;height:308px;float:left; width:100%;}
.ansContent{ display:none;position:absolute; top:0; right:0; float:right;  width:423px;}
.ansContentContainer p{ padding-top:15px; padding-left:10px;}
.ansContentContainer p a{ font-weight:bold; text-decoration:underline;}
.ansContentContainer ul li{ padding:10px; font-size:1.2em;}
.freqAskquesContainer .questionHead:first-child{ border-top:0px;}
.freqAskquesContainer .questionHead.active{background: #6c6c6c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjNmM2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #6c6c6c 0%, #404040 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6c6c), color-stop(100%,#404040)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6c6c6c 0%,#404040 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6c6c6c 0%,#404040 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6c6c6c 0%,#404040 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6c6c6c 0%,#404040 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6c6c', endColorstr='#404040',GradientType=0 ); /* IE6-8 */
color:#fff;
}
.freqAskquesContainer .questionHead span{ background:url(../images/btn-icons-sprite.png) no-repeat; background-position:0 -300px; width:6px; height:14px; position:absolute; right:-6px; float:left; top:50%; display:none; margin-top:-6px;}
.freqAskquesContainer .questionHead.active span{ display:block;}



.serviceReqContainer{ width:100%; clear:both; float:left; padding-bottom:30px;}
.serviceReqContainer .rows{ float:left; width:100%; clear:both; margin-bottom:15px;}
.serviceReqContainer .rows .cols{ margin:0; padding:0 65px 0 0px; float:left; width:45%; border:0px; height:auto;}
.serviceReqContainer .rows .cols .inputFieldBox{ width:100%;}
.serviceReqContainer .rows .cols .inputFieldBox.date input {padding: 6px 0;width:86%; float:left;}
.serviceReqContainer span.dobIcon {background: url("/images/sprite-new.png") no-repeat scroll -159px -302px rgba(0, 0, 0, 0); cursor: pointer;float: left;height: 28px;width: 28px;}
.serviceReqTable{ border-top:1px solid #ccc; width:100%;}

/*Discover Start*/

/*Roaming start*/
.innerBanner {width:100%; float:left; padding-bottom:20px;}
.innerBanner img {width:100%;}
.roamingBox {width:48%; float:left; padding:2%; margin-right:2%;}
.saveRoamingWrap {width:94%; padding:7% 3%; float:left;}
.saveRoamingWrap .leftImg {float:left; padding-right:20px;}
.borderBox {padding:15px 0; width:100%; float:left;}
.borderBox li {width:29%; float:left; text-align:center; padding:0 2%; border-left:1px solid #c9c9c9;}
.borderBox li p {padding:20px 0; min-height:50px;}
.borderBox li a {float:none; display:inline-block; margin:0 auto;}
.borderBox li:first-child { border:none;}
/*Roaming end*/

.prepaidStepsWrap {float:left; width:100%; padding:3% 0;}
.prepaidStepsWrap .leftSteps {float:left; width:22%; padding-right:3%;}
.prepaidStepsWrap .leftSteps img {width:100%;}
.prepaidStepsWrap .rightSteps {float:left; width:75%;}
.prepaidStepsWrap .rightSteps .stepsBoxWrap {margin-top:60px; float:left; width:100%;}
.prepaidStepsWrap .rightSteps h2 {font-family: 'vodafone_rgbold'; font-size:2.2em;}
.prepaidStepsWrap .rightSteps h2 span { color:#d70900;}
.prepaidStepsWrap .rightSteps .stepsbox {width:26%; height:135px; float:left; padding:2%; margin:0 1% 1% 0; border:1px solid #e3e3e3; text-align:center;}
.prepaidStepsWrap .rightSteps .stepsbox p {padding-bottom:5px;}
.prepaidStepsWrap .rightSteps p {font-size:1.2em;}
.prepaidStepsWrap .rightSteps p a {font-weight:bold; text-decoration:underline;}
ul.sampleLinks li {width:30%; float:left; padding:3% 3% 5% 0; list-style:inside disc; font-size:2em;}
ul.sampleLinks li a {font-size:0.7em;}

.savingOutputWrap {display:none;}
.savingOutputWrap .roamingGraphBox, .savingOutputWrap .roamingGraphBox img {width:100%;}
.savingOutputWrap .savingChargesLeft {float:left; width:60%; padding:0 5% 5% 0;}
.savingOutputWrap .savingChargesRight {float:right; width:35%; text-align:center;}
.savingOutputWrap .savingChargesLeft p {font-family: 'vodafone_rgregular'; font-size:1.7em; padding:20px 0;}
.savingOutputWrap .savingChargesLeft p span.chargeAmt {font-size:1.8em; float:right; margin-top:-10px;}
.savingOutputWrap .savingChargesLeft .totalSaving {padding:5px 15px; border:1px solid #d3d3d3; border-radius:5px;}
.savingOutputWrap .savingChargesLeft .totalSaving p {font-family: 'vodafone_rgbold';}
.savingOutputWrap .savingChargesLeft .totalSaving span {color:#ee1c25;}

.savingOutputWrap .savingChargesRight .buynowBox {border:1px solid #c77aca; border-radius:10px; background-color:#f2f2f2; padding:10px 15px; float:left;}
.savingOutputWrap .savingChargesRight .buynowBox p {font-weight:bold; padding-left:60px; color:#3f3f3f; position:relative;}
.savingOutputWrap .savingChargesRight .buynowBox p span.icon {background:url(../images/discover/roamingPack-sprite.png) no-repeat 0px -256px; width:40px; height:46px; position:absolute; left:0; top:0;}
.savingOutputWrap .savingChargesRight .buynowBox .buynowAmt {font-size:3em; color:#a024a4; padding:10px 0 0 0;}
.savingOutputWrap .savingChargesRight .buynowBox .btmLineBox {border-color:#c77aca;}
.savingOutputWrap .savingChargesRight .buynowBox .linkBox {width:107px; margin:0 auto;}
.savingOutputWrap .savingChargesRight .greyBtn { display:inline-block; float:none;}
/*Discover End*/


/*Popup*/
.rechargePopup{ width:552px; position:fixed; background:#fff; padding:10px; border-radius:5px; top:10%; left:50%; z-index:100; display:none;}
.rechargePopup.alertpopUp p{ font-size:1.8em; padding:20px 0;}
.popHeader{ float:left; width:100%; padding-bottom:10px; border-bottom:1px solid #000; position:relative;}
.popHeader h2{ font-family: 'vodafone_rgbold';font-size:3em; float:left; margin-top:24px;}
span.icon-full{ float:left; width:52px; height:57px; background:url(../images/popuptitleing.png) no-repeat;}
.popHeader .close, .thirdparty .close{ background: url("../images/sprite-new.png") no-repeat -307px -6px;height: 30px;position: absolute;right:0px;text-indent: -9999px;top:0px; width: 32px;}
.popBody{ float:left; clear:both; width:100%;}
.popBody table td{ font-size:1.4em; padding:10px 20px; border-bottom:1px solid #ccc; }
.popBody table td.last{ border:0px;}
.popupFoot{ float:left; width:100%; clear:both;}
.popHeader h2 span{ font-size:0.5em;font-family: 'vodafone_rgregular';}
a.purpleBtn.addTo{ font-size:1.3em;padding: 5px 30px 5px 12px; border-radius:3px; position:relative; float:right;}
a.purpleBtn.addTo span{ background: url("/images/shop-icons-sprite.png") no-repeat; background-position: -6px -107px; height: 16px; position: absolute; right: 8px;top: 7px;width: 18px;}
a.purpleBtn.addTo2{padding-right: 40px; position:relative; }
a.purpleBtn.addTo2 span{ background: url("/images/shop-icons-sprite.png") no-repeat -68px -109px; width: 21px; height: 17px; position: absolute; right:10px; top: 10px;}
ol {margin-left:12px;}
ol li {font-size:1.4em; margin-bottom:8px;}

.editfield{ width:60%;}

.thirdparty{ width:552px; position:fixed; background:#fff; padding:10px; border-radius:5px; top:10%; left:50%; z-index:100; display:none;}
.thirdparty .popupWrapper{position:relative;width:100%;box-sizing:border-box;padding:20px;}
.thirdparty .popupWrapper p{ font-size:1.8em;} 

.coverageMapWrap img{ width:100%;}
.commonTabs.domore h3{ font-size:1.8em;font-family: 'vodafone_rgbold'; margin:0 0 0 0;}
.commonTabs.domore h4{ font-size:1.6em;font-family: 'vodafone_rgbold'; margin:10px 0 10px 0;}
.commonTabs.domore .missionVisionList .row{ padding:3%;box-shadow: -3px 3px 4px #ccc;}
.commonTabs.domore .missionVisionList .content p{font-family: 'vodafone_rgregular'; color:#333333; font-size:1.6em; padding:10px 0; clear:both;}
ul.sublist{ float:left; margin-left:30px;}
ul.sublist li{ background:none; border:0px; list-style:disc; float:left; width:100%; height:auto; text-align:left; padding:0px; margin:0px; font-size:1.3em;}

.graphicContent.graphicContentGetConnection{ padding:5px 0;}
.graphicContent.graphicContentGetConnection ul li h3{ margin:0px;}


.bannerContainer .bannerContent {font-family: 'vodafone_rgregular'; color: #ffffff; float: left; margin: 90px 0 0 100px; width: 37%; text-align:left;}
.bannerContainer .img-container {float:right; margin:48px 100px 0 0; width: 30%;}
.bannerContainer .bannerContent h2 {font-size: 3.5em;}
.bannerContainer .bannerContent p {font-size: 1.8em;}
.bannerContainer img { width:100%; vertical-align:bottom; text-align:center;}

.connectionList{clear:both;float:left;width:100%; margin:68px 0;}
.connectionList ul li{ float:left; width:29%; text-align:center; padding:0 14px; border-left:1px solid #ccc;}
.connectionList ul li:first-child{ border:0px;}
.connectionList ul li h3{ color:#333333; font-size:2.2em;font-family: 'vodafone_rgregular'; margin-bottom:15px;}
.connectionList ul li p{ float:left; clear:both; min-height:70px;}
.connectionList ul li .img-content{ float:left; clear:both; width:100%;}



ul.sublist,ul.sublist li{ float:left;clear:both; border:0px; padding:0px; text-align:left; filter:none; list-style:disc;}
.fullWidthBottomSection{ background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(98%, #f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0 ); /* IE6-8 */
float:left; width:100%; clear:both; border:1px solid #c9c9c9; border-radius:3px; box-sizing: border-box; padding:25px; margin:30px 0;}
.fullWidthBottomSection .img-container{ float:left; width:136px;}
.fullWidthBottomSection .content{ float:left; width:454px; padding:0 25px;}

.rowDivision{ float:left; width:100%; clear:both;}
.rowDivision .span3:first-child, .rowDivision .span2:first-child{ border:0px;}
.rowDivision .span3{float:left; width:29%; text-align:center; padding:0 14px; border-left:1px solid #ccc;}
.rowDivision .span2{float:left; width:45.5%; text-align:center; padding:0 14px; border-left:1px solid #ccc;}
.stayConnected{ border-bottom:1px solid #ccc; padding:40px 0 20px 0;}
.vodaDongle{border:1px solid #ccc; padding:40px 0 20px 0;
background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(98%, #f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0 ); /* IE6-8 */}
.vodaDongle p{ text-align:left;}
.vodaDongle .img-container{ width:100%; float:left; text-align:center; padding:10px 0px;}
.stayConnected h2{ font-size:1.8em;font-family: 'vodafone_rgbold'; margin:10px 0;}
.vodaDongle .btnContainer{ float:left; width:100%; text-align:center;}
.vodaDongle .btnContainer .purpleBtn{ float:none; display:inline-block;}
.vodaDongle ul{ padding:15px 0px;}
.stayConnected .btnContainer{ float:left; width:100%;}
.stayConnected .btnContainer .purpleBtn{ float:none; display:inline-block;}
.stayConnected .btnContainer.martop20{ margin-top:20px;}
.fullWidthBottomSection h2{ font-size:1.8em;font-family: 'vodafone_rgbold';}

.dataPopup{ background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(98%, #f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 98%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0 ); /* IE6-8 */
width:100%;float:left; border:1px solid #c9c9c9; padding:16px; box-sizing:border-box; margin-top:10px; text-align:center;
-webkit-box-shadow: 5px 5px 0px 0px rgba(181, 181, 181, 0.75);
-moz-box-shadow:    5px 5px 0px 0px rgba(181, 181, 181, 0.75);
box-shadow:         5px 5px 0px 0px rgba(181, 181, 181, 0.75); position:relative;
}
.dataPopup span.closeBtn{ background:url(../images/sprite-new.png) no-repeat; background-position:-306px -6px; width:34px; height:30px; float:left; position:absolute; right:20px; cursor:pointer;}
.dataPopup p{ font-size:2em;}
.data-info-container{ width:415px; height:70px; display:inline-block;}
.data-info-container .data, .data-info-container .dataText{ float:left; width:50%;}
.dataPopup .purpleBtn{ float:none; display:inline-block;}
.data-info-container .data{ background:#00b5c6;color:#fff; font-size:4.9em;font-family: 'vodafone_rgbold'; padding:8px 0; position:relative;}
.data-info-container .data span.icon{ position:absolute; top:50%; width:20px; height:30px; background:url(../images/discover/calcsprite.png) no-repeat; background-position:-10px -353px; right:-11px; margin-top:-15px;}
.data-info-container .dataText{background:#efeeee; color:#333;font-family: 'vodafone_rgbold'; font-size:1.9em; padding:25px 0;}

.bucket-calc .inputFieldBox{ background:#00b5c6; border-radius:0px; width:32px !important; height:32px !important; border:0px; text-align:center;  padding:0px !important;}
.bucket-calc .inputFieldBox input{ text-align:center;color:#fff;font-size:2em; padding-top:5px;}
span.sliderText{ font-size:1.2em; padding-left:10px;}
p.noteNew{ font-size:1.4em; margin-top:35px; line-height:24px;}
.noteNew span.icon{ background:url(../images/sprite-new.png) no-repeat; float:left; width:24px; height:24px; background-position:-158px -493px; margin-right:10px;}
p.sendreceiveemails, p.browseWebsites, p.listenmusic, p.sendreceivePhotos, p.watchVideos, p.videoChat{ font-size:1.6em;}
.sendreceiveemails span.icon{background:url(../images/discover/calcsprite.png) no-repeat; background-position:0 0; float:left; width:48px; height:30px; margin-right:10px;}
.browseWebsites span.icon{background:url(../images/discover/calcsprite.png) no-repeat; background-position:0 -50px; float:left; width:48px; height:30px; margin-right:10px;}
.listenmusic span.icon{background:url(../images/discover/calcsprite.png) no-repeat; background-position:0 -101px; float:left; width:48px; height:30px; margin-right:10px;}
.sendreceivePhotos span.icon{background:url(../images/discover/calcsprite.png) no-repeat; background-position:0 -148px; float:left; width:48px; height:30px; margin-right:10px;}
.watchVideos span.icon{background:url(../images/discover/calcsprite.png) no-repeat; background-position:0 -208px; float:left; width:48px; height:35px; margin-right:10px;}
.videoChat span.icon{background:url(../images/discover/calcsprite.png) no-repeat; background-position:0 -275px; float:left; width:48px; height:45px; margin-right:10px;}

.commonTabs.roaming-calc li .slider-wrapper p{ font-size:1.6em; position:relative; padding:5px 0 10px 0px; width:80%;}

.incomingCalls span.icon, .outgoingCalls span.icon, .outgoingStdCalls span.icon, .travellingCalls span.icon, .mobileIntUsage span.icon {background:url(../images/discover/roamingPack-sprite.png) no-repeat; float:left; width:32px; height:40px; margin-right:10px;}
.incomingCalls span.icon{background-position:0 0px;}
.outgoingCalls span.icon{background-position:0 -41px;}
.outgoingStdCalls span.icon{background-position:0 -81px;}
.travellingCalls span.icon{background-position:0 -127px;}
.mobileIntUsage span.icon{background-position:-6px -212px;}

.roaming-calc{ float:left; clear:both; width:100%; box-sizing:border-box;}
.calcTabs{ float:left; width:100%; padding:30px 0 0 0; border-top:1px solid #c9c9c9;}
.calcTabs .radioBtn{width:100%; float:left;}
.calcTabs .radioBtn label{ position:relative; padding-left:30px; margin-right:20px; font-size:1.2em;}
.calcTabs .radioBtn label input, .calcTabs .radioBtn .cheked, .calcTabs .radioBtn .uncheked{ position:absolute; top:0px; left:0px;}

.currentplan{}

.noLHS h1 span {display:none;}
/*Shop start*/
.resetFilterBtn {padding:12px 50px 12px 12px; margin-bottom:20px; position:relative;}
.resetFilterBtn span {background: transparent url(../images/sprite-new.png) no-repeat -358px -87px; display:block; width:32px; height:32px; position:absolute; right:10px; top:5px;}
.filterLeft { border-right: 1px solid #cccccc; width: 210px; float: left; margin: 0 30px 15px 0; padding:0 15px 0 0; box-sizing:border-box;}
.filterLeft .box {border:1px solid #c2c2c2; float:left; width:90%; padding:4%; margin:0 2% 7% 0;}
.filterLeft .box h2 {font-family: 'vodafone_rgbold'; font-size:1.7em; position:relative; cursor:pointer;}
.filterLeft .box h2 span {background: transparent url(../images/sprite-new.png) no-repeat -251px -342px; float: left; height: 8px; position: absolute; right: 10px; top: 8px; width: 15px;}
.filterLeft .box h2.sel span {background-position: -251px -305px;}
.filterLeft .box .filterDetails { border-top:1px solid #c2c2c2; padding-top:20px; float:left; width:100%; display:none;}
.filterDetails div {font-size:1.2em;}
.filterDetails .Minrange, .filterDetails .Maxrange {font-weight:bold;}
.filterLeft .checkboxBtn P {font-size:1.1em; float:left; width:100%; min-height:30px; clear:both;}
.filterRight { width: 698px; float: right; padding: 0 0 15px;}
.bgBox {width:100%; float:left; background-color:#f0f0f0; border-radius:3px;}
.filterDrop {width:200px; float:right; padding:5px;}
.BonusCardWrap {padding-top:15px; width:100%; float:left; position:relative;}
.BonusCardWrap li {float:left; margin-left:2.3%; padding-bottom:25px;}
.BonusCardWrap li .linkBox, .packsCarousel .linkBox { margin:0 auto; width:90px;}
.BonusCardWrap li .linkBox a, .packsCarousel .linkBox a {padding:5px 30px 5px 10px; font-size:1.2em; position:relative;}
.packsCarousel .linkBox a{ border-top:0px !important;}
.BonusCardWrap li .linkBox a span, .packsCarousel .linkBox a span{width:0; height:0; border:4px solid; background-image:none; border-color:#fff transparent transparent transparent; display:block; position:absolute; right:10px; top:50%; margin:-1px 0 0 0;}
.cardBox {width:140px; border:1px solid #033; border-radius:10px; background-color:#FFF; padding:5px; text-align:center; margin-bottom:10px; position:relative;}
.cardBox p {padding:0px;}
.cardBox.orangeBrd, .cardBox.orangeBrd .btmLineBox {border-color:#f99d1e;}
.cardBox .cardTitle {font-size:1.3em; font-weight:bold; padding:5px 0 10px; text-align:left;}
.cardBox .cardTitle span {background:url(../images/shop-icons-sprite.png) no-repeat -175px -77px; height:30px; width:20px; float:left; margin:0 10px 0 5px;}
.cardBox .cardAmt {font-family: 'vodafone_rgbold'; font-size:2.5em; padding-top:10px;}
.cardBox.orangeBrd .cardAmt {color:#f99d1e;}
.centerLink {text-align:center; width:140px; margin:0 auto; clear:both;}

.cardBox .amountLayerWrap a {left: 8%; position: absolute; top: 25%; z-index: 999;}

.bonuscardPopUp {position:absolute; top:190px; left:-7px; width:190px; padding:8px; -moz-box-shadow: 3px 3px 3px 1px #ccc; -webkit-box-shadow: 3px 3px 3px 1px #ccc; box-shadow: 3px 3px 3px 1px #ccc; font-size:0.85em; display:none;/* z-index:2;*/}
.bonuscardPopUp span.arrow {background:url(../images/shop-icons-sprite.png) no-repeat -177px -57px; height:11px; width:18px; position:absolute; left:50%; top:-10px; margin-left:-9px; z-index:3;}

.addTocart {text-align:center;}
.addTocart img {width:27%; float:none; margin:5px 0;}
.shopCont .bonuscardPopUp .inputFieldBox input {width:150px;}
.shopCont .bonuscardPopUp .inputFieldBox {margin-bottom:5px;}
.insufficientBal .red {color:#FF0000;}
.insufficientBal p a { text-decoration:underline;}
.thankYouBox, .payBalance, .payBalance1, .insufficientBal {display:none;}

.offerTop {border:1px solid; border-radius:10px; width:99%; padding:1% 0 1% 1%; float:left;}
.offerBoxWrap {width:100%; float:left; padding-bottom:10px;}
.offerBoxWrap .offerTop {position:relative; background-color:#FFFFFF;}
.offerBoxWrap .offerTop .cardBox {margin:0; padding:20px 0; width:25%; float:left;}
.offerBoxWrap .offerTop .imgWrap {width:20%; text-align:center; float:left;}
.offerBoxWrap .offerTop .offerdetailsTXT {width:30%; text-align:center; float:left;}
.offerBoxWrap .offerTop .selectAmtWrap { width:22%; float:right; padding-top:20px;}
.offerBoxWrap .offerTop .imgWrap, .offerBoxWrap .offerTop .offerdetailsTXT {padding-top:35px;}
.offerBoxWrap .offerTop .selectAmtWrap .offerAmt {font-family: 'vodafone_rgbold'; font-size:4.5em; background-color:#ecebeb; border-radius:20px 0 0 20px; text-align:center; padding-left:5px;}
.offerBoxWrap .offerTop .selectAmtWrap .offerAmt span {font-size:0.7em; position:relative; top:-6px;}
.greenBrd .cardBox {background-color:#a1b923;}
.greenBrd .selectAmtWrap .offerAmt{color:#a1b923;}

.orangeBrd .cardBox {background-color:#f99d1e;}
.orangeBrd .selectAmtWrap .offerAmt{color:#f99d1e;}
.offerBoxWrap .offerTop .selectAmtWrap .linkBox { margin:0 auto; width:90px;}
.offerBoxWrap .offerTop .selectAmtWrap .linkBox a {padding:5px 30px 5px 10px; font-size:1.2em; position:relative;}
.offerBoxWrap .offerTop .selectAmtWrap .linkBox a span{width:0; height:0; border:4px solid; background-image:none; border-color:#fff transparent transparent transparent; display:block; position:absolute; right:10px; top:50%; margin:-1px 0 0 0;}
.offerBoxWrap .offerTop p {font-family: 'vodafone_rgregular'; font-size:2em;}
.offerBoxWrap .offerTop .cardBox p {color:#FFF;}
.offerBoxWrap .offerTop .cardBox p.details {font-family: 'vodafone_rgbold'; font-size:3em;}
.offerBoxWrap .offerTop p.head {float:left; padding:6% 0 0 3%; width:56.5%;}
.offerBoxWrap .offerTop .rightArrow { border-left:1px solid; margin:2% 0; padding:5% 0 3% 3%; float:right; width:3%; position:relative;}
.offerBoxWrap .offerTop .rightArrow span { background:transparent url(../images/sprite-new.png) no-repeat -250px -342px; float: left; height: 20px; width: 20px;}
.offerBoxWrap .offerTop .rightArrow.active span {background-position: -250px -305px;}
.offerBoxWrap .offerDetails {border:1px solid; border-radius:0 0 10px 10px; width:98%; height:auto; padding:5% 1% 1%; float:left; z-index:98; display:none;}
.offerBoxWrap .offerDetails.opened, .tabsInfo.opened{display:block!important;}
.offerBoxWrap .offerDetails .owl-carousel-offer {width:85%; margin:0 auto;}
.offerBoxWrap .offerDetails .owl-carousel-offer .cardBox {width:170px;}
.blueBrd .offerTop, .blueBrd .offerTop .rightArrow, .blueBrd .offerDetails, .blueBrd .cardBox { border-color:#91dde8;}
.blueBrd .offerDetails{ background-color:#e9f2f3;}
.blueBrd .offerDetails .cardAmt{color:#05b2cb;}

.greenBrd .offerTop, .greenBrd .offerTop .rightArrow, .greenBrd .offerDetails, .greenBrd .cardBox { border-color:#cbd695;}
.greenBrd .offerDetails{ background-color:#ebf2c9;}
.greenBrd .offerDetails .cardAmt{color:#a0b823;}

.orangeBrd .offerTop, .orangeBrd .offerTop .rightArrow, .orangeBrd .offerDetails, .orangeBrd .cardBox { border-color:#fcce8e;}
.orangeBrd .offerDetails{ background-color:#f9eedf;}
.orangeBrd .offerDetails .cardAmt{color:#f99d1e;}

.purpleBrd .offerTop, .purpleBrd .offerTop .rightArrow, .purpleBrd .offerDetails, .purpleBrd .cardBox { border-color:#e8b7ea;}
.purpleBrd .offerDetails{ background-color:#f5e8f6;}
.purpleBrd .offerDetails .cardAmt{color:#a031a4;}


/*Slider start*/
.roaming-calc li a {z-index:2;}
.roaming-calc .commonTabContent {border:1px solid #e5e5e5; margin-top:1px; padding:20px 30px; box-sizing:border-box;}
.roaming-calc .bucket-calc {margin-top:20px; border:1px solid #bababa; border-bottom:none;}
.roaming-calc .bucket-calc .slider-wrapper {border-bottom:1px solid #bababa; padding:20px 25px; height:80px;}
.ui-slider {background-color:#e8e8e8;}
.ui-slider-range {background-color:#00b5c6;}
.ui-slider-horizontal {height:0.5em;}
.ui-slider-handle {background:url(..//images/sprite-new.png) no-repeat 0 0 #fff; border-radius:50%; border:2px solid #5d6162; top:-0.9em; margin-left:-0.9em; width:1.7em; height:1.7em; cursor:pointer;}
.slider-wrapper p {width:85%; float:left;}
.slider-wrapper .inputFieldBox {width:15%; padding:0.5em;}
.slider-wrapper .inputFieldBox input {text-align:center; width:100%;}
.slider-panel {margin:25px auto 0 auto; width:98%;}
.slider-panel span {position:absolute; top:20px; right:0; font-size:1.5em;}
.slider-panel span:first-child {right:auto; left:0;}
.roaming-calc .MinMax span {position:absolute; top:8px; font-size:1.5em;}
.roaming-calc .MinMax span.minVal {position:absolute; left:10px;}
.roaming-calc .MinMax span.maxVal {position:absolute; right:10px;}
.roaming-calc .commonTabContent .radioBtn {padding-bottom:20px; float:left; clear:both;}
/*Slider end*/
			
/*Shop end*/



/*smartphones*/
.filterPhones{ width:178px; float:left; margin-right:15px;position:relative;}
.filterWrap { background: #fff; float: left; height: 40px; position: relative; width: 100%; border: 1px solid #c1c3c7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: -moz-linear-gradient(top, #ffffff, #f2f2f2); background: -o-linear-gradient(top, #ffffff, #f2f2f2); background: -ms-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(top, #ffffff, #f2f2f2); background-color: #ffffff; }
.filterWrap .filterValue { cursor:pointer; padding: 7px 0px 0px 10px; position: relative; width: 100%; *width: 92%;
font-size: 1.3em; color: #676767; overflow: hidden; height: 33px; background: url(../images/selectBg.png) no-repeat 95% 4px; line-height: 25px; }
.filterPhones ul.list{ display:none; border:1px solid #ccc;position:absolute; top:40px;width:100%;}
.filterPhones ul.list li{ border-bottom:1px solid #ccc; padding:5px; font-size:1.4em; box-sizing:border-box; background:#fff;}
.compareList,.compareListRow,.price, .compareList .viewdetails, .compareRow, .showmoreContainer{ float:left; width:100%; clear:both;}
.compareRow{ padding-bottom:10px; border-bottom:1px solid #ccc;}
.compareRow .greyBtn{ float:right; margin-top:0px;}
.compareList{ padding:40px 0px;  border-bottom:1px solid #ccc; margin:0 0 15px 0px;}
.compareList ul li h3{ margin-top:0px; margin-bottom:18px; font-size:2em;font-family: 'vodafone_rgregular';}
.compareList ul li{ padding:0 20px; width:27%; border-left:1px solid #ccc; float:left; text-align:center;}
.compareList ul li:first-child{ border-left:0px;}
.compareList .viewdetails .purpleBtn{ float:none; display:inline-block;}
.compareList .checkboxBtn{ float:none; display:inline-block; width:auto; padding-top:15px; position:relative;}
.compareList .checkboxBtn input{ margin:0px; width:100%; left:0px;position:absolute;}
.compareList .price{ font-size:2.5em; color:#e60000;font-family: 'vodafone_rgregular'; padding-top:24px;}
.bottomBanner{ background:url(../images/discover/bottombanner.jpg) no-repeat #f4f4f4; border:1px solid #e5e5e5; padding:25px; width:100%; box-sizing:border-box; float:left; clear:both; background-position:right bottom; height:210px; margin-top:20px;}
a.showMoreContent{ background: #eeeeee; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQyZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #d2d2d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%, #d2d2d2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d2d2d2', GradientType=0 ); /* IE6-8 */
color: #4a4d4e; font-size: 1.5em; padding: 10px 20px; border-radius: 5px; margin: 10px 5px 0; display:inline-block;}
.showmoreContainer{ text-align:center;}

.compareFilter{ background:#f4f4f4;border:1px solid #e5e5e5;padding:25px;float:left;width:100%;clear:both;box-sizing:border-box; margin-bottom:50px; padding:45px 25px 25px; position:relative;}
.compareFilter .phonesBox{ background:#fff; border:1px solid #c1c1c1; width:168px; height:168px; float:left; text-align:center; padding-top:10px; position:relative;}
.compareFilter .phonesBox .closeCompare{ background:url(../images/discover/closesprite.png) no-repeat; background-position:-3px 0; cursor:pointer; width:30px; height:30px; position:absolute;right:-12px;top:-12px;}
.compareFilter a.closeFilter{ font-family:Arial, Helvetica, sans-serif;font-size: 1.2em;font-weight:bold; position:absolute;top: 12px; right: 34px; display:block;}
.compareFilter a.closeFilter span{background:url(../images/discover/closesprite.png) no-repeat; background-position:-3px -40px; cursor:pointer;height: 15px;width: 20px;position:absolute;}
.compareFilter .phonesBox .image-container{ width:50px; display:inline-block; margin-top:10px;}
.compareFilter .phonesBox .image-container img{ width:100%;}
.compareFilter .phonesBox h3{ font-size:1.5em; margin-top:0px;font-family: 'vodafone_rgregular'}
.compareFilter .phonesBox h2{ font-size:2.4em;font-family: 'vodafone_rgregular'; padding:0px;}
.compareFilter .phonesBox.addcompare{ background:#f2f2f2;}
.compareFilter .plusSign{ height:168px; width:60px; line-height:168px; color:#FF0000; font-size:4em; float:left; text-align:center;}
.compareFilter .purpleBtn{ float:right;margin: 10px 15px 0;}
.comparPhonesTable{ float:left; clear:both; width:100%; padding-top:15px; border-top:1px solid #ccc;}
.comparPhonesTable h3{ margin-top:0px;}
.comparPhonesTable tr.headingStyle td{ width:25%; background:#ebebeb; padding:20px 20px 60px 20px;}
.comparPhonesTable tr.headingStyle td h2{ font-size:2.8em;}
.comparPhonesTable .info{ font-size:1.8em;font-family: 'vodafone_rgregular'; }
.contentRow{ width:100%; float:left; clear:both; margin:10px 0px; position:relative; clear:both;}
.comparPhonesTable td{ background:#f5f5f5; margin-bottom:20px; width:25%; padding:20px 0 40px 20px; font-size:1.4em;}
.comparPhonesTable td:first-child{ text-align:left;}
.comparPhonesTable td span.title{ font-size:1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:100%;}
.comparPhonesTable td span.price{ font-size:2em;font-family: 'vodafone_rgregular';color:#e60000; padding-left:8px;}
.comparPhonesTable td a.purpleBtn{ font-size:1.1em;}
.contentRow .pagelinks{ top:0px;}
.contentRow a.backtoPhones{ font-size:2.2em;font-family: 'vodafone_rgregular'; text-decoration:underline;}

/*End smartphones*/



.midBoxWrap{ width:100%; float:left; padding:20px 0; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; margin-bottom:34px}
.midBoxWrap .midBox{float:left; padding:18px 0 18px 20px; width:46%; border-left:1px solid #d9d9d9 }
.midBoxWrap .midBox:first-child{border:none; padding:18px 20px 0 0 }
.midBoxWrap .midBoxImg{ height:88px; display:table-cell; vertical-align:middle;}
.midBoxWrap .midBoxData{float:left; clear:left}
.midBox .midBoxData a, .midBox .midBoxData a.knowMore{margin:18px 0 0 0; float:left}
.carouselWrapper.roamingTips{padding:10px 0}
.roamingTips .carouselBucket .carouselItem{width:158px; padding:0 22px; text-align:center; height:150px; border-left:1px solid #cccccc;}
.RHSsection .roamingTips .carouselBucket .carouselItem p{padding:18px 0 0 0; line-height:18px }
.roamingTips .carouselBucket .owl-next{}
.roamingTips .carouselBucket .owl-prev{margin-left:-32px}
.RHSsection p.bottomLink{padding:10px 0 4px 0; float:left; width:100%; text-align:center; font-size:1em}
.roamingTips .owl-carousel .owl-item.active:first-child .carouselItem{border:none }

.borderBox.boxesData{padding:12px 20px}
.borderBox.boxesData img{float:left}
.boxesData .boxesDataRight{float:left; padding:0 0 0 30px; width:482px}
.boxesData .boxesDataRight ul{float:left; width:100%; padding:10px 0 0 16px; box-sizing:border-box; }
.boxesDataRight h4{padding:10px 0 0 0}
.boxesData .boxesDataRight ul li{float:left; font-size:1.4em; list-style:disc outside; padding:0 15px 0 0; border:none;  text-align:left; width:218px; line-height:20px}
.boxesDataRight a.knowMore{margin:20px 0 0 0; float:left; }
.topBoxes{width:84%; float:left; padding:10px 0 40px 0 }
.topBoxes .centerLink{float:left; width:98%; text-align:center; font-size:1em}
.topBoxes .centerLink .greyBtn{float:none; display:inline-block; }
.topBoxes > ul{float:left; width:100%;}

.topBoxes > ul > li{width:32%; float:left; margin:0 7px 7px 0; border-radius:3px; text-align:center; height:150px; }
.topBoxes > ul > li a{float:left; width:100%; padding:20px 0 10px 0; text-align:center; }
.topBoxes > ul > li img{  float: none;}
.topBoxes > ul > li.even{background:#e5f7f9}
.topBoxes > ul > li.odd{background:#ccf0f4}
.topBoxes > ul > li span.boxTitle{font-family:'vodafone_rgregular'; font-size:1.6em; float:left; width:100%; text-align:center; padding:10px 0 0 0;}
.boxImg{min-height:85px; display:block;}
.topBoxes .boxImg img{max-height:85px}

.billamountPop{ display:none; width:300px; padding:10px; box-sizing:border-box; width: 340px;  background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#dcdcdc)); background: -webkit-linear-gradient(top, #ffffff, #dcdcdc); background: -moz-linear-gradient(top, #ffffff, #dcdcdc); background: -o-linear-gradient(top, #ffffff, #dcdcdc); background: -ms-linear-gradient(top, #ffffff, #dcdcdc); background: linear-gradient(top, #ffffff, #dcdcdc); background-color: #dcdcdc; float:left; border:1px solid #c9c9c9; border-radius:3px; position:absolute; bottom:-114px; z-index:1; left:40px; }
.billamountPop p{ font-size:1.1em;}
.billamountPop .otpData{ width:100%; float:left;}
.rowFrm .billamountPop .inputFieldBox{ background:#fff; width:138px; float:left;}
.billamountPop a.greyBtn{ margin-right:0px; margin-top:0px;}
.billamountPop .otpData > a.resend{ color:#000;}
.billamountPop .otpData .inputFieldBox input{ width:100%; float:left; height:23px; line-height:23px;}
.billamountPop span.topArrow{ background:url(..//images/toparrow.png) no-repeat; display:block; width:17px; height:9px; position:absolute; left:20%; top:-9px;}
.postPaid .exOffers .offersBoxes .itemCont{ width:151px;}
.postPaid .exOffers .offersBoxes .amountBox{ width:138px; border:1px solid #ee2200;}
.postPaid .exOffers .offersBoxes .amountBox p.top{ border-top:0px; border-bottom:1px solid #ee2200;}
.RHSsection .postPaid .exOffers .amountBox p.bottom{color:#ee2200;}
.postPaid .exOffers .amountBox p.top span.redicon{background-position: 0 -246px;}
.postPaid .exOffers .offersBoxes .itemCont > a{margin: 10px 0 0 54px;}
.postPaid .otpBox{background: url(../images/shop/postpaid/otp_bg_red.jpg) no-repeat;}
.lhsBannercontent{ position:absolute; bottom:52px; text-align:center; width:100%; padding:15px; box-sizing:border-box;}
.lhsBannercontent h2{ color:#ffffff; font-family: 'vodafone_rgbold'; font-size:2em; margin-bottom:10px; }
.lhsBannercontent p{ color:#ffffff; font-family:'vodafone_rgregular'; font-size:1.2em; }
.customdrop,.customDropList{display:inline-block;}
.customdrop a.purpleBtn{display:inline-block; float:none; margin:0px; padding:8px 10px; width:122px;}
.customdrop{ position:absolute;margin-top: 10px;margin-left:14px; left: 24px;}
.customDropList{ background:#fff; border:1px solid #e3e3e3; display:none;width: 138px;text-align:left; box-sizing:border-box;}
.customDropList li{ font-size:1.2em; padding:8px; border-bottom:1px solid #e3e3e3;}
.customDropList li span{ background:url(../images/downloadappicons.png) no-repeat; float:left; width:25px; height:25px;}
.customDropList li span.appleStore{ background-position:0 0; }
.customDropList li span.blackberry{ background-position:0 -86px; }
.customDropList li span.googlePlay{background-position:0 -62px; }
.customDropList li span.windows{background-position:0 -28px; }
.customdrop a.purpleBtn span.custom-icon{background:url(../images/downloadappicons.png) no-repeat;background-position:-3px -111px;float:right; width:16px; height:16px;}
.amountBox > span.suggested {background-position:-133px -136px;}
.postPaid .rowFrm .OTPtooltip{right:-61px;}

.innerBanner  .carouselBucket,.innerBanner .carouselBucket .carouselItem{width:100%; margin:0}
.innerBanner .owl-controls{bottom:25px; float:none; top:auto; position:absolute; height:auto; width:100%; right:0; overflow:visible; margin:0}
.innerBanner .owl-dots{right:15px; position:absolute; z-index:2 }

/*style of forgot password - start*/
.headingT { font-family: "vodafone_rgregular"; font-size: 2em; padding: 0 10px 20px; float:left;}
.midContainer .headingArea h1 { padding:0 10px 5px }
.headingArea { float:left; width:84%;  padding:20px 0; position:relative; }
.headingArea img{position:absolute; right:0; top:0;}
.fullSection { box-sizing: border-box; float: left; padding: 0 0 35px 10px; width: 100%; }
.fullCont .formSection { border: 1px solid #cccccc; box-sizing: border-box; float: left; margin: 0; padding: 5px 14px 20px; width: 100%; }
.fullCont .formSection .frmRow { clear: left; float: left; padding: 24px 0 5px 0; width: 100%; }
.fullCont .inputArea { float:left; width:100%; }
.fullCont .inputArea label { display:block; padding-bottom:5px; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.fullCont .inputFieldBox input { background:none; height:32px; width:100%; line-height:32px\9; }
.fullCont .inputFieldBox { background:#fff; border:1px solid #dfdfdf; border-top:1px solid #a8a8a8; border-radius:3px; width:100%; -webkit-box-shadow: inset 0px 5px 5px -3px rgba(168, 168, 168, 1); -moz-box-shadow:inset 0px 5px 5px -3px rgba(168, 168, 168, 1); box-shadow:inset 0px 5px 5px -3px rgba(168, 168, 168, 1); padding:3px 10px; position:relative; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.fullCont .formSection .frmRow > label { float: left; font-size: 1.4em; font-weight: bold; padding: 10px 1% 10px 0; width:24%; }
.fullCont .formSection .frmRow .radioBtn label { font-size:1em; cursor:pointer; font-weight:normal; position:relative; padding:0 0 0 22px; line-height:18px; float:left;  }
.fullCont .formSection .frmRow .radioBtn .radioCont { float:left; width:30%; margin: 0 3% 0 0; }
.fullCont .formSection .frmRow .radioBtn .radioCont p { font-size:0.7em; color:#696969; line-height:18px; float:left; padding:5px 0 0 0; }
.fullCont .frmRtBox { float:left; width:230px }
.fullCont .frmRtBox.paddingTop{padding:15px 0 0 0;}
.fullCont .formSection .frmRtBox.pswd{width:460px;}
.fullCont .formSection .frmRtBox.pswd .inputFieldBox{width:50%; float:left;}
.fullCont .frmRtBoxFull { width:75%; float:left; padding:10px 0 0 0; }
.fullCont .radioBtn .cheked, .fullCont .radioBtn .uncheked { left:0; top:0; margin:0 5px 0 0; position:absolute;  }
.fullCont .radioBtn input { left:0; top:0; position:absolute; }
.btnLinks .purpleBtn{margin:30px 0 0 25%; }
.btnLinks .greyBtn{margin:30px 0 0 10px; display:none}
.fullCont .sQuestion .frmRtBox{width:536px}
.fullCont .sQuestion .frmRtBox  .inputFieldBox{width:60%; float:left;}
.fullCont .sQuestion .frmRtBox span{font-size:1.1em; float:left; padding:10px 0 0 10px}
.fullCont .sQuestion .frmRtBox p, .fullCont .resetLink .frmRtBox p {float: left; font-size: 1.4em; padding: 10px 0; width:100%; }
.fullCont .resetLink .frmRtBox{margin:0 0 0 25%; width:auto;}
.sQuestion, .resetLink{display:none;}
.infoPopup .popHeader{border:none;}
.infoPopup p{float: left; font-size: 1.4em; padding: 20px 0; width: 100%; text-align:center}
.frmRtBox .checkboxBtn{padding:14px 0 0 0;}
.frmRtBox .checkboxBtn label{cursor:pointer;}
.frmRtPara{float: left; font-size: 1.3em; line-height: 22px; padding: 10px 0 0;}
.passTop{float:left; width:100%; padding:15px 0}
.passTop h2{font-size:1.8em; float:left; padding:0 0 8px 0; width:100%; }
.passTop p{font-size:1.3em; line-height:18px; }
/*style of forgot password - end*/

p.norecords{ clear:both; color:#000; display:block;font-family:'vodafone_rgregular';  font-size:3em;}

.currentplan .commonaccordWrapper h3{ font-size:1.5em; font-family:Arial, Helvetica, sans-serif;}
.currentplan .commonaccordWrapper h3 span.arrow{top: 5px;}
.RHSsection .commonaccordContent .planTable tabel th, .RHSsection .commonaccordContent .planTable table td {padding:10px;} 
.commonaccordContent .tableWarp td.brownhead { background-color:#e6ceac;}
.commonaccordContent .tableWarp td.lightBrownOdd { background-color:#faf3e8;}
.commonaccordContent .tableWarp td.lightBrownEven { background-color:#f8f0e4;}
.commonaccordContent .tableWarp .planHeader {margin-bottom:2px; border:1px solid #c9c9c9;}
.commonaccordContent .tableWarp .planHeader .width-70-perc {width:70%;}
.commonaccordContent .tableWarp .planHeader .width-30-perc {width:30%;}
.commonaccordContent .tableWarp .planHeader p {font-family:'vodafone_rgregular'; font-size:1.5em; color:#666666; position:relative;}
.commonaccordContent .tableWarp .planHeader p span {font-size:1.5em; color:#333333; display:block;}