/*	
Title:		Roxio.com - Core Stylesheet
Author:		Kahkashan / Corel
Updated:	10.15.12
*/

#container p {
    padding: 0 0 2px;
}
#product-info {
	background: url('http://img.roxio.com/enu/images/products/easy-cd-dvd-burning/bnr-product-info.jpg') no-repeat top left;
	padding-top: 30px;
	height: 266px;
	position: relative;
	z-index: 0;
}

#product-info #ptba-award {
	position: absolute;
	top: 180px;
	left: 190px;
}

#product-info .usb-included {
	position: absolute;
	top: 262px;
	left: 40px;
	font-size: 86%;
}

#product-headline {
	background: url('http://img.roxio.com/enu/images/products/easy-cd-dvd-burning/bnr-headline.png') no-repeat top left;
	width: 530px;
	height: 110px;
	margin: 10px 0 0 270px;
}

#product-headline h1 {
	text-indent: -3000px;
}

#product-headline h2 {
	color: #333;
	font-size: 120%;
	font-weight: normal;
	padding: 25px 0 10px 0 !important;
}

#product-offer {
	padding: 15px;
	margin-left: 270px;
	width: 470px;
		background-color: #ffffff;
	background: rgba(255, 255, 255, 0.7);
	filter: alpha(opacity=70);
	border: 1px solid #CCC;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-khtml-border-radius: 6px 6px 6px 6px;
	
}

#product-features {
	float: left;
	width: 370px;
	border-right: 1px solid #7688a4;	
}

#product-features h3 {
	color: #ffcc66;
	padding: 0 0 0 30px;
	font-size: 120% !important;
	font-weight: normal;
}
#product-features ul {
	color: #fff;
	padding: 5px 0 0 35px;

}
.bucket-content {
	float: left;
	border: none;	
	width: 280px;
	margin: 0;
	padding: 10px 0 0 10px;
}

.buy-price, .purchase-options {
	float: left;
	text-align: center;
}

.upgrade-price, .upgrade-options {
	float: left;
	width: 140px;
	text-align: center;
}

.purchase-options, .upgrade-options {
	padding-top: 0;
}

.price-row p {
	color: #1072b7;
	vertical-align: bottom;
	padding: 0 5px 0 5px !important;
	font-weight: bold;
}
.price-row p span {
	font-size: 166%;
}

.purchase-options .btn-main {
    margin-left: 5px !important;
}

.purchase-options .btn-main span {
		width: 100px;
			font-size: 110%;
}

.purchase-options .watch-tour {
	clear: both;
	padding-top: 10px !important;
}

.purchase-options .watch-tour a {
	color: #fff;
}

.purchase-options .watch-tour a:hover {
	color: #ccc;
}

.upgrade-options .btn-alpha {
    margin-left: 5px !important;
}

.upgrade-options .btn-alpha span {
		width: 95px;
}



#bnr-caption {
	margin: 50px 0 0 85px;
}

#bnr-caption p {
	float: left;
	background: url('http://img.roxio.com/enu/images/products/easy-vhs-to-dvd/bnr-caption-rt.gif') no-repeat top right;	
	font-weight: bold;
}


#bnr-caption span {
	display: block;
	float: left;
	background: url('http://img.roxio.com/enu/images/products/easy-vhs-to-dvd/bnr-caption-lt.gif') no-repeat top left;	
	height: 33px;
	padding: 10px 10px 0 20px;
}

#subNav {
	margin-top: 0;
	width: 500px; /* Greg added for "also available for mac" item*/ 
}
.platform-version{
 background-image: none; 
 padding: 20px 20px 0 0 !important;
 margin: 0 0 0 0; 
 line-height: 12px; 
 text-decoration: underline; 
 font-weight: normal; 
 float: right;
}
img {
    border: 0 !important;
}
#overview-steps {
	padding: 10px 0 0 10px;
}

#overview-steps p {
	padding-top: 10px;
}

#overview-steps span {
	font-size: 166%;
	color: #1072b7;
	font-weight: bold;
}

#overview-steps .step-one, #overview-steps .step-two, #overview-steps .step-three {
	float: left;
	width: 295px;
		margin-bottom: 20px !important;
} 


#overview-steps .step-one img, #overview-steps .step-two img, #overview-steps .step-three img{
	margin-left: 0;
	border: 1px solid #ccc !important;
} 

#overview-steps .step-one, #overview-steps .step-two {
	padding-right: 20px;
	width: 265px;
	/* background: url('http://img.roxio.com/enu/images/products/easy-vhs-to-dvd/step-seperator.gif') no-repeat top left; 
	background-position: 260px 30px;*/
}
.footnote {
	font-size: 86%;
}

/*Screen shots page */
#screenshots-container h4 {
padding-bottom: 5px;
}
.screenshot-row {
padding-bottom: 10px;
}

.screenshot-col {
	float: left;
	padding: 10px;
	width: 200px;
}