/*----------- redefined html tags --------------- */
html, body { 	
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	font-size: 1.0em;
	text-align: left;
	line-height: normal;
	margin: 0; 
	padding: 0;
}

/*----------- Common --------------- */
#container {
	width: 688px; 
	height: 382px; 
	margin: 0; 
	padding:0; 
	border: solid 1px #fff;	
}

#beforebuttons {
	width: 450px; 
	height: 20px; 
	margin: 12px 0 0 0 ; 
	padding: 0 0 0 0;
	clear: both;

}

#pdfdownload {
	width: 130px; 
	height: 20px; 
	margin: 3px 0 0 0; 
	border-right: 0px solid #ccc;
	padding: 0 0 0 0;
	font-size: 0.9em;
	font-weight: bold;	
	float: left
}

#aftershots {
	width: 130px; 
	height: 20px; 
	margin: 3px 0 0 0 ; 
	border-right: 0px solid #ccc;
	padding: 0 0 0 0;
	font-size: 0.9em;
	font-weight: bold;
	float: right;
	text-align: right
}


/*----------- Before --------------- */
#BeforeWrapper {
	width: auto; 
	height: auto;
	display: block;
}

#beforerightcol {
	width: 465px; 
	height: 340px; 
	float: right;
}

#beforescroll {
	overflow: auto;
	width: 450px;
	height: 308px;
	margin: 12px 12px 0 0 ; 
	padding: 0 0 23px 0;
	border-bottom: 1px solid #ccc;
}

#beforeimage {
	width: 173px; 
	height: 357px; 
	margin: 12px 0 0 12px ; 
	border-right: 1px solid #ccc;
	padding: 0 20px 0 0; 	
}

.cs1b4 { background-image: url(../images/cs1_b4.jpg); background-repeat: no-repeat}
.cs2b4 { background-image: url(../images/cs2_b4.jpg); background-repeat: no-repeat}
.cs3b4 { background-image: url(../images/cs3_b4.jpg); background-repeat: no-repeat}
.cs4b4 { background-image: url(../images/cs4_b4.jpg); background-repeat: no-repeat}
.cs5b4 { background-image: url(../images/cs5_b4.jpg); background-repeat: no-repeat}
.cs6b4 { background-image: url(../images/cs6_b4.jpg); background-repeat: no-repeat}
.cs7b4 { background-image: url(../images/cs7_b4.jpg); background-repeat: no-repeat}
.cs8b4 { background-image: url(../images/cs8_b4.jpg); background-repeat: no-repeat}
.cs9b4 { background-image: url(../images/cs9_b4.jpg); background-repeat: no-repeat}
.cs10b4 { background-image: url(../images/cs10_b4.jpg); background-repeat: no-repeat}
.cs11b4 { background-image: url(../images/cs11_b4.jpg); background-repeat: no-repeat}
.cs12b4 { background-image: url(../images/cs12_b4.jpg); background-repeat: no-repeat}
.cs13b4 { background-image: url(../images/cs13_b4.jpg); background-repeat: no-repeat}
.cs14b4 { background-image: url(../images/cs14_b4.jpg); background-repeat: no-repeat}
.cs15b4 { background-image: url(../images/cs15_b4.jpg); background-repeat: no-repeat}


/*----------- After --------------- */
#AfterWrapper {
	width: auto; 
	height: auto;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: none;
}

#afterbuttons {
	width: 664px; 
	height: 20px; 
	margin: 12px 12px 0 12px ; 
	padding: 12px 0 0 0;
	clear: both;
	border-top: 1px solid #ccc;
}

#afterimage {
	width: 677px; 
	height: 308px; 
	margin: 0 0 0 0; 
	padding: 0 12px 0 0; 	
}

.cs1af { background-image: url(../images/cs1_after.jpg); background-repeat: no-repeat}
.cs2af { background-image: url(../images/cs2_after.jpg); background-repeat: no-repeat}
.cs3af { background-image: url(../images/cs3_after.jpg); background-repeat: no-repeat}
.cs4af { background-image: url(../images/cs4_after.jpg); background-repeat: no-repeat}
.cs5af { background-image: url(../images/cs5_after.jpg); background-repeat: no-repeat}
.cs6af { background-image: url(../images/cs6_after.jpg); background-repeat: no-repeat}
.cs7af { background-image: url(../images/cs7_after.jpg); background-repeat: no-repeat}
.cs8af { background-image: url(../images/cs8_after.jpg); background-repeat: no-repeat}
.cs9af { background-image: url(../images/cs9_after.jpg); background-repeat: no-repeat}
.cs10af { background-image: url(../images/cs10_after.jpg); background-repeat: no-repeat}
.cs11af { background-image: url(../images/cs11_after.jpg); background-repeat: no-repeat}
.cs12af { background-image: url(../images/cs12_after.jpg); background-repeat: no-repeat}
.cs13af { background-image: url(../images/cs13_after.jpg); background-repeat: no-repeat}
.cs14af { background-image: url(../images/cs14_after.jpg); background-repeat: no-repeat}
.cs15af { background-image: url(../images/cs15_after.jpg); background-repeat: no-repeat}