/*
Title:		Roxio.com - Upgrade Center Stylesheet
Author:		David Tang / Sonic Solutions
Updated:	12.17.08
*/

/*BEGIN Upgrade Assistant*/
.upgrade_content {
	padding: 5px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 30px;
}

.upgrade_content ul {
	float: left;
	list-style-type: none;
	border-top: none;
	padding-top: 5px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 10px;
}
.upgrade_content ul li{
	background: url("https://img.roxio.com/enu/images/6x6_blue_bullet.gif") no-repeat;
	background-position: 0 5px;
	padding-left: 1.25em;
	margin-left: 1.25em
}

.upgrade_content img {
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.upgrade_content h1{
	font-size: 160%;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}
h4{
padding-top: 10px;
line-height: 20px;
}
.rightCol {
	float: left;
	padding-right: 20px;
}

/*END Upgrade Assistant*/

#upgrade_software {
	border: 1px solid #d3d3d3;
	padding: 5px;
	padding-left: 10px;
}

#upgrade_software ul {
	list-style-type: none;
	width: 320px;
	border: none;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 10px;
}

#upgrade_software ul li{
	background: url("https://img.roxio.com/enu/images/6x6_blue_bullet.gif") no-repeat;
	background-position: 0 5px;
	padding-left: 1.25em;
	margin-left: 1.25em
}

#windows, #windowsVista, #mac{
	float: left;
	margin-top: 5px;
}
.colLeft{
	margin-right: 40px;
}

#windowsVista {
	margin-top: 0px;
}

#mac ul{
	padding-bottom: 10px !important;

}
#windows ul, #mac ul, #windowsVista ul{
/*	list-style-type: none;*/
	width: 320px;
	border: 1px solid #666;
	border-top: none;
	padding-top: 10px;
	padding-left: 0;
	padding-right: 0;
		padding-bottom: 10px;
}

#windows ul li, #windowsVista ul li, #mac ul li{
	/*background: url("https://img.roxio.com/enu/images/6x6_blue_bullet.gif") no-repeat;
	background-position: 0 5px;*/
	padding-left: 0;
	margin-left: 30px;/*1.25em*/
}

.windowsHeader{
	background: url('https://img.roxio.com/enu/images/upgrade_center/windows.gif') no-repeat;
	width: 322px;
	height: 32px;
	text-indent: -9999px;
}
.windowsVistaHeader{
	background: url('https://img.roxio.com/enu/images/upgrade_center/windowsVista.gif') no-repeat;
	width: 322px;
	height: 56px;
	text-indent: -9999px;
}
.macHeader{
	background: url('https://img.roxio.com/enu/images/upgrade_center/mac.gif') no-repeat;
	width: 322px;
	height: 56px;
	text-indent: -9999px;
}
.customerSupport{
	float: left;
	clear: both;
	margin-top: 20px;
	background: url('https://img.roxio.com/enu/images/upgrade_center/support_icon.gif') no-repeat 5px 5px;
	background-color: #f9f9f9;
	padding: 10px 40px;
	border: 1px solid #ccc;
	width: 650px;
	font-weight: bold;
}

.version{
 color: #666;
}

#upgrade-message {
	padding: 10px;
}

#upgrade-message h2 {
	font-size: 156%;
	padding: 0 0 5px 0;
}

#upgrade-messages h3 {
	font-size: 116%;
}

#upgrade-message ul {
	padding: 10px 0 10px 20px;
}

#upgrade-message ul li {

}

.rounded-container-content ul {
	padding: 10px 0 10px 20px;
}

.rounded-container-content ul li {

}

.rounded-container-content img {
	border: 1px solid #333;	
	float: left;
}


.rounded-container-content .features {
	float: left;
}

.features h2 {
	font-size: 126%;
}

#contentContainerBody_rn .features, #contentContainerBody_mydvd .features, #contentContainerBody_ps .features {
	width: 720px;
	padding-left: 15px;
}

#banner {

}

#banner{

margin: 5px 0 0 0;
height: 305px;
display: block;
}

#banner-content {
	padding: 30px 0 0 280px;
	color: #fff;
}

#banner-content h1 {
	font-size: 186%;
}

#banner-content h2 {
	font-size: 146%;
}

#banner-content a {
	color: #fff;
}

#banner-content .watchGT {
margin: 20px 0 0 0;

}
#banner-content .watchGT a {
	float:left;
	font-weight: bold;
	text-decoration: none;
	height: 25px;
	padding:0 0 0 32px;
	font-size: 100%;
	background:url('https://img.roxio.com/images/products/creator/2009/watchGT_btn_lt.gif') no-repeat left top;
	color: #1072b7;
	margin:0 5px 0 0;
	cursor: pointer;
	line-height: 100%;
}
#banner-content .watchGT a:hover {
	color: #d98604;
	background-position: 0 -25px;
}
#banner-content .watchGT a span {
	float: left;
	display: block;
	height: 19px;
	padding: 6px 15px 0 6px;
	margin: 0;
	background:url('https://img.roxio.com/images/products/creator/2009/watchGT_btn_rt.gif') no-repeat right top;
	width: 130px;
}
#banner-content .watchGT a:hover span {
}

.price-callout{
 clear: both;
 padding: 10px 0 10px 0 !important;
 margin: 0 !important;
}
.price-callout span{
 font-weight: bold;
}


.system-requirements{
	float: right;
	margin: 0 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;
}




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

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

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

#subNav a span {
	min-width: 50px;
	width: auto !important;
	width: 50px;
	text-align: center;
}