/* START Find Bar */

#find-bar {
	height: 126px;
	margin-bottom: 15px;
	padding-top: 12px;
	background: url('../images/find-bar-background.png') no-repeat center center;
}

#find-bar fieldset {
	padding-top: 26px;
	float: left;
}

#find-bar ol {
	width: 667px;
	margin: 0px 31px 0px 22px;
}

#find-bar ol li {	display: inline; }

#find-bar label {
	position: relative;
	top: 2px;
	margin: 0px 5px 0px 22px;
	text-transform: uppercase;
	font-family: "Locator Display Bold", sans-serif;
	font-size: 20px;
	letter-spacing: 1px;
	color: #ffffff;
}

#find-bar input {
	width: 198px;
	height: 14px;
	padding: 17px 13px 17px 12px;
	border: 0px;
	background: url('../images/find-bar-input-field.png') no-repeat top left;
	font-size: 12px;
}

#find-bar form button#find-it {
	width: 192px;
	height: 49px;
	margin-left: 28px;
	margin-top: -1px;
/*  padding-top: 49px;*/
	text-indent: -9999px;
	border: 0px;
	background: url('../images/find-bar-find-it.png') no-repeat top left;
	cursor: pointer;
	display: block;
	overflow: hidden;
}

#find-bar form button#find-it:hover { background-position: bottom left; }

/* END Find Bar */

/* START Steps */

ol#steps {
	position: relative;
	height: 202px;
	margin-bottom: 40px;
}

ol#steps li {
	position: absolute;
	top: 15px;
	width: 386px;
	height: 202px;
}

ol#steps li#step-1,
ol#steps li#step-2,
ol#steps li#step-3 a,
ol#steps a#step-close { text-indent: -9999px; }

ol#steps li#step-1 {
	left: 1px;
	background: url('../images/step-1.png') no-repeat top left;
}

ol#steps li#step-2 {
	left: 290px;
	background: url('../images/step-2.png') no-repeat top left;
}

ol#steps li#step-3 {
	left: 608px;
	background: url('../images/step-3.png') no-repeat top left;
}

ol#steps li#step-3 a {
	position: relative;
	top: 105px;
	left: 32px;
	width: 315px;
	height: 57px;
	background: url('../images/step-cta.png') no-repeat top left;
	display: block;
}

ol#steps li#step-3 a:hover { background-position: bottom left; }

ol#steps a#step-close {
	position: absolute;
	z-index: 20;
	top: 0px;
	right: 5px;
	width: 52px;
	height: 53px;
	background: url('../images/step-close.png') no-repeat top left;
	display: block;
}

ol#steps a#step-close:hover { background-position: bottom left; }

/* END Steps */





#panes {
	overflow: hidden;
}






#panes .pane {
	position: relative;
	width: 300px;
	height: 390px;
	padding: 16px 17px 0px 7px;
	background: url('../images/pane.png') no-repeat top left;
	float: left;
}

#panes .pane:first-child { margin-left: 15px; }

#panes .pane h2 {
	margin-left: 36px;
	font-size: 16px;
	display: inline;
}

#panes .pane a.view-directory {
	position: absolute;
	top: 10px;
	right: 20px;
	padding: 10px;
	text-transform: lowercase;
	font-size: 10px;
	color: #888888;
}

#panes .pane a.view-directory:hover { color: #57bbc7; }


#panes .pane .pane-inner {
	position: relative;
	height: 346px;
	margin-top: 11px;
}

#panes a.arrow-up,
#panes a.arrow-down {
	width: 300px;
	height: 36px ;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}

#panes a.arrow-up:hover,
#panes a.arrow-down:hover { background-position: bottom left; }

#panes a.arrow-up { background-image: url('../images/pane-arrow-up.png'); }
#panes a.arrow-down {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url('../images/pane-arrow-down.png');
}

#panes ul.pane-content {
	height: 274px;
}

#panes ul.pane-content li:nth-child(odd),
#panes ul.pane-content li.odd { background-color: #f6f6f6; }

#panes ul.pane-content li a {
	padding: 5px 24px;
	line-height: 17px;
	text-decoration: none;
	font-size: 12px;
	color: #888888;
	display: block;
	overflow: hidden;
}

#panes ul.pane-content li a span {
	font-weight: bold;
	color: #57bbc7;
	display: block;
}
#panes ul.pane-content li a:hover span { text-decoration: underline; }

#panes .popular-experts ul.pane-content dl,
#panes .popular-experts ul.pane-content img { float: right; }

#panes .popular-experts ul.pane-content dl {
	width: 162px;
	margin-left: 18px;
	text-align: left;
}

#panes .popular-experts ul.pane-content dl dt:first-child { position: absolute; left: -9999px; }
#panes .popular-experts ul.pane-content dl dt:after { content: ':'; }

#panes .popular-experts ul.pane-content dl dt {
	margin-right: 3px;
	font-weight: bold;
	float: left;
}

#panes .popular-experts ul.pane-content dl dd.rating {
	font-size: 15px;
	color: #57bbc7;
}