/*	
Title:			Roxio.com - Features Stylesheet
Author:		David Tang / Sonic Solutions
Updated:	8.15.08
*/

#vertical_container {
	float: left;
	margin: 0;
	width: 695px;
}

.sideCol {
	float: left;
	width: 210px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
}
.accordion_toggle h1 {
	display: block;
	text-decoration: none;
	cursor: pointer;
	color:#4b4a4a;
	font-size: 100% !important;
	background: url("/images/products/creator/2009/accordionBar_rt.gif") no-repeat;
	background-position: right -27px;
	margin: 0;
        padding: 0 !important;
}
.accordion_toggle h1 span {
	margin-top: 3px;
	display: block;
	padding: 6px 0 0 15px;
	height: 21px;
	color: #4b4a4a;
	background: url("/images/products/creator/2009/accordionBar_lt.gif") no-repeat;
	background-position: left top;
	text-decoration:none;
	font-weight:bold;
}

.accordion_toggle_active h1 {
	background: url("/images/products/creator/2009/accordionBar_rt.gif") no-repeat;
	background-position: right top;
}
.accordion_toggle_active h1 span {
	background: url("/images/products/creator/2009/accordionBar_lt.gif") no-repeat;
	background-position: left top;
	text-decoration:none;
	font-weight:bold;
	color: #0c619d;
}

.accordion_content {
	background-color: #fff;
	color: #333;
	overflow: hidden;
	margin: 0;
}

.accordion_content ul {
	padding: 5px 0 5px 10px;
}

.accordion_content ul li {
	background-position: 0 5px;
	padding: 0 0 8px 12px;
}


/*Need to nest div so it doesn't snap when you put padding because of overflow*/
.ac_container {
	padding: 5px;
	height: 370px;
	background: #e8ecf5 url('https://img.roxio.com/images/accordion/c11/contentBg.gif') repeat-x top left ;
	overflow: auto;

}
.lastac {
	margin: 0;
	padding: 0;
	border: none;
}
.accordion_content h4, .content_last h4 {
	font-size: 100%;
}
.accordion_content p, .content_last p {
	padding: 0 0 5px 0;
}
.accordion_content_last {
	overflow: hidden;
}
.lastac .content_last {
	height: 370px;
	overflow: auto;
	background: #e8ecf5 url('https://img.roxio.com/images/accordion/c11/contentBg.gif') repeat-x top left ;
	overflow: hidden;
	background-color: #ffffff;
	color: #333;
	margin: 0;
	padding: 5px 5px 0 5px;
}
.lastac .btm_cap {
	margin: 0;
	background:url("/images/accordion/c11/contentBtmCap.png") no-repeat bottom left;
	border: none;
	padding:0;
	height: 6px !important;
}
.galleryRow {
	padding: 0 0 10px 0;
}

.galleryRow .gr_thumb {
	float: left;
	padding: 5px;
	border: 1px solid #ccc;
}

.galleryRow .gr_content {
	padding: 0 0 0 10px;
	overflow: auto;
	zoom: 1; /* IE hasLayout hack: http://fumle.dk/public/webdev/IEhaslayout/ */
}

ul.topArticles {
	padding: 10px 0 0 0;
}

ul.topArticles li {
 padding: 0 0 5px 10px;
 margin: 0 0 0 5px;
 background: url("/images/arrow.gif") no-repeat 0 5px;
}