@charset utf-8;
* { outline:medium none; margin:0; padding:0; }
.hide{display:none;}
.contentgrid { clear:both; display:block; padding-top:15px; width:960px; margin:auto; }
.left { float:left; }
.right { float:right !important; }
.clear { clear:both; height:0; font-size:0; line-height:0; overflow:hidden; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { zoom: 1; display:block;}
* html .clearfix {overflow:hidden;}
ol,ul {list-style:none;}
a:link,a:visited,a:hover,a:active {color:#525252;text-decoration:underline;}
img {border:0;}
body {background:#f4f4f4;color:#525252;font:69%/1.4 Arial, Helvetica, sans-serif;}
h1 {font-size:0;height:0;line-height:0;text-indent:-9999px;}
h2 {color:#333;font-size:1.54em;padding:6px 0 9px;}
h3 {color:#525252;font-size:1.178em;}
#top-nav {width:951px;}
#top-nav ul#menu {width:952px;height:59px;float:left;list-style-type:none;background:#f80000 url(../../../images/vf/gateway/menu_bg.gif);margin-left:-1px;position:relative;}
ul#menu li {float:left;text-align:center;height:58px;margin-top:1px;}
ul#menu li.logo {width:70px;}
#top-nav .logo img {display:block;float:left;padding:9px 15px;}
.banner {margin-top:10px;height:377px;position:relative;}
.selectcircle {width:270px; font:normal 12px Arial, Helvetica, sans-serif;color:#525252;height:25px;padding:2px 3px;}
.homebottombutton { padding-bottom:10px; padding-top:10px; padding-left:10px; padding-right:10px;}
.modrightspace {margin-right:8px;}
a.buttonLight, a.buttonDark, a.buttonGreen, a.buttonLoggedIn { padding-left: 12px; display: block; float: left; text-decoration: none; }
a.buttonLight span{ height: 26px; padding: 7px 12px 0 0; display: block; font-weight: bold; cursor: pointer; float: left; white-space: nowrap}
a.buttonLight:link,a.buttonLight:visited,a.buttonLight:hover,a.buttonLight:active 
{ background:url(../images/btn_lightgrey_sprite.gif) right top no-repeat; color:#525252;}
a.buttonLight span { background:url(../../../images/vf/gateway/btn_lightgrey_sprite.gif) right top no-repeat; height:26px; display:block; font-weight:700; cursor:pointer; float:left; white-space:nowrap; padding:7px 12px 0 0; }
a.buttonLight:hover {background:url(../../../images/vf/gateway/btn_lightgrey_sprite.gif) left -40px no-repeat; color:#525252!important; }
a.buttonLight:hover span { background:url(../../../images/vf/gateway/btn_lightgrey_sprite.gif) right -40px no-repeat; }
a.buttonLight {padding-left:0px; display:block; float:left; text-decoration:none!important; }
a.buttonLight span{ padding-left:10px;}
ul.grey-arrow-content-list { float:left; padding-bottom:13px; }
ul.grey-arrow-content-list li { background:#fff url(../../../images/vf/gateway/grey_arrow.gif) 2px center no-repeat; padding:0 0 0 13px; }
ul.grey-arrow-content-list li a { line-height:20px; text-decoration:none!important; }
.modHomefooter { padding-bottom:10px; }
a:hover,a:focus,a:active,.modHomeColumn h2 a:hover { color:#bd0000;}
.contentgrid { clear:both; display:block; margin:auto; padding-top:10px; width:960px; }
.nineColumn { float: left; width: 720px; }
.nineColumnMultipleContainer { float: left; width: 720px; }
.threeColumn { float: left; width: 240px; }
.modoneCol { float:left; width:360px; }
.modBody { clear:both; margin:0; position:relative; }
.modoneCol .modHeader { background:url(../../../images/vf/backgrounds/columnHeaderLight.gif) no-repeat scroll left top #DDDDDD; height:43px; }
modoneCol .modHeader h2 { width:330px;}
.modHeader h2 { text-indent:10px; }
.modHeader h2 a, .modHeader h2 a:visited, .modHeader h2 a:hover, .modHeader h2 a:active { color: #33232; text-decoration: none; font-weight: bold; }
.modHeader h2 a:hover { color: #bd0000; }
.modoneCol .modBody { width: 339px; background: #fff url(../../../images/vf/backgrounds/columnBorder.gif) left top repeat-y; padding: 0 17px 0 4px;}
.modoneCol .modFooter { background:url(../../../images/vf/backgrounds/columnFooter.gif) left top no-repeat; width: 360px; height: 12px; }
.modoneCol .modCopy { width: 340px; }
.modoneCol .modHeader h2 { width: 330px; font-weight:bold; }
#banner { position:relative; }
.banerslideShow { background:url(../../../images/vf/backgrounds/banerRightbg.gif) right top no-repeat; width:952px !important; height:275px;}
.banerBottom { background:url(../../../images/vf/backgrounds/banerBotbg.gif) left top no-repeat; width:952px; height:20px; }
.baner-show-image { display:none }
.banner-image { display:block; padding:0 0 0px; }
#banner .nav { background:url(../../../images/vf/backgrounds/navbanerbg.gif) left top no-repeat; height:20px; padding:3px 5px 0px 10px; }
#landing-baner { position:absolute; z-index:50; right:56px; width:175px; margin-top:15px; }
.closebaner { position:absolute; right:26px; display:block; width:20px; height:20px; z-index:50; margin-top:20px; }
a.openbaner { background:url(../../../images/vf/backgrounds/btn_open_0.png) left top no-repeat; width:20px; height:21px; display:block; position:absolute; right:-18px; display:none }
a.openbaner:hover { background:url(../../../images/vf/backgrounds/btn_open_1.png) left top no-repeat; width:20px; height:21px; display:block; position:absolute; right:-18px; }
.showbanerDiv { position:relative }
.spacer12 { height:0px; padding-top:12px; line-height:0px; font-size:0px; }
.mod3ColSidebar { width: 232px; float: left; background:url(../../../images/vf/backgrounds/3columnSidebarBorder.gif) left top repeat-y; }
.mod3ColSidebar .modBody, .mod3ColSidebar .modBodyWrap { width: 232px; background:url(../../../images/vf/backgrounds/3columnLSidebarHeader.gif) left top no-repeat; padding:1px 0px 55px 0; }
.mod3ColSidebar h2 a { float:left; text-decoration:none; }
.mod3ColSidebar span.button { display: block; cursor:pointer; width: 20px; height: 20px; float: right; margin: -26px 5px 0 0; background: url(../../../images/vf/backgrounds/buttonOpen.gif) left top no-repeat; }
.mod3ColSidebar span.button.selected { background:	 url(../../../images/vf/backgrounds/buttonClose.gif) left top no-repeat; }
.mod3ColSidebar .title { background-color: #ebe9ea; height: 35px; width: 228px; cursor: pointer; margin:0px 0px 1px; }
.mod3ColSidebar #myvodafone .title { background: #ebe9ea url(../../../images/vf/backgrounds/sidebar-icons.gif) left top no-repeat; }
.mod3ColSidebar #support .title { background: #ebe9ea url(../../../images/vf/backgrounds/sidebar-icons.gif) left -35px no-repeat; }
.mod3ColSidebar #contact .title { background: #ebe9ea url(../../../images/vf/backgrounds/sidebar-icons.gif) left -70px no-repeat; }
.mod3ColSidebar #joinus .title { background: #ebe9ea url(../../../images/vf/backgrounds/sidebar-icons.gif) left -105px no-repeat; }
.mod3ColSidebar #basket .title { background: #ebe9ea url(../../../images/vf/backgrounds/sidebar-icons.gif) left -175px no-repeat; }
.mod3ColSidebar #compare .title { background: #ebe9ea url(../../../images/vf/backgrounds/sidebar-icons.gif) left -140px no-repeat; }
.mod3ColSidebar #RequestCall .title { background: #ebe9ea url(../../../images/vf/backgrounds/sidebar-icons.gif) left -70px no-repeat; }
.mod3ColSidebar .modFooter { background: #ddd url(../../../images/vf/backgrounds/3columnSidebarFooter.gif) left top no-repeat; width: 232px; height: 12px; float:left }
.mod3ColSidebar .modCopy { width: 228px; padding:0px 1px }
.mod3ColSidebar .modHeader h2 { width: 232px; }
.mod3ColSidebar h2 { float:left; padding-right:15px; font-size: 1.178em; font-weight: bold; color: #333; padding: 8px 0 0 39px; }
.mod3ColSidebar p { margin: 0 0 0 15px; padding-bottom: 10px; }
.mod3ColSidebar p span { font-weight: bold; }

ul.grey-arrow-list { float: left; width: 100%; padding-bottom: 10px; }
ul.grey-arrow-list li { background: #fff url(../../../images/vf/backgrounds/grey_arrow.gif) 16px 11px no-repeat; padding: 6px 0 6px 30px; margin-right:1px; border-bottom: 1px solid #ededed; }
.mod3ColSidebar ul.grey-arrow-list li { margin-right:1px }
ul.grey-arrow-list li a { text-decoration: none; }
ul.social-icons-list { float: left; width: 100%; padding-bottom: 10px; }
ul.social-icons-list li { background:url(../../../images/vf/backgrounds/social_icons.gif) left top no-repeat; padding: 6px 0 6px 38px; margin:0px 1px; border-bottom: 1px solid #ededed; }
ul.social-icons-list li a { text-decoration: none; }
ul.social-icons-list li.facebook { background-position:12px 0px; }
ul.social-icons-list li.twitter { background-position:12px -36px; }
ul.social-icons-list li.orkut {background-position:12px -76px;}
.footer {clear: both;width: 960px;margin:0 auto;}
p.notices {clear: both; float:left}
.footer img{ float:right} 
h3.teaser-heading {padding-top:5px;line-height:normal}
.teaser-left-adlet {float:left;margin-right:15px;}
.teaser-image {padding-bottom: 3px;margin-top:-2px;}
.teaser-adlet-detailed {float:left;width:150px;}
.modCopy p.modcontent {color:#525252;font-size:1em;padding:5px 0px 8px;line-height:15px;}
ul.grey-arrow-content-list {float: left;padding-bottom: 13px;}
ul.grey-arrow-content-list li {background: #fff url(../../../images/vf/backgrounds/grey_arrow.gif) 2px 5px no-repeat;padding: 0px 0 0px 13px;}
ul.grey-arrow-content-list li a {text-decoration: none;}
.content-adlet {width:318px;padding-left:5px;}
.three-image-carousel {width:324px;}
.modHeight330 {
	height:330px;
}
.vel{ font:normal 14px Arial, Helvetica, sans-serif; color:red; float:right; padding-right:5px }
.banner-image{ width:950px !important}


.Modalpopup {
	position:absolute;
	width:100%;
	z-index:1002;
	left:0px;
	top:0px
}
.Modalpopup .popwraper {
	width:473px;
	margin:0 auto;
}
.Modalpopup .popBg {
	border:1px solid #c7c8c8;
	width:469px;
	float:left;
	background-color:#FFFFFF;
	height:167px;
}
.Modalpopup .poprBg {
	float:left;
	width:2px;
	background-color:#a9a9a9;
	margin-top:2px;
	height:167px;
}
.Modalpopup .popbotBg {
	height:2px;
	background-color:#a9a9a9;
	margin-left:4px;
	width:469px;
	clear:both;
	overflow:hidden
}
.Modalpopup h2 {
	font-size:24px;
	font-weight:normal;
	padding-bottom:0px;
}
.poppadding {
	padding:5px 5px 10px 10px
}
.pop-teaser {
	float:left;
	margin-top:15px;
	margin-right:11px;
}
a.arrowlink {
	background:url(../../../images/vf/backgrounds/grey_arrow.gif) left 7px no-repeat;
	text-decoration:underline !important;
	padding-left:9px;
	font-size:1em;
	font-weight:normal;
	display:inline-block;
	line-height:20px;
}
a.arrowlink:hover {
	text-decoration:none !important
}
.modFooter hr, .modBlankFooter hr {
	display: none;
}
.shadeDiv {
	background-color:#eee;
	position:absolute;
	z-index:1001;
	left:0px
}
.cancelpop {
	background:url(../../../images/vf/backgrounds/pop_close.gif) left top no-repeat;
	width:19px;
	height:20px;
	display:block
}