/*	
Title:		Roxio.com - Core Stylesheet
Author:		David Tang / Sonic Solutions
Updated:	01.12.09
*/
/*	
Title:		Roxio.com - Core Stylesheet
Author:		Kahkashan Rahman / Sonic Solutions
Updated:	01.10.11
*/

#product-info {
	background: url('https://img.roxio.com/enu/images/products/photoshow/for-facebook/bnr-product-info.jpg') no-repeat top left;
	padding-left: 260px;
	padding-top: 30px;
	height: 382px;
}

#product-headline {
	background: url('https://img.roxio.com/enu/images/products/photoshow/for-facebook/bnr-headline.png') no-repeat top left;
	width: 652px;
	height: 133px;
}
#product-headline h1 {
	text-indent: -3000px;
}

#product-headline h2 {
	text-indent: -3000px;
}
#tour-video {
	width: 180px;
	height: 55px;
	margin-left: -100px;
	margin-top: 150px;
}
#tour-text {
	margin-left: 70px;
	margin-top: -40px;
	width: 150px;
	height: 30px;
}
#tour-video p {
	color: #ffffff !important;
}
#tour-video a {
	color: #ffffff !important;
	text-decoration: none;
	
}
#tour-video a:hover {
	color: #cccccc !important;
	text-decoration: none;
}
#product-instruction {
	background: url('https://img.roxio.com/enu/images/products/photoshow/for-facebook/bnr-instruction-info.jpg') no-repeat top left;
	margin-left: 235px;
	margin-top: -190px;
	width: 419px;
	height: 187px;
}
#product-instruction h1 {
	color: #beddff;
	margin: 0 0 0 20px;
	font-size: 120% !important;
	font-weight: normal;
	padding: 15px 0 0 0;
}

#col-1 {
	float: left;
	width: 180px;
}
#col-1 p {
	color: #ffffff;
	margin: 0 0 0 20px;
	padding: 15px 0 0 0;
}
#col-2 {
	float: right;
	width: 230px;
	padding: 15px 0 0 0;
}
#col-2 .infos {
	margin: 0 0 5px 0 !important;
	padding: 0 0 15px 0 !important;
	height: 30px;
}
#col-2 .div-right {
	float: right;
	width: 150px;
	color: #ffffff;
	margin-right: 15px;
}
#col-2 .list-number {
	font-size: 150% !important;
	color: #beddff;
	margin-left: 35px;
	float: left;
}
#bnr-caption {
	margin: 20px 0 10px 15px;
}

#overview-steps {
	padding: 10px 0 0 20px;
}

#overview-steps span {
	display: block;
	float: left;	
	height: 50px;
	padding: 0 10px 0 0;
}

#overview-steps .step-one, #overview-steps .step-two, #overview-steps .step-three {
	float: left;
	width: 295px;
} 
#overview-steps .step-one p, #overview-steps .step-two p, #overview-steps .step-three p {
	margin-right: 10px;
}

#overview-steps .step-one img, #overview-steps .step-two img, #overview-steps .step-three img{
	margin-left: 10px;
} 

#overview-steps .step-one, #overview-steps .step-two {
	padding-right: 30px;
	width: 265px;	
}
