/*
Green: #8cc63f
Yellow: #fff253
Blue: #58c7d9
Pink: #fa69b1
Orange: #ff931e

*/
@charset "UTF-8";
.threesteps {
	height:240px;
	border-top:solid 1px #000;
	border-left:solid 2px #000;
	border-right:solid 2px #000;
	border-bottom:solid 3px #000;
}
.threesteps .tabs {
	background-image:url(../images/layout/3stepstabsbg.jpg);
	width:175px;
	float:left;
}
.threesteps .tabs div a  {
	height:60px;
	margin-top:3px;
	background-color:#0CF;
	padding:8px 5px 10px 30px;
	background-image:url(../images/layout/numsprite.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	color:#000;
}
.threesteps .tabs .first {
	margin-top:0;
}
.threesteps .tabs a h2 {
	border-bottom:solid 1px #000;
	padding-bottom:3px;
}
.threesteps .tabs a span {
	display:block;
	padding-top:3px;
	line-height:12px;
}
.threesteps .tabs .active a, .threesteps .tabs .active a h2 {
	color:#fff;
	border-color:#fff;
}
.threesteps .tabs .one {
	background-color: #58c7d9;
}
.threesteps .tabs .two {
	background-color: #fa69b1;
	background-position: 0 -157px;
}
.threesteps .tabs .three {
	background-color: #8cc63f;
	background-position: 0 -314px;
}
.threesteps .tabs .active .one {
	background-position: 0 -78px;
}
.threesteps .tabs .active .two {
	background-position: 0 -235px;
}
.threesteps .tabs .active .three {
	background-position: 0 -392px;
}
.threesteps .photo {
	position:relative;
	width:350px;
	float:right;
}
.threesteps .photo img {
	position:absolute;
	top:0;
	right:0;
}