/*
Title:			Roxio.com - Product Pages Stylesheet
Author:		Greg Girton / Sonic Solutions
Updated:	6.06.06
*/

#container ul{
	margin-left: 8px;
	padding: 5px 0 5px 8px;
	
}
#container ul li{
	padding-bottom: 5px;
}

#container ul li ul{
	padding: 5px 0 5px 0;
}
#container ul li ul li{
	line-height: 14px;
}
h4{
 font-size: 116%
 padding: 5px 0 5px 0;
}
h5{
 font-size: 100%;
 padding: 5px 0 0 0;
}

/* OVERVIEW PAGE */

#overviewIntro{
}
#overviewIntro img{
	float: left;
	padding-right: 15px;
	margin-left: 10px;
}
#overviewIntro #productOverview{
	width: 495px;
	float: left;
	padding-left: 15px;
	padding-right: 25px;
}
#overviewIntro h2{
	font-size: 152%;
	color: #197cc9;
	padding: 0 0 5px 0;
}
#overviewIntro p{
}
#overviewIntro .alert{
 font-weight: bold;
 color: #cc0000;
}

#productOverview p.plugin-banner {
	margin-top: 15px;
	background: url('http://img.roxio.com/images/products/plugin-banner.jpg') no-repeat top left;
	font-weight: bold;
	height: 44px;
	color: #fff;
	padding: 10px 5px 0 100px;
}


.bucket-content {
	padding: 35px 10px 0 20px;
}

#bucket-purchase{
	float: left;
	position: relative;
	width: 260px;
	padding: 0 0 10px 0;
}

#bucket-purchase .bucket-hdr-abs {
	position: absolute;
	z-index: 20;
	top: 5px;
	padding: 0 5px 0 5px;
}

#bucket-purchase .bucket-hdr-width {
	width: 256px;
}

#bucket-purchase h2.hdr-main {
	font-size: 106%;
	color: #fff;
	margin:0 5px 0 0 !important;		
}

/*Set width of the pruchase buttons*/

#bucket-purchase .btn-main span{
	width: auto;
	text-align: center;
}

.prodTitle{
	font-weight: bold;
	font-size: 110%;
	margin: 5px 10px 0 0 !important;
}
.yourPrice{
	font-weight: bold;
	font-size: 110%;
	color: #197cc9;
	margin: 0 10px 5px 0 !important;
}
.listPrice{
	margin: 0 10px 0 0 !important;
}
.rebate{
	font-size: 9px;
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
}
.flashDemo{
	font-weight: bold;
	padding: 10px 0 0 30px !important;
	background: url("http://img.roxio.com/enu/images/flash_icon.gif") no-repeat;
	background-position: 0 7px;
}
.previousPage{
	float: right;
	font-weight: bold;
	background: url("http://img.roxio.com/enu/images/7x7_prev_arrow.gif") no-repeat;
	background-position: left 15px;
	padding: 10px 0 10px 10px;
}
.nextPage{
	float: right;
	font-weight: bold;
	background: url("/images/theme/core/products/arrow-aqua-rt.gif") no-repeat;
	background-position: right 10px;
	padding: 5px 10px 0 10px !important;
	margin-right: 10px;
}

#subNav{
	clear: left;
	float: left;
	width: 100%; 
	margin: 15px 0 0 0;
}

.onSub {
	border-bottom: 1px solid #c27f00;
}


/* Styles for subNav. */


#overview #navOverview a, #features #navFeatures a, #benefits #navBenefits a, #compare #navCompare a, #screenshots #navScreens a, #systemReq #navSysreq a, #tutorials #navTutorials a  {
            margin: 0 2px 0 0;
            background-position:left 0px;
            font-weight:bold;
}
#overview #navOverview a span, #features #navFeatures a span, #benefits #navBenefits a span, #compare #navCompare a span, #screenshots #navScreens a span, #systemReq #navSysreq a span, #tutorials #navTutorials a span {
	background-position:right 0px;
	color: #fff;
	padding:13px 15px 9px 6px;
}

#childNav{
	clear: left;
	float: left;
	width: 100%; 
	margin: 0 0 0 0;
	background:url("http://img.roxio.com/enu/images/1x25_childNav_stretch.gif") #d18a13 repeat-x right top;
	border-bottom: 1px solid #c27f00;
}

#childNav ul {
	margin:0 0 2px 0;
	padding: 2px 0 0 5px;
	list-style:none;
}

#childNav li {
	display:inline;
	margin: 0;
	padding: 0;
}

#childNav a {
	float:left;
	margin:0 0 2px 0;
	padding: 0;
	text-decoration:none;
	border-left: #f1c779 solid 1px;
	font-weight: bold;
}
		
#childNav a span {
	float:left;
	display:block;
	color:#fff;
	border-right: #c27f00 solid 1px;

}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#childNav a span {float:none;}
	/* End IE5-Mac hack */
#childNav a:hover span {
	color:#fff;
}

#childNav a:hover {
	background:url("http://img.roxio.com/enu/images/1x19_childNav_select.gif") no-repeat right top;
	font-weight:bold;
	color: #000;
}

#childNav a:hover span {
	color: #000;
}

/* Styles for sub navigation.  Can be seperated into seperate file. */


#childNav .backup a:hover, #childNav .music a:hover, #childNav .video a:hover, #childNav .photo a:hover, #childNav .mobility a:hover, #childNav .content a:hover {
	background:url("http://img.roxio.com/enu/images/1x19_childNav_select.gif") #edb66d repeat-x left top;
	border: 1px solid #c27f00;
	color: #000;
}

#childNav .backup a:hover span {
	background:url("http://img.roxio.com/enu/images/20x20_backup_icon.gif") no-repeat left top;
	background-position: 10px 1px;
	padding:2px 15px 3px 30px;
	color: #000;
}

#childNav .music a:hover span {
	background:url("http://img.roxio.com/enu/images/20x20_music_icon.gif") no-repeat left top;
	background-position: 10px 1px;
	padding:2px 15px 3px 30px;
	color: #000;
}

#childNav .video a:hover span {
	background:url("http://img.roxio.com/enu/images/20x20_video_icon.gif") no-repeat left top;
	background-position: 10px 1px;
	padding:2px 15px 3px 30px;
	color: #000;
}

#childNav .photo a:hover span {
	background:url("http://img.roxio.com/enu/images/20x20_photo_icon.gif") no-repeat left top;
	background-position: 10px 1px;
	padding:2px 15px 3px 30px;
	color: #000;
}

#childNav .mobility a:hover span {
	background:url("http://img.roxio.com/enu/images/20x20_mobile_icon.gif") no-repeat left top;
	background-position: 10px 1px;
	padding:2px 15px 3px 30px;
	color: #000;
}

#childNav .content a:hover span {
	background:url("http://img.roxio.com/enu/images/20x20_content_icon.gif") no-repeat left top;
	background-position: 10px 1px;
	padding:2px 15px 3px 30px;
	color: #000;
}

#childNav .backup a span {
	background:url("http://img.roxio.com/enu/images/20x20_backup_icon.gif") no-repeat left top;
	background-position: 10px 2px;
	padding:3px 15px 3px 31px;
	color: #fff;
}

#childNav .music a span {
	background:url("http://img.roxio.com/enu/images/20x20_music_icon.gif") no-repeat left top;
	background-position: 10px 2px;
	padding:3px 15px 3px 31px;
	color: #fff;
}

#childNav .video a span {
	background:url("http://img.roxio.com/enu/images/20x20_video_icon.gif") no-repeat left top;
	background-position: 10px 2px;
	padding:3px 15px 3px 31px;
	color: #fff;
}

#childNav .photo a span {
	background:url("http://img.roxio.com/enu/images/20x20_photo_icon.gif") no-repeat left top;
	background-position: 10px 2px;
	padding:3px 15px 3px 31px;
	color: #fff;
}

#childNav .mobility a span {
	background:url("http://img.roxio.com/enu/images/20x20_mobile_icon.gif") no-repeat left top;
	background-position: 10px 2px;
	padding:3px 15px 3px 31px;
	color: #fff;
}

#childNav .content a span {
	background:url("http://img.roxio.com/enu/images/20x20_content_icon.gif") no-repeat left top;
	background-position: 10px 2px;
	padding:3px 15px 3px 31px;
	color: #fff;
}

#childNav .on a {
	background:url("http://img.roxio.com/enu/images/1x19_childNav_select.gif") #edb66d repeat-x left top;
	border: 1px solid #c27f00;
	color: #000;
}

#childNav .on a span {
	background-position: 10px 1px;
	padding: 2px 15px 3px 30px;
	color: #000;
}


#separatorNav{
	clear: left;
	float: left;
	width: 100%;
	height: 12px;
	margin: 0;
	background:url("http://img.roxio.com/enu/images/prod_page_trim.gif") repeat-x right top;
}


/* FEATURES CONTENT*/         /* This is the features tab content within the Overview product page*/


.rounded-container-content {
	min-height: 230px;
	height: auto !important;
	height: 230px;
	padding-bottom: 5px;
}

.featureRow{
	clear: left;
	padding: 10px 0 0 0;
}
.featureRow img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;

}

.featureRow a img {
	border: 1px solid #333;
}

.overviewFeature h3{
	font-size: 100%;
}
.overviewFeature{
	float: left;
	width: 260px;
	padding: 0 20px 10px 10px;
}

.featureRow img.noBorder {
	border: none;
}

.feature ul{
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
.feature li{
}

/* AWARDS CONTENT */
h2#awardsHeader {
	clear: left;
	margin-top: 10px;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	background-color: #666;
	border-bottom: 3px solid #ccc;
	padding: 1px 5px 3px 5px;
}
.awardRow img{
	float: left;
	padding-right: 10px;
}
.awardRow{
	clear: left;
	padding: 10px 0 10px 5px;
	border-bottom: 1px dashed #ccc;
	background-color: #fff;
}
.awardRowAlt{
	clear: left;
	padding: 10px 0 10px 5px;
	border-bottom: 1px dashed #ccc;
	background-color: #F9F9F9;
}
.awardRowLast{
	clear: left;
	padding: 10px 0 10px 5px;
	background-color: #fff;
}
.awardRowAltLast{
	clear: left;
	padding: 10px 0 5px 5px;
	background-color: #F9F9F9;
}
.awardRow h3{
	font-size: 11px;
	font-weight: bold;
}
.awardRowAlt h3{
	font-size: 11px;
	font-weight: bold;
}
.awardRowLast h3{
	font-size: 11px;
	font-weight: bold;
}
.awardRowAltLast h3{
	font-size: 11px;
	font-weight: bold;
}
/* FEATURES PAGE */
#featureList{
	padding-top: 15px;
}
#featureList h3{
	font-size: 110%;
}
/* SYSTEM REQUIREMENTS PAGE */
#sysreq{
	margin: 1px 0 0 0;
	padding: 5px 0 0 0;
}

#sysreq p{
	padding: 0 0 5px 0;
}

#sysreq h3{
 font-size: 110%;
}
#sysreq h4{
 font-size: 100%;
}

#faqs{
}
.faqRow{
	clear: left;
	margin: 5px 0 5px 0;
}
#faqs h2{
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	background-color: #666;
	border-bottom: 3px solid #ccc;
	padding: 1px 5px 3px 5px;
	text-transform: uppercase;
	margin-top: 15px;
}
/* FEATURE MATRIX*/
#tableHeader h4{
 font-size: 116%;
 padding: 0;
}
.matrix{
	width: 100%;
	margin: 0;
}
.matrix td{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 3px 0 3px 5px;
}
.matrix td.feature {
	border-left: 1px solid #ccc;
	padding: 5px 0 5px 12px;
}
.tableFeature{
	width: auto;
	padding-left: 10px;
}
.view{
	width: 60px;
	background: url("http://img.roxio.com/enu/images/13x13_view.gif") no-repeat;
	background-position: 10% 50%;
}
.view a{
	padding-left: 20px;
	font-weight: bold;
}
.bandButton{
	float: right;
	padding-right: 10px;
	cursor: pointer;
}

.title-compare-chart{
	background-image: url("/images/theme/core/compare-title-bg.gif");
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-weight: bold;
	font-size: 100% !important;
	height: 24px;
	padding: 5px 0px 0px 7px;
	border: 1px solid #b0b0b0;
	margin-top: 2px;
}

/* COMPARISON CHART ICONS */
.title-compare-chart h4 {
	font-size: 100%;
	padding-left: 5px;
	color: #000;
}
.title-compare-chart a {
	color: #26508e;
	text-decoration: none;
	cursor: pointer;
}
.title-compare-chart a:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}


/* FEATURES CONTENT */

.alertText {
	color: #990000;
	font-weight: bold;
}

.new {
	color: #cc0000;
	font-weight: bold;
}

.featureContent {
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

.featureContent ul{
	list-style-type: none;
	padding: 5px 0 5px 0;

}
.featureContent li{
	background: url("http://img.roxio.com/enu/images/6x6_blue_bullet.gif") no-repeat;
	background-position: 0 5px;
	padding-left: 12px;
	margin-left: 8px;
}

.featureContent img {
	float: left;
	border: 1px solid #000;
	margin: 10px 30px 0 5px;
}

.featureContent h4 {
	font-size: 110%;
}


.featureCol1 {
	padding-right: 10px;
	float: left;
	width: 370px;
}

.featureCol2 {
	padding-right: 10px;
	float: left;
	width: 370px;
}

.dottedLine {
	padding-top: 20px;
	margin-bottom: 15px;
	border-bottom: dashed 1px #999;
}

.footNote {
	width: 90%;
	padding-left: 15px;
	font-size: 80%;
	font-style: italic;
	color: #999;
	line-height: normal;
}

.featureContent img.noBorder {
	border: 0;
	padding: 0;
	margin: 0;
}
.caption {
	padding: 0 20px 10px 20px;
	font-size: 120%;
	font-weight: bold;
}
.supportNumber{
 padding: 5px 0 0 20px;
	border-top: 1px solid #ccc;
 background: url("http://img.roxio.com/enu/images/13x17_telesales.gif") no-repeat;
	background-position: 0 7px;
	height: 18px;
}

/* BOTO Pricing Element*/

.botoPrice{
float: left;
padding: 13px 0 0 0;
color: #cc0000;
font-weight: bold;
}
.botoPrice2{
float: left;
padding: 3px 0 0 0;
color: #cc0000;
font-weight: bold;
}
.content-heading{
padding: 10px 0 10px 0;
color: #197cc9;
font-size: 120%;

}
