/*
Client: Vodafone
Project: Vodafone Music
Date: September 2009
========================*/


/* header background colours
===========================*/
.bg-vfm-darkblue {
	background:#0053a5;
}
.bg-vfm-lightblue {
	background:#0099da;
}
.bg-vfm-lightgreen {
	background:#88bb09;
}
/* box heights
==========================*/
.vfm-boxheight-95px {
	min-height:95px;
	height:auto!important;
	height:95px;
}
.vfm-boxheight-105px {
	min-height:105px;
	height:auto!important;
	height:105px;
}
.vfm-boxheight-115px {
	min-height:115px;
	height:auto!important;
	height:115px;
}
.vfm-boxheight-125px {
	min-height:125px;
	height:auto!important;
	height:125px;
}
.vfm-boxheight-135px {
	min-height:135px;
	height:auto!important;
	height:135px;
}
.vfm-boxheight-145px {
	min-height:145px;
	height:auto!important;
	height:145px;
}
.vfm-boxheight-155px {
	min-height:155px;
	height:auto!important;
	height:155px;
}
.vfm-boxheight-165px {
	min-height:165px;
	height:auto!important;
	height:165px;
}
.vfm-boxheight-175px {
	min-height:175px;
	height:auto!important;
	height:175px;
}
.vfm-boxheight-185px {
	min-height:185px;
	height:auto!important;
	height:185px;
}
.vfm-boxheight-195px {
	min-height:195px;
	height:auto!important;
	height:195px;
}
.vfm-boxheight-205px {
	min-height:205px;
	height:auto!important;
	height:205px;
}
.vfm-boxheight-215px {
	min-height:215px;
	height:auto!important;
	height:215px;
}
.vfm-boxheight-225px {
	min-height:225px;
	height:auto!important;
	height:225px;
}
.vfm-boxheight-235px {
	min-height:235px;
	height:auto!important;
	height:235px;
}
.vfm-boxheight-245px {
	min-height:245px;
	height:auto!important;
	height:245px;
}
.vfm-boxheight-255px {
	min-height:255px;
	height:auto!important;
	height:255px;
}
.vfm-boxheight-265px {
	min-height:265px;
	height:auto!important;
	height:265px;
}
.vfm-boxheight-275px {
	min-height:275px;
	height:auto!important;
	height:275px;
}
.vfm-boxheight-285px {
	min-height:285px;
	height:auto!important;
	height:285px;
}
.vfm-boxheight-295px {
	min-height:295px;
	height:auto!important;
	height:295px;
}
.vfm-boxheight-305px {
	min-height:305px;
	height:auto!important;
	height:305px;
}
.vfm-boxheight-315px {
	min-height:315px;
	height:auto!important;
	height:315px;
}
.vfm-boxheight-325px {
	min-height:325px;
	height:auto!important;
	height:325px;
}
.vfm-boxheight-335px {
	min-height:335px;
	height:auto!important;
	height:335px;
}
.vfm-boxheight-345px {
	min-height:345px;
	height:auto!important;
	height:345px;
}
.vfm-boxheight-355px {
	min-height:355px;
	height:auto!important;
	height:355px;
}
.vfm-boxheight-365px {
	min-height:365px;
	height:auto!important;
	height:365px;
}
.vfm-boxheight-375px {
	min-height:375px;
	height:auto!important;
	height:375px;
}
.vfm-boxheight-385px {
	min-height:385px;
	height:auto!important;
	height:385px;
}
.vfm-boxheight-395px {
	min-height:395px;
	height:auto!important;
	height:395px;
}
.vfm-boxheight-405px {
	min-height:405px;
	height:auto!important;
	height:405px;
}
.vfm-boxheight-415px {
	min-height:415px;
	height:auto!important;
	height:415px;
}
.vfm-boxheight-425px {
	min-height:425px;
	height:auto!important;
	height:425px;
}
.vfmspacerbar {
	border-top:1px solid #cccccc;
	height:2px;
	margin:20px 0 0 0;
}
.vfmspacer {
	height:10px;
	margin:10px 0 0 0;
}
.vfmspacerSml {
	height:5px;
}
.vfmOneHalf {
	float:left;
	display:inline;
	width:270px;
	margin:0 0 0 10px;
}
.vfmOneHalfleft {
	margin:0 0 0 0;	
}
.modBorderTop {
	border-top:1px solid #cccccc;
}
#vfm-hp-header {
	height:168px;
}
#vfm-hp-genre {
	height:285px;
	margin:10px 0 0 0;
}
h1.vfm-mainheader {
	font-size:1.5em;
	font-weight:bold;
}
h2.vfm-mainheader, h3.vfm-mainheader {
	font-size:1.35em;
	font-weight:bold;
	padding:20px 0 10px 0;
}
h2.notoppadding {
	padding:0 0 10px 0;
}
.hdrblue {
	color:#2675a3;
}
.vfm_txtl_imgr {
	width:100%;
}
.vfm_textl, .vfm_imgr {
	float:left;
	display:inline;
	width:275px;
}
#container {
	/*width:760px;*/
	padding:0 3px 13px 3px;
}
.select_large {
	float:left;
	width:290px;
	margin:0 0 10px 0;
	clear:left;
}
.text_large {
	float:left;
	width:288px;
	margin:0 0 10px 0;
	clear:left;
}
.vfm_submitbutton {
	clear:left;
}

.notsurelink {
	float:left;
	margin:0 0 0 10px;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide {
	display: none;
}
}

/* Hide useless elements in print layouts... */
@media print {
.tabs-nav {
	display: none;
}
}
/* Skin */
.tabs-nav {
	list-style: none;
}
.hp-tabs-container {
	border:1px solid #cccccc;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.tabs-nav a, .tabs-nav a span {
	display: block;/*padding:15px 25px 15px 80px;*/
}
.tabs-nav a {
	position: relative;
	top: 1px;
	z-index: 2;/* required in IE 6 */
}
.vfm-4col-tab {
	width:760px;
}
.vfm-3col-tab ul.tabs-nav li {
	width:562px;
}
.vfm-4col-tab ul.tabs-nav li {
	width:760px;
}
ul.tabs-nav li {
	float:left;
	display:inline;
	height:80px;
	background:#ffffff url(../../../img/microsite/vfmusic/bg_tabs_off.png) left top repeat-x;
	margin:0 0 0 8px;
	color:#ffffff;
}
ul.tabs-nav li.firsttab {
	margin:0 0 0 0;
}
ul.tabs-nav li.tabs-selected {
	background:#0058a3 url(../../../img/microsite/vfmusic/bg_tabs_on.png) center bottom repeat-x;
}
ul.tabs-nav li a {
	color:#ffffff;
	font-size:100%;
	display:block;
	height:80px;
}



ul.tabs-nav li a strong {
	font-weight:bold;
	font-size:1.3em;
}
/*.vfm-3col-tab ul.tabs-nav li a {
	width:278px;
}
.vfm-4col-tab ul.tabs-nav li a {
	width:475px;
}*/
.vfm-3col-tab ul.tabs-nav li a:hover, .vfm-4col-tab ul.tabs-nav li a:hover {
	text-decoration:none;
	cursor:hand;
	color:#ffffff;
}
#tabs-mobile, #tabs-pc, .tabs-hp {
	display:block;
	height:60px;
	margin:20px 0 0 20px;
	/*padding:0 80px 0 0;*/
}

.vfm-3col-tab #tabs-mobile, .vfm-3col-tab #tabs-pc {
	/*width:160px;*/
	width:240px;
}
.vfm-4col-tab #tabs-mobile, .vfm-4col-tab #tabs-pc, .vfm-4col-tab .tabs-hp {
	/*width:260px;*/
	width:340px;
}


/*#tabs-mobile {
	background: url(../../../img/microsite/vfmusic/bg_tabs_mobile.gif) right no-repeat;
}
#tabs-pc {
	background: url(../../../img/microsite/vfmusic/bg_tabs_pc.gif) right no-repeat;
}
*/



#container .mod2Col {
	width:370px;
}
#container .mod3Col {
	width:510px;
}
#container .mod3Col .modCopy {
	width:490px;
}
.vfm_download_steps {
	border: 1px solid #cccccc;
	width:560px;
	padding:0 0 10px 0;
}
.vfm_download_steps li {
	min-height:70px;
	clear:left;
}
.vfm_step_img {
	float:left;
	display:inline;
	width:133px;
	margin:10px;
}
.vfm_step_img img {
	border:1px solid #999999;
}
.vfm_step_text {
	float:left;
	display:inline;
	font-size:1em;
	padding:10px 0 0 0;
	width:400px;
}
.vfm_download_steps .vfmTAMimg {
	float:left;
	display:inline;
	width:237px;
}
.vfm_download_steps .vfmTAMtext {
	float:left;
	display:inline;
	width:310px;
	margin:0 0 0 10px;
}
.compatible {
	clear:left;
	background:#e2f6fd;
	width:545px;
	padding:10px;
	display:block;
	margin:10px 0 0 0;
}

.noselected {display:none;background:#ffffff;}
.comp_blackberry {height:45px;}
.comp_nokia {height:105px;}
.comp_samsung {height:65px;}
.comp_sonyericsson {height:125px;}

.compatible h3 {
	padding:0 0 10px 0;
}
.compatible ul {
		list-style-type: disc;
}
.compatible li {
	float:left;
	display:inline;
	width:169px;
}

a.vfm_blueLink {
	color:#008eca;
	text-decoration:underline;
	}
	
	
#comparechart .tdEven, #comparechart .tdEven2, #comparechart .tdOdd, #comparechart .tdOdd2, #comparechart .tdHead, #comparechart .tdHead2{
	text-align:center;
}


#vfmWrapperPop {
	margin:0 auto;
	width:576px;
}

.link_list1Col a, .link_list1Col_inline a, .link_list2Col a, .link_list3Col a, .link_list4Col a {
	padding: 4px 15px 0 0;
	display:block;
	background-position:100% 4px;
	height:1.636em;/*18px*/
}
.link_list2Col_inline li {
	height: 2em;
	background: url(../img/dottedLine.gif) repeat-x top left;
	padding-bottom: 1px;
	width:100%;
}
.link_list2Col_inline a:hover, .link_list2Col_inline a:focus {
	background-position:100% -96px;
}
.link_list2Col_inline li {
	height: 2em;
	background: url(../../../img/dottedLine.gif) repeat-x top left;
	padding-bottom: 1px;
	width:100%;
}
.link_list2Col_inline {
	width:363px;
	padding-bottom: 1px;
	background: url(../../../img/dottedLine.gif) repeat-x left bottom;
}


.link_list1Col li, .link_list1Col_inline li, .link_list2Col li, .link_list3Col li, .link_list4Col li {
	height: 2em;
	background: url(../../../img/dottedLine.gif) repeat-x top left;
	padding-bottom: 1px;
	width:100%;
}
.link_list1Col a, .link_list1Col_inline a, .link_list2Col a, .link_list3Col a, .link_list4Col a {
	padding: 4px 15px 0 0;
	display:block;
	background-position:100% 4px;
	height:1.636em;/*18px*/
}


#video {
	width:565px;
	margin:0 auto;
}

.noborder {border:none;}
.vfmborder {border:1px solid #cccccc;}
.formList {margin:0 0 0 10px;}

.vfm_tab_vmu {width:155px;}
.vfm-indentImg {margin:0 0 0 10px;}

.vfm-hpdivider .divider {
	width:740px;
	margin:0 0 0 10px;
}