/***Reset Starts**/
/* remember to define focus styles! */
:focus {
	outline: 0;
}
:active {
	outline:none;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/***Reset Ends **/ 

body {
    margin:0;
    font:12px Tahoma, Arial, Helvetica, sans-serif;
    min-width:1000px;
    background:#fff;
    color:#333;
}
a {
    text-decoration:none;
    color:#844199;
}
a:hover{color:#666;}
form, fieldset {
    margin:0;
    padding:0;
    border-style:none;
}
img { border:none; }
input, select, textarea {
    font:12px Tahoma, Arial, Helvetica, sans-serif;
    color:#666;
/*    vertical-align:middle;
Sempa Fix edit profile*/
    vertical-align:top;
}
.wrap { overflow:hidden; }
* html .wrap {
    height:1%;
    overflow:visible;
}
/* wrapper */
#wrapper { width:100%; }
/* header */
#header {
    width:927px;
    margin:0 auto;
    padding:10px 0 8px 13px;
}
#header:after, 
#header .entry:after, 
.entry-cols:after, 
.quick-payment .tab-content:after, 
.entry-nav:after, 
.visual-tabs:after, 
.visual-entry:after, 
.contact-form .row:after, 
#twocolumn:after, 
.services .row:after,
.billing-entry:after,
.landing-cols:after,
.packages:after,
.internet-info .holder:after{
    display:block;
    clear:both;
    content:"";
}
.logo {
    float:left;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../images/viva-en/bg-logo.jpg) no-repeat;
    width:143px;
    height:73px;
    margin:0;
}
.logo a {
    display:block;
    height:100%;
}
#header .area {
    float:right;
    width:750px;
}
#header .entry { width:100%; }
.user-area {
    float:right;
    margin:0 -11px 0 14px;
    padding:0;
    list-style:none;
    font-weight:bold;
}
.user-area li {
    float:left;
    padding:0 11px 0 13px;
    background:url(../images/viva-en/sep-grey.gif) no-repeat 0 50%;
}
.user-area li:first-child { background:none; }
.user-area a {
    background:url(../images/viva-en/arrow-purple-down.gif) no-repeat 100% 50%;
    padding:0 11px 0 0;
}
.entry-message {
    float:right;
    margin:0;
}
.entry-message strong { margin:0 5px 0 0; }
.search {
    float:right;
    margin:24px 0 0 16px;
    border:1px solid #e5e5e5;
    padding:0 9px 0 4px;
    width:219px;
    height:23px;
}
.search label {
    float:left;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../images/viva-en/ico-search.gif) no-repeat;
    width:11px;
    height:11px;
    margin:6px 0 0;
}
.search .text {
    float:left;
    width:150px;
    padding:4px 5px;
    background:none;
    border:none;
    margin:0;
}
.search .submit {
    float:right;
    overflow:hidden;
    margin:0 0 0 -10px;
    padding:0;
    background:none;
    border:none;
    color:#666;
    font:bold 12px/23px Tahoma, Arial, Helvetica, sans-serif;
    height:23px;
    cursor:pointer;
}
.search .submit:hover{color:#844099;}
.nav {
    float:right;
    overflow:hidden;
    margin:30px 0 0;
    padding:0;
    list-style:none;
    font-size:11px;
}
.nav li {
    float:left;
    margin:0 1px 0 -1px;
    padding:0 6px 0 8px;
    background:url(../images/viva-en/sep-dark-grey.gif) no-repeat 0 50%;
}
.nav a { color:#666; }
.nav a:hover{
	text-decoration:none;
	color:#844099;
}
.nav li.active a{color:#000;}
.arabic {
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../images/viva-en/ico-arabic.gif) no-repeat;
    width:36px;
    height:11px;
    margin:1px 0 0;
}
/* main styles */
#main {
    width:940px;
    margin:0 auto;
    padding:0 0 24px;
}
/* entry nav */
.entry-nav {
    width:100%;
    background:url(../images/viva-en/bg-entry-nav.gif) no-repeat;
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    z-index:1;
}
.entry-nav li {
    float:left;
    background:url(../images/viva-en/sep-entry-nav.png) no-repeat;
}
.entry-nav a {
    float:left;
    height:31px;
    font:bold 16px/18px Arial, Helvetica, sans-serif;
    color:#fff;
    padding:14px 22px 0;
    text-transform:uppercase;
    position:relative;
    z-index:2;
}
.entry-nav a:hover{text-decoration:underline;}
.entry-nav .self-care a{
	width:96px;
	padding:14px 18px 0 22px;
}
.entry-nav .active.self-care a,
.entry-nav .self-care:hover a{
    background:url(../images/viva-en/btn.png) no-repeat 0 -449px;
    width:389px;
	margin:-5px -153px 0 -144px;
    position:relative;
	padding:19px 26px 0 18px;
    height:29px;
    z-index:1;
    text-align:center;
	outline:none;
}
.entry-nav .self-care:hover a{
	background:url(../images/viva-en/btn.png) no-repeat 0 -449px;
}
.entry-nav .personal a{width:98px;}
.entry-nav .active.personal a{
    background:url(../images/viva-en/btn.png) no-repeat 0 -497px;
    width:280px;
    margin:-5px -161px 0 0;
    position:relative;
    padding:19px 0 0 23px;
    height:29px;
    z-index:1;
	outline:none;
}
.entry-nav .personal:hover a{
	background:url(../images/viva-en/btn.png) no-repeat 0 -497px;
}
.entry-nav .business a{width:88px;}
.entry-nav .active.business a,
.entry-nav .business:hover a{
	background:url(../images/viva-en/btn.png) no-repeat -12px -545px;
	width:389px;
	margin:-5px -155px 0 -135px;
	position:relative;
	padding:19px 26px 0 7px;
	height:29px;
	z-index:1;
	text-align:center;
	color:#735000;
	outline:none;
}
.entry-nav .business:hover a{
	background:url(../images/viva-en/btn.png) no-repeat -12px -545px;
}
.entry-nav ul {
    margin:0;
	padding:0;
    list-style:none;
    position:absolute;
    top:43px;
    left:0;
	width:940px;
	display:none;
}
.entry-nav li.active ul,
.entry-nav li:hover ul{display:block;}
.entry-nav li:hover ul{z-index:2;}
.entry-nav li:hover{z-index:3;}
.entry-nav .self-care ul { background:url(../images/viva-en/bg-self-care-drop.gif) no-repeat; }
.entry-nav .self-care ul li { background:url(../images/viva-en/sep-pink.gif) no-repeat 0 50%; }
.entry-nav .personal ul { background:url(../images/viva-en/bg-personal-drop.gif) no-repeat; }
.entry-nav .personal ul li { background:url(../images/viva-en/sep-purple.gif) no-repeat 0 50%; }
.entry-nav .personal ul a { color:#f5dcfd; }
.entry-nav .business ul{background:url(../images/viva-en/bg-business-drop.gif) no-repeat;}
.entry-nav .business ul li{background:url(../images/viva-en/sep-yellow.gif) no-repeat 0 50%;}
.entry-nav .business ul a{color:#735000;}
.entry-nav .self-care ul a:hover,
.entry-nav .self-care ul li.active a{background:url(../images/viva-en/bg-self-care-drop-active.gif) no-repeat 50% 0 !important;}
.entry-nav .personal ul li.active a,
.entry-nav .personal ul a:hover{background:url(../images/viva-en/bg-personal-drop-active.gif) no-repeat 50% 0 !important;}
.entry-nav .business ul li.active a,
.entry-nav .business ul a:hover{background:url(../images/viva-en/bg-business-drop-active.gif) no-repeat 50% 0 !important;}
.entry-nav ul a {
    float:left;
    font:bold 12px Arial, Helvetica, sans-serif !important;
	padding:17px 13px 0 !important;
    height:33px !important;
    width:auto !important;
    margin:0 !important;
    background:none !important;
}
.entry-nav ul li.active a,
.entry-nav ul a:hover{
    margin:0 0 -7px !important;
    position:relative;
    height:40px !important;
    text-decoration:none !important;
	outline:none;
}
.entry-nav ul li.active a{padding:17px 23px 0 !important;}
.entry-nav ul li:first-child { background:none; }
/* visual */
.visual { width:100%; }
.visual .holder {
    position:relative;
    width:100%;
    height:379px;
    overflow:hidden;
}
.visual .slideset {
    /**width:1880px;**/
    overflow: hidden;
    margin:0;
    padding:0;
    list-style:none;
}
.visual .slideset li {
    float:left;
    width:940px;
    position: relative;
}
.visual .holder img { display:block; }
.visual .box {
    position:absolute;
    left:40px;
    top:60px;
    width:500px;
}
.visual h2 {
    margin:0;
    color:#4c4949;
    font:30px/30px Tahoma, Arial, Helvetica, sans-serif;
}
.visual p {
    margin:2px 0 0;
    font-size:16px;
}
.half-price {
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    margin:0;
    background:url(../images/viva-en/txt.png) no-repeat 0 -19px;
    height:45px;
    width:476px;
}
.visual .more {
    float:left;
    margin:13px 0 0;
    padding:0 13px 0 0;
    font-size:16px;
    background-position:100% 8px;
}
.visual-tabs {
    width:100%;
    margin:-60px 0 0;
    position:relative;
    padding:0;
    list-style:none;
}
.visual-tabs li {
    float:left;
    background:url(../images/viva-en/sep-visual-tabs.gif) no-repeat 100% 0;
    padding:0 1px 0 0;
}
.visual-tabs a {
    display:block;
    position:relative;
    cursor:pointer;
    background:url(../images/viva-en/bg-visual-tab.gif) repeat-x;
    color:#333;
    font:bold 13px/14px Tahoma, Arial, Helvetica, sans-serif;
	outline:none;
}
.visual-tabs a span {
    display:block;
    width:120px;
    padding:13px 94px 0 20px;
    height:47px;
}
.visual-tabs a img {
    position:absolute;
    top:-33px;
}
.visual-tabs .first img { left:127px; }
.visual-tabs .second img { left:123px; }
.visual-tabs .third img { left:153px; }
.visual-tabs .last img {
    left:140px;
    top:-40px !important;
}
.visual-tabs .last,
.visual-tabs .first{
    background:none;
    padding:0;
}
.visual-tabs .first a { font:bold 14px/14px Tahoma, Arial, Helvetica, sans-serif; }
.visual-tabs .last a span,
.visual-tabs .first a span{width:121px;}
.visual-tabs .first a { background:url(../images/viva-en/bg-visual-tab.gif) no-repeat 0 -60px; }
.visual-tabs .last a { background:url(../images/viva-en/bg-visual-tab.gif) no-repeat 100% -120px; }
.visual-tabs a.active {
    background:url(../images/viva-en/bg-visual-tab.gif) no-repeat 0 -240px;
    color:#844199;
}
.visual-tabs a.active span { background:url(../images/viva-en/bg-visual-tab.gif) no-repeat 100% -300px; }
.visual-tabs .first a.active {
    background:url(../images/viva-en/bg-visual-tab.gif) no-repeat 0 -180px;
    color:#844199;
    z-index:1;
}
.visual-tabs .last a.active span { background:url(../images/viva-en/bg-visual-tab.gif) no-repeat 100% -360px; }
/* entry cols news */
.entry-cols {
    width:100%;
    padding:30px 0 0;
}
.entry-cols .col-1 {
    float:left;
    width:460px;
    margin:0 30px 0 0;
}
.entry-slideshow {
    width:468px;
    position:relative;
    background:url(../images/viva-en/bg-entry-slideshow.jpg) no-repeat 0 15px;
    margin:-15px -8px 0 0;
}
.entry-slideshow .holder {
    overflow:hidden;
    height:241px;
    position:relative;
    width:460px;
}
.entry-slideshow .slideset {
    width:99999px;
    overflow: hidden;
    margin:0;
    padding:0;
    list-style:none;
}
.entry-slideshow .slideset li {
    float:left;
    width:434px;
    padding:0 26px 0 0;
}
.entry-slideshow img { float:left; }
.my-viva {
    position:absolute;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../images/viva-en/bg-my-viva.png) no-repeat;
    width:116px;
    height:109px;
    top:8px;
    right:0;
}
.entry-slideshow .col {
    float:right;
    width:252px;
    border-bottom:1px solid #be7dc4;
    padding:38px 0 9px;
}
.entry-slideshow h2 {
    color:#fff;
    font:bold 22px/23px Arial, Helvetica, sans-serif !important;
    padding:0 !important;
}
.entry-slideshow h2 span { display:block; }
.entry-slideshow p {
    font:16px/16px Tahoma, Arial, Helvetica, sans-serif;
    color:#e2c5e4;
    margin:12px 0 0;
}
.entry-slideshow .more {
    float:left;
    background:url(../images/viva-en/arrow-white-down.gif) no-repeat 100% 7px;
    padding:0 12px 0 0;
    margin:10px 0 0;
    color:#fff;
    font:bold 16px Tahoma, Arial, Helvetica, sans-serif;
}
.entry-slideshow .switcher {
    position:absolute;
    right:34px;
    bottom:20px;
}
.entry-slideshow .switcher ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.entry-slideshow .switcher li {
    float:left;
    padding:0 0 0 7px;
}
.entry-slideshow .switcher a {
    display:block;
    overflow:hidden;
    width:8px;
    height:8px;
    background:url(../images/viva-en/btn.png) no-repeat 0 -100px;
    text-indent:-9999px;
}
.entry-slideshow .switcher a:hover,
.entry-slideshow .switcher li.active a{
    margin:-4px -4px -5px -5px;
    width:17px;
    height:17px;
    background-position:-9px -100px;
}
.entry-cols .col-2 {
    float:left;
    width:200px;
    padding:0 0 68px;
    position:relative;
}
.entry-cols .col-2 .alignright {
    position:absolute;
    bottom:-8px;
    right:-48px;
}
.entry-cols h2 {
    font-size:16px;
    margin:0;
    padding:5px 0 0;
}
.bullet-list {
    margin:0;
    padding:10px 0 0;
    list-style:none;
    font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
}
.bullet-list li {
    margin:8px 0 0;
    background:url(../images/viva-en/arrow-purple-down.gif) no-repeat 0 5px;
    padding:0 0 0 14px;
}
.bullet-list a { color:#666; }
.entry-cols .col-3 {
    float:right;
    width:240px;
}
.quick-payment {
    margin:-18px 0 0 -40px;
    padding:18px 0 0 59px;
    width:221px;
    background:url(../images/viva-en/bg-quick-payments.png) no-repeat;
}
.quick-payment .tabs {
    width:100%;
    overflow:hidden;
    margin:4px 0 -8px -8px;
    position:relative;
    z-index:1;
    padding:0;
    list-style:none;
    font-weight:bold;
}
.quick-payment .tabs li { float:left; }
.quick-payment .tabs a {
    float:left;
    height:23px;
    padding:16px 8px 0;
    color:#666;
}
.quick-payment .tabs a.active {
    background:url(../images/viva-en/bg-quick-payment-tab.gif) no-repeat 100% 0;
    padding:14px 40px 0 8px;
    height:25px;
    color:#844099;
    font:bold 15px Tahoma, Arial, Helvetica, sans-serif;
}
.quick-payment .tab-content {
    background:url(../images/viva-en/bg-quick-payment-tabs.png) no-repeat;
    margin:0 -9px 0 0;
    position:relative;
    width:210px;
    padding:31px 20px 0 0;
    min-height:118px;
}
.optionsDivVisible .select-center ul{
	height:160px !important;
	overflow-y:scroll;
}
.pay-bill { width:100%; }
.pay-bill .alignright {
    position:relative;
    margin:17px -19px 0 0;
    float:right;
}
.pay-bill .col {
    float:left;
    width:150px;
}
.pay-bill .text {
    margin:0;
    background:#fff;
    border:1px solid #e5e5e5;
    padding:4px 9px;
    width:130px;
}
.pay-bill select {
    margin:10px 0 0;
    color:#666;
    width:150px;
}
.pay-bill .selectArea { margin:10px 0 0; }
.pay-bill .submit {
    display:block;
    overflow:hidden;
    text-align:center;
    background:url(../images/viva-en/btn.png) no-repeat -73px -73px;
    cursor:pointer;
    border:none;
    position:relative;
    z-index:2;
    margin:20px 0 0;
    width:80px;
    height:27px;
    font:bold 15px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}
.pay-bill .submit:hover{color:#666;}
/* latest news */
.latest-news {
    height:1%;
    overflow:hidden;
    background:url(../images/viva-en/bg-latest-news.gif) no-repeat left;
    margin:10px 0 0;
    padding:16px 17px 0 0px;
}
.latest-news h3 {
    float:left;
    font-size:16px;
    margin:0 18px 0 0;
}
.latest-news .holder {
    float:left;
    background:url(../images/viva-en/sep-grey.gif) no-repeat left;
    padding:3px 0 1px 24px;
	width:680px;
}
.latest-news .holder li{
	list-style:none;
}
.latest-news .holder ul{
	margin:0;
	padding:0;
}
.latest-news .date {
    font:11px Tahoma, Arial, Helvetica, sans-serif;
    color:#666;
    margin:0 5px 0 0;
}
.latest-news h4 {
    display:inline;
    font:13px Tahoma, Arial, Helvetica, sans-serif;
}
.latest-news h4 a { color:#333; }
.more {
	font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
    background:url(../images/viva-en/arrow-purple-down.gif) no-repeat 100% 50%;
    padding:0 17px 0 0;
}
.latest-news .holder .more {
    float:left;
    margin:2px 0 0;
}
/* popup styles */
.popup {
    position:absolute;
    top: -99999px;
    left: -99999px;
    width:471px;
}
.popup.wide{width:591px;}
.popup.wide .t{background-position:-1413px 0;}
.popup.wide .c{background-position:-2004px 0;}
.popup.wide .b{background-position:-2595px 0;}
.popup .t {
    background:url(../images/viva-en/bg-popup.png) no-repeat;
    height:18px;
    overflow:hidden;
}
.popup .c {
    background:url(../images/viva-en/bg-popup.png) repeat-y -471px 0;
    height:1%;
    overflow:hidden;
    padding:10px 28px 0;
    position:relative;
}
.popup .b {
    background:url(../images/viva-en/bg-popup.png) no-repeat -942px 0;
    height:19px;
    overflow:hidden;
}
.btn-close-popup {
    position:absolute;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../images/viva-en/btn.png) no-repeat 0 -48px;
    width:25px;
    height:25px;
    right:20px;
    top:0;
}
.login {
    width:100%;
    padding:0 0 17px;
    border-bottom:1px solid #cdcdcd;
}
.popup h3{
    margin:0;
    overflow:hidden;
    text-indent:-9999px;
	height:19px;
}
.popup h4{
	margin:21px 0 0;
	font-size:16px;
	color:#666;
}
.login h3{
    background:url(../images/viva-en/txt.png) no-repeat;
    width:72px;
}
.email-friend h3{
	background:url(../images/viva-en/txt.png) no-repeat 0 -317px;
	width:204px;
}
.forgot-pin{padding-bottom:114px !important;}
.forgot-pin h3{
	background:url(../images/viva-en/txt.png) no-repeat 0 -586px;
	width:156px;
}
.login .holder { padding:4px 0 0; }
.popup p{margin:15px 0 0;}
.popup p img{
	vertical-align:middle;
	padding:0 0 1px;
}
.popup .row{
    width:100%;
    overflow:hidden;
    padding:18px 0 0;
}
.popup.wide .row{
	height:1%;
	padding:21px 34px 0 0;
	width:auto;
}
.popup.wide .row label{
	margin:0 6px 0 0;
	width:220px;
	font-weight:normal;
}
.popup .row label{
    float:left;
    margin:5px 6px 0 0;
    width:110px;
    font-weight:bold;
}
.popup .row label span{
	display:block;
	color:#666;
	font:11px/12px Tahoma, Arial, Helvetica, sans-serif;
}
.popup .text,
.popup textarea{
    float:left;
    padding:3px 5px;
    border:1px solid #e5e5e5;
    background:none;
    width:182px;
    margin:0 11px 0 0;
}
.popup textarea{
	overflow:auto;
	width:182px;
	max-width:182px;
	height:62px;
}
.popup.wide textarea{
	width:249px;
	max-width:249px;
	float:right;
	margin:0;
}
.popup .required{
	float:right;
	margin:4px 0 0;
}
.popup.wide .text{
	padding:4px 5px;
	width:249px;
	margin:0 0 0 5px;
	float:right;
}
.popup.wide form{
	background:url(../images/viva-en/bg-not-registered.jpg) no-repeat 100% 100%;
	padding:0 18px 76px 0;
	margin:0 -18px -9px 0;
	position:relative;
}
.popup .forgot{
    float:left;
    font-size:11px;
    margin:5px 0 0;
}
.popup .submit,
.popup .cancel{
	float:left;
    overflow:hidden;
    text-align:center;
    /**background:url(../images/viva-en/btn.png) no-repeat 0 -73px;**/
	background:url(../images/viva-en/button-4.png) no-repeat;
    cursor:pointer;
    border:none;
    width:100px;
    height:27px;
	font:bold 15px/27px Tahoma, Arial, Helvetica, sans-serif;
	padding:0 15px 1px 0;
    color:#844099;
}
.popup .submit{margin:14px 10px 0 116px;}
.popup .cancel{
	margin:15px 0 0;
	padding:0 0 0 11px;
	text-align:left;
	width:69px;
	background-position:-73px -73px;
}
.popup .submit:hover,
.popup .cancel:hover{color:#666;}
.popup.wide .submit{
	margin:15px 10px 0 239px;
	background-position:-73px -73px;
	width:80px;
}
.remember {
    width:100%;
    overflow:hidden;
    padding:12px 0 0;
}
.remember input {
    float:left;
    width:15px;
    height:14px;
    padding:0;
    margin:0 10px 0 0;
}
.remember label {
    display:block;
    height:1%;
    overflow:hidden;
    color:#666;
}
.not-registered {
    padding:13px 0 66px 6px;
    background:url(../images/viva-en/bg-not-registered.jpg) no-repeat 0 100%;
    margin:0 -18px 0 -6px;
    position:relative;
}
.not-registered h3 {
    margin:0;
    font:bold 16px/18px Tahoma, Arial, Helvetica, sans-serif;
    color:#666;
	text-indent:0;
	height:auto;
}
.not-registered h3 span { display:block; }
/* contact us styles */
.visual-entry {
    background:url(../images/viva-en/bg-visual-entry.jpg) no-repeat 0 100%;
    height:241px;
    position:relative;
}
.alt-visual { background:url(../images/viva-en/bg-visual-entry-alt.jpg) no-repeat 0 100% !important; }
.alter-visual{background:url(../images/viva-en/bg-visual-entry-alter.jpg) no-repeat 0 100% !important;}
.visual-entry .col {
    float:left;
    width:600px;
}
.visual-entry img {
    position:absolute;
    bottom:0;
    right:0;
    z-index:2;
}
.visual-entry h1,
.visual-entry h2{
    margin:172px 0 0;
    overflow:hidden;
    text-indent:-9999px;
}
.visual-entry .contact-us {
    height:38px;
    background:url(../images/viva-en/txt.png) no-repeat 0 -64px;
    width:318px;
}
.visual-entry .personal {
    height:38px;
    background:url(../images/viva-en/txt.png) no-repeat 0 -102px;
    width:262px;
    margin:176px 0 0;
}
.visual-entry .personal-small{
	height:16px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -266px;
	width:113px;
	margin:121px 0 0;
}
.visual-entry .mobiletv{
	height:34px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -283px;
	width:213px;
	margin:5px 0 0;
}
.visual-entry .self-care {
    height:17px;
    background:url(../images/viva-en/txt.png) no-repeat 0 -177px;
    width:116px;
    margin:119px 0 0;
}
.visual-entry .self-care-big {
    height:38px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -228px;
    width:270px;
}
.visual-entry .profile-edit {
    height:34px;
    background:url(../images/viva-en/txt.png) no-repeat 0 -194px;
    width:237px;
    margin:5px 0 0;
}
.visual-entry .media-center{
	height:17px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -336px;
	width:161px;
	margin:120px 0 0;
}
.visual-entry .media-center-big{
	height:37px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -549px;
	width:371px;
	margin:173px 0 0;
}
.visual-entry .news-archive{
	height:34px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -353px;
	width:295px;
	margin:5px 0 0;
}
.visual-entry .about-viva{
	height:17px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -387px;
	width:127px;
	margin:120px 0 0;
}
.visual-entry .about-viva-big{
	height:38px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -796px;
	width:295px;
	margin:173px 0 0;
}
.visual-entry .overview{
	height:34px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -404px;
	width:200px;
	margin:5px 0 0;
}
.visual-entry .search-results{
	height:38px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -438px;
	width:440px;
	margin:173px 0 0;
}
.visual-entry .service-activation{
	height:34px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -476px;
	width:387px;
	margin:5px 0 0;
}
.visual-entry .viva-locator{
	height:37px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -511px;
	width:360px;
	margin:173px 0 0;
}
.visual-entry .business-small{
	height:17px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -605px;
	width:105px;
	margin:122px 0 0;
}
.visual-entry .internet-solutions{
	height:34px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -622px;
	width:358px;
	margin:5px 0 0;
}
.visual-entry .bulk-messages{
	height:34px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -656px;
	width:561px;
	margin:5px 0 0;
}
.visual-entry .billed-details{
	height:34px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -690px;
	width:281px;
	margin:5px 0 0;
}
.visual-entry .billed-call-details{
	height:34px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -834px;
	width:378px;
	margin:5px 0 0;
}
.visual-entry .business{
	height:38px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -724px;
	width:243px;
	margin:175px 0 0;
}
.visual-entry .internet{
	height:34px;
	background:url(../images/viva-en/txt.png) no-repeat 0 -762px;
	width:170px;
	margin:5px 0 0;
}
.entry-bar {
    padding:9px 0 0;
    width:100%;
    overflow:hidden;
    border-bottom:1px solid #e3e2e2;
}
.breadcrumbs {
    float:left;
    margin:0 0 0 -11px;
    padding:0;
    list-style:none;
    color:#666;
}
.breadcrumbs li {
    float:left;
    padding:0 9px 6px 11px;
    background:url(../images/viva-en/sep-grey.gif) no-repeat;
}
.breadcrumbs a {
    color:#333;
    font-weight:bold;
}
.breadcrumbs a:hover{color:#844099;}
.options {
    float:right;
    margin:0;
    padding:0;
    list-style:none;
    font-weight:bold;
}
.options li {
    float:left;
    padding:0 0 0 22px;
}
.options a {
    float:left;
    padding:0 0 0 23px;
}
.options .mail { background:url(../images/viva-en/ico-options.gif) no-repeat 0 2px; }
.options .print {
    background:url(../images/viva-en/ico-options.gif) no-repeat 0 -24px;
    margin:-1px 0 0;
    padding:1px 0 0 23px;
}
.options .share {
    background:url(../images/viva-en/ico-options.gif) no-repeat 0 -47px;
    padding:0 0 0 18px;
}
/* twocolumn styles */
#twocolumn {
    width:100%;
    background:url(../images/viva-en/bg-twocolumn.gif) no-repeat 680px 0;
}
#content {
    float:left;
    width:660px;
}
.entry-text {
    width:100%;
    padding:0 0 14px;
    border-bottom:1px solid #e0e0e0;
}
.entry-text h2 {
	margin:13px 0 -11px !important;
	font-size:22px !important;
    color:#df3fa5;
}
#content .entry-text {
    background:url(../images/viva-en/bg-shadow.gif) no-repeat 0 100%;
    border:none;
    padding:6px 0 42px;
}
.entry-text p {
	margin:13px 0 0 !important;
    color:#666;
	font:bold 16px/19px Arial, Helvetica, sans-serif !important;
}
#content .entry-text p{margin:17px 0 0 !important;}
.contact-form {
    padding:12px 0 0;
    width:530px;
}
.contact-form p { margin:0 0 -7px; }
.contact-form p img {
    vertical-align:baseline;
    padding:0 0 1px;
}
.contact-form .row {
    width:100%;
    padding:19px 0 0;
    position:relative;
}
.contact-form label {
    float:left;
    width:220px;
    color:#333;
}
.contact-form label span {
    display:block;
    color:red;
    font-size:11px;
    margin:-1px 0 0;
}
.contact-form .text,
.contact-form textarea{
    float:right;
    padding:4px 5px;
    border:1px solid #e5e5e5;
    background:none;
    width:256px;
    margin:0 0 0 5px;
}
.contact-form .required {
    float:right;
    margin:7px 0 0;
}
.contact-form textarea {
    overflow:auto;
    max-width:256px;
    height:92px;
}
.contact-form .submit {
    display:block;
    overflow:hidden;
    text-align:center;
    /**background:url(../images/viva-en/btn.png) no-repeat -73px -73px;**/
	background:url(../images/viva-en/button-4.png) no-repeat;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 260px;**/
    width:100px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}
.contact-form .submit:hover{}
.contact-form .tooltip {
    position:absolute;
    top:2px;
    right:-164px;
    background:url(../images/viva-en/bg-form-tooltip.png) no-repeat;
    width:125px;
    height:75px;
    padding:13px 18px 0 27px;
    font-weight:bold;
    color:#fff;
    z-index:1;
    display:none;
}
.contact-form .active .text,
.contact-form .active textarea{border-color:#b7b7b7;}
.contact-form .active .tooltip { display:block; }
.contact-form .error .text,
.contact-form .error textarea{border-color:#c00;}
.contact-form .error .tooltip { background-position:0 -88px; }
.stats {
    width:100%;
    overflow:hidden;
    margin:0 0 0;
    background:#f0f0f0 url(../images/viva-en/bg-stats.gif) no-repeat;
    font-size:13px;
}
.stats .frame {
    height:1%;
    overflow:hidden;
    background:url(../images/viva-en/bg-stats.gif) no-repeat -660px 100%;
    padding:16px 21px 19px 20px;
}
.stats h3 {
    margin:0;
    font-size:18px;
}
.stats h4 {
    margin:3px 0 0;
    font-size:14px;
    color:#df3ea5;
}
.stats .holder {
    width:100%;
    overflow:hidden;
    margin:10px 0 0;
    background:#fff url(../images/viva-en/bg-stats.gif) no-repeat -1320px 0;
}
.stats .bg {
    height:1%;
    overflow:hidden;
    background:url(../images/viva-en/bg-stats.gif) no-repeat -1939px 100%;
    padding:23px 20px 18px;
}
.stats .holder img { display:block; }
.stats p { margin:20px 0 6px; }
.stats .more {
    background:url(../images/viva-en/arrow-pink-down.gif) no-repeat 100% 50%;
    padding:0 12px 0 0;
    color:#df3ea5;
}
.services { margin:-13px 0 0; }
.services .row {
    margin:47px 0 0;
    width:100%;
    background:url(../images/viva-en/bg-services.gif) no-repeat;
}
.services .col-1,
.services .col-2,
.services .col-3{
    float:left;
    width:208px;
    margin:-8px 21px 0 0;
    position:relative;
    min-height:130px;
    padding:0 1px 20px 0;
}
.services .col-2 { width:199px; }
.services .col-3 { margin:-8px 0 0; }
.services h3 {
    margin:0;
    font-size:18px;
    letter-spacing:-1px;
}
.services ul {
    padding:7px 0 0;
    margin:0;
    list-style:none;
}
.services ul li {
    margin:4px 0 0;
    background:url(../images/viva-en/arrow-grey-down.gif) no-repeat 0 3px;
    padding:0 0 0 15px;
}
.services ul a { color:#666; }
.services .more {
    position:absolute;
    left:0;
    bottom:4px;
    background:url(../images/viva-en/arrow-pink-down.gif) no-repeat 100% 50%;
    padding:0 12px 0 0;
    color:#df3ea5;
}
.services img {
    float:right;
    margin:10px 0 -10px;
}
.services .col-2 img { margin:10px 0 -10px -10px }
.services .col-3 img { margin:10px 0 -20px }
#content p{
	margin:17px 0 0;
	font:13px/17px Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
}
#content .big{
	font:bold 16px/17px Tahoma, Arial, Helvetica, sans-serif;
	margin:24px 0 0;
}
#content h2{
	margin:23px 0 -6px;
	font-size:16px;
}
.share-list{
	margin:0;
	padding:8px 0 0;
	list-style:none;
	font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
}
.share-list li{margin:3px 0 0;}
#content .alignleft{
	float:left;
	margin:25px 30px 0 10px;
}
#content .alignright{
	float:right;
	margin:6px 0 0;
}
/* sidebar styles */
#sidebar {
    float:right;
    width:220px;
    padding:23px 0 0;
}
#sidebar h3 {
    margin:0;
    color:#333;
    font-size:16px;
}
.contact-info {
    width:100%;
    padding:15px 0 0;
    color:#666;
}
.contact-info h4 {
    margin:0;
    font-size:13px;
}
.contact-info address {
    font:12px/13px Tahoma, Arial, Helvetica, sans-serif;
    margin:8px 0 0;
}
.contact-info address span { display:block; }
.contact-info dl {
    width:100%;
    overflow:hidden;
    margin:12px 0 0;
    padding:13px 0 21px;
    border-top:1px solid #e1e1e1;
    font-size:13px;
}
.contact-info dt {
    float:left;
    font-weight:bold;
    margin:0 4px 0 0;
}
.contact-info dd {
    display:block;
    height:1%;
    overflow:hidden;
    padding:0 0 5px;
    margin:0;
}
#sidebar .quick-payment {
    margin:0;
    padding:0;
    background:none;
}
#sidebar .quick-payment .tab-content { padding-bottom:13px; }
.support {
    background:url(../images/viva-en/bg-support.jpg) no-repeat;
    height:91px;
    margin:0 0 20px;
    padding:7px 5px 0 85px;
}
.support h4 {
    margin:0;
    font-size:17px;
    letter-spacing:-1px;
}
.support h4 span { font-size:28px; }
.support p {
    margin:2px 0 0;
    line-height:13px;
}
.support p a { color:#333; }
.support p a:hover{color:#844199;}
.branches {
    background:url(../images/viva-en/bg-branches.gif) no-repeat;
    height:88px;
    overflow:hidden;
    margin:0 0 28px;
    padding:10px 12px 0;
}
.branches img {
    float:left;
    margin:0 13px 0 0;
}
.branches h4 {
    margin:11px 0 1px;
    font:bold 19px/19px Tahoma, Arial, Helvetica, sans-serif;
    color:#844099;
}
.branches .more {
    font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
    color:#333;
    background:url(../images/viva-en/arrow-purple-down.gif) no-repeat 100% 50%;
    padding:0 12px 0 0;
}
.side-nav {
    margin:0;
    padding:4px 0 20px;
    list-style:none;
    font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
}
.side-nav li {
    padding:9px 0;
    border-bottom:1px solid #e1e1e1;
}
.side-nav a {
	background:url(../images/viva-en/arrow-purple-down-big.gif) no-repeat 0 4px;
    padding:0 0 0 14px;
    color:#666;
}
.self-care-page .side-nav a{background:url(../images/viva-en/arrow-pink-down.gif) no-repeat 0 4px;}
.business-page .side-nav a{background:url(../images/viva-en/arrow-yellow-down.gif) no-repeat 0 4px;}
.business-page .side-nav a:hover{color:#ef8700 !important}
.business-page #content a{color:#ef8700;}
.business-page #content a:hover{color:#000;}
.side-nav li.active a {
    color:#333;
    background:url(../images/viva-en/arrow-brown-down.gif) no-repeat 0 4px;
}
.side-nav a:hover{color:#844099 !important;}
.side-nav ul {
    margin:-1px 0 0;
    padding:0 0 9px 15px;
    list-style:none;
	font-weight:normal;
}
.side-nav ul li {
	padding:7px 0 0;
    border:none;
}
.side-nav ul a,
.side-nav li.active ul a{
    color:#666;
    background:url(../images/viva-en/arrow-grey-down.gif) no-repeat 0 4px;
}
.side-nav ul li.active a {
    color:#333;
    background:url(../images/viva-en/arrow-brown-down.gif) no-repeat 0 4px;
}
.side-nav ul ul{padding:0 0 0 15px;}
.side-nav ul ul a,
.side-nav li.active ul ul a{
	color:#666;
	background:url(../images/viva-en/bullet-dash-grey.gif) no-repeat 0 8px;
	padding:0 0 0 8px;
}
.side-nav ul ul li.active a{
	color:#333;
	background:url(../images/viva-en/bullet-dash-dark-grey.gif) no-repeat 0 8px;
}
.ads-list {
    margin:0;
    padding:0 0 8px;
    list-style:none;
}
.ads-list li { padding:0 0 20px; }
.ads-list img { display:block; }
/* landing cols styles */
.landing-cols {
    width:960px;
    margin:20px -20px 0 0;
	background:url(../images/viva-en/bg-landing-cols.gif) no-repeat;
    min-height:189px;
}
.landing-cols .col {
    float:left;
    width:170px;
    margin:0 20px 0 0;
    padding:4px 130px 0 0;
    font-size:13px;
	position:relative;
}
.landing-cols h2 {
    margin:0;
    font-size:18px;
    color:#333;
}
.landing-cols p {
    margin:4px 0 13px;
    color:#666;
	position:relative;
	z-index:1;
}
.landing-cols .more { padding:0 13px 0 0; }
.landing-cols img{
	position:absolute;
	right:1px;
	top:0;
}
.landing-cols .alt img{
	top:28px;
	right:-12px;
}
.landing-cols .alter img{top:30px;}
.landing-cols .alternative img{top:-15px;}
.landing-promo {
    width:100%;
    overflow:hidden;
    margin:33px 0 0;
}
.promo-box{
    float:left;
	background:url(../images/viva-en/bg-promo-box.gif) no-repeat;
    height:107px;
    width:668px;
    padding:11px 10px 0 25px;
}
.fun{
    float:left;
    width:95px;
    margin:16px 0 0;
    color:#844199;
    font-size:20px;
}
.fun span{
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../images/viva-en/txt.png) no-repeat 0 -140px;
    width:95px;
    height:37px;
}
.promo-gallery{
    float:right;
    width:558px;
}
.promo-gallery .prev,
.promo-gallery .next{
    float:left;
    overflow:hidden;
    text-indent:-9999px;
    width:28px;
    height:108px;
    margin:-9px 0 0;
    position:relative;
    z-index:1;
}
.promo-gallery .prev{background:url(../images/viva-en/btn.png) no-repeat 0 -142px;}
.promo-gallery .next{background:url(../images/viva-en/btn.png) no-repeat -28px -142px;}
.promo-gallery .holder{
    float:left;
    overflow:hidden;
    width:502px;
    margin:9px -1px 0 0;
    height:74px;
    position:relative;
}
.promo-gallery ul{
    position:absolute;
    top:0;
    left:-1px;
    width:99999px;
    margin:0;
    padding:0;
    list-style:none;
    font-size:13px;
}
.promo-gallery ul li{
    float:left;
    width:241px;
    padding:0 2px 0 8px;
    background:url(../images/viva-en/sep-fun-gallery.gif) no-repeat;
    height:74px;
}
.promo-gallery img{
    float:left;
    margin:0 14px 0 0;
}
.promo-gallery h4{
    margin:0;
    font-size:14px;
}
.promo-gallery p{
    margin:4px 0;
    color:#666;
    word-spacing:-2px;
}
.promo-gallery .more{padding:0 13px 0 0;}
.promo-article{width:100%;}
.promo-article h2{
	margin:25px 0 0;
	width:146px;
	float:left;
	font:bold 18px/20px Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
}
.promo-article .holder{
	float:right;
	width:493px;
	background:url(../images/viva-en/sep-promo-article.gif) no-repeat;
	height:93px;
	margin:-10px 0 0;
	position:relative;
	padding:19px 0 0 29px;
}
.promo-article img{
	float:left;
	margin:0 18px 0 0;
}
.promo-article p{
	margin:2px 0 5px;
	font-size:13px;
	color:#666;
	word-spacing:-1px;
}
.new-player {
    float:right;
	padding:12px 16px 0 114px;
    background:url(../images/viva-en/bg-new-player.jpg) no-repeat;
	height:102px;
	width:90px;
}
.new-player h3 {
    margin:0 0 6px;
    font:bold 15px/15px Tahoma, Arial, Helvetica, sans-serif;
    text-align:right;
}
.new-player .more {
    float:right;
    padding:0 12px 0 0;
}
.business-support{
	float:right;
	padding:24px 16px 0 74px;
	background:url(../images/viva-en/bg-business-support.jpg) no-repeat;
	height:90px;
	width:130px;
}
.business-support h3{
	margin:0 0 6px;
	font:bold 15px/15px Tahoma, Arial, Helvetica, sans-serif;
	text-align:right;
}
.business-support .more{
	float:right;
	padding:0 12px 0 0;
	word-spacing:-1px;
}
.explore{
	float:right;
	padding:12px 16px 0 114px;
	background:url(../images/viva-en/bg-explore.png) no-repeat;
	height:102px;
	width:90px;
}
.explore h3{
	margin:0 0 6px;
	font:bold 15px/15px Tahoma, Arial, Helvetica, sans-serif;
	text-align:right;
}
.explore .more{
	float:right;
	padding:0 12px 0 0;
}
.edit-profile-form { width:100%; }
.profile-info { padding:16px 0 0; }
.profile-info h2 {
	margin:0 !important;
    color:#df3fa5;
	font-size:22px !important;
}
.profile-info ul {
    width:100%;
    overflow:hidden;
    margin:3px 0 0 -9px;
    padding:0;
    list-style:none;
    font:bold 16px Tahoma, Arial, Helvetica, sans-serif;
    color:#666;
}
.profile-info li {
    float:left;
    background:url(../images/viva-en/sep-dark-grey.gif) no-repeat 0 50%;
    padding:0 8px 0 10px;
    margin:0 1px 0 -1px;
}
.profile-info span { color:#e041a6; }
.mobile{
    width:100%;
    overflow:hidden;
    margin:19px 0 -4px;
}
.mobile label{
    float:left;
	width:120px !important;
	margin:1px 22px 0 0 !important;
    font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
}
.mobile select,
.mobile .selectArea{
	width:140px;
	margin:0;
}
.edit-profile-form select,
.edit-profile-form .selectArea{
	width:140px;
    margin:0;
    float:left;
}
.edit-profile-form .holder {
    width:100%;
    padding:24px 0 0;
}
.edit-profile-form .slide {
    width:100%;
    position:relative;
}
.edit-profile-form h3 {
    margin:0;
    font:bold 16px/36px Tahoma, Arial, Helvetica, sans-serif;
}
.edit-profile-form h3 a {
    color:#4b4b4b;
    padding:0 15px;
    background:url(../images/viva-en/btn.png) no-repeat 0 -286px;
    height:36px;
    display:block;
}
.edit-profile-form .active h3 a { background-position:0 -250px; }
.edit-profile-form .box {
    margin:0 0 0 16px;
    width:529px;
}
.edit-profile-form .row {
    width:100%;
    overflow:hidden;
    margin:16px 0 0;
}
.edit-profile-form label {
    float:left;
    width:250px;
    margin:0 0px 0 0;
}
.edit-profile-form label span {
    display:block;
    font-size:11px;
    color:red;
}
.edit-profile-form .row select {
	float:left;
	padding:4px 7px;
	width:268px;
}
.edit-profile-form select.narrow{width:210px;}
.edit-profile-form .text {
    float:left;
    width:240px;
    border:1px solid #e5e5e5;
    padding:4px 6px;
	margin:0 9px 0 -7px;
    font-weight:bold;
    color:#333;
}
.edit-profile-form .narrow {
    width:210px;
    margin:0 9px 0 -7px;
}
.date-picker {
    float:left;
    overflow:hidden;
    text-indent:-9999px;
    width:16px;
    height:16px;
    margin:3px 0 0;
    background:url(../images/viva-en/btn.png) no-repeat 0 -322px;
}
/* lifestyles styles */
.lifestyle-visual{padding:19px 0 0;}
.lifestyle-visual h2{
	margin:0 !important;
	color:#666;
	font-size:16px;
}
.lifestyle-visual .holder{
	height:1%;
	overflow:hidden;
	padding:13px 10px 0 0;
}
.lifestyle-visual .col-1{
	float:left;
	width:230px;
	padding:78px 0 0;
}
.lifestyle-visual .col-2{
	float:right;
	width:390px;
}
.lifestyle-visual .col-2 ul{
	margin:0;
	padding:0;
	list-style:none;
}
.lifestyle-visual .col-2 ul li{margin:11px 0 0;}
.lifestyle-visual .col-2 ul a{
	color:#666;
	display:block;
	cursor:pointer;
}
.lifestyle-visual .col-2 ul a:hover,
.lifestyle-visual .col-2 ul a:hover .title{
	text-decoration:none;
	color:#602771;
}
.lifestyle-visual .col-2 ul a:hover .text{font-weight:bold;}
.lifestyle-visual .col-2 ul .title{
	font-size:16px;
	color:#4b4b4b;
}
.lifestyle-visual .col-2 ul .text{
	display:block;
	margin:8px 0 0;
	font-size:11px;
}
.subscribe{
	width:100%;
	overflow:hidden;
	margin:20px 0 0;
	background:#f0f0f0 url(../images/viva-en/bg-subscribe.gif) no-repeat;
}
.subscribe .bg{
	height:1%;
	overflow:hidden;
	background:url(../images/viva-en/bg-subscribe.gif) no-repeat -660px 100%;
	padding:28px 30px;
}
.subscribe h3{
	margin:0;
	font-size:16px;
	color:#602771;
}
.subscribe p{
	margin:9px 0 0 !important;
	color:#666;
	font:bold 14px Arial, Helvetica, sans-serif !important;
}
.subscribe p strong{color:#602771;}
.post-list{
	margin:0;
	padding:0;
	list-style:none;
	color:#666;
}
.post-list li{
	width:100%;
	overflow:hidden;
	padding:11px 0;
	border-bottom:1px solid #FAE7F1;
}
.post-list li:hover .holder{
	/*background:#ffffdb;
	padding-left:9px;*/
	background:#FAE7F1;
	padding:11px 0;
}

.post-list .holder{
	padding:11px 0;
	height:1%;
	overflow:hidden;
}
.post-list .date{font:12px/12px Tahoma, Arial, Helvetica, sans-serif;}
.post-list h2{
	margin:0 !important;
	font-size:12px !important;
	color:#333;
}
.post-list p{
	margin:4px 0 5px !important;
	font:12px/13px Arial, Helvetica, sans-serif !important;
	word-spacing:-1px;
}
.post-list .more{font-size:13px;}
.post-list img{
	float:left;
	margin:0 19px 0 0;
}
.toolbar{
	width:100%;
	overflow:hidden;
	padding:15px 0 0;
}
.limiter{
	float:left;
	color:#666;
}
.limiter label{
	float:left;
	margin:5px 6px 0 0;
}
.limiter select{
	float:left;
	margin:5px 8px 0 0;
	width:40px;
}
.limiter .selectArea{
	float:left;
	margin:0 8px 0 0;
}
.limiter .selectArea .center{padding-left:6px;}
.limiter strong{
	float:left;
	font-weight:normal;
	margin:5px 0 0;
}
.paging{
	float:right;
	padding:5px 0 0;
}
.paging ul{
	margin:0 3px;
	float:left;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.paging li{
	float:left;
	margin:0 1px 0 -1px;
	padding:0 4px 0 6px;
	background:url(../images/viva-en/sep-grey.gif) no-repeat 0 50%;
}
.paging a:hover,
.paging li.active a{
	color:#666;
	text-decoration:none;
}
.paging .next,
.paging .prev{
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	width:6px;
	height:9px;
	margin:3px 0 0;
}
.paging .prev{background:url(../images/viva-en/btn.png) no-repeat -28px -133px;}
.paging .next{background:url(../images/viva-en/btn.png) no-repeat -34px -133px;}
.news-filter{
	width:100%;
	overflow:hidden;
	padding:1px 0 14px;
}
.news-filter label{
	float:left;
	margin:6px 11px 0 0;
	font-weight:bold;
}
.news-filter select,
.news-filter .selectArea{
	float:left;
	margin:0 19px 0 0;
	width:130px;
}
.news-filter .submit{
	float:left;
	overflow:hidden;
	text-align:center;
	background:url(../images/viva-en/btn.png) no-repeat -153px -73px;
	cursor:pointer;
	border:none;
	margin:-1px 0 0;
	width:50px;
	height:27px;
	font:bold 15px Tahoma, Arial, Helvetica, sans-serif;
	padding:0 9px 1px 0;
	color:#844099;
}
.news-filter .submit:hover{color:#666;}
.search-results-entry{
	padding:24px 0 36px;
	background:url(../images/viva-en/bg-shadow.gif) no-repeat 0 100%;
}
.search-results-entry h2{
	margin:0 !important;
	font-size:16px !important;
	color:#666;
}
.search-results-entry h2 strong{color:#844099;}
.search-results-entry p{
	margin:6px 0 0 !important;
	font:11px/13px Arial, Helvetica, sans-serif !important;
}
.locator-filter{
	width:100%;
	overflow:hidden;
	padding:8px 0 0;
}
.locator-filter label{
	float:left;
	margin:6px 7px 0 0;
	font-weight:bold;
}
.locator-filter select{
	float:left;
	margin:5px 19px 0 0;
	width:130px;
}
.locator-filter .selectArea{
	float:left;
	margin:0 19px 0 0;
}
.locator-filter .submit{
	float:right;
	overflow:hidden;
	text-align:center;
	background:url(../images/viva-en/btn.png) no-repeat -153px -73px;
	cursor:pointer;
	border:none;
	margin:-1px 0 0 -10px;
	width:50px;
	height:27px;
	font:bold 15px Tahoma, Arial, Helvetica, sans-serif;
	padding:0 9px 1px 0;
	color:#844099;
}
.locator-filter .submit:hover{color:#666;}
.map{
	width:100%;
	position:relative;
	margin:15px 0 0;
}
.map img{display:block;}
.map-tooltip{
	position:relative;
	/*top:118px;
	left:133px;*/
	width:354px;
	color:#666;
}
.map-tooltip .btn-close-popup{
	top:30px;
	right:30px;
}
.map-tooltip .t{
	/**background:url(../images/viva-en/bg-map-tooltip.png) no-repeat;
	height:45px;**/
	height:15px;
	overflow:hidden;
} 
.map-tooltip .c{
	/**background:url(../images/viva-en/bg-map-tooltip.png) repeat-y -354px 0;**/
	height:1%;
	overflow:hidden;
	padding:16px 42px 20px;
}
.map-tooltip .b{
	/**background:url(../images/viva-en/bg-map-tooltip.png) no-repeat -708px 0;
	height:68px;**/
	height:15px;
	overflow:hidden;
}
.map-tooltip img{
	float:left;
	display:inline;
	margin:0 18px 0 0;
}
.map-tooltip h2{
	margin:0 !important;
	font-size:13px !important;
}
.map-tooltip address{
	font-style:normal;
	margin:5px 0 0;
}
.map-tooltip address span{display:block;}
.map-tooltip dl{
	height:1%;
	overflow:hidden;
	margin:9px 0 0;
}
.map-tooltip dt{
	float:left;
	margin:0 2px 0 0;
}
.map-tooltip dd{
	height:1%;
	overflow:hidden;
	margin:0;
	font-weight:bold;
}
/* media cols */
.media-cols{
	width:960px;
	overflow:hidden;
	padding:3px 0 12px;
	margin:25px -20px 0 0;
	background:url(../images/viva-en/bg-cols.gif) no-repeat;
}
.media-cols .col{
	float:left;
	width:275px;
	margin:0 45px 0 0;
}
.media-cols h2{
	margin:0;
	font-size:18px;
}
.news{
	margin:-1px 0 0;
	padding:0;
	list-style:none;
	color:#666;
}
.news li{
	margin:6px 0 0;
	background:url(../images/viva-en/arrow-purple-down-big.gif) no-repeat 0 3px;
	padding:0 0 0 14px;
}
.media-cols .date{font:11px Tahoma, Arial, Helvetica, sans-serif;}
.media-cols p{
	margin:0;
	font-weight:bold;
}
.media-cols p a{color:#666;}
.media-cols p a:hover{color:#844099;}
.media-cols .more{
	float:left;
	margin:6px 0 0;
	padding:0 12px 0 0;
}
.media-gallery{padding:8px 0 0;}
.media-gallery .slider{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	width:181px;
	height:136px;
}
.media-gallery .slider li{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.media-gallery .slider li.active{z-index:2;}
.media-gallery .holder{
	width:100%;
	overflow:hidden;
	padding:0 0 9px;
}
.media-gallery .col-1{
	float:left;
	position:relative;
	width:181px;
}
.media-gallery .col-2{
	float:right;
	width:80px;
}
.media-gallery .thumbnails{
	margin:-15px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.media-gallery .thumbnails li{
	float:left;
	width:100%;
	margin:15px 0 0;
	position:relative;
}
.media-gallery img{display:block;}
.btn-play{
	position:absolute;
	overflow:hidden;
	text-indent:-9999px;
	width:34px;
	height:34px;
	background:url(../images/viva-en/btn.png) no-repeat -40px -108px;
	left:73px;
	top:51px;
}
.media-gallery .thumbnails .btn-play{
	left:24px;
	top:17px;
}
.tab-set{
	width:100%;
	overflow:hidden;
	margin:24px 0 0;
	padding:0;
	list-style:none;
	background:url(../images/viva-en/bg-tab-set.gif) no-repeat;
	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
}
.tab-set li{float:left;}
.tab-set a{
	float:left;
	cursor:pointer;
	color:#602771;
}
.tab-set a:hover{color:#4b4b4b;}
.tab-set a span{
	float:left;
	height:24px;
	padding:12px 6px 0;
}
.tab-set a.active{
	color:#4b4b4b !important;
	background:url(../images/viva-en/btn.png) no-repeat 0 -593px;
}
.tab-set a.active span{
	background:url(../images/viva-en/btn.png) no-repeat 100% -629px;
	padding:12px 24px 0;
}
.business-info{width:100%;}
.business-info h2{color:#666;}
.business-info h3{
	margin:12px 0 0;
	font-size:16px;
}
.business-info .bullet-list{padding:9px 0 0;}
.business-info .bullet-list li{
	margin:2px 0 0;
	background:url(../images/viva-en/arrow-grey-down.gif) no-repeat 0 4px;
	color:#666;
}
.business-info .bullet-list strong{font-size:14px;}
.business-info .alignleft{margin:20px 52px 0 5px !important;}
.business-info .alignright{margin:12px 22px 0 18px !important;}
.business-info p{margin:19px 0 0 !important;}
.business-info .holder{
	width:100%;
	overflow:hidden;
	padding:30px 0 0;
}
.business-info .holder p{margin:10px 0 -7px !important;}
.business-info .box{padding:20px 0 0;}
.business-info .box .alignleft{margin:5px 19px -10px 0 !important}
.about-info{
	width:100%;
	overflow:hidden;
	margin:18px 0 0;
	background:url(../images/viva-en/bg-about-info.gif) repeat-y -940px 0;
}
.about-info .holder{
	width:100%;
	overflow:hidden;
	background:url(../images/viva-en/bg-about-info.gif) no-repeat;
}
.about-info .bg{
	height:1%;
	overflow:hidden;
	background:url(../images/viva-en/bg-about-info.gif) no-repeat -1880px 100%;
	padding:20px 20px 30px;
}
.about-info .col-1{
	float:left;
	width:420px;
	margin:0 40px 0 0;
}
.about-info .col-2{
	float:left;
	width:200px;
	margin:0 40px 0 0;
}
.about-info .col-3{
	float:left;
	width:180px;
}
.about-info .col-1,
.about-info .col-2,
.about-info .col-3{
	min-height:120px;
	position:relative;
	padding:0 0 18px;
}
.about-info p{
	margin:5px 0 0 !important;
	color:#666;
	font:13px/17px Tahoma, Arial, Helvetica, sans-serif;
}
.about-info .more{
	position:absolute;
	bottom:0;
	left:0;
}
.about-info h2{
	margin:0;
	font-size:18px;
}
.about-info ul{
	margin:0;
	padding:4px 0 0;
	list-style:none;
	font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
}
.about-info ul li{
	background:url(../images/viva-en/arrow-grey-down.gif) no-repeat 0 4px;
	padding:0 0 0 13px;
	margin:2px 0 0;
}
.about-info ul a{color:#666;}
.about-info ul a:hover{color:#844199;}
.team{
	width:960px;
	overflow:hidden;
	background:url(../images/viva-en/bg-team.gif) no-repeat;
	margin:30px -20px 0 0;
}
.team .col{
	float:left;
	width:215px;
	position:relative;
	margin:0 20px 0 0;
	min-height:111px;
	padding:8px 5px 63px 0;
}
.team .narrow{
	width:180px;
	padding:8px 40px 63px 0;
}
.team h2{
	margin:0;
	font-size:18px;
}
.team .more{
	position:absolute;
	left:0;
	bottom:39px;
}
.team p{
	margin:7px 0 0;
	font-size:13px;
	color:#666;
	position:relative;
	z-index:1;
}
.team .holder{
	width:100%;
	overflow:hidden;
	margin:6px 0 0;
}
.team .holder img{
	float:left;
	margin:0 9px 0 0;
}
.team h3{
	margin:2px 0 0;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
}
.team h3 span{
	display:block;
	color:#666;
}
.team .ill{
	position:absolute;
	right:1px;
	top:15px;
}
.team .alt .ill{top:43px;}
.promo-cols{
	float:left;
	background:url(../images/viva-en/bg-promo-cols.gif) no-repeat;
	width:705px;
	height:104px;
	padding:15px 0 0;
}
.promo-cols .col{
	float:left;
	width:196px;
	padding:0 22px;
}
.promo-cols .alt{
	padding:0 20px;
	width:180px;
}
.promo-cols h2{
	margin:0;
	font-size:18px;
}
.promo-cols p{
	margin:7px 0;
	font:13px/17px Tahoma, Arial, Helvetica, sans-serif;
}
.internet-info{width:100%;}
.internet-info h2{
	margin:0 12px 0 0 !important;
	color:#666;
	position:relative;
}
.internet-info h3{
	margin:12px 0 0;
	font-size:16px;
}
.internet-info .holder{
	width:100%;
	padding:40px 0 0;
}
.internet-info .alt{padding:10px 0 0;}
.internet-info .alter{
	padding:0;
	margin:-10px 0 0;
}
.internet-info .holder.alter .alignleft{margin:0 30px 0 0 !important;}
.internet-info .holder.alternative{padding:5px 0 0;}
.internet-info .holder.alternative h3{margin:27px 0 0;}
.internet-info .holder.alternative .alignleft{margin:35px 20px 0 -25px !important;}
.internet-info .holder.alternative .alignright{margin:50px 0 0 -50px !important;}
.internet-info .holder .alignleft{margin:-10px 30px 0 10px !important;}
.internet-info .holder .alignright{margin:-30px 10px 0 50px !important;}
.internet-info .holder p{margin:4px 0 0 !important;}
.internet-info .box{padding:20px 0 0;}
.internet-info .box .alignleft{margin:5px 19px -10px 0 !important}
/* selects */
.outtaHere {
    position:absolute;
    left:-9999px;
}
.selectArea {
    position:relative;
    height:25px;
    color:#666;
    background:#fff;
    font:12px/25px Tahoma, Arial, Helvetica, sans-serif;
    /**margin:3px 0 0;*/
    background:url(../images/viva-en/bg-select.gif) no-repeat;
}
.mobile .selectArea{
    background-position:0 -25px;
    height:30px;
    font:bold 14px/30px Tahoma, Arial, Helvetica, sans-serif;
    color:#df3ea5;
	float:left;
}
.selectArea .center{
	padding:0 30px 0 9px;
	position:relative;
	display:block;
}
.selectArea a.selectButton {
    position:absolute;
    top:0;
    right:0;
    width:28px;
    height:25px;
    background:url(../images/viva-en/btn.png) no-repeat 0 -117px;
}
.mobile .selectArea a.selectButton{
    width:29px;
    height:30px;
    background-position:0 -338px;
}
.edit-profile-form .button-set {
    width:100%;
    overflow:hidden;
    background:url(../images/viva-en/bg-shadow.gif) no-repeat;
    margin:26px 0 0;
    padding:22px 0 0;
}
.edit-profile-form .button-set a {
    float:left;
    overflow:hidden;
    background:url(../images/viva-en/btn.png) no-repeat 0 -368px;
	width:69px;
    height:27px;
    font:bold 14px/27px Tahoma, Arial, Helvetica, sans-serif;
    color:#fff;
    padding:0 0 0 11px;
	margin:0 10px 0 0;
}
#sidebar .more-box{margin:-20px 0 20px;}
.more-box{
	padding:9px 0;
	border-bottom:1px solid #e1e1e1;
}
.service-activation-form{margin:-7px 0 0;}
.service-activation-form h3{
	margin:29px 0 0;
	color:#fff;
	background:url(../images/viva-en/bg-activation.gif) no-repeat;
	height:40px;
	padding:0 29px;
	font:bold 16px/40px Tahoma, Arial, Helvetica, sans-serif;
}
.service-activation-form .holder{
	height:1%;
	overflow:hidden;
	background:#f0f0f0 url(../images/viva-en/bg-activation.gif) no-repeat -660px 100%;
	padding:0 18px 0 30px;
}
.service-activation-form .box{padding:16px 0;}
.service-activation-form h4{
	margin:0;
	font-size:16px;
	padding:0 0 4px;
	border-bottom:1px solid #cdcdcd;
	color:#df3ea5;
}
.service-activation-form table{
	width:100%;
	border-collapse:collapse;
}
.service-activation-form th{
	margin:0;
	padding:0;
	height:27px;
	border-bottom:1px solid #cdcdcd;
	text-align:left;
}
.service-activation-form td{
	margin:0;
	padding:8px 0 6px;
	color:#666;
	font-weight:bold;
	border-bottom:1px solid #b9b9b9;
	vertical-align:top;
}
.service-activation-form .cell-1{
	width:21px;
	text-align:center;
}
.service-activation-form td.cell-2{
	font-weight:normal;
	color:#333;
}
.service-activation-form .cell-2{width:88px;}
.service-activation-form .cell-3{width:121px;}
.service-activation-form .cell-4{width:104px;}
.service-activation-form .cell-5{width:111px;}
.service-activation-form .cell-6{width:90px;}
.service-activation-form table input{
	margin:0;
	padding:0;
	width:15px;
	height:14px;
}
.service-activation-form .last td{border:none;}
.service-activation-form .button-set{
	width:100%;
	overflow:hidden;
	background:url(../images/viva-en/bg-shadow.gif) no-repeat;
	margin:18px 0 0;
	padding:22px 0 0;
}
.service-activation-form .submit{
	display:block;
	border:none;
	cursor:pointer;
	overflow:hidden;
	background:url(../images/viva-en/btn.png) no-repeat -80px -368px;
	width:114px;
	height:27px;
	font:bold 14px/27px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 15px 1px 0;
}
.branches-holder{padding:16px 0 26px;}
.branches-list{
	margin:0;
	padding:0;
	list-style:none;
	color:#666;
}
.branches-list li{
	padding:14px 16px;
	background:url(../images/viva-en/arrow-purple-down-big.gif) no-repeat 0 18px;
	border-bottom:1px solid #e1e1e1;
}
.branches-list h4{
	margin:0;
	font-size:13px;
}
.branches-list address{
	font-style:normal;
	margin:5px 0 0;
}
.branches-list address span{display:block;}
.branches-list dl{
	height:1%;
	overflow:hidden;
	margin:9px 0 0;
}
.branches-list dt{
	float:left;
	margin:0 2px 0 0;
}
.branches-list dd{
	height:1%;
	overflow:hidden;
	margin:0;
	font-weight:bold;
}
.branches-holder .paging{
	float:none;
	width:100%;
	overflow:hidden;
	padding:10px 0 0;
}
/* billed details form */
.billed-details-form{padding:16px 0 0;}
.form-options{
	width:100%;
	overflow:hidden;
	padding:11px 0 0;
	margin:0;
	list-style:none;
	font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
}
.form-options li{
	float:left;
	margin:0 31px 0 0;
}
.form-options a{
	color:#df3ea5;
	float:left;
	padding:1px 0 0 24px;
}
.form-options a:hover{color:#666;}
.form-options .print{
	background:url(../images/viva-en/ico-options.gif) no-repeat 0 -24px;
	margin:-1px 0 0;
	padding:1px 0 0 23px;
}
.form-options .pdf{background:url(../images/viva-en/ico-options.gif) no-repeat 2px -63px;}
.form-options .excel{background:url(../images/viva-en/ico-options.gif) no-repeat 2px -83px;}
.billed-details-form .holder{
	width:100%;
	overflow:hidden;
	background:#f0f0f0 url(../images/viva-en/bg-billed-details.gif) no-repeat -660px 0;
	margin:10px 0 0;
}
.billed-details-form .bg{
	height:1%;
	overflow:hidden;
	background:url(../images/viva-en/bg-billed-details.gif) no-repeat 0 100%;
	padding:18px 19px 7px 30px;
}
.billed-details-form h3{
	margin:18px 0 0;
	color:#df3ea5;
	font-size:16px;
	padding:0 0 4px;
	border-bottom:1px solid #cdcdcd;
}
.charges-table{
	width:100%;
	border-collapse:collapse;
}
.charges-table td{
	height:30px;
	border-bottom:1px solid #cdcdcd;
	margin:0;
	padding:0;
	color:#666;
	font-weight:bold;
}
.charges-table .cell-1{
	padding:0 0 0 20px;
	width:478px;
}
.charges-table .sub-total td{
	color:#333;
	height:30px;
}
.charges-table .total td{
	font-size:16px;
	height:53px;
	border:none;
	color:#333;
}
.charges-table .discount{color:#c00;}
.billing-info{
	width:599px;
	overflow:hidden;
	background:#fff url(../images/viva-en/bg-billed-details.gif) no-repeat -1320px 0;
	margin:12px 0 0;
}
.billing-info .frame{
	height:1%;
	overflow:hidden;
	background:url(../images/viva-en/bg-billed-details.gif) no-repeat -1919px 100%;
	padding:14px 31px 11px 20px;
}
.billing-info .col-1{
	float:left;
	width:280px;
}
.billing-info .col-2{
	float:right;
	width:240px;
}
.billing-info dl{
	margin:0;
	font-size:13px;
}
.billing-info dt{
	float:left;
	width:101px;
	margin:0 5px 0 0;
}
.billing-info dd{
	display:block;
	height:1%;
	overflow:hidden;
	margin:0;
	font-weight:bold;
	padding:0 0 6px;
}
.billing-info table{
	width:100%;
	border-collapse:collapse;
}
.billing-info table td{
	height:32px;
	font:bold 16px Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	border-bottom:1px solid #e5e5e5;
}
.billing-info table .cell-1{width:158px;}
.billing-info .total td{border-bottom:none;}
.billing-info .total .cell-2{color:#df3ea5;}
.billing-entry{
	height:1%;
	padding:0 21px 0 9px;
}
.billing-entry h2{
	float:left;
	margin:0 37px 0 0 !important;
	color:#333;
	font-size:18px;
}
.billing-entry .mobile{
	float:left;
	width:212px;
	margin:-2px 0 0;
}
.billing-entry .mobile select,
.billing-cols .mobile select{width:108px;}
.billing-entry .mobile label{
	width:auto !important;
	margin:5px 5px 0 0 !important;
}
.billing-cols .mobile label{
	margin:5px 0 0 !important;
	width:73px !important;
}
.billing-entry .mobile .selectArea,
.billing-cols .mobile .selectArea{
	background-position:0 -55px;
	height:27px;
	line-height:27px;
	margin:0;
}
.billing-entry .mobile a.selectButton,
.billing-cols .mobile a.selectButton{
	background-position:0 -655px;
	width:28px;
	height:28px;
}
.billing-entry label{
	float:left;
	margin:4px 8px 0 0;
	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
}
.billing-entry select,
.billing-entry .selectArea{
	float:left;
	width:140px;
	margin:-1px 0 0;
}
.billing-entry .submit{
	float:right;
	overflow:hidden;
	text-align:center;
	background:url(../images/viva-en/btn.png) no-repeat -203px -73px;
	cursor:pointer;
	border:none;
	margin:-1px 0 0;
	width:50px;
	height:27px;
	font:bold 15px Tahoma, Arial, Helvetica, sans-serif;
	padding:0 11px 1px 0;
	color:#fff;
}
.business-page .more{
	color:#ef8700;
	background:url(../images/viva-en/arrow-yellow-down.gif) no-repeat 100% 5px;
}
.business-page .more:hover{color:#666;}
.self-care-page .tab-set a{color:#df3fa5;}
.packages{
	height:1%;
	position:relative;
	margin:38px 0 0;
	background:#f5dcfd url(../images/viva-en/bg-packages.gif) no-repeat -660px 100%;
	padding:0 18px 22px 30px;
}
.packages .ill{
	position:absolute;
	top:-63px;
	right:0;
}
.packages h2{
	padding:16px 180px 16px 30px;
	background:#602771 url(../images/viva-en/bg-packages.gif) no-repeat;
	margin:0 -18px 0 -30px !important;
	position:relative;
	color:#f5dcfd;
}
.packages table{
	width:100%;
	border-collapse:collapse;
	margin:8px 0 0;
}
.packages th{
	margin:0;
	padding:0;
	height:28px;
	text-align:left;
	border-bottom:1px solid #c8a5d3;
}
.packages td{
	margin:0;
	padding:0;
	height:28px;
	border-bottom:1px solid #c8a5d3;
	color:#666;
	font-weight:bold;
}
.packages .cell-1{width:148px;}
.packages td.cell-1{
	font-weight:normal;
	color:#333;
}
.packages .cell-2{width:168px;}
.packages .cell-3{width:178px;}
.packages h3{
	margin:31px 0 -6px;
	color:#602771;
	padding:0 0 5px;
	border-bottom:1px solid #c8a5d3;
}
.packages .last td{border:none;}
.local-list{
	width:100%;
	padding:37px 0 0;
}
.local-list h3{margin:0 !important;}
.local-list h3 span{margin:0 37px 0 0;}
.local-list table{
	width:100%;
	border-collapse:collapse;
}
.local-list th{
	margin:0;
	padding:0;
	text-align:left;
	height:27px;
	border-bottom:1px solid #cdcdcd;
}
.local-list .cell-1{
	padding:0 0 0 7px;
	width:71px;
}
.local-list th.cell-1{color:#df3ea5;}
.local-list td.cell-1{
	font-weight:normal;
	color:#333;
}
.local-list .cell-2{width:80px;}
.local-list .cell-3{width:101px;}
.local-list .cell-4{width:111px;}
.local-list th.cell-4{color:#df3ea5;}
.local-list .cell-5{width:90px;}
.local-list .cell-6{width:74px;}
.local-list td{
	margin:0;
	padding:0;
	height:30px;
	border-bottom:1px solid #cdcdcd;
	color:#666;
	font-weight:bold;
}
.table-nav{
	height:1%;
	overflow:hidden;
	margin:0;
	padding:11px 267px 25px 277px;
	list-style:none;
}
.table-nav li{
	float:left;
	margin:0 2px 0 0;
}
.table-nav a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:28px;
	height:28px;
}
.table-nav .prev{background:url(../images/viva-en/btn.png) no-repeat -28px -655px;}
.table-nav .next{background:url(../images/viva-en/btn.png) no-repeat -58px -655px;}
.billing-cols{
	width:100%;
	overflow:hidden;
	padding:0 0 25px;
	border-bottom:1px solid #cdcdcd;
	margin:-18px 0 0;
}
.billing-cols .col{
	width:215px;
	margin:0 65px 0 0;
	float:left;
}
.billing-cols .alt{
	width:253px;
	margin:0;
}
.billing-cols .alt label{
	width:107px;
	text-align:right;
	margin:4px 6px 0 0;
}
.billing-cols .row{
	width:100%;
	overflow:hidden;
	margin:15px 0 0;
}
.billing-cols label{
	float:left;
	width:73px;
	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
	margin:4px 0 0;
	letter-spacing:-1px;
}
.billing-cols select,
.billing-cols .selectArea{
	float:left;
	width:140px;
	margin:0;
}
.billing-cols .alter select,
.billing-cols .alter .selectArea{
	float:left;
	width:65px;
	margin:0 5px 0 0;
}
.billing-cols .alter .text{
	width:60px;
	margin:0 10px 0 0;
}
.billing-cols .text{
	border:1px solid #e5e5e5;
	float:left;
	margin:0;
	padding:4px;
	width:130px;
}
.billing-cols .submit,
.billing-cols .reset{
	float:left;
	overflow:hidden;
	text-align:center;
	background:url(../images/viva-en/btn.png) no-repeat 0 -422px;
	cursor:pointer;
	border:none;
	width:84px;
	height:27px;
	font:bold 15px/27px Tahoma, Arial, Helvetica, sans-serif;
	padding:0 15px 1px 0;
	color:#fff;
	margin:0 11px 0 0;
}
.billing-cols .reset{
	padding:0 0 0 8px;
	text-align:left;
	width:68px;
	background-position:0 -395px;
}
/* login register styles */
.login-register {
    width:100%;
    overflow:hidden;
    background:url(../images/viva-en/divider-login-register.gif) no-repeat 330px 0;
    padding:8px 0 0;
}
.login-register .col-1 {
    float:left;
    width:200px;
}
.login-register .col-2 {
    float:right;
    width:300px;
}
.login-register h3 {
    font:bold 18px/19px Tahoma, Arial, Helvetica, sans-serif;
    margin:0;
}
.login-register form { padding:7px 0 0; }
.login-register label {
    display:block;
    margin:9px 0 0;
    font-weight:bold;
}
.login-register .text {
    padding:4px 5px;
    margin:5px 0 0;
    border:1px solid #e5e5e5;
    width:182px;
}
.login-register .forgot {
    float:left;
    font-size:11px;
    margin:9px 0 0;
}
.login-register .submit {
    display:block;
    overflow:hidden;
    background:url(../images/viva-en/btn.png) no-repeat 0 -395px;
    height:27px;
    width:73px;
    color:#fff;
    margin:9px 0 0;
    font:bold 15px/27px Tahoma, Arial, Helvetica, sans-serif;
    border:none;
    cursor:pointer;
    padding:0 13px 1px 0;
}
.login-register .submit:hover{color:#666;}
.login-register p {
    margin:9px 0 -7px;
    font-size:13px;
    color:#666;
}
.login-register select,
.login-register .selectArea{
    width:194px;
    margin:5px 0 0;
}
.login-register .col-2 .submit {
    margin:14px 0 0;
    background-position:0 -422px;
    width:82px;
}
.info-columns-grey {
    margin:29px 0 0;
    width:100%;
    overflow:hidden;
    background:url(../images/viva-en/bg-info-columns-grey.gif) repeat-y -660px 0;
    font-size:13px;
}
.info-columns-grey .holder {
    width:100%;
    overflow:hidden;
    background:url(../images/viva-en/bg-info-columns-grey.gif) no-repeat;
}
.info-columns-grey .bg {
    height:1%;
    overflow:hidden;
    background:url(../images/viva-en/bg-info-columns-grey.gif) no-repeat -1320px 100%;
    padding:35px 12px 17px 40px;
}
.info-columns-grey .col-1 {
    float:left;
    width:271px;
}
.info-columns-grey img {
    float:right;
    margin:0 0 0 10px;
}
.info-columns-grey h3 {
    margin:0;
    font:bold 18px/19px Tahoma, Arial, Helvetica, sans-serif;
}
.info-columns-grey p {
    margin:12px 0 14px;
    color:#666;
}
.info-columns-grey .more {
    background:url(../images/viva-en/arrow-pink-down.gif) no-repeat 100% 4px;
    padding:0 12px 0 0;
    color:#df3ea5;
}
.info-columns-grey .col-2 {
    float:right;
    width:290px;
}
.info-columns-grey .col-2 img { margin:-12px 0 0 -8px; }
.info-columns-grey ul {
    margin:0;
    padding:11px 0;
    list-style:none;
    font-weight:bold;
    word-spacing:-1px;
}
.info-columns-grey ul li {
    margin:3px 0 0;
    background:url(../images/viva-en/arrow-grey-down.gif) no-repeat 0 3px;
    padding:0 0 0 14px;
}
.info-columns-grey ul a { color:#666; }
.info-columns {
    height:1%;
    overflow:hidden;
    padding:5px 40px 4px;
    margin:29px 0 0;
    background:url(../images/viva-en/divider-info-columns.gif) no-repeat 330px 0;
    font-size:13px;
}
.info-columns h3 {
    margin:0;
    font-size:18px;
}
.info-columns .col-1 {
    float:left;
    width:270px;
}
.info-columns .col-2 {
    float:right;
    width:260px;
}
.info-columns p {
    margin:13px 0 15px;
    color:#666;
    line-height:17px;
}
.info-columns p strong {
    font-weight:bold;
    display:block;
}
.info-columns .more {
    background:url(../images/viva-en/arrow-pink-down.gif) no-repeat 100% 4px;
    padding:0 12px 0 0;
    color:#df3ea5;
}
.info-columns ul {
    margin:0;
    padding:11px 0 12px;
    list-style:none;
}
.info-columns ul li {
    margin:2px 0 0;
    background:url(../images/viva-en/arrow-grey-down.gif) no-repeat 0 3px;
    padding:0 0 0 15px;
}
.info-columns ul a { color:#666; }
/* selects drop-down */
.optionsDivInvisible,
.optionsDivVisible {
    position:absolute;
    z-index:30;
    font-size:11px;
}
.optionsDivInvisible { display: none; }
.select-center-right { display: none; }
.optionsDivVisible ul {
    margin:0;
    padding:2px;
    overflow:hidden;
    list-style:none;
    background:#fff;
    border:1px solid #e5e5e5;
}
.optionsDivVisible ul li { width:100%; }
.optionsDivVisible a {
    color:#666;
    text-decoration:none;
    display:block;
    padding:2px 7px;
}
.optionsDivVisible a:hover { background-color:#e5e5e5; }
/* footer */
#footer {
    width:100%;
    background:#f2f1f1;
    padding:0 0 10px;
}
.footer-entry {
    width:100%;
    background:#e9e8e8;
    border-bottom:2px solid #fff;
}
.footer-entry .holder {
    width:940px;
    overflow:hidden;
    margin:0 auto;
    position:relative;
    padding:20px 0 16px;
}
.footer-entry ul {
    float:left;
    margin:0 14px 0 -8px;
    padding:0;
    list-style:none;
    font-weight:bold;
}
.footer-entry ul li {
    float:left;
    background:url(../images/viva-en/sep-grey.gif) no-repeat 0 50%;
    padding:0 6px 0 8px;
}
.footer-entry ul a { color:#666; }
.footer-entry ul a:hover{
	color:#844099;
	text-decoration:none;
}
.footer-entry ul li.active a{
    color:#000;
    text-decoration:none;
}
.footer-entry p {
    float:left;
    margin:0;
    color:#999;
}
.back-top {
    position:absolute;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../images/viva-en/btn.png) no-repeat;
    width:37px;
    height:19px;
    bottom:0;
    right:0;
}
.footer-info {
    width:940px;
    margin:0 auto;
    padding:16px 0 0;
    overflow:hidden;
}
.footer-info .col-1 {
    float:left;
    width:120px;
    margin:0 10px 0 0;
}
.footer-info .col-2 {
    float:left;
    width:140px;
    margin:0 10px 0 0;
}
.footer-info .col-3 {
    float:left;
    width:140px;
    margin:0 10px 0 0;
}
.footer-info .col-4 {
    float:right;
    width:220px;
    margin:-4px 0 0;
}
.footer-info h3 {
    margin:0;
    font-size:12px;
    color:#844099;
}
.footer-info ul {
    margin:0;
    padding:0;
    list-style:none;
    font-size:11px;
}
.footer-info ul li { margin:4px 0 0; }
.footer-info ul a { color:#666; }
.footer-info ul a:hover{
	color:#844099;
	text-decoration:none;
}
.footer-info .col-4 h3 {
    color:#333;
    font-size:13px;
}
.newsletter {
    background:#fff;
    margin:4px 0 0;
    border:1px solid #e5e5e5;
    padding:0 10px 0 0;
}
.newsletter .text {
    float:left;
    background:none;
    border:none;
    width:146px;
    padding:6px 5px;
    color:#666;
    margin:0;
}
.newsletter .submit {
    float:right;
    margin:0;
    height:27px;
    background:none;
    border:none;
    font:bold 12px/27px Tahoma, Arial, Helvetica, sans-serif;
    color:#844099;
    padding:0;
    cursor:pointer;
}
.newsletter .submit:hover{color:#666;}
.social {
    width:100%;
    overflow:hidden;
    padding:28px 0 0;
}
.social ul {
    float:right;
    margin:0;
    padding:0 2px 0 0;
    list-style:none;
}
.social ul li {
    float:left;
    padding:0 8px 0 0;
    margin:0;
}
.social ul a {
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    width:28px;
    height:28px;
}
.social strong {
    float:left;
    margin:5px 0 0;
    color:#333;
    font-size:13px;
}
.social .facebook { background:url(../images/viva-en/btn.png) no-repeat 0 -19px; }
.social .twitter { background:url(../images/viva-en/btn.png) no-repeat -36px -19px; }
.social .youtube { background:url(../images/viva-en/btn.png) no-repeat -73px -19px; }
.social .rss { background:url(../images/viva-en/btn.png) no-repeat -109px -19px; }

/** newly added by ITS **/
.contact-form select,
.contact-form .selectArea{
	width:160px;
    padding:4px 5px;
	margin:0 0 0 5px;
	float:right;
}

.edit-profile-form .required {
    float:left;
    margin:7px 12px 0 0;
}

.contact-form .button-2 {
    text-align:center;
    background:url(../images/viva-en/btn.png) no-repeat -73px -73px;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 10px;**/
    width:80px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}
.contact-form .button-1 {
    text-align:center;
    background:url(../images/viva-en/btn.png) no-repeat -73px -73px;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 260px;**/
    width:80px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}

.contact-form .button-1:hover{}
.contact-form .button-2:hover{}

.edit-profile-form .button-2 {
    text-align:center;
    background:url(../images/viva-en/btn.png) no-repeat -73px -73px;
    cursor:pointer;
    border:none;
/**    margin:20px 0 0 10px; **/
    width:80px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}
.edit-profile-form .button-1 {
    text-align:center;
    background:url(../images/viva-en/btn.png) no-repeat -73px -73px;
    cursor:pointer;
    border:none;
    margin:20px 0 0 270px;
    width:80px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}

.edit-profile-form .button-1:hover{}
.edit-profile-form .button-2:hover{}

.edit-profile-form .errorNote {
    font-size:11px;
    color:red;
    margin:-1px 0 0;
}

/** onecolumn **/
#onecolumn:after {
    display:block;
    clear:both;
    content:"";
}
#onecolumn { width:100%; }

.billing-Details{
	width:599px;
	overflow:hidden;

	margin:12px 0 0;
}
/* Div Note*/
#apDiv1 {
	position:absolute;
	width:253px;
	height:63px;
	z-index:2;
	left: 507px;
	top: 623px;
}
.TitleBox{
    float:left;
    width:595px;
    margin:16px 0 0;
    color: #F0C;
    font-size:20px;
}

/** newly added **/
#footer A.expand { BACKGROUND: url(../images/viva-en/sprite.gif) no-repeat left -130px }
#footer A.expand:hover { BACKGROUND: url(../images/viva-en/sprite.gif) no-repeat -44px -130px }
#footer A.colapse { BACKGROUND: url(../images/viva-en/sprite.gif) no-repeat -88px -130px }
#footer A.colapse:hover { BACKGROUND: url(../images/viva-en/sprite.gif) no-repeat -133px -130px }

/** Old Selfcare classes **/
.form_button {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
	text-align:center;
    background:url(../images/viva-en/btn.png) no-repeat -73px -73px;
    cursor:pointer;
    border:none;
    width:80px;
    height:27px;
}

.form_text{
    padding:4px 5px;
    border:1px solid #e5e5e5;
    background:none;
    width:256px;
    margin:0 0 0 5px;
}

.CheckBoxCol{           /*Column 1 Check Box */
	width:25px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-align: center;
	vertical-align: middle;
}
.StdCol{               /*Standard Column in a table */
	width:125px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-align: center;
	vertical-align: middle;
}
.DateListSelect{     /*Date list */
	width:60px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color:#000;
}

/** Address Book Form **/
.address-book-form{padding:16px 0 0;}
.address-book-form .holder{
	width:100%;
	overflow:hidden;
	background:#f0f0f0 url(../images/viva-en/bg-billed-details.gif) no-repeat -660px 0;
	margin:10px 0 0;
}
.address-book-form .bg{
	height:1%;
	overflow:hidden;
	background:url(../images/viva-en/bg-billed-details.gif) no-repeat 0 100%;
	padding:18px 19px 7px 30px;
}
.address-book-form h3{
	margin:18px 0 0;
	color:#df3ea5;
	font-size:16px;
	padding:0 0 4px;
	border-bottom:1px solid #cdcdcd;
}
.address-book-form .button-1 {
    text-align:center;
    background:url(../images/viva-en/btn.png) no-repeat -73px -73px;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 260px;**/
    width:80px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}

.address-book-form .button-2 {
    text-align:center;
    background:url(../images/viva-en/btn.png) no-repeat -73px -73px;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 10px;**/
    width:80px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}

.address-book-form .button-4 {
    text-align:center;
    background:url(../images/viva-en/button-4.png) no-repeat;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 10px;**/
    width:100px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}

.address-book-form .button-5 {
    text-align:center;
    background:url(../images/viva-en/button-5.png) no-repeat;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 10px;**/
    width:130px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}

.address-book-form label {
    float:left;
    color:#333;
}
.address-book-form label span {
    display:block;
    color:red;
    font-size:11px;
    margin:-1px 0 0;
}

.billed-details-form .button-2 {
    text-align:center;
    background:url(../images/viva-en/btn.png) no-repeat -73px -73px;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 10px;**/
    width:80px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}
.billed-details-form .button-1 {
    text-align:center;
    background:url(../images/viva-en/btn.png) no-repeat -73px -73px;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 260px;**/
    width:80px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}

.billed-details-form .submit {
    text-align:center;
    background:url(../images/viva-en/btn.png) no-repeat -73px -73px;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 260px;**/
    width:80px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}

.billed-details-form .button-4 {
    text-align:center;
    background:url(../images/viva-en/button-4.png) no-repeat;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 10px;**/
    width:100px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}

.billed-details-form .button-5 {
    text-align:center;
    background:url(../images/viva-en/button-5.png) no-repeat;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 10px;**/
    width:130px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}

.contact-form .button-4 {
    text-align:center;
    background:url(../images/viva-en/button-4.png) no-repeat;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 10px;**/
    width:100px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}

.contact-form .button-5 {
    text-align:center;
    background:url(../images/viva-en/button-5.png) no-repeat;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 10px;**/
    width:130px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}

/** Home Page Banner End **/
.entry-cols-home:after{
    clear:both;
    content:"";
} 
.entry-cols-home {
    width:100%;
    padding:0 0 0;
}
.entry-cols-home .col-1 {
    float:left;
    width:300px;
    margin:0 30px 0 0;
}
.entry-cols-home .col-2 {
    float:right;
    width:200px;
    padding:0 0 68px;
    position:relative;
}
.entry-cols-home .col-2 .alignright {
    position:absolute;
    bottom:-8px;
    right:-48px;
}
.entry-cols-home h2 {
    font-size:16px;
    margin:0;
    padding:5px 0 0;
}
.entry-cols-home .col-3 {
    float:right;
    width:240px;
}

.entry-slideshow-1 {
    width:468px;
    position:relative;
    background:url(../images/bg-entry-slideshow.jpg) no-repeat 0 15px;
    margin:-15px -8px 0 0;
}
.entry-slideshow-1 .holder {
    overflow:hidden;
    height:241px;
    position:relative;
    width:460px;
}
.entry-slideshow-1 .slideset {
    width:99999px;
    overflow: hidden;
    margin:0;
    padding:0;
    list-style:none;
}
.entry-slideshow-1 .slideset li {
    float:left;
    width:434px;
    padding:0 26px 0 0;
}
.entry-slideshow-1 img { float:left; }
/** Home Page Banner End **/

/** Liferay classes **/
.aui-fieldset {}

.aui-form .loginTitle{
    background:url(../images/viva-en/txt.png) no-repeat;
    width:72px;
	height:20px;
}


.portlet-layout, .aui-w70,
.portlet-dropzone, .portlet-column-content, .portlet-column-content-first, .portlet-column-content-only,
.portlet-boundary, .portlet-boundary_56_,  .portlet-static, .portlet-static-end, .portlet-journal-content 
{
    margin:0;
    padding:0;
    border-style:none;
}

.asset-abstract,
.asset-content,
.asset-summary,
.asset-more,
.asset-metadata  /**,.portlet-borderless-container **/
{
}

/**
.post-list .holder .asset-abstract{
}
.post-list .holder .asset-abstract .date{font:12px/12px Tahoma, Arial, Helvetica, sans-serif;}
.post-list .holder .asset-abstract .asset-content .asset-summary h2{
	margin:0 !important;
	font-size:12px !important;
	color:#333;
}
.post-list .holder .asset-abstract .asset-content .asset-summary p{
	margin:4px 0 5px !important;
	font:12px/13px Arial, Helvetica, sans-serif !important;
	word-spacing:-1px;
}
.post-list .holder .asset-abstract .asset-content .asset-summary .more{font-size:13px;}
*/

.verisign{
    border-style:none;
	float:right;
}

/****** CR - Prepaid MBB Activation ********/
.round_corner_content_full {
	width:890px;
	height:100%;
	margin:5px 0 0;
	background:#f0f0f0 url(../images/viva-en/content_header_full.png) no-repeat;
	padding:28px 23px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.header-info {
	width:600px;
	overflow:hidden;
	background:#fff url(../images/viva-en/bg-billed-details.gif) no-repeat -1320px 0;
	margin:12px 0 0;
}
.header-info .frame {
	height:1%;
	overflow:hidden;
	background:url(../images/viva-en/bg-billed-details.gif) no-repeat -1919px 100%;
	padding:14px 31px 11px 20px;
}
.header-info .col-1 {
	float:left;
	width:220px;
}
.header-info .col-2 {
	float:right;
	width:280px;
}
.header-info dl {
	margin:0;
	font-size:13px;
}
.header-info dt {
	float:left;
	width:100px;
	margin:0 5px 0 0;
	font-weight:bold;
}
.header-info dd {
	display:block;
	height:1%;
	overflow:hidden;
	margin:0;
	padding:0 0 6px;
}
.header-info table {
	width:100%;
	border-collapse:collapse;
}
.header-info table td {
	height:32px;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	border-bottom:1px solid #e5e5e5;
}
.header-info table .cell-1 {width:120px;}
.header-info .total td {border-bottom:none;}
.header-info .total .cell-2 {color:#df3ea5;width:80px;}
.header-info table .cell-3 {width:100px;}
.header-info table .cell-4 {color:#df3ea5;width:140px;}

.billed-details-form .refresh-bt {
	text-align:center;
	background:url(../images/viva-en/refresh_button.png) no-repeat;
	cursor:pointer;
	border:none;
	width:121px;
	height:34px;
	letter-spacing:-1px;
	padding:1px 0px 5px 0;
	color:#844099;
	float:right;
}
.billed-details-form select {
	float:left;
	width:65px;
	margin:0 5px 0 0;
}
.billed-details-form .available_bundle {
	width:277px;
	height:452px;
	background:#fff url(../images/viva-en/available_bundle.png) no-repeat;
	margin:12px 0 0;
	float:right;
}
.billed-details-form .button-6 {
    text-align:center;
    background:url(../images/viva-en/button-6.png) no-repeat;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 10px;**/
    width:130px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 0 0 0;
    color:#844099;
}

.internet-info .row {
	width:100%;
	padding:19px 0 0;
	position:relative;
}
.internet-info label {
	float:left;
	width:220px;
	color:#333;
}
.internet-info label span {
	display:block;
	color:red;
	font-size:11px;
	margin:-1px 0 0;
}
.internet-info .text, .internet-info textarea {
	float:right;
	padding:4px 5px;
	border:1px solid #e5e5e5;
	background:none;
	width:256px;
	margin:0 0 0 5px;
}
.internet-info .required {
	float:right;
	margin:7px 0 0;
}
.internet-info textarea {
	overflow:auto;
	max-width:256px;
	height:92px;
}
.internet-info .submit {
	display:block;
	overflow:hidden;
	text-align:center;
	/**background:url(../images/btn.png) no-repeat -73px -73px;**/
	background:url(../images/viva-en/button-4.png) no-repeat;
	cursor:pointer;
	border:none;
	/**margin:20px 0 0 260px;**/
    width:100px;
	height:27px;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	padding:0 12px 1px 0;
	color:#844099;
}
.internet-info .submit:hover {
}
.internet-info .tooltip {
	position:absolute;
	top:2px;
	right:-164px;
	background:url(../images/viva-en/bg-form-tooltip.png) no-repeat;
	width:125px;
	height:75px;
	padding:13px 18px 0 27px;
	font-weight:bold;
	color:#fff;
	z-index:1;
	display:none;
}
.internet-info .active .text,
.internet-info .active textarea {border-color:#b7b7b7;}
.internet-info .active .tooltip {display:block;}
.internet-info .error .text,
.internet-info .error textarea {border-color:#c00;}
.internet-info .error .tooltip {background-position:0 -88px;}

.internet-detail {
	width:277px;
	overflow:hidden;
	background:#fff url(../images/viva-en/bg-internal-details.gif) no-repeat;
	margin:12px 0 0;
	float:right;
}
.internet-detail .frame {
	height:1%;
	overflow:hidden;
	background:url(../images/viva-en/bg-billed-detailsX.gif) no-repeat 0px 100%;
	padding:14px 31px 11px 20px;
}
.internet-detail .col-1 {
	float:left;
	width:260px;
}
.internet-detail .col-2 {
	float:right;
	width:240px;
}
.internet-detail .col-3{
	float:left;
	width:260px;
	overflow: auto;
	height:150px;
}
.internet-detail .status-message { /**changed**/
	/*background: #F4FDEF url(../images/messages/success.png) no-repeat 6px 50%;*/
	color: #384F34;
	display: block;
	padding: 16px 6px 6px 0px;
}
.internet-detail dl {
	margin:0;
	font-size:13px;
}
.internet-detail dt {
	float:left;
	width:101px;
	margin:0 5px 0 0;
}
.internet-detail dd {
	display:block;
	height:1%;
	overflow:hidden;
	margin:0;
	font-weight:bold;
	padding:0 0 6px;
}
.internet-detail table {
	width:100%;
	border-collapse:collapse;
}
.internet-detail table td {
	height:32px;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	border-bottom:0px solid #e5e5e5;
}
.internet-detail table .cell-1 {width:160px;}
.internet-detail table .cell-2{width:80px;font:normal 10px Tahoma, Arial, Helvetica, sans-serif;}
.internet-detail .total td {border-bottom:none;}
.internet-detail .total .cell-2 {color:#df3ea5;}

#progressbarr1 {
	background-image:url(../images/viva-en/progressbar.gif);
	background-repeat:repeat-x;
	border-radius: 13px; /* (height of inner div) / 2 + padding */
	padding: 3px;
	width:200px;
}
#progressbarr1 div {
	background-image:url(../images/viva-en/progressbar-div.gif);
	background-repeat:repeat-x;
   height: 30px;
   border-radius: 10px;
}
.progressbarr1-text {position:static;margin-top:-2em;text-align:center;display:block;line-height:1em;padding-left:1px;padding-right:60px;}

/*
#progressbar div{ 
	border-radius: 6px; 
	border: 1px solid #aaaaaa; 
	background: #b20a5d url(../images/viva-en/progress-bar.png) 50% 50% repeat-x; 
	color: #222222; 
	font-weight: bold; 
}
#progressbar.ui-progressbar {position:relative;height:2em;}
#progressbar span {position:static;margin-top:-2em;text-align:center;display:block;line-height:2em;padding-left:10px;padding-right:10px;}
#progressbar[aria-valuenow="0"] span {margin-top:0px;}​
*/
#progressbar {
	background:url(../images/viva-en/progressbar.gif) repeat-x;
	border-radius: 10px; /* (height of inner div) / 2 + padding */
	padding: 3px;
	width:200px;
}

#progressbar div{ 
	background:url(../images/viva-en/progressbar-div1.gif) repeat-x;
	height: 26px;
	border-radius: 8px;
}
#progressbar.ui-progressbar {position:relative;height:2em;}
#progressbar span {position:static;margin-top:-2em;text-align:center;display:block;line-height:2em;padding-left:10px;padding-right:10px;}
/* #progressbar[aria-valuenow="0"] span {margin-top:0px;} */

/*****************/
.internet-info-1 .holder:after{
    display:block;
    clear:both;
    content:"";
}
.internet-info-1{width:100%;height:310px;}
.internet-info-1 h2{
	margin:0 12px 0 0 !important;
	color:#666;
	position:relative;
}
.internet-info-1 h3{
	margin:12px 0 0;
	font-size:16px;
}
.internet-info-1 .holder{
	width:100%;
	padding:40px 0 0;
}
.internet-info-1 .alt{padding:10px 0 0;}
.internet-info-1 .alter{
	padding:0;
	margin:-10px 0 0;
}
.internet-info-1 .holder.alter .alignleft{margin:0 30px 0 0 !important;}
.internet-info-1 .holder.alternative{padding:5px 0 0;}
.internet-info-1 .holder.alternative h3{margin:27px 0 0;}
.internet-info-1 .holder.alternative .alignleft{margin:35px 20px 0 -25px !important;}
.internet-info-1 .holder.alternative .alignright{margin:50px 0 0 -50px !important;}
.internet-info-1 .holder .alignleft{margin:-10px 30px 0 10px !important;}
.internet-info-1 .holder .alignright{margin:-30px 10px 0 50px !important;}
.internet-info-1 .holder p{margin:4px 0 0 !important;}
.internet-info-1 .box{padding:20px 0 0;}
.internet-info-1 .box .alignleft{margin:5px 19px -10px 0 !important}
.internet-info-1 .row {
    width:100%;
    padding:19px 0 0;
    position:relative;
}
.internet-info-1 label {
    float:left;
    width:220px;
    color:#333;
}
.internet-info-1 label span {
    display:block;
    color:red;
    font-size:11px;
    margin:-1px 0 0;
}
.internet-info-1 .text,
.internet-info-1 textarea{
    float:right;
    padding:4px 5px;
    border:1px solid #e5e5e5;
    background:none;
    width:256px;
    margin:0 0 0 5px;
}
.internet-info-1 .required {
    float:right;
    margin:7px 0 0;
}
.internet-info-1 textarea {
    overflow:auto;
    max-width:256px;
    height:92px;
}
.internet-info-1 .submit {
    display:block;
    overflow:hidden;
    text-align:center;
    /**background:url(../images/btn.png) no-repeat -73px -73px;**/
	background:url(../images/viva-en/button-4.png) no-repeat;
    cursor:pointer;
    border:none;
    /**margin:20px 0 0 260px;**/
    width:100px;
    height:27px;
    font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    padding:0 12px 1px 0;
    color:#844099;
}
.internet-info-1 .submit:hover{}
.internet-info-1 .tooltip {
    position:absolute;
    top:2px;
    right:-164px;
    background:url(../images/viva-en/bg-form-tooltip.png) no-repeat;
    width:125px;
    height:75px;
    padding:13px 18px 0 27px;
    font-weight:bold;
    color:#fff;
    z-index:1;
    display:none;
}
.internet-info-1 .active .text,
.internet-info-1 .active textarea{border-color:#b7b7b7;}
.internet-info-1 .active .tooltip { display:block; }
.internet-info-1 .error .text,
.internet-info-1 .error textarea{border-color:#c00;}
.internet-info-1 .error .tooltip { background-position:0 -88px; }

.lb_table:after
{
	display:block;
	clear:both;
	content:"";
}
.lb_table
{
	height:1%;
	position:relative;
	margin:28px 0 0;
	/**background:url(../images/viva-en/bg-lb-table.gif) no-repeat -471px 100%;**/
	padding:0 3px 3px 3px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	color:#ffffff;
}
.lb_table table{
	width:100%;
	*border-collapse: collapse; /* IE7 and lower */
	margin:8px 0 0;
	border-color:#ffffff
}
.lb_table th{
	margin:0;
	padding:0;
	text-align:center;
	border-bottom:1px solid #c8a5d3;
	background:#602371;
	color:#ffffff;
	height:30px;
}
.lb_table th:first-child {
	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	-khtml-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
}
.lb_table th:last-child {
	-moz-border-radius: 0 10px 0 0;
	-webkit-border-radius: 0 10px 0 0;
	-khtml-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;
}
.lb_table th:only-child{
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.lb_table td{
	margin:0;
	padding:0;
	height:28px;
	border-bottom:1px solid #ffffff;
	background:#b00065;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
}

.lb_table tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -khtml-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px;
}

.lb_table tr:last-child td:last-child {
    -moz-border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    -khtml-border-radius: 0 0 10px 0;
    border-radius: 0 0 10px 0;
}

.popup-1 {
	position:absolute;
	top: -99999px;
	left: -99999px;
	width:750px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	border:5px solid #757575;
	background:#ffffff;
}
.popup-1.wide{width:591px;}
.popup-1.wide .t{background-position:-1413px 0;}
.popup-1.wide .c{background-position:-2004px 0;}
.popup-1.wide .b{background-position:-2595px 0;}
.popup-1 .t {
	/*background:url(/viva-guest-1.4/images/viva-en/bg-popup-1.png) no-repeat -440px 0px;*/
	height:19px;
	overflow:hidden;
	background:#fffff;
}
.popup-1 .c {
	/*background:url(/viva-guest-1.4/images/viva-en/bg-popup-1.png) repeat-y -471px 0;*/
	height:1%;
	overflow:hidden;
	padding:10px 28px 0;
	position:relative;
}
.popup-1 .b {
	/*background:url(/viva-guest-1.4/images/viva-en/bg-popup-1.png) no-repeat -942px 0;*/
	height:19px;
	overflow:hidden;
}

/* Scroll Bar Master Styling Starts Here */
/* comments can freely be removed from this file */

/* do not modify .scrollgeneric class, required for proper operation */
.scrollgeneric {
line-height: 1px; font-size: 1px;
position: absolute; top: 0; left: 0;
}

.vscrollerbase, .vscrollerbar {
width: 15px;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
/* z-index for scrollbars no longer has to be given as of version
1.7.5 for correct operation, but it is still recommended, as this
decides the z-index for content.*/
z-index: 2;
}
.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(../images/viva-en/vscroller.png) 0px -10px;
width: 15px;
/* height is auto set by the script to fit the scrollbar */
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(../images/viva-en/vscroller.png);
width: 15px; height: 10px;
}

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {
background-color: #D1DDCB;
background-image: url(../images/viva-en/scrollbaseback.png);
}

.vscrollerbasebeg {
width: 15px;
background: url(../images/viva-en/scrollbases.png) -7px -8px no-repeat;
/* height is auto set to fill the base */
}

.vscrollerbaseend {
height: 7px; width: 15px;
background: url(../images/viva-en/scrollbases.png) -7px 0px no-repeat;
}

.scrollerjogbox {
width: 15px; height: 15px;
top: auto; left: auto; bottom: 0px; right: 0px;
background: white url(../images/viva-en/scrolljog.png) 50% 50%;
}
/* Scroll Bar Master Styling Ends Here */
/*Page related styles for you to view*/
#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 205px;
	height: 100px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #FBFBFB;
	margin-top:5px;
	padding: 10px;
}
.bundletable{
	direction:ltr;
}

.refresh_btn
{
	padding:10px 0px 0px 50px;
}

/********** Exception Page ***********/
/* Warp around everything */
#warp {
	margin: 0 auto;
	margin-top: 0px;
	font-family: Helvetica;
	text-align: left;
}

/* Content div */
#contentExp {
	float:left;
	width: 940px;
}

/* The info text */
#text {
	margin: 60px 0px 40px 60px;;
	width: 330px;
	/* IE margin fix */
	display: inline;
}

/* The info text P */
#text p {
	margin-top: 30px;
	font-size: 14px;
	line-height: 20px;
	color: #292929;
}

/* The links list */
#text ul {
	margin-top: 30px;
	margin-left: 0px;
	list-style: none inside;
	font-size: 12px;
	font-weight: bold;
	font-size: 15px;
}

/* The list items */
#text li {
	padding: 5px 0px;
	margin: 0;
}

/* The links */
#text a {
	color: #b93888;
	text-decoration: none;
}

/* Link hover */
#text a:hover {
	text-decoration: none;
}

/* The book icon */
#book {
	float: right;
	width: 472px;
	height: 332px;
	

}

/************ Exception Page End *********/

/* ---------- Help messages, general additional information, etc. ---------- */

.portlet-msg-info {
	background: #DFF4FF url(../images/messages/info.png) no-repeat 6px 50%;
	border: 1px solid #A7CEDF;
	color: #34404F;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

/* ---------- Error messages ---------- */

.portlet-msg-error {
	background: #FDD url(../images/messages/error.png) no-repeat 6px 50%;
	border: 1px solid #F00;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

/* ---------- Warning messages ---------- */

.portlet-msg-alert {
	background: #FFC url(../images/messages/alert.png) no-repeat 6px 20%;
	border: 1px solid #FC0;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

/* ---------- Success messages ---------- */

.portlet-msg-success {
	background: #F4FDEF url(../images/messages/success.png) no-repeat 6px 50%;
	border: 1px solid #ACDFA7;
	color: #384F34;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

.asset-content{
	margin-left: 0px;
}