/*
Title:			Roxio.com - Vista Landing Stylesheet
Author:		Greg Girton / Sonic Solutions
Updated:	4.16.07
*/


/* TOP BANNER & OFFER */

#mainBanner{
 background: url("/enu/images/promotions/vista/vista_main.jpg") no-repeat;
	height: 266px;
	color: #fff;
}
#mainBanner h1{
	font-size: 14px;
 padding: 120px 0 0 250px; 
}
#mainBanner p{
	padding: 5px 0 0 250px; 
}

#pricing {
	float:left;
	width:600px;
	padding: 0 0 0 0; 
}



#boilertext {
float:left;
width:340px;
}

#boilerimage {
float:right;
width:160px;
height:132px;
background: url('/enu/images/boxshot/150x180/150x130_emc9_3dboxvista.jpg') repeat-x center top;
margin:0;
padding:0;

}



/* div settings for buy button */
#buybut {
	float:left;
	width:122px;
	height: 32px;
	padding: 0;
	margin:24px 0 0 0;
}

#buybut p {
	padding:0;
	margin:0;
}

/* button styles for buy button */
p.buyNow{
	font-weight: bold;
	line-height:19px;
	font-size: 17px;
	margin: 0;
	padding: 0;
}
p.buyNow a{
	display: block;
	width: 106px;
	color: #fff;
	text-decoration: none;
	padding:6px 0 0 18px; 
	margin: 0;
}
.buyNow a:hover{
	color: #fff;
	text-decoration: none;
}

/* SUB NAVIGATION */

#subNav {
	float: left;
	background: url('/enu/images/promotions/vista/1x32_blackGlass_bg.gif') repeat-x center top;
	width: 760px;
	height: 32px;
}
#subNav ul {
	float: left;
	margin: 5px 0 0 3px;
	padding: 0;
	list-style-type: none;
	border-left: 1px solid #000;
	border-right: 1px solid #70727f;
}
#subNav li {
	float: left;
	font-weight: bold;
	font-size: 106%;
	color: #fff;
	border-left: 1px solid #70727f;
}
#subNav li.first {
	float: left;
	font-weight: bold;
	font-size: 106%;
	color: #fff;
	border-left: #000;
}


#sysreq a{
display: block;
	float:right;
	padding: 8px 10px 3px 0;
	font-weight:bold;
	text-decoration: none;
	color: #fff;
}

#sysreq a:hover{
display: block;
	float:right;
	padding: 8px 10px 3px 0;
	font-weight:bold;
	text-decoration: none;
	color: #ffd028;
}


#subNav li a {
	display: block;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	color: #fff;
	border-right: 1px solid #000;
}
#downloads li#navDownloads a, #resources li#navResources a, #help li#navHelp a {
	display: block;
	padding: 2px 10px 3px 10px;
	text-decoration: none;
	color: #e47331;
	background: url('/enu/images/promotions/vista/1x28_whiteGlass_bg.gif') repeat-x 0 -4px;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #70727f;
	}

#subNav li a:hover
	{
	text-decoration: none;
	padding: 2px 10px 3px 10px;
	color: #fff;
	background: url('/enu/images/promotions/vista/1x28_blueGlass_bg.gif') repeat-x 0 -3px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #70727f;
}

body#prodpage #navHome a, body#musicpage #navDownloads a, body#digmempage #navCommunity a, body#tvmovpage #navBlogs a
	{
	text-decoration: none;
	padding: 2px 10px 3px 10px;
	color: #e47331;
	background: url('/enu/images/promotions/vista/1x28_WhiteGlass_bg.gif') repeat-x 0 -3px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #70727f;
}

/* PRICE STYLES */

.listPrice{
	margin: 2px 10px 0 0 !important;
	color:#fff;
}

.yourPriceWhite{
	font-weight: bold;
	font-size: 110%;
	color: #fff;
	margin: 2px 10px 0 0 !important;
}


/* CONTENT */

#catwrap{
float:left;
width:550px;
padding: 0 0 6px 0;
margin: 0 0 10px 0;
background: #fff url('/enu/images/promotions/vista/content_bot.gif') no-repeat bottom;
}


/*content containers */
.catinfo{ /* styles for category container */
	width: 520px;
	float: left;
	padding: 20px 15px 10px 15px;
	margin: 5px 0 0 0;
}

	/* arrow graphic style for each category */

		.catmusic{
		background: #e2effa url('/enu/images/promotions/vista/content_top_music.gif') no-repeat top;
	}
	
	.catprod{
		background: #e2effa url('/enu/images/promotions/vista/content_top_prod.gif') no-repeat top;
	}
	
	.catdigmem{
		background: #e2effa url('/enu/images/promotions/vista/content_top_digmem.gif') no-repeat top;
	}
	
	.cattvmov{
		background: #e2effa url('/enu/images/promotions/vista/content_top_tvmov.gif') no-repeat top;
	}
	
	/* end arrow styles */
	
	
/* end content containers */


.catinfo h2{
 font-size: 14px;
}
.catinfo h3{
 font-size: 12px;
}
.catinfo p{
 padding: 5px 0 5px 0;
}

.feature{
 padding: 10px 0 0 0;
}
.feature img{
 float: left;
	padding: 0 15px 0 0;
}

/* NEW feature styles */

p.ftitle {
font-weight: bold;
	padding: 0 0 5px 0;
}

.featlist ul{
width:332px;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
}

.featlist li{
list-style:none;
	background: url("/enu/images/6x6_blue_bullet.gif") no-repeat;
	background-position: 0 5px;
	padding-left: 12px;

}

/* END: NEW feature styles */


/* RIGHT SIDE */

#rightPromos{
 float: left;
 width: 190px;
 background-color: #fff;
 margin: 2px 0 0 20px;
}
.offerchicklet_top{
 background: url("/enu/images/promotions/vista/banner_top.gif") no-repeat;
 height: 6px;
}
.offerchicklet_bottom{
 background: url("/enu/images/promotions/vista/banner_bottom.gif") no-repeat;
 height: 6px;
}
.offerChicklet{
 width: 188px;
 text-align:center;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 background-color: #e8f4fe;
}

.offerChicklet h4{
 font-size: 14px;
 font-weight: bold;
 padding: 8px 0;	
}

#upgradeadvisor{
margin:12px 0 0 0;
padding: 4px 8px;
width: 174px;
height: 139px;
background: #194e8d url('/enu/images/promotions/vista/vista_ug_advisor.jpg') no-repeat;
color:#fff;
text-align:center;

}

#upgradeadvisor h4{

 color:#ff;
 font-size: 16px;
 font-weight: bold;
 padding: 8px 0;	
}

#upgradeadvisor p{
 font-weight: bold;
}



.getmost_top{
margin: 12px 0 0 0;
padding:0;
display:block;
}
.getthemost_top{
 margin:12px 0 0 0;
 background:#0f0 url("/enu/images/promotions/vista/banner_top.gif") no-repeat;
 height: 6px;
}
.getthemost_bottom{
 background: url("/enu/images/promotions/vista/banner_bottom.gif") no-repeat;
 height: 6px;
 margin-bottom:10px;
}

.getthemost{
 width: 188px;
 text-align:center;
 border-top:0;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 background-color: #e8f4fe;
}

.getthemost h4{
 text-align:left;
 font-size: 14px;
 font-weight: bold;
 padding: 0 0 0 6px;
 margin: 0;	
}

.getthemost p{
 text-align:left;
 padding: 4px 2px 0 6px;
}

#getmostbot{
width: 188px;
height:34px; 
padding-top: 56px;
text-align:center;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: #e8f4fe url('/enu/images/promotions/vista/getthemost_bg.jpg') bottom left no-repeat;
}

#photoeditbot{
width: 188px;
height:34px; 
padding-top: 56px;
text-align:center;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: #e8f4fe url('/enu/images/promotions/vista/photoedit_bg.jpg') bottom left no-repeat;
}

#sweepstakes{
margin:12px 0 12px 34px;
text-align:center;
width: 120px;
height:238px;
color:#fff;
background: #2771a1 url('/enu/images/promotions/vista/vista_sweepstakes.jpg') no-repeat;
}

#sweepstakes h4 {
 padding-top:6px;
 font-size: 12px;
 font-weight: bold;
}

#sweepstakes p {
padding:115px 2px 0 2px;
line-height:12px;
}

#sweepstakes p.number {
padding:6px 0 0 0;
font-size:14px;
font-weight:bold;
}


/* BUTTON STYLES */

.btnDownload {
 	background:url('/enu/images/btn_orange_lt.gif') top left no-repeat; 
	margin: 8px auto; 
	padding: 0 0 0 4px; 
	text-transform: uppercase;  
	height: 24px; 
	width: 140px;
	text-align: center;
	}
	
.btnDownload a {
	background:url('/enu/images/btn_orange_rt.gif') top right no-repeat; 
	margin: 0; 
	padding: 4px 15px 0 11px; 
	height: 20px; 
	display:block; 
	color: #fff; 
	font-weight: bold; 
	text-decoration: none;
}

.btnDownload a:hover {
	color: #fff; 
	text-decoration: none;
}


.btnMoreInfo {
	margin: auto;
	margin-top:4px;
 	background:url('/enu/images/btn_glass_lt.gif') top left no-repeat; 
	padding: 0 0 0 4px; 
	text-transform: uppercase; 
	height: 24px; 
	width: 120px;
	text-align: center;
	}
	
.btnMoreInfo a {
	background:url('/enu/images/btn_glass_rt.gif') top right no-repeat; 
	margin: 0; 
	padding: 4px 15px 0 11px; 
	height: 20px; 
	display:block; 
	color: #9a542a; 
	font-weight: bold; 
	text-decoration: none;
}

.btnMoreInfo a:hover {
	color: #9a542a; 
	text-decoration: none;
}




.btnRead {
 	background:url('/enu/images/btn_orange_lt.gif') top left no-repeat; 
	margin: 0 0 0 60px ; 
	padding: 0 0 0 4px; 
	text-transform: uppercase;  
	height: 24px; 
	width: 120px;
	text-align: center;
	}
	
.btnRead a {
	background:url('/enu/images/btn_orange_rt.gif') top right no-repeat; 
	margin: 0; 
	padding: 4px 15px 0 11px; 
	height: 20px; 
	display:block; 
	color: #fff; 
	font-weight: bold; 
	text-decoration: none;
}

.btnRead a:hover {
	color: #fff; 
	text-decoration: none;
}



/* News Promo Styles  */


#roxionewscoverage h4  {
	font-size: 100%;
	padding: 4px 0 0 5px;
	height: 20px;
	color: #fff;
	text-transform: uppercase;
	background: #7c7c7c url('/enu/images/1x24_greyGlass_bg.gif') top repeat-x;
	border-top: #666 solid 1px;
	border-left: #666 solid 1px;
	border-right: #666 solid 1px;
	border-bottom: #666 solid 1px;
	margin-top: 12px;
	margin-bottom:2px;
}





#roxionewscoverage ul{
	list-style-type: none;
	padding: 5px 6px 5px 0;
	border: 1px solid #999999;
}

#roxionewscoverage li{
	background: url("/enu/images/7x7_grey_arrow.gif") no-repeat;
	background-position: 5px 5px;
	padding: 0 0 8px 17px;
}