* {
	font-family: Helvetica, Arial;
}

#finder h2, #finder h3
{
	color: #004f8a;
	margin-bottom: 10px;	
}

#finder .step h3
{
	color: white;
}

#finder h2
{
	font-size: 18px;
	margin-bottom: 10px;
}

h2#title
{
	background:url(/assets/img/layout/headFinder.png) left top;
	height:25px;
	color:white;
	padding:10px 0 0 10px;
	margin-bottom:0;
}

#finder p
{
	font-size: 11px;
}

#intro p
{
	font-size: 11px;
	margin: 10px 0;	
}

a.button, a#prev
{
	position:absolute;
	right:10px;
	clear: right;
	background-color: #004f8a;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-indent:-2500px;
	display:block;
	height:54px;
	text-decoration: none;
	margin-bottom: 10px;
}

a.button.begin
{
	background:url(/assets/img/layout/btnBegin.png) top left;
	height:27px;
	display:block;
	width:120px;
}

a#prev
{
	display:none;
	background:url(/assets/img/layout/btnPrevious.png) top left;
	height:27px;
	width:150px;
}


a.button:hover, a#prev:hover
{
	background-position:bottom left;
	cursor: pointer;
}

#steps .step a.stepButton
{
	background:url(/assets/img/layout/btnRollover.png) left top no-repeat transparent;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 25px 7px 0;
	margin:0;
	text-decoration: none;
	text-align:center;
	width:140px;
	min-height:129px;
	display:block;
	border:none;
}

#steps .step a:hover
{
	background-position:right top;
	background-color:none;
	border:none;
	cursor: pointer;
}

.stepIcon
{
	height:97px;
	padding:0;
	margin-bottom:10px;
}

/*
#wrapper
{
	margin: 0 auto;
	width: 1060px;
	height: 750px;
	position:relative;
	background: url(/assets/img/dummy/bg.png) no-repeat;	
}
*/
#finder
{
	width: 720px;
	min-height: 480px;
	float: left;
}

#finder-content
{
	background:url(/assets/img/layout/bgStepContent.png) repeat-x top;
	padding:5px 10px;
	border-left:#d8d8d8 1px solid;
	border-right:#d8d8d8 1px solid;
	min-height:240px;
	position:relative;
}

#finder-crumb
{
	font-size: 11px;
	margin: 0;
	min-height: 15px;
	color: #666666;
	padding:5px 0 5px 7px;
	font-size:12px;
	background:url(/assets/img/layout/bgBreadcrumb.png) top no-repeat #d4d4d4;
}

#finder-instructions
{
	font-size: 14px;
	padding: 10px 0;
	height: 20px;
	color:#666;
	font-weight:bold;
}

#finder-warning
{
	clear: left;
	font-size: 12px;
	margin: 10px 0;
	color: white; 
	background:#C31218;
	padding: 10px;
	display:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#steps
{
	display: none;
}

#steps .step
{
	float: left;
	width: 147px;
	min-height: 147px;
	margin-right: 18px;
	margin-bottom: 18px;
}

#steps p
{
	clear: left;
}

body #steps .thumb
{
	width: 156px;
	height: 152px;
	margin-right: 10px;
	padding: 0;
	border: none;
}


#steps .step p.info
{
	background:#eee;
	text-align:left;
	font-weight:normal;
	padding:10px;
	color:#666;
	margin-top:15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


img.button:hover
{
	cursor: pointer;
}
#steps .step:hover, #steps .product:hover
{
	border-color: #00264d;
}

.step p
{
	margin: 10px 0 0 0 !important;
}

.step h3
{
	font-size: 14px;
	margin:0;
	padding: 0;
	color:white;
}

#steps .product
{
	float: left;
	width: 200px;
	min-height: 460px;
	padding: 0px;
	margin-right: 18px;
	margin-bottom: 18px;
	background:url(/assets/img/layout/bgProductBottom.png) bottom;
	
}

#steps .product h3
{
	padding:10px;
	background:url(/assets/img/layout/bgProductTop.png) top;
	margin:0;
}


#steps .product img, #steps .product p
{
	margin:10px;
}


#steps .product p.free
{
	margin: 5px 10px;
	font-size: 14px;
	font-weight: bold;
}

#steps .prodDetail
{
	position:absolute;
	padding-top:30px;
	top:0;
	left:0;
	height:100%;
	width:720px;
	background:#fff;
	display:none;
}

#footer
{
	clear: left;
	height:30px;
	padding:10px 7px;
	background:url(/assets/img/layout/bgFooter.png) bottom left;
	
}

#select-slideshow
{
	width:195px;
	height:111px;
	background:url(/assets/img/layout/titleSelectcompressor.png) bottom left no-repeat;
	overflow:hidden;
}
#select-slideshow-right 
{
	width: 300px;
	height: 98px;
	overflow: hidden;
	background:url(/assets/img/layout/titleSelectcompressor2.png) bottom left no-repeat;
	float: right;
	margin: 10px 5px 0 0;
}

#select-slideshow a
{
	float: left;
	width: 195px;
	height: 111px;
}
#select-slideshow-right  a 
{
	float: left;
	width: 300px;
	height: 98px;
}

#select-slideshow img,
#select-slideshow-right img
{
	border: none;
}