/*	
Title:		Roxio.com - Global Stylesheet
Author:		David Tang / Sonic Solutions
Updated:	7.15.08
Based on davids styles, reused by Cesar for photoshow homepage compare tab

*/


table {
	border-collapse:separate;
	border-spacing:0;
}



.content-features p{
	padding:0;
	margin:0;
}

#compareTitle {
	background: #636466 url('https://img.roxio.com/images/photoshow-com/comparechart/compare_title.jpg') no-repeat top left;
}

#compareTitle h1 {
	float: left;
	color: #fff;
	font-size: 106%;
	font-weight:bold;
	width: 740px; /*560*/
	padding:10px 0 0 15px !important;
	margin:0;
}

#compareTitle #compareProducts {
	float: left;
	width: 160px;
	padding:0;
	margin:0;
}

#compareProducts p {
	float: left;
	width: 78px;
	text-align: center;
	color: #fff;
	padding: 10px 0 10px 0;
	border-left: 1px solid #7a7a7a;
	font-weight: bold;
}

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

#vertical_container {
	padding-bottom: 10px;
}

.accordion_toggle {
	display: block;
	padding: 5px 10px 5px 10px !important;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	background: #f6f6f6 url('https://img.roxio.com/images/photoshow-com/comparechart/table_feature_bg.gif') repeat-x top right ;
	border-left: 1px solid #bababa;
	border-right: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
}

.accordion_toggle h1{
	font-size: 14px !important; /*100%*/
	padding: 0 0 0 0 !important; /*patch style to override global for H1 - ces*/
	font-weight:bold; !important
}

.accordion_toggle h1:hover {
	cursor:pointer;
	cursor:hand;

}

.accordion_toggle_active {
	color: #005aa0;
}

.accordion_toggle_active h1 {
	color: #005aa0;
}

.accordion_content {
	/*background-color: #ffffff;*/
	color: #444444;
	overflow: hidden;
}
.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}
.accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}

/*vertical Accordion*/
	
	.vertical_accordion_toggle {
		display: block;
		height: 30px;
		width: 600px;
		background: #a9d06a;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		color: #000000;
		border-bottom: 1px solid #cde99f;
		margin: 0 0 0 0;
	}
	.vertical_accordion_toggle_active {
		background: #e0542f;
		color: #fff;
		border-bottom: 1px solid #f68263;
		
	}
	.vertical_accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
	}
	.vertical_accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}
	.vertical_accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
/*END vertical Accordion*/	
	
	

.accordion_content table {
	border-left: 1px solid #cfcfcf !important;
	border-right: 1px solid #bababa !important;
	border-bottom: 1px solid #bababa !important;
	width: 918px; /*738*/
	

}



.accordion_content table td {
	padding: 4px 3px 4px 10px !important;
	border-bottom: 1px solid #e3e3e3;
	
}

.tableFeature {
	/*width: 770px !important; /*600 780*/
	vertical-align: top;
	width:776px !important;
	
}



.tableBasic {
	width: 69px;
	text-align: center;
	border-left: 1px solid #e3e3e3 !important;
	vertical-align: top;
	font-weight: bold;
}

.tablePremium {
	width: 69px;
	text-align: center;
	border-left: 1px solid #e3e3e3 !important;
	vertical-align: top;
	font-weight: bold;
	color: #005aa0;
}