/*
Title:			Roxio.com - Family Page Stylesheet
Author:		Greg Girton / Sonic Solutions
Updated:	11.10.06
*/
#familyContainer{
	background: url('https://img.roxio.com/images/theme/core/products/family-bg.jpg') top left no-repeat;
	padding-bottom: 5px;
}
#familyContainer h1{
	font-size: 18px;
	font-weight: bold;
	padding: 15px 20px 0 20px;
	color: #fff;
}
#familyContainer .subhead{
	font-size: 100%;
	font-weight: bold;
	padding: 3px 20px 20px 20px;
	color: #fff;
}

#familyContainer h2.creatorH2{
	font-size: 110%;
	font-weight: bold;
	background-color: #efefef;
	padding: 10px 10px 0 10px;
	height: 30px;
}
#familyContainer #col1{
	width: 300px;
	float: left;
	margin-right: 20px;
}
#familyContainer #col2{
	width: 300px;
	float: left;
	margin-right: 20px;	
}
#familyContainer #col3{
	width: 300px;
	float: left;
}

#familyContainer #col1 p img, #familyContainer #col2 p img, #familyContainer #col3 p img {
	margin-left: 50px;
}

.bucket-family{
	float: left;
	position: relative;
	width: 300px;
	padding: 0 0 10px 0;
}

.hdr-family {
	font-size: 116%;
	color: #474646;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fefefe;
	min-height: 35px;
}

.hdr-family a {
	color: #474646;
}

.hdr-family a:hover {
	color: #666;
}


.bucket-family .bucket-grad-content ul {
	min-height: 190px;
	height: auto !important;
	height: 190px;
}

.bucket-family .purchase-options {
	margin-top: 10px;
}

/*Set width of the purchase buttons*/

.bucket-family .btn-main span{
	width: 70px;
	text-align: center;
}

#familyContainer #buttonsCol1{
	width: 230px;
	float: left;
}
#familyContainer #buttonsCol2{
	width: 230px;
	float: left;
}
#familyContainer #buttonsCol3{
	width: 300px;
	float: left;
}
#familyContainer ul{
	padding-bottom: 5px;
}
#familyContainer li{
	background: url("https://img.roxio.com/enu/images/6x6_blue_bullet.gif") no-repeat;
	background-position: 0 10px;
	padding: 5px 10px 0 12px;
	list-style: none;
}
#familyContainer li.listPrice{
	font-family: Arial, Helvetica, sans-serif;
	background: none;
	list-style: none;
	font-size: 120%;
	padding: 10px 0 0 0;
	font-weight: bold;
}
#familyContainer li.price{
	font-family: Arial, Helvetica, sans-serif;
	background: none;
	list-style: none;
	font-size: 16px;
	color: #197cc9;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}

#familyContainer li.priceCreator{
	font-family: Arial, Helvetica, sans-serif;
	background: none;
	list-style: none;
	font-size: 16px;
	color: #e60f18;
	font-weight: bold;
	padding: 0 0 5px 0;
}

#familyContainer li.rebate {
	padding: 0 0 5px 0;
	background: none;
	list-style: none;
	font-size: 86%; /* For IE5/Win */
	f\ont-size: 86%; /* For other IE versions */
	line-height: 120%;
}

#familyContainer li.product-info {
	background: none;
	list-style: none;
	padding: 0 0 10px 0;
}

#familyContainer li.note {
	color: #cc0000;
	background: none;
	list-style: none;
	font-size: 100%;
	padding: 0;
}

#col1 ul{

}
#col2 ul{

}
#col1 h2 a, #col2 h2 a, #col3 h2 a{
	text-decoration: none;

}
#col1 h3{
 
}
#col2 h3{
 
}

.new {
	color: #cc0000;
	font-weight: bold;
}
/* FEATURE COMPARISON TABLE*/

.featureTable{
	width: 940px;
	margin: 0;
}

.featureTable .title-feature {
	border-bottom: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;	
	padding: 5px 5px 5px 15px;
}

.prod-one, .prod-two, .prod-three, .prod-four {
	width: 98px;
	text-align: center;	
	border-bottom: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	vertical-align: top;
	padding: 5px 0 0 0;
}

.legend-new{
	color: #cf0000;
	font-size: 146%;
}

.legend-improved{
	color: #0000cc;
	font-size: 146%;	
}

.legend-available{
	color: #999999;
	font-size: 146%;	
}




.checkcontainer{
	font-size: 160%;
	color: #999;
	font-weight: bold;
	width: 93px;
	text-align: center;
}
.checkcontainerBest{
	font-size: 160%;
	color: #d98604;
	font-weight: bold;
	width: 93px;
	text-align: center;
	background-color: #fff !important;
}

.bandButton{
 float: right;
	padding-right: 10px;
	cursor: pointer;
}
#productCompare {
	clear: left;
	background: #636466 url('https://img.roxio.com/images/theme/core/hdr-compare-rt.gif') top right no-repeat;
	margin: 0;
	padding: 0;
	color: #fff;
	border-bottom: 2px #000 solid;
}
#productCompare .title-compare{
	float: left;
	background: url('https://img.roxio.com/images/theme/core/hdr-compare-lt.gif') top left no-repeat;
	min-width: 370px;
	width: auto !important;
	width: 370px;	
	margin: 0 !important;
	padding: 0;
	height: 35px;
	padding: 23px 0 0 20px;
	font-size: 166% !important;
	font-weight: normal !important;
}

.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;
}

.productTitles{
	float: right;
	padding: 5px 0 5px 0;
}

.productTitles .good, .productTitles .better, .productTitles .best {
	float: left;
	width: 90px;
	text-align: center;	
	background: url('https://img.roxio.com/images/theme/core/hdr-compare-separator.gif') top left no-repeat;
	min-height: 39px;
	height: auto !important;
	height: 39px;
	padding: 5px 5px 5px 5px !important;
	font-weight: bold;
}