/*=== VODAFONE CSS VERSION: 1.4=== */

/*======NBA-MODULE===============*/
/*======Horizontal module==========*/
.mod3Col .nba-new .nba-container{
background:#fff;
position:absolute;
width:545px;
left:11px;
top:-1px;      
height:auto;
min-height:81px;
_height:81px;
float:left;
}
.mod3Col .nba-container #container {
width:544px;
}
.mod3Col .nba-new{z-index:70;}
#nbaFrame{		
position:absolute;
width:540px;
z-index:0;		
display:none;
left:0px;
top:20px;  
}
.mod3Col .nbaTop{
background-image: url('../img/3col-nba-top.gif');
height:11px;
width:573px;
}
.mod3Col .nbaFooter{
background-image: url('../img/3col-nba-footer.gif');
height:17px;
width:573px;
margin-bottom:10px;
}
.mod3Col .nba-new{
background-image: url('../img/3col-nba-border.gif');
height:100px;
width:573px;
position:relative;
}
.mod3Col .nba-new .nba-container a.prev{
display:none;
position:absolute;
top:32px;
left:-6px;
background: url("../img/buttons/nbaHorizontal_back.gif") no-repeat left top;
}
.mod3Col .nba-new .next  {
display:none;
position:absolute;
top:32px;
left:535px;  
background: url("../img/buttons/nbaHorizontal_next.gif") no-repeat left top; 
}
.mod3Col .nba-new  a.prev:hover,.mod3Col .nba-new  a.next:hover{
background-position:0 bottom;
} 
.deepPurple{
color:#732978;
}    
.nba-container h1, h1.tipTitle {
font-size:1.45em;
font-weight:bold;
margin-bottom:5px;
} 
.mod3Col .nba-text {
padding:0 0px 0 24px;
}
.nba-text p {line-height:1.14em; margin:0 0 4px 0; }
.nba-container #carousel {top:-7px;}
#carousel ul.bullet li{
width:470px;
padding:0;  
float:none;
overflow:visible;
}
.mod3Col  .nba-list li{
width:544px;
padding: 0;   
}
.h-header{
padding-left: 18px;   
}
.btns {
	padding-right:16px;
	}
.nba-text a{font-size:11px;}
.mod3Col .nba-container ul.link_list3Col li{width:484px;padding:0; }
.mod3Col .nba-container  ul.link_list3Col{width:484px;}
.nba-new .modHeightLow{overflow:visible;}
.icon-dim,.icon-dim a{
width:22px;
height:22px;
float:left;}
a.btnPlusPurple {
background: url("../img/buttons/plus-deepPurple.gif") no-repeat left -2%;
padding:0 0  0 20px ;
}
a.btnPlusPurple:hover,a.btnMinusPurple:hover{
background-position: 0 92%;  
} 
a.btnMinusPurple {
background: url("../img/buttons/minus-deepPurple.gif") no-repeat left -2%;
padding:0 0  0 20px ;
}
.nba-container a:hover{color: #732978; }
.purple{color: #732978; }
.purpleBox{
color: #732978;
font-size:13px;
font-weight:normal;
background:#ede3ee;
font-weight:bold;
padding:10px 8px;
margin: 20px 0 0 16px;
}
a.purple:hover{color:#333;}
.nbaContent h1{font-weight:normal;font-size:21px;}
.setBorder{border:1px solid #ccc; border-top:0;}
.noBorder{border:0;}
/*========== VERTICAL MODULE =============*/
.mod1Col .nba-new .nba-container{
background:#fff;
width:180px;
height:247px; 
margin-left:3px;
_margin-left:2px;
float:left
}
.mod1Col .nba-container #container {
width:180px;
}
.mod1Col .nba-container #carousel li{
width:177px;
padding: 0px 1px 0px 2px;  
height:232px; 
}
.mod1Col .nba-new  .modHeight282{height:282px;}
.mod1Col .nbaTop{
height:7px;
background-image: url("../img/1col-nba-top.gif");
width: 191px;
float:left;
}
.mod1Col .nbaFooter{
height:28px;
background-image: url("../img/1col-nba-footer.gif");
width: 191px;  float:left;
}
.mod1Col .nbaFooter div{
margin-left:46px;
padding-top:5px;
}
.mod1Col .nba-text{padding:0 2px;}
.mod1Col .nba-new  .modBody{
background-image: url("../img/1col-nba-border.gif");
width:191px;
}
.mod1Col .nba-new  a.prev {
background: url("../img/buttons/nbaVertical_back.gif") no-repeat left top; 
}
.mod1Col .nba-new  a.next  {
background: url("../img/buttons/nbaVertical_next.gif") no-repeat left top; 
}
.mod1Col .nba-new  a.prev:hover, .mod1Col .nba-new  a.next:hover{
background-position:0 102%;
} 
.btns a {margin-top:6px}
.marginRight {margin-right:10px;}
.marginLeft {margin-left:12px;}
.imgMargin{margin-left:15px;margin-bottom:15px;}
/*========== TIPS MODULE =============*/
.tips-cont .modCopy{width:531px;}
.tips-cont   ul.link_list3Col li{width:508px;}
.tips-cont  ul.link_list3Col{width:508px;}
.tips-cont p{margin: 8px 0;line-height:1.14em;}
/*====================================*/

/*================= START DASHBOARD STYLES ====================*/  

a.closedash {background: url("../img/buttons/close_dash.gif") no-repeat bottom right ; width:50px; float:right; margin:0 5px 0 0; color:#d4b0cd}
a:hover.closedash {background: url("../img/buttons/close_dash_hover.gif") no-repeat bottom right ; width:50px; float:right; margin:0 5px 0 0; color:#fff; text-decoration:underline}
.dashunderline a:hover{ text-decoration:underline; color:#9c3c9c;}
.showdivlinks{
	width:119px;
	height:55px;
	position:absolute;
	float:left;
	right:49px;
	z-index:200;
	background-color:#803e80;
	padding:4px;
	top:67px;
}
.dropmenudash{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 117px; /* width of menu */
}
.dropmenudash li{
	color: #fff;
	margin:0px;
	padding:0px;
}
.dropmenudash li a{
	font: normal 11px  arial;
	color: #fff;
	width: auto;
	text-decoration: none;
	padding:0 0 0 2px;
	text-decoration:underline;
	margin:0px;
}
.dropmenudash li a:visited, .dropmenudash li a:active{
	color: #fff;
}
.dropmenudash li a:hover{
	color: white;
	text-decoration:none;
}
h1.deepPurpledash {
	color: #732978;
	font-size:1.45em;
	font-weight: normal;
	line-height:1.1em;
	padding-top:5px;
}
.user_number{ color:#999999; font-weight:bold; font-size:12px;}
.dashbackground {
	background: url(../img/Dashboard_MainFrame_Background.gif) repeat;
	width:184px;
	margin-left:4px;
	min-height:434px;
	*min-height:440px;
}
* html dashbackground {height:439px;}

a.arroropen_ben {background: url("../img/buttons/Dashboard_arror_open.gif") no-repeat 115px; width:130px; float:left; padding-top:0px; padding-bottom:3px;}
.benback_light{
	background: url("../img/ben_background.gif") no-repeat center;
	width:126px;
	height:18px;
	padding:1px 0 0px 4px;
	font-size:10px;
	margin-top:2px;
	margin-bottom:6px;
    *margin-bottom:0px;
	_margin-bottom:1px;
	z-index:100;
 }
.dashboard_separation {
	background: url(../img/separation_dash.gif) no-repeat;
	height: 6px;
	width: 176px;
	float:left;
	_margin-bottom:-6px;
}
.dashboard_mobile_settings {
	float: left;
	width: 175px;
}
.dashboard_mobile_border {
	background: url(../img/mobile_setting_back.gif) no-repeat;
	float: left;
	height: 73px;
	width: 40px;
	padding:5px 0 0 8px;
	margin:0 3px 3px 0;
}
.dashboard_mobile_info {
	float: right;
	width: 120px;
	padding-top:13px;
}
.dashboard_list_link {
	float: right;
	width: 117px;
	margin:8px 3px 0 0;
}
.dashboard_Prepaid{
	padding:5px 0 5px 0;
	_padding-top:0px;
	font-weight:bold;
	float:left;
	color:#732a72;
}
.dashFooter{
	float:left;
	width: 144px;
	height:23px;
	background-color:#dbbcd5;
	padding:3px 0 0 40px;
	_padding:1px 0 0 40px;
}
.dashboard_offer_info {
	float: left;
	width: 180px;
	padding:2px 0 0 4px;
}
.dashboard_offer_info img{
	margin-left:2px;
}
.dashboard_offer_info p{
	font-size:12px;
	font-weight:bold;
	padding:0 3px 0 5px;
	margin:0 0 2px 0;
}
.dashboard_offer_info span{
	color:#722c74;
}
.dashboard_offer_info a{
	padding-left:5px;
}
.dash-offers-top
{
	float:left;
	height:8px;
	width:184px;
	background:  url(../img/dashboard_offers_top.gif) no-repeat;
	_margin-bottom:-6px;
	_margin-top:2px;
}
.dash-offers-middle
{
	float:left;
	width:184px;
    background: url(../img/dashboard_offers_middle.gif) repeat-y;
}
.dash-offers-middle #container
{
	width: 184px;
	overflow:hidden;
	position:relative;
	min-height:155px;
	*min-height:161px;
}
* html .dash-offers-middle #container {height:157px;}
.dash-offers-bot
{
	float:left;
	height:3px;
	width:184px;
	background:  url(../img/dashboard_offers_bottom.gif) no-repeat;
	_margin-bottom:-11px;
}
.mod1Col .dashFooter  a.prev {
background: url("../img/buttons/vertical_arrow_dashboard_next.gif") no-repeat left top; 
}
.mod1Col .dashFooter  a.next  {
background: url("../img/buttons/vertical_arrow_dashboard_prev.gif") no-repeat left top; 
}
.mod1Col .dashFooter  a.prev:hover,.mod1Col .dashFooter  a.next:hover{
background-position:0 104%;
} 
.loadingDashP1
{
	text-align:center;
	margin:5px 6px 5px 0px;
}
.loadingDashP2
{
	text-align:center;
	height:158px;
	_height:153px;
	margin-top:10px;
}
.dashmodcopy{
padding:0 0 0 6px;
}

/*-----------------Ben je iemand anders?-----------------*/
.benjemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.benjemenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.benjemenu ul li a{
display: block;
padding: 1px 0 0 0;
background-color:#7f3d7f;
text-decoration: none;
color: black;
}	
/*1st sub level menu*/
.benjemenu ul li ul{
left: 2px;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}
.benjemenu ul li a:hover{
color: black;
text-decoration:none
}
/*Sub level menu list items (undo style from Top level List Items)*/
.benjemenu ul li ul li{
display: list-item;
float: none;
background-color:#7f3d7f;
}
/*All subsequent sub menu levels offset after 1st level sub menu */
.benjemenu ul li ul li ul{ 
left: 131px; /* no need to change, as true value set by script */
top: 0;
}
/* Sub level menu links style */
.benjemenu ul li ul li a{
display: block;
width: 122px; /*width of sub menu levels*/
color: white;
text-decoration: underline;
padding: 1px 0 3px 5px;
}
.benjemenu ul li ul li a:hover{
color:white;
}
/*Background image for top level menu list links */
.benjemenu .mainfoldericon{
background:  url(../img/buttons/Dashboard_arror_open.gif) no-repeat 115px;
}
* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}	
/* Holly Hack for IE \*/
* html .benjemenu ul li { float: left; height: 1%; }
* html .benjemenu ul li a { height: 1%; }
/*========= End dashboard styles ======*/ 
/*==========Google_MINI===============*/
#quickSearch{		
position:absolute;
top:20px;
right:50px;
border:1px solid #ccc;
z-index:3000;
width:260px;
display:none;
background:#fff;
}
#quickSearch li,.resultSearch li{		
overflow:hidden;
clear:both;
padding:5px;		
_height:1%;
}
#quickSearch .modHeader{
margin:0;
}
#quickSearch .modHeader a{
float:left;
padding:0;
}
#quickSearch img{
width:40px;
padding-right:5px;
}
#quickSearch .btnDelete{
position:absolute;
top:-24px;
right:2px;
width:14px;
}
#searchFrame{		
position:absolute;
top:15px;
right:50px;
height:auto;
width:262px;		
z-index:2;		
display:none;
height:150px;
}
.resultSearch h3{
font-weight:bold;
}
.resultTitle{
padding-bottom:10px;
}
/*========== end Google_MINI===========*/	
/*==========Added Self Care =======*/
.paddngtopself{ margin:35px 0 0 10px;}
.voucher_container{ padding:14px 60px 0px 72px;_padding-right:0}
.voucher_container span{ padding-left:7px;}
.voucher_container label{ padding-top:80px;}
.voucher_container input{ width:165px;}
.voucher_warningMessage{margin:1px;}
.voucher_container_arrow{ padding:60px 0 0 4px;}
.voucher_container_arrow1{ padding:95px 0 0 8px;}
.voucher_Purple{font-size:24px; color:#732b73; padding:63px 0 0 4px;}
.voucher_Purple_serial{font-size:24px; color:#732b73; padding:13px 0 0 4px;}
.voucher_serial{font-size:11px; font-weight:normal; color:black; padding:7px 0 0 5px;}
.voucher_serial_final{font-size:11px;color:black; padding:80px 30px 0 0px;}
.voucher_black_price{font-size:18px;color:black;padding:17px 0 0 0;}
/*==========End Self Care =======*/
.normal{color:#333;}
/*========== BEGIN SoyM===========*/	
.paginationstyle{ /*Style for demo pagination divs*/
text-align: center;padding: 2px 0;
margin: 10px 0;
width:560px;
}
.paginationstyle a img{
margin-top:5px
}
#sliderContent { width:550px; margin:auto; padding-bottom:10px;}
.viewer { width:537px; height:300px; margin:0 auto 20px; padding:1px; overflow:hidden; position:relative; border:1px solid #898989;padding-bottom:30px; }
.content-conveyor { width:510px; height:335px; position:relative; }
.item { width:537px; float:left; margin-top:20px;  }
.ui-slider{
margin-bottom:20px; 
background:#ccc; 
float:left; 
margin-left:3px; 
margin-top:2px; 
position:relative;
margin-right:3px;
background:url(../img/sliderBg.gif) no-repeat;
width:487px;
height:15px;
}
#slider a.ui-slider-handle{
color:#fff; 
padding-top:7px; 
width:98px; 
right:190px; 
height:22px; 
position:absolute; 
margin-top:-6px;
background:url(../img/sliderBtn.gif) no-repeat;
text-decoration:none;
}
.ui-slider-handle:hover, .ui-slider-handle:visited{
color:#fff
}
.prevSlid,.nextSlid{
float: left;
width:29px;
height:18px;
cursor:pointer;
}
.prevSlid{
background:url(../img/backward.gif) left no-repeat;
}
.nextSlid{
background:url(../img/forward.gif) left no-repeat;
}
.prevSlid.disabled{
background:url(../img/backwardDis.gif) left no-repeat;
cursor:auto;
}
.nextSlid.disabled{
background:url(../img/forwardDis.gif) left no-repeat;
cursor:auto;
}
/*========== END SoyM=============*/