@import url(styles.css);

body, html{
	margin:0px;
	padding:0px;
	height:100%;
	background-color:#FFF;
}

body{
	padding:0px;
	text-align:left;
}

div.imageContent{
	position: absolute; 
	top:50px; 
	left:10px;
	width:662px;
	height:600px;
	z-index: 2;
}

div.previewCard{
	position: absolute; 
	top:50px; 
	left:10px;
	width:662px;
	height:600px;
	z-index: 4;
}

div.previewCard div.previewCardContent{
	width:662px;
	height:503px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
}

div.previewCardFooter{
	width:662px;
}

.previewCardTitle{
	padding-top:10px;
	text-align:center;
	color:#006ea7;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}

.previewCardImage{
	float:left;
	width:285px;
}

.previewCardImage .wrapper{
	padding-left:50px;	
}

.previewCardDescription{
	float:left;
	margin-top:10px;
	color:#705236;
	width:330px;
}

.previewCardDescription .wrapper{
	font-size:12px;
	height:295px;
}

.previewCardDescription p{
	margin: 15px 0 15px 0;	
}

.previewCardDescription p.productDescription{
	border-bottom:1px solid #dc0000;
	padding-bottom: 15px;
}

.previewCardProductTitle{
	color:#006ea7;
	font-size:16px;
	margin-bottom:10px;
}

div.previewCardFooter{
	padding-top:9px;
	color: #333333;	
}

div.clearer{
	font-size:0px;
	clear:both;
	line-height:0px;	
}