/* cascading style sheet for vodafone update landingpage
including:
-> all phone-subpages
author: armin vahidi
date: 05.10.2009 */


/* common html element styles */

html {
	overflow-y:			scroll;
}

body {
	background:			#012E5C url(../images/background.png) repeat scroll;
	font-family:		arial;
	list-style-image:	url(../images/vf_listimage.png);
	margin:				0;
	-moz-user-select:	none;
	-khtml-user-select:	none;
}

a, span {
	color:				#fff;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
}


/* float-clearer */

.vf-clear {
	clear:				both;
}


/* header styles + header background (first 2 items, don't be confused about name) */

#vf-content-container-b {
	background:			transparent url(../images/vf_bg_sprite.jpg) no-repeat scroll -985px 0px;
	margin-left:		auto;
	margin-right:		auto;
	width:				985px;
}

#vf-content-container-c {
	background:			transparent url(../images/vf_bg_sprite.jpg) no-repeat scroll -1970px 0px;
	margin-left:		auto;
	margin-right:		auto;
	width:				985px;
}

#vf-logo {
	background:			transparent url(../images/en/vf_logo.png) no-repeat scroll;
	height:				233px;
	margin:				0 0 0 20px;
	width:				279px;
}

#vf-logo-link {
	display:			block;
	height:				233px;
}

#vf-menu {
	background:			transparent url(../images/vf_menu.png) repeat-x scroll;
	height:				40px;
	margin:				32px 0 0 420px;
	width:				565px;
}

.vf-menu-link{
	float:				left;
	height:				40px;
	line-height:		38px;
	text-align:			center;
}

.ov {
	width:				95px;
}

.an {
	width:				95px;
}

.bb {
	width:				95px;
}

.ip {
	width:				95px;
}

.bv {
	width:				95px;
	background:			transparent url(../images/en/new.png);
	background-repeat:	no-repeat;
}

.ds {
	width:				95px;
}

#vf-menu-active {
	background:			transparent url(../images/vf_active_button.png) repeat-x scroll;
	float:				left;
	height:				40px;
	line-height:		38px;
	text-align:			center;
}

#vf-menu-active-bv {
	background:			transparent url(../images/vf_active_button_en_ds.png) repeat-x scroll;
	float:				left;
	height:				40px;
	line-height:		38px;
	text-align:			center;
}

#vf-menu-link-install {
	background:			transparent url(../images/vf_install_menu.png) repeat scroll;
	float:				left;
	height:				40px;
	line-height:		38px;
	text-align:			center;
	width:				90px;
}


/* content styles */
/* left div */

#vf-content-left {
	float:				left;
	height:				600px;
	text-align:			center;
	width:				420px;
}


/* phone skins */

#vf-phone-an, #vf-phone-bb, #vf-phone-ip, #vf-phone-bv, #vf-phone-ds {
	position:			relative;
}

#vf-phone-an {
	background:			transparent url(../images/skins/vf_skin_sprite.png) no-repeat scroll;
	height:				550px;
	margin:				0 auto;
	width:				420px;
}

#vf-phone-bb {
	background:			transparent url(../images/skins/vf_skin_sprite.png) no-repeat scroll -420px 0px;
	height:				550px;
	margin:				0 auto;
	width:				420px;
}

#vf-phone-ip {
	background:			transparent url(../images/skins/vf_skin_sprite.png) no-repeat scroll -840px 0px;
	height:				550px;
	margin:				0 auto;
	width:				420px;
}

#vf-phone-bv {
	background:			transparent url(../images/skins/vf_skin_sprite.png) no-repeat scroll -1260px 0px;
	height:				550px;
	margin:				0 auto;
	width:				390px;
}

#vf-phone-ds {
	background:			transparent url(../images/skins/vf_skin_sprite.png) no-repeat scroll -1710px 0px;
	height:				550px;
	margin:				0 auto;
	width:				420px;
}


/* application screens */

.vf-slideImg-an, .vf-slideImg-bb, .vf-slideImg-bv, .vf-slideImg-ip, .vf-slideImg-ds {
	position:			absolute;
}

.vf-slideImg-an {
	background:			#000 url(../images/screens/en/an_screen_sprite.png) no-repeat scroll 0px 0px;
	height:				332px;
	left:				97px;
	top:				68px;
	width:				223px;
}

.vf-slideImg-bb {
	background:			#000 url(../images/screens/en/bb_screen_sprite.png) no-repeat scroll 0px 0px;
	height:				176px;
	left:				78px;
	top:				85px;
	width:				261px;
}

.vf-slideImg-ip {
	background:			#000 url(../images/screens/en/ip_screen_sprite.png) no-repeat scroll 0px 0px;
	height:				349px;
	left:				90px;
	top:				106px;
	width:				243px;
}

.vf-slideImg-bv {
	background:			#000 url(../images/screens/en/bv_screen_sprite.png) no-repeat scroll 0px 0px;
	height:				357px;
	left:				90px;
	top:				95px;
	width:				201px;
}

.vf-slideImg-ds {
	background:			#000 url(../images/screens/en/ds_screen_sprite.png) no-repeat scroll 0px 0px;
	height:				480px;
	left:				30px;
	top:				16px;
	width:				364px;
}

/* slider buttons */

#vf-slider-buttons {
	margin:				10px 0 0 0;
}

#vf-leftbutton {
	cursor:				pointer;
	margin:				0 5px 0 0;
}

#vf-rightbutton {
	cursor:				pointer;
	margin:				0 0 0 5px;
}

/* end left div */

/* right div */

#vf-content-right {
	background:			transparent url(../images/vf_content_gradient.png) no-repeat scroll;
	float:				left;
	height:				600px;
	width:				565px;
}

#vf-content-right-bb {
	background:			transparent url(../images/vf_content_gradient_bb.png) no-repeat scroll;
	float:				left;
	height:				765px;
	width:				565px;
}

#vf-content-right-ip {
	background:			transparent url(../images/vf_content_gradient_ip.png) no-repeat scroll;
	float:				left;
	height:				900px;
	width:				565px;
}


#vf-content-right-bv {
	background:			transparent url(../images/vf_content_gradient_bv.png) no-repeat scroll;
	float:				left;
	height:				1270px;
	width:				565px;
}

#bb-video-link {
	display:			block;
	width:				226px;
	height:				240px;
}

#bb-video {
	background:			url(../bb.png) no-repeat scroll;
	border:				none;
	margin:				15px 0 0 339px;
	width:				226px;
	height:				240px;
}

#ip-video-link {
	display:			block;
	width:				226px;
	height:				240px;
}

#ip-video {
	background:			url(../ip.png) no-repeat scroll;
	border:				none;
	margin:				15px 0 0 339px;
	width:				226px;
	height:				240px;
}

#bv-video-link {
	display:			block;
	width:				226px;
	height:				240px;
}

#bv-video {
	background:			url(../h1.png) no-repeat scroll;
	border:				none;
	margin:				15px 0 0 339px;
	width:				226px;
	height:				240px;
}

#ds-video-link {
	display:			block;
	width:				226px;
	height:				240px;
}

#ds-video {
	background:			url(../ds.png) no-repeat scroll;
	border:				none;
	margin:				15px 0 0 339px;
	width:				226px;
	height:				240px;
}

/* text styling */

#vf-teaser {
	background:			url(../images/en/vf_teaser_sprite.png) -810px 0;
	height:				150px;
	width:				515px;
}

#vf-teaser-ds {
	background:			url(../images/en/vf_teaser_sprite.png) -1865px 0;
	height:				150px;
	width:				515px;
}

#vf-teaser-bb {
	background:			url(../images/en/vf_teaser_sprite.png) -1325px 0;
	height:				150px;
	width:				515px;
}

#vf-content-text {
	cursor:				default;
	float:				left;
	margin-left:		24px;
	margin-top:			14px;
	width:				287px;
}

#vf-first-sentence {
	color:				#99C5DF;
	font-size:			12px;
	font-weight:		bold;
}

#vf-features-headline {
	color:				#99C5DF;
	font-weight:		bold;
	margin:				12px 0 0 0;
}

#vf-features-list {
	color:				#CCE1EE;
	font-size:			12px;
	margin-left:		-24px;
}

/* end text styling */

/* yellow boxes & content */

#vf-yellowbox {
	margin:				18px 0 0 29px;
}

/* yellow boxes & content */

#vf-yellowbox-an {
	background:			transparent url(../images/en/vf_get_sprite_en.png) no-repeat scroll;
	margin:				15px 0 0 339px;
	height:				385px;
	width:				226px;
}

#vf-yellowbox-bv {
	background:			transparent url(../images/en/vf_get_sprite_en.png) no-repeat scroll -678px 0px;
	margin:				15px 0 0 339px;
	height:				845px;
	width:				226px;
}

#vf-yellowbox-bb {
	background:			transparent url(../images/en/vf_get_sprite_en.png) no-repeat scroll -226px 0px;
	margin:				15px 0 0 339px;
	height:				328px;
	width:				226px;
}

#vf-yellowbox-ds {
	background:			transparent url(../images/en/vf_get_sprite_en.png) no-repeat scroll -904px 0px;
	margin:				15px 0 0 339px;
	height:				462px;
	width:				226px;
}

/* yellow box & app store button on iphone page */

#vf-yellowbox-ip {
	background:			transparent url(../images/en/vf_get_sprite_en.png) no-repeat scroll -452px 0px;
	margin:				15px 0 0 339px;
	height:				462px;
	width:				226px;
}

#vf-yellowbox-ip-link {
	border:				none;
	margin:				96px 0 0 6px;
}

.vf-ip-link {
	display:			block;
	height:				84px;
	width:				46px;
}
	
/* end right div */

/* footer styles */

#vf-footer {
	line-height:		13px;
	margin:				15px 0 10px 15px;
}

#vf-copyright {
	cursor:				default;
	font-weight:		normal !important;
}