/*	
Title:			Roxio.com - Global Stylesheet
Author:		David Tang / Sonic Solutions
Updated:	7.8.08
*/




#productTitle {
	background: #5a5a5a;
	color: #fff;
	margin: 2px 0 0 0;

}

#productTitle h1 {
	font-size: 136%;
	padding: 5px 0 5px 15px;
}

#productWrapper {
	margin: 2px 0 0 0;
	background: url('/_assets/images20/home/photoshow_banner_plain.jpg') top left no-repeat;
}

#productWrapperComcast {
	margin: 2px 0 0 0;
	background: url('/_assets/images20/home/photoshow_banner_plain_2.jpg') top left no-repeat;
}

#productBanner {
	color: #fff;
}

#productBanner h1 {
	font-size: 200%;
	padding: 20px 0 0 30px;
	font-weight:bold;
}

#productBanner h2 {
	font-size: 136%;
	padding: 10px 0 0 30px;
	font-weight:bold;
}

#productBanner a {
	color: #fff;
}

#productBanner a:hover {
	color: #ccc;
}

#productBanner #roFlashLayer {
	float: left;
	position: relative;
	width: 320px;
	padding: 25px 5px 0 30px;
}

#prodOfferContainer {
    float:right;
    margin-top:20px;
}

.roBadge {
	position: absolute;
	z-index: 2;
	left: 240px;
	top: 105px;
}

.newBurst {
	position: absolute;
	z-index: 3;
	left: 10px;
	top: -30px;
}

#productBanner #bannerContent {
	float: left;
	width: 390px;
	padding: 10px 5px 0 0;
}

#productBanner #bannerContentComcast {
	float: left;
padding: 20px 20px 0 30px;
}

#bannerContent .priceOption {
}

#bannerContent .yourPrice {
		color: #fff;
		float:left;
		font-size: 115%;
		font-weight: bold;
		padding: 5px 0 0 0;
		display:block;
		height:29px;

}

#bannerContentComcast .yourPrice {
        color: #fff;
		float:left;
		font-size: 115%;
		font-weight: bold;
		padding: 0 0 10px 10px;
		display:block;
		height:29px;

}

#bannerContent .rebate {
}

.purchaseOptions {
	padding: 0 0 0 0;
}

.purchaseOptions  a {
	font-weight: bold;
	text-decoration: none;
	height: 31px;
	padding:0 0 5px 7px;
	font-size: 126%;
}

.purchaseOptions  a span{
	height: 26px;
	padding: 10px 15px 0 6px;
}


.purchaseOptions  a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
}


.purchaseOptions .btnDVD a {
	float: left;
	background:url('/_assets/images20/home/btnBanner_lt.gif') no-repeat left top;
	margin:0 5px 0 0;
	cursor: pointer;
}

.purchaseOptions .btnDVD a span {
	float:left;
	display:block;
	background:url('/_assets/images20/home/btnBanner_rt.gif') no-repeat right top;
}

.purchaseOptions .btnDownload a {
	float: left;
	background:url('/_assets/images20/home/btnBanner_lt.gif') no-repeat left top;
	margin:0 5px 0 0;
	cursor: pointer;
}

.purchaseOptions .btnDownload a span{
	float:left;
	display:block;
	background:url('/_assets/images20/home/btnBanner_rt.gif') no-repeat right top;
}

.purchaseOptions .btnSubscribe a {
	float: left;
	background:url('/_assets/images20/home/btnBanner_lt.gif') no-repeat left top;
	margin:0 5px 0 0;
	cursor: pointer;
}

.purchaseOptions .btnSubscribe a span{
	float:left;
	display:block;
	background:url('/_assets/images20/home/btnBanner_rt.gif') no-repeat right top;
	text-transform: uppercase;
}

.iconRow {
	float: left;
	padding: 18px 0 0 5px;
}

.iconRow p {
	float: left;
	margin: 0;
}

.iconRow .sysReq a {
	background: url('/_assets/images20/home/icon_sysReq_bnr.gif') no-repeat top left;
	padding: 2px 0 2px 25px;
}

.iconRow .sysReq a:hover {
	background: url('/_assets/images20/home/icon_sysReq_bnr_2.gif') no-repeat top left;
}

.iconRow .viewDemo a {
	background: url('/_assets/images20/home/icon_viewDemo_bnr.gif') no-repeat top left;
	padding: 2px 0 2px 31px;
}

.iconRow .viewDemo a:hover {
	background: url('/_assets/images20/home/icon_viewDemo_bnr_2.gif') no-repeat top left;
}

.iconRow .liveChat a {
	background: url('/_assets/images20/home/icon_liveChat_bnr.gif') no-repeat top left;
	padding: 2px 0 5px 30px;
}

.iconRow .liveChat a:hover {
	background: url('/_assets/images20/home/icon_liveChat_bnr_2.gif') no-repeat top left;
}

#bannerContent h2 {
	font-size: 138%;
	font-weight: bold;
	padding-left:10px;
}

#bannerContent h3 {
	font-size: 108%;
	padding-top: 10px;
	margin-top: 10px;
    font-weight: bold;
	padding-left:5px;
}

#bannerContent h3 img {
	position:relative;
	top: -10px;
	margin-right: 10px
}

#bannerContentComcast h3 {
	font-size: 115%;
	
    font-weight:bold;
}

#bannerContentComcast h4 {
	font-size: 100%;
    padding-top: 10px;
	color: #fff;
    font-weight:bold;
}


#bannerContent #prodOfferTop,
#bannerContentComcast #prodOfferTop{
	margin-top: 20px;
	background: url('/_assets/images20/home/prodOfferTop.png') top left no-repeat;
	width: 358px;
	height: 5px;
	overflow: hidden;
	margin-left:10px;
}

#bannerContent #prodOfferMain,
#bannerContentComcast #prodOfferMain{
	background: url('/_assets/images20/home/prodOfferAlpha.png') top left;
	width: 343px;
	padding: 5px 5px 10px 10px;
	margin: 0;
	margin-left:10px;
}

#bannerContent #prodOfferBtm,
#bannerContentComcast #prodOfferBtm {
	background: url('/_assets/images20/home/prodOfferBtm.png') top left no-repeat;
	width: 358px;
	height: 5px;
	overflow: hidden;
	margin-bottom: 40px;
	margin-left:10px;
}
img.comcastBadge {
    margin-left:80px;
}
#subNav {
	clear: both;
	float: left;
	width: 800px;
}

#subNav ul {
	margin:0 0 0 6px;
	padding: 5px 0 0px 0;
	list-style:none;
}

#subNav li {
	display:inline;
	margin:0;
	padding:0;
}

#subNav a {
	float:left;
	background:url(/_assets/images20/home/navTabs_lt.gif) no-repeat left -54px;
	margin: 7px 2px 0 0;
	padding:0 0 0 7px;
	text-decoration:none;
	font-weight:bold;
}
		
#subNav a span {
	float:left;
	display:block;
	background:url(/_assets/images20/home/navTabs_rt.gif) no-repeat right -54px;
	padding:10px 15px 5px 6px;
	font-weight:bold;
	color:#666;
}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#subNav a span {float:none;}
	/* End IE5-Mac hack */
#subNav a:hover span {
	color:#fff;
}

#subNav a:hover {
	background-position:left -108px;
	font-weight:bold;
}

#subNav a:hover span {
	background-position:right -108px;
	color: #666;
}


#subNav li.selected a {
	margin: 0 2px 0 0;
	background-position:left 0px;
	font-weight:bold;
}


#subNav li.selected a span {
	background-position:right 0px;
	color: #fff;
	padding:13px 15px 9px 6px;
}

#content_top {
	clear: both;
	height: 5px;
	background:url(/_assets/images20/home/content_trim_top.gif) no-repeat top left;
	overflow: hidden;
}

#content {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
}

#content_btm {
	height: 5px;
	background:url(/_assets/images20/home/content_trim_btm.gif) no-repeat top left;
	overflow: hidden;
}

.faqRow{
	padding: 15px 15px 0 15px;
}

.featureRow{
	padding: 15px 0 0 0;
}
.featureRow img{
	float: none;
	border: none;
}
.overviewFeature h3{
	font-size: 100%;
}
.overviewFeature{
	float: left;
	padding-left: 10px;
	width: 545px;
}

.overviewImage {
	float: left;
	width: 170px;
	text-align: center;
}

.nextPage{
	text-align: right;
	font-weight: bold;
	background: url(/_assets/images20/home/7x7_arrow.gif) no-repeat;
	background-position: right 15px;
	padding: 10px 10px 10px 10px;
}

#overview #content h2 {
	color: #075375;
	font-size: 191%;
	font-weight: normal;
	padding: 10px 70px 0 20px;
	line-height: 118%;
}

#benefits #content h2 {
	color: #075375;
	font-size: 146%;
	line-height: 118%;
	padding: 10px 10px 0 20px;
}

.stepText {
	color: #ff5d00;
}

#ps_AddInfo {
	padding: 30px 0 0 20px;
}

#ps_AddInfo .stepOne h4, #ps_AddInfo .stepTwo h4, #ps_AddInfo .stepThree h4 {
	padding: 0 0 15px 0;
	text-align: left;
	font-size: 100%;
}

#ps_AddInfo .stepOne h4 {
	background: url('/_assets/images20/home/imgOne.gif') top left no-repeat;
	padding-left: 35px;
}

#ps_AddInfo .stepTwo h4 {
	background: url(/_assets/images20/home/imgTwo.gif) top left no-repeat;
	padding-left: 35px;
}

#ps_AddInfo .stepThree h4 {
	background: url(/_assets/images20/home/imgThree.gif) top left no-repeat;
	padding-left: 35px;
}

#ps_AddInfo .stepOne {
	float: left;
	width: 210px;
	text-align: center;
	padding-right: 20px;
}

#ps_AddInfo .stepTwo {
	float: left;
	width: 225px;
	text-align: center;
	padding-right: 20px;
}

#ps_AddInfo .stepThree {
	float: left;
	width: 215px;
	text-align: center;
	padding-right: 20px;
}

p.finePrint {
	padding-top: 5px;
	font-size: 90%;
    margin-left:10px;
}

#benefits .finePrint {
	padding: 5px 0 0 10px;
}

#compareTitle,
#compareTitleCircle {
background:#F6F6F6 url(/_assets/images20/home/compare_title.jpg) no-repeat scroll left top;
}
#compareTitle h1 {
color:#FFFFFF;
float:left;
font-size:106%;
padding:10px 0pt 10px 15px;
width:534px;
}
#compareTitleCircle h1 {
color:#FFFFFF;
float:left;
font-size:106%;
padding:10px 0pt 10px 15px;
width:449px;
}
#compareTitle #compareProducts {
float:left;
width:186px;
}
#compareTitleCircle #compareProducts {
float:left;
width:274px;
}
#compareProducts p {
border-left:1px solid #7A7A7A;
color:#FFFFFF;
float:left;
font-weight:bold;
padding:10px 0pt;
text-align:center;
width:90px;
}
#vertical_container {
padding-bottom:10px;
}
.accordion_toggle {
background:#F6F6F6 url(/_assets/images20/home/table_feature_bg.gif) repeat-x scroll right top;
border-bottom:1px solid #BABABA;
border-left:1px solid #BABABA;
border-right:1px solid #BABABA;
display:block;
font-weight:normal;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:5px 10px;
text-decoration:none;
}
.accordion_toggle h1 {
font-size:100%;
font-weight:bold;
}
.accordion_toggle h1:hover {
}
.accordion_toggle_active {
color:#005AA0;
}
.accordion_toggle_active h1 {
color:#005AA0;
}
.accordion_content {
background-color:#FFFFFF;
color:#444444;
overflow:hidden;
}
.accordion_content h2 {
color:#0099FF;
margin:15px 0pt 5px 10px;
}
.accordion_content p {
line-height:150%;
padding:5px 10px 15px;
}
.vertical_accordion_toggle {
background:#A9D06A url(/_assets/images20/home/accordion_toggle.jpg) no-repeat scroll right top;
border-bottom:1px solid #CDE99F;
color:#000000;
display:block;
font-size:12px;
font-weight:normal;
height:30px;
line-height:30px;
margin:0pt;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:0pt 10px;
text-decoration:none;
width:570px;
}
.vertical_accordion_toggle_active {
background:#E0542F url(/_assets/images20/home/accordion_toggle_active.jpg) no-repeat scroll right top;
border-bottom:1px solid #F68263;
color:#FFFFFF;
}
.vertical_accordion_content {
background-color:#FFFFFF;
color:#444444;
overflow:hidden;
}
.vertical_accordion_content h2 {
color:#0099FF;
margin:15px 0pt 5px 10px;
}
.vertical_accordion_content p {
line-height:150%;
padding:5px 10px 15px;
}
.accordion_content table {
border-bottom:1px solid #BABABA;


width:738px;
}
.accordion_content table td,
div.featureGrid table td{
border-bottom:1px solid #E3E3E3;
padding:3px 3px 3px 10px;
font-family:arial,helvetica,sans-serif;
font-size:13px;
}

tr.compareTitle {
background:#F6F6F6 url(/_assets/images20/home/compare_title.jpg) no-repeat scroll left top;
}

td.product {
color:#FFFFFF;
font-size:106%;
font-weight:bold;
    }
td.product span {
display:block;
margin: 10px 0 10px 0;
}
td.feature {
    background:#F6F6F6 url(/_assets/images20/home/table_feature_bg.gif) repeat-x scroll right top;
}
td.feature span {
font-size:100%;
font-weight:bold;
margin: 5px 0 5px 0;
}

 td.level {
border-left:1px solid #E3E3E3;
text-align:center;
}

div.featureGrid table{
border-top:1px solid #E3E3E3;
border-bottom:none;
border-right:1px solid #E3E3E3;
border-left:1px solid #E3E3E3;
}
.tableFeature {
vertical-align:top;
width:570px;
}
.tableBasic {
border-left:1px solid #E3E3E3;
font-weight:bold;
text-align:center;
vertical-align:top;
width:90px;
}
.tablePremium {
border-left:1px solid #E3E3E3;
color:#005AA0;
font-weight:bold;
text-align:center;
vertical-align:top;
width:90px;
}
.accordion_content {
border-left:1px solid #BABABA;
border-right:1px solid #BABABA;
}

/*	
Title:		RoxioOnline - Premium Upgrade Styles
Author:		David Tang / Sonic Solutions
Remixed by:	Cesar Fabello / Sonic Solutions
Updated:	10.14.08
*/




/*
#productConversionBanner
#roFlashLayer

#bannerConversionContent
#prodOfferTop
#prodOfferMain
.purchaseConversionOptions
.btnSubscribe
#prodOfferBtm



*/

#productConversionWrapper {
	margin: 2px 0 0 0;
	background: url('/_assets/images20/home/roxioOnlineBanner.jpg') top left no-repeat;
	width:760px;
	min-height:350px;
}

#productConversionBanner {
	color: #fff;
}

#productConversionBanner h1 {
	font-size: 138%;
	padding: 20px 0 0 30px;
	font-weight:bold;
}

#productConversionBanner a {
	color: #fff;
}

#productConversionBanner a:hover {
	color: #ccc;
}

#productConversionBanner #roFlashLayer {
	float: left;
	text-align:left;
	position: relative;
	width: 320px;
	padding: 25px 5px 0 20px;
}

.roConversionBadge {
	position: absolute;
	z-index: 2;
	left: 240px;
	top: 105px;
}
.bestValueBadge {
	position: absolute;
	z-index: 2;
	left: 350px;
	top: 115px;
}

.bestValueBadge2 {
	position: absolute;
	z-index: 2;
	left: 350px;
	top: 173px;
}
.bonusBadge {
	position: absolute;
	z-index: 3;
	left: 365px;
	top: 190px;
}
.bonusBadgeComcast {
	position: absolute;
	z-index: 3;
	left: 365px;
	top: 180px;
}

.ps_style{

}

span.new {
    color: #f58714;
    font-weight:bold;
}


/*.newBurst {
	position: absolute;
	z-index: 3;
	left: 10px;
	top: -30px;
}*/









/*BANNER CONTENT*/

	#productConversionBanner #bannerConversionContent {
		float: left;
		width: 400px !important;
		padding: 20px 0 0 0 !important;
		margin:0;

	}
	#bannerConversionContent h2 {
		font-size: 154%;
		line-height: 138%;
		font-weight: bold;
	}
	#bannerConversionContent ol{
		margin:0 0 5px 0;
		font-weight:bold;
		
	}	
	#bannerConversionContent ol li{
		font-size:108%;
		padding-bottom:14px;
		padding-left:60px;
	}
    #bannerConversionContent ol li.no{
		background: url(/_assets/images20/home/no.gif) 25px 0 no-repeat;
	}
	#bannerConversionContent ol li.no1{		
		background: url(/_assets/images20/home/no1.gif) 25px 0 no-repeat;
	}		
	#bannerConversionContent ol li.no2{		
		background: url(/_assets/images20/home/no2.gif) 25px 0 no-repeat;
	}		
	#bannerConversionContent ol li.no3{		
		background: url(/_assets/images20/home/no3.gif) 25px 0 no-repeat;
	}
	#bannerConversionContent ol li.bonus{		

        padding-top:15px;
		padding-right:10px;
		padding-left:80px;
		/*background: url(/_assets/images20/home/bonusburst.png) 20px 0 no-repeat;*/
	}
	#bannerConversionContent ol li.bonus a{		
		text-decoration: underline;
	}
	#bannerContent h3 a:link,
	#bannerContent h3 a:visited,
	#bannerContent h3 a:hover
	{
		text-decoration: underline;
		color: #ffd67a;
	}

	.bonusNumber{
		display:none;
	}
	
	/*.bonusBurst{
		position: absolute;
		z-index: 3;
		left: 360px;
		top: 240px;	
	}*/
	
		
	.listHL{
		font-size:92%;
		color:#c2df85;
	}
	
	#bannerConversionContent .yourPrice {
		color: #fff;
		float:left;
		font-weight: bold;
		display:block;
		height:29px;
        padding:5px 10px 5px 14px !important;
		padding:5px 10px 10px 14px;
	}
/*END BANNER CONTENT*/



/*PROD OFFER BOX*/
	#bannerConversionContent #prodOfferTop {
		margin: 0 0 0 25px !important;
		padding:5px 0 0 0 !important;
		clear:both;
		background: url('/_assets/images20/home/ro_OfferTop.png') top left no-repeat;
		width: 378px;
		margin: 0 0 10px 0;
		margin-left: 25px;
	}
	
	#bannerConversionContent #prodOfferMain {
		clear:both;	
		background: url('/_assets/images20/home/ro_OfferMid.png') bottom left no-repeat;
		width: 378px;
		padding: 5px 0 0 0;
		margin: 0 !important;
        overflow:hidden;

	}
	#bannerConversionContent #prodOfferBtm {
		clear:both;
		background: url('/_assets/images20/home/ro_OfferBot.png') top left no-repeat;
		width: 378px;
		height: 5px;
		overflow:hidden;
		margin-left: 25px;
		margin-bottom: 10px;
	}
	
	/*purchaseConversionOptions*/
	.purchaseConversionOptions {
		padding: 0;
		float: left;
		margin-left: 25px;
	}
	.purchaseConversionOptions  a {
		font-weight: bold;
		text-decoration: none;
		height: 31px;
		padding:0 0 5px 7px;
		font-size: 123%;
	
	}
	.purchaseConversionOptions  a span{
		height: 26px;
		padding: 10px 15px 0 6px;
	}
	.purchaseConversionOptions  a:hover {
		font-weight: bold;
		text-decoration: none;
		color: #fff !important;
	}
	.purchaseConversionOptions .btnSubscribe a {
		float: left;
		background:url('/_assets/images20/home/btnBanner_lt.gif') no-repeat left top;
		margin:0 5px 0 0;
		cursor: pointer;
		
	}
	
	.purchaseConversionOptions .btnSubscribe a span{
		float:left;
		display:block;
		background:url('/_assets/images20/home/btnBanner_rt.gif') no-repeat right top;
		text-transform: uppercase;
		
	}
    
    .top10 h2 {
        color:#075375;
        font-size:155%;
        font-weight:normal;
        line-height:118%;
        padding:8px 20px 0 15px;
      }
      
      ol#reasons {
        font-size:110%;
        margin:14px 0 10px 20px;
        list-style:decimal;
        list-style-position:inside;
       }
       
     ol#reasons li {
        color:#FE5B00;
        font-size:120%;
        font-weight:bold;
        padding-bottom:10px;
        list-style:decimal;
        margin-left:32px;
        list-style-position:outside;
        }

        ol#reasons li span {
            color:#474646;
            font-weight:normal;
         }
    
        .btn-alpha {
            margin:0 0 40px 20px !important;
        }
    
        .btn-alpha a {
            -moz-background-clip:border;
            -moz-background-inline-policy:continuous;
            -moz-background-origin:padding;
            background:transparent url(/_assets/images20/btn-aqua-lt.png) no-repeat scroll left top;
            color:#FFFFFF;
            cursor:pointer;
            float:left;
            font-weight:bold;
            height:21px;
            margin:0 5px 0 0;
            padding:0 0 5px 10px;
            text-decoration:none;
       }
       
       .btn-alpha a span {
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background:transparent url(/_assets/images20/btn-aqua-rt.png) no-repeat scroll right top;
        display:block;
        float:left;
        height:21px;
        line-height:116%;
        padding:5px 18px 0 6px;
       }

    /*feature grid pop-up page*/

    .featureGrid {
        width: 735px;
        text-align:left;
    }

	.btn-main a {
	float: left;
	background:url('/_assets/images20/btn-aqua-lt.png') no-repeat left top;
	margin:0 5px 0 0;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	height: 21px;
	padding:0 0 5px 10px;
	color: #fff;
}
.btn-main a span {
	float:left;
	display:block;
	background:url('/_assets/images20/btn-aqua-rt.png') no-repeat right top;
	height: 21px;
	padding: 5px 18px 0 6px;
	line-height: 116%;
}

.btn-main a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
	background-position:0% -52px;
}

.btn-main a:hover span {
	background-position:100% -52px;
}

div.purchaseOptions div.oneYear {
	float:right;
	width:140px;
	margin-left:40px;
}

div.purchaseOptions div.oneYear2 {
	float:right;
	width:140px;
	margin-left:40px;
	margin-bottom: 10px;
}

div.purchaseOptions div.twoYear {
	width:150px;
	margin-left:35px;
}

div.purchaseOptions div.twoYear2 {
	width:150px;
	margin-left:40px;
}

.twoPrice {
	color: #fff;
	font-size: 115%;
	font-weight: bold;
	padding: 5px 0 5px 0;
	margin-bottom: 5px;

}

	
	/*END purchaseConversionOptions*/
	
/*END PROD OFFER BOX*/