﻿#searchContainer
{
	position:relative;
	padding: 0 20px 0 20px;
}

.search-header {
	background-color: #f4f6f8;
	min-height: 150px;
	width: 100%;
	position: relative;
}
.search-header .row > div {padding-right: 20px; padding-left: 20px;}
.search-header #simpleSearch table {width: auto; position: relative; height: 150px;}
.search-header table td {vertical-align: middle; height: auto; position: relative;}
.search-header #simpleSearch table td:first-child {width: 72%; padding-right: 12px;}

#searchContainer img
{
	border-width: 0px; /*IE6*/
}
#searchProgress
{
	position:absolute;
	top: 30%;	
	left:47%;
	text-align:center;		
}
#searchContainer .innerContents
{	
	min-height: 300px;
}

#searchTools
{
	margin-top: 30px;	
	text-align:center;
}

.resultsTable {
	font-family: proxima-nova, sans-serif;
	padding-top: 10px;
}

.resultsTable .leftColumn #resultCount,.resultsTable .leftColumn #resultPaging {
	margin-bottom: 60px;
	width: 50%;
}

.resultsTable .leftColumn #resultCount {
	float: left;
}

.resultsTable .leftColumn #resultPaging {
	text-align: right;
	float: right;
}

.resultsTable .leftColumn #resultPaging .pages {margin-top: 5px;}

.resultsTable .leftColumn #resultPaging a {
	font-weight: 300;
	color: #111;
}

.resultsTable .leftColumn #resultPaging span {
	font-weight: bold;
	color: #2a2a2a;
}

.resultsTable .leftColumn #resultCount span, #refinements .refinementsTitle {
	font-weight: 300;
	font-size: 24px;
	line-height: 1.2em;
	color: #8c8d90;
	text-transform: capitalize;
}

#refinements .refinementsTitle {
	margin-top: 28px;
	padding-bottom: 15px;
}

#refinements .refinement:first-child {
	margin-top: 28px;
}

#refinements .refinement{
	margin-top: 13px;
}

#refinements .refinement dt{
	font-weight: bold;
	color: #2a2a2a;
	font-size: 16px;
	text-transform: uppercase;
	position: relative;
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 14px;
	margin-bottom: 15px;
}

#refinements .refinement dd a {
	font-size: 16px;
	text-transform: capitalize;
	display: inline-block;
	margin-bottom: 15px;
}

#refinements .refinement dd:last-child a {
	margin-bottom: 0;
}

.leftColumn
{
	vertical-align: top;
	text-align: left;
	width: 66.66666667%;
	padding-right:50px;
}
.rightColumn
{
	width: 33.33333333%;
	vertical-align: top;
	padding-left: 10px;
	border-left: 0px solid #fff;	
	border-color: #d6dbdf!important;	
	padding-left: 50px;
}
/* Search forms */
.searchInput td
{
	vertical-align:top;
}

#simpleSearch .button
{
	width: 44px;
	height: 41px;
	font-family: proxima-nova, sans-serif;
    text-transform: uppercase;
    border-radius: 4px;
    background-color: #009590;
    border: 0 none;
    box-shadow: 0 2px 0 0 #047b77;
    padding: 11px 15px 10px 15px;
    color: #009590;
    letter-spacing: 1px;
    outline: none;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    font-size: 0;
    background-image: url(/img/home/search-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 17px;
}

.search-header #simpleSearch span{color: #fff; font-weight: 600; text-shadow: 0px 1px 2px rgba(0,0,0,0.2); text-decoration: none; position: absolute; z-index: 1; left: 10%; top: 44%; cursor: pointer;}
.search-header #simpleSearch a {display: inline-block; margin-left: 6px; position: relative; top: 5px;}

#simpleSearch .button:hover {
	color: #009590;
	background-color:#047b77;
	box-shadow: 0 2px 0 0 #076763;
	text-decoration: none;
	font-size: 0;
}

#advancedSearch .button
{
	width: 100%;
	font-family: proxima-nova, sans-serif;
    text-transform: uppercase;
    border-radius: 4px;
    background-color: #009590;
    border: 0 none;
    box-shadow: 0 2px 0 0 #047b77;
    padding: 11px 15px 10px 15px;
    color: #fff;
    letter-spacing: 1px;
    outline: none;
    font-weight: 600;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    text-decoration: none;
    position: relative;
    margin-bottom: 10px;
}

#advancedSearch .button:hover {
	color: #fff;
	background-color:#047b77;
	box-shadow: 0 2px 0 0 #076763;
	text-decoration: none;
}

#advancedSearch .website_scope input[type=radio] {width: 20px; display: inline-block;}

#advancedSearch table {padding-bottom: 20px;}

#advancedSearch table, #advancedSearch tr, #advancedSearch td {display: block;}
#advancedSearch tr {width: 50%; float: left; padding: 0 10px; margin-top: 20px;}


/* End of Search forms */
/* Search results list */
#resultItems
{
	margin-bottom: 30px;
}

#resultItems .dimmed
{	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);
    /* Older than Firefox 0.9 */
    -moz-opacity:0.5;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;
    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.5;
}

#resultItems .resultItem
{
	margin-bottom:20px;
	line-height: 20px;
}

#resultItems .resultItem a {
	font-weight: normal;
}

#resultItems .resultItem a:last-child {
	padding-top: 5px; display: inline-block;
}

#resultItems .resultItem a:first-child {
	font-size: 16px; 
	color: #2a2a2a;
	font-weight: bold;
	line-height: 24px;
}

#resultItems a, #resultsPaging
{
	font-weight: bold;
}

/* End of Search results list */
/* Paging */
#resultInfo
{
	float: left;
	margin-right: 80px;
}

#resultPaging
{
	float: left;	
}

/* End of Paging */
#refinements dt
{
	font-weight: bold;
	margin-top: 5px;
}
#refinements dd
{
	margin-left: 0px;
}

#refinements .selected a
{
	font-weight:bold;
	color:#999;
}
#refinements .toggle, #refinements .expandable .rest, #refinements .expandable .less, #refinements .exp .more
{
	display:none;
}

#refinements .expandable .toggle, #refinements .exp .rest, #refinements .exp .less
{
	display:block;
}

#refinements .toggle
{
	font-weight:bold;
}


@media (max-width: 992px) {

	.leftColumn {
	    padding-right: 30px;
	}

	.rightColumn {
	    padding-left: 30px;
	}

	#resultInfo {float: none;}

}

@media (max-width: 767px) {

	.leftColumn, .rightColumn {display: block;}

	.leftColumn {
	    padding-right: 0;
	    width: 100%;
	}

	.rightColumn {
		width: 100%;
	    padding-left: 0;
	    border: 0 none!important;
	}

}

@media (max-width: 645px) {
	.search-header #simpleSearch table td:first-child {width: 66%;}

}

@media (max-width: 545px) {
	.search-header #simpleSearch table td:first-child {width: 60%;}

	#advancedSearch tr {width: 100%; float: left; padding: 0 0; margin-top: 20px;}

}

@media (max-width: 480px) {

	#simpleSearch .button {top:7px;}
	.search-header #simpleSearch span {left: 12%;}
	.search-header #simpleSearch a {
	    display: block;
	    margin-left: 6px;
	    position: relative;
	    top: 15px;
	    font-size: 13px;
	}
}