/*
Title:		Roxio.com - Upgrade Center Stylesheet
Author:		David Tang / Sonic Solutions
Updated:	12.29.06
*/


/*patch*/
	#tableHeader h4{	
		margin:0; padding:0;
	}
	.table-text{
		width:70px !important;
		padding:0 5px 0 5px !important;
	}
	.bandButton{
		display:none;
	}
	.colContent {
		padding-bottom: 15px;
	}
	.boxLocateKey {
		padding-bottom: 15px;	
	}
/*END patch*/	

.bnr-popcorn {
background: url('https://img.roxio.com/images/v2/upgrade-center/popcorn/bnr-main-popcorn.jpg') no-repeat;
margin: 5px 0 0 0;
height: 305px;
display: block;
}

.bnr-popcorn h1, .bnr-popcorn h2, .bnr-popcorn p {
	color: #333;
}

.list-price-callout{
 clear: both;
 padding: 10px 0 0 0 !important;
 margin: 0 !important;
}

.price-callout{
 clear: both;
 padding: 0 0 10px 0 !important;
 margin: 0 !important;
}
.price-callout span{
 font-weight: bold;
 font-size: 120%;
}


.system-requirements{
	float: right;
	margin: 30px 20px 0 0;
}
.system-requirements a {
	float: left;
	background:url('https://img.roxio.com/images/upgrade_center/toast/btn-sysreq-lt.png') no-repeat left top;
	padding: 0 0 5px 10px;
	cursor: pointer;
    text-decoration: none !important;
	height: 37px;
}
.system-requirements a span {
	float:left;
	display:block;
	background:url('https://img.roxio.com/images/upgrade_center/toast/btn-sysreq-rt.png') no-repeat right top;
	padding: 4px 20px 0 10px;
	height: 26px;
	color: #fff;
	font-size: 11px;
}


.burstText {
	padding: 23px 0 0 0;
}

.burstText p {
	color: #fff;
	font-size: 136%;
	text-align: center;
	padding: 3px 0 0 0;
	font-weight: bold;
}

.burst {
	float: left;
	margin: 5px 0 0 300px;
	height: 110px;
	width: 110px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='https://img.roxio.com/images/110x110_burst.png');
}

.burst[class] {
	margin: 5px 0 0 600px !important;
	background: url('https://img.roxio.com/images/110x110_burst.png') no-repeat bottom left;
}

#mainOffer{
 clear: both;
 height: 280px;
 background: url('https://img.roxio.com/images/upgrade_center/popcorn/760x380_popcorn_banner.jpg') top left no-repeat;
}

.alert {color:#d31925;}

#mainOffer img{
	float: left;
}

.redText {
	color: #D70808;
}

.orangeText {
	color: #d98604;
}

/*MISC*/
.clearSpacer10px {
	clear: both;
	padding-bottom: 10px;
}
.clearSpacer5x {
	clear: both;
	padding-bottom: 5px;
}
.clear {
	clear: both;
	}


.border {
	border: solid 1px	#666;
}

.screenshots {
	float: left;
}

#offerBox {
	float: left;
	padding: 15px 0 0 260px;
}

#offerBox  p.text {
	width: 450px;
	color: #fff;
	font-size: 116%;
}

#offerBox  p.offerText {
	width: 450px;
	color: #fff;
	font-size: 126%;
	font-weight: bold;
}

#productPricing {
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
	float: left;
	width: 220px;
	color: #fff;
}

#productPricing .listPrice{
	margin: 2px 10px 0 0 !important;
	font-weight: bold;
}

#productPricing .yourPrice{
	font-weight: bold;
	font-size: 120%;
	padding: 5px 10px 5px 0 !important;
	
}

#productPricing .yourPrice .large{
	font-size: 168%;
}

#productPricing .rebate {
	font-size: 9px;
}

#productPricing .rebate a{
	color: #fff;
}

.caption{
	margin: 2px 10px 0 0 !important;
	font-weight: bold;
	color: #fff;
	font-size: 90%;
}

.caption a {
	color: #fff;
}

.caption a:hover {
	color: #d98604;
}


.captionOffer{
	margin: 2px 10px 0 0 !important;
	font-weight: bold;
	color: #fff;
	font-size: 106%;
}

#productOptions {
	float: left;
	margin: 20px 0 0 0;
	padding: 12px 0 12px 20px;
	border-left: 1px solid #fff; 
}

#productOptions .downloadBtn {
	font-weight: bold;
	font-size: 100%;
	text-align: center;
	padding: 1px 0px 1px 0px;
	text-decoration: none;
	text-transform: uppercase;
	width: 120px;
	line-height: 16px;
}
#productOptions .downloadBtn a{
	color: #fff;
	text-decoration: none;
	background: #eb3b43 url("https://img.roxio.com/enu/images/buttonRed_bg.gif") repeat-x;
	background-position: 0 -2px;
	height: 18px;
	border: 1px solid #fff;
	display: block;
}
#productOptions .downloadBtn a:hover{
	color: #fff;
	text-decoration: none;
}

#productOptions .cdromBtn {
	font-weight: bold;
	font-size: 100%;
	text-align: center;
	margin: 7px 0 0 0;
	padding: 1px 0px 1px 0px;
	text-decoration: none;
	text-transform: uppercase;
	width: 120px;
	line-height: 16px;
}
#productOptions .cdromBtn a{
	color: #fff;
	text-decoration: none;
	background: #eb3b43 url("https://img.roxio.com/enu/images/buttonRed_bg.gif") repeat-x;
	background-position: 0 -2px;
	height: 18px;
	border: 1px solid #fff;
	display: block;
}
#productOptions .cdromBtn a:hover{
	color: #fff;
	text-decoration: none;
}

#productInfo {

}

#productInfoContent {
	float: left;
	padding: 16px 10px 0 5px;
}

#productInfoContent  h2{
	font-size: 126%;
	padding: 5px 0 5px 0;
}

#productInfoContent  h3{
	font-size: 146%;
	padding: 0 0 5px 0;
}

#productInfoContent  h4{
	font-size: 126%;
	padding: 0 0 5px 0;
}

#productInfoContent  p{
}

#productInfoContent ul {	
	padding: 10px 0 10px 20px;
}

#productInfoContent ul li{
}

#productInfoPromo  {
	float: left;
	width: 140px;
	height: 184px;
	margin: 10px 0 0 0;
	background: url('https://img.roxio.com/images/upgrade_center/popcorn/140x200_popcorn3.jpg') no-repeat top left;
}

.finePrint {
	font-size: 90%;
	padding: 10px 0 0 0;
}

.featureTableChart {
width: 720px; }

.featureTableChart td{
border: solid #000000 1px;
color: #333333;
padding: 4px;
height:16px;}

.featureTableChart {
border: #000000 solid 1px;
border-collapse: collapse;
margin-top: 4px;
margin-bottom: 25px;
text-align: left; }

.featureTableChart th {
background-color: #F4F9FD;
border: solid #000000 1px;
font-weight:bold;
color: #FFFFFF;
text-align: center;
padding: 6px;
}

.featureTableChart th.cellOne{
font-weight:bold;
color: #333333;
text-align:left;
}

.productCompareH {
color: #EB9332;
font-size: 18px;}

.chartH { color: #666666; font-size: 18px; }

#oemLogo {
float: right;
margin-top: 20px;
	margin-left: 10px;
	margin-bottom:6px;
}