/*
  Advanced Search
*/
#actual-form  {
    width: 50%;
    float: right;
}
#actual-form form ul.errors {
    position: relative;
    left: 250px;
}
#actual-form form ul.errors li {
    color: red !important;
    list-style: none; 
}
form {
    display: block;
}
dd,dt {
    height: 40px;
}
dl dd {
    width: 55%;
    float: right;
}
dl dt {
    width: 35%;
    float: left;
}
dl dd input, dl dd select {
    width: 100%;
}
dl input {
    float: left;
    clear: right;
}
#search-address-element,#search-address-label {
    height: 50px;
}
#actual-form #search{
    margin-left: 45%;
    margin-right: 10px;
}
#actual-form #search, #actual-form #reset{
    margin-top: 20px;
    margin-bottom: 20px;
}
#ukmap {
    width: 45%;
    float: left;
    padding-top: 25px;
}
#ukmap img {
    display: block;
    margin: 0 auto;
}
#ukmap div.map-links {
    padding: 0 5% 5% 5%;
    width: 90%;
    text-align: center
}
#ukmap div.map-links a {
    font-size: 0.8em;
    padding: 6px;
    line-height: 150%;
}
a.detect-location {
    font-size: 0.8em;
}
#council-details {
    font-size: 0.8em;  float: right; clear: right; width: 50%; margin-top: 20px; margin-bottom: 20px;
}
#council-details > div {
    padding: 0 20px 20px 20px;
}
#range-slider-wrapper {
    display: none; float: left; clear: both; width: 100%; margin: 20px 0;
}
/*
  Search Results Page
*/
#sort-results {
    clear: both;
    list-style: none;
    padding: 0;
    width: 100%;
    height: 32px;
    margin: 0 auto 20px auto;
}
#sort-results li {
    float: left;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #eebe42;
    width: 122px;
    margin: 0;
    text-align: center;
    font-weight: bold;
    box-shadow: inset 0 -1px 30px #CCC;
    font-size: 0.9em;
    border-radius: 5px;
}
#sort-results li a {
    color: #4B6888;
    text-decoration: none;
}
#sort-results li.active a {
    color: #0A52A1;
}
#sort-results li.active {
    box-shadow: inset 0 -1px 10px #CCC;
}
#sort-results li.disabled {
    color: #e1e1e1;
}

#search-results {
    width: 690px; 
    float: left;
    
}
#search-results span.result-count {
    clear: left; float: left; font-size: 1.3em; padding: 10px 0;
}
#results {
    width: 100%;
    clear: left;
}
#results div.search-result, #results div.featured-result {
    width: 100%;
    clear: left;
}
div.rating-image {
    float: right;
}
/* search results icon */
div.search-result div.icon {
    background-image: url('/images/plate.png');
}
div.featured-result div.icon, div.featured-outlet div.icon {
    background-image: url('/images/blue-plate.png');
}

div.no-icon {
    width: 32px;
    height: 32px;
}
div.icon {
    width: 32px;
    height: 32px;
    float: left;
}

div.icon p {
    text-align: center;
    width: 32px;
    font-size: 16px;
    padding-top: 5px;
    margin: 0;
    color: #000;
}
div.no-icon p {
  
    width: 32px;
    padding-top: 5px;
    float: left;
}
div.featured-result div.icon p, div.featured-outlet div.icon p {
    color: #fff;
}

/* search results text */
div.result-text {
    margin-bottom: 8px;
    float: left;
    margin-left: 10px;
    width: 545px;
}
div.result-text .name {
    float: left;
    font-size: 1.1em;
    color: #0A52A1;
    text-decoration: none;
}
div.result-text a.name:hover {
    text-decoration: underline;
}
div.result-text .address {
    float: left;
    clear: left;
    color: #666;
    font-size: 0.8em;
}
/* search results map */
#map-wrapper {
    width: 930px;
    padding: 10px 30px;
    height: 30px;
    clear: both;
    font-size: 1.4em;
    background-color: #eebe42;
    border-radius: 10px;
    -ms-border-radius:10px;
}
#gMap {
    margin-bottom: 30px;
    width: 975px;
    height: 454px;
    position: relative;
    top: 10px;
    left: -23px;
}
#map-toggle {
    color: #0A52A1;
    text-decoration: none;
}
#map-toggle:hover {
    text-decoration: underline
}

/*
  Featured Outlets
*/
#featured-outlets {
    width:264px;
    background-color: #F2F2F2;
    float: right;
    border: 7px solid #eebe42;
    border-radius: 15px;
    margin-right: 35px;
    margin-top: 20px;
}
#featured-outlets h3 {
    padding: 10px;
    margin: 5px 0;
}
#featured-outlets div.featured-outlet {
    width: 100%;
}
#featured-outlets div.featured-outlet span.name {
    font-size: 1.3em;
    float: left;
    clear: both;
    margin: 0 0 5px 10px;
}
#featured-outlets div.featured-outlet div.icon {
    float: left;
    clear: both;
    margin-left: 6px;
}
#featured-outlets div.featured-outlet div.details {
    float: left;
    margin-left: 10px;
    width: 210px;
}
#featured-outlets div.featured-outlet div.details span.address {
    float: left; clear: both; font-size: 0.9em;
}
#featured-outlets div.featured-outlet div.details img {
    float: left;
    clear: both;
    margin-top: 4px;
    display: block;
}
#featured-outlets div.featured-outlet div.promo-image {
    float: left;
    clear: both;
    width: 100%;
    height: 150px;
    margin: 10px 10px 25px 0;
    background-repeat: no-repeat;
    background-image: url('/images/business.png');
}
#featured-outlets img.full-details {
    float: right;
    margin: 0;
}

/*
  PAGINATOR
*/
#paginator {
    float: left;
}
#paginator p {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

#paginator a {
    text-decoration: none;
}
#paginator a:hover {
    text-decoration: underline;
}


.information-icon-facebook {
    position: absolute;
    left: -15px;
    display: inline-block;
}
/* the little icons which appear above search results listings to indicate we have more data on them */
.information-icon-foursquare {
	position: absolute;
	left: 5px;
	display: inline-block;
}

.information-icon-google-places {
    position: absolute;
    left: 25px;
    display: inline-block;
}
.information-icon-telephone {
    position: absolute;
    left: 45px;
    display: inline-block;
}
.information-icon-website {
    position: absolute;
    left: 65px;
    display: inline-block;

}
.information-icon-picture {
    position: absolute;
    left: 85px;
    display: inline-block;
}

.information-little-icons {
    width: 90px;
    height: 20px;
    float: right; 
    margin-right: 10px;
    position: relative;
    opacity: 0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}

p.recentlyInspected {
    float: right;
    font-size: 0.8em;
    line-height: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
}