﻿#locator
{
	width:670px;
	padding:10px 10px 10px 0;
	margin:0 auto;
	position:relative;
}

#locator p
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#666;
	margin:0 0 12px;
}

#resultColumn
{
	width: 160px;
	padding:0 0 0 10px;
	margin:0;
	float: right;
	position:relative;
}

#centreColumn
{
	width: 500px;
	padding:0;
	margin:0;
	float: left;
	position:relative;
}

#locator div.scrollableB 
{     
    position:relative;
    overflow:hidden;
    height: 500px;
    width: 160px !important;
    margin-top:130px;
} 

#locator div.scrollableB div#itemsB
{
    position:absolute; 
    width:20000em;     
}
#itemsB ul
{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:160px;
}
#itemsB li
{
	list-style:none;
	margin:0;
	padding:0 5px;
}
#itemsB .selected p
{
	color:#b2b2b2;
}
#itemsB .distance
{
	display:none;
}

#itemsB .phone
{
	margin-bottom: 7px !important;
}

#itemsB .address
{
	margin-bottom: 0 !important;
}

#itemsB li.location
{
	border-bottom:1px solid #b2b2b2;
	display:block;
}

html>/**/body #itemsB li.location 
{
	position:relative;
}

#itemsB .location p
{
	color:#666;
}
#itemsB .features
{
	margin-right:-10px;
	display:none;
}
#itemsB .features img
{
	margin:0 10px 10px 0;
}
#itemsB a:link
{
	color:#ed1c24;
}

#itemsB .location
{
	cursor:pointer;
	background-color:#fff;
}
#itemsB p.name
{
	padding:2px 0 0;
	margin:0 !important;
	font-weight:bold;
}
#itemsB .selected .name
{
	font-size:16px;
	color:#ed1c24;
}
#itemsB .location p.hours
{
	margin-bottom:7px !important;
}
#itemsB .location div.exHours
{
	display:none;
}
#itemsB .location .hours .prefix
{
	font-weight:bold;
}
#itemsB .location p.directions
{
	margin-bottom:9px;
	display:none;
}
#itemsB .location p.features, #itemsB .selected p.phone
{
	margin-bottom:7px !important;
}
#itemsB .hilite
{
	background-color:#eee;
}

#itemsB .selected
{
	background-color:#eee;
}
#loader, #mapContainer .exHoursMask
{
	position:absolute; z-index:1; left:0; top:0; padding:20px; width:460px; height:360px; background:url(img/locator/loader_black.png) repeat-x 0 0; display:none;
}
#loaderInner
{
	margin:180px 0 0 140px;
}
#mapContainer
{
	width: 500px; 
	height: 400px;
	position:relative;
}
#mapContainer #exHours
{
	background-color:#fff;
	border:1px solid #B2B2B2;
	position:relative;
	z-index:2;
	color:#666;
	margin:0;
	padding:0;
	width:99%;
	float:left;
}
#mapContainer #exHours p
{
	margin-bottom:1px !important;
	padding:5px 15px 5px;
}
#mapContainer #exHours table
{
	font-size:12px;
	margin:0 5px 10px 15px;
}
#mapContainer #exHours td
{
	padding:0 14px 3px 0;
}
#mapContainer #exHours tr.closed
{
	color:#ED1C24;
}
#mapContainer #exHours .name
{
	color:#ED1C24;
	font-size:16px;
	font-weight:bold;
	background-color:#eee;
	padding:5px 30px 5px 5px;
}
#mapContainer .exHoursMask .close
{
	position:absolute;
	width:16px;
	height:16px;
	top:7px;
	right:7px;
}
#mapContainer .exHoursMask .close a
{
	width:16px;
	height:16px;
	display:block;
	background:url(img/locator/btn_closefilter_red.gif) top left no-repeat;
}

#mapCanvas
{
	 width: 500px; height: 400px;
}
#drivingDirections
{
	position:relative;
	width: 500px;
	display:none;
}

#search .simple
{
	height:69px;
	background:url(img/locator/search-background.gif) no-repeat 0 0;
	padding:10px 10px 1px;
	position:relative;
}
#search .leftField
{
	width:12px;
	height:27px;
	background:url(img/locator/search-field-left.gif) no-repeat 0 0;
	display:block;
	float:left;
}
#search .searchField
{
	height:25px;
	border:0px solid #fff;
	width:335px;
	display:block;
	float:left;
	font-size:20px;
	line-height:25px;
	outline:none;
	color:#666;
}

#search input.searchButtonOff
{
	background:url(img/locator/btn_searchfield.gif) top left no-repeat;
	height:27px !important;
	width:41px !important;
	outline:none;
	border:none;
	cursor:pointer;
	float:left;
	clear:right;
}
#search input.searchButtonOn
{
	background:url(img/locator/btn_searchfield.gif) bottom left no-repeat;
	height:27px !important;
	width:41px;
	outline:none;
	border:none;
	float:left;
	clear:right;	
	cursor:pointer;	
}
#search input.searchButtonOff:hover
{
	background:url(img/locator/btn_searchfield.gif) bottom left no-repeat;
}

#search #locationOptions
{
	height:27px;
	width:100%;
	position:relative;
}
#search #radiusOptions 
{
	padding:10px 0 0 10px;
}

#search #radiusOptions span
{
	font-size:13px;
	font-weight:bold;
	margin-right:7px;
	color:#666;
}
#search #radiusOptions input
{
	margin:0 2px 0 0;
	padding:0;
	vertical-align:middle;
}
#search #radiusOptions label
{
	margin:0 8px 0 0;
	padding:0;
	border: 0;
	outline: 0;
	font-size: 100%;
	color:#666;
	font-size:12px;
}
#search .advanced
{
	padding:10px 0 5px 20px;
	position:relative;
	background-color:#fffca3;
	display:none;
	margin-bottom:6px;
}

#search #advLink
{
	position:absolute;
	width:81px;
	height:22px;
	bottom:0;
	left:417px;
}
#search #advLink a
{
	width:81px;
	height:22px;
	display:block;
	background:url(img/locator/btn_advance.gif) top left no-repeat;
}
#search #advLink a:hover
{
	background-position:0px -22px;
}
#search #advLink a.selected
{
	background-position:bottom left;
}
#search #advLink a.selected:hover
{
	background-position:bottom left;
}
#searchOptions
{
	padding-left:10px;
	color:#666;
}
#searchOptions ul
{
	margin:0;
	padding:0;
	width:148px;
	float:left;
}
#searchOptions li
{
	list-style-type:none;
	margin:0 0 5px;
	padding:0;
	vertical-align: top; /* ie likes this */
	height: 13px;
	line-height: 13px;
	font-size: 10px; /* for ie (to enforce the smaller than default line height for div) */	
}


#searchOptions .column
{
	width:296px;
	float:left;
}
#searchOptions .column label
{
	font-size:12px;
	vertical-align:middle;
}
#searchOptions .column input
{
	margin:0 3px 0 0;
	width: 13px;
	height: 13px;
	vertical-align:middle;
}

#search .advanced p
{
	font-weight:bold;
	margin:0 0 5px;
}
#search .advanced p.header
{
	font-size:14px;
}

#search #filterLink
{
	position:absolute;
	width:96px;
	height:24px;
	bottom:10px;
	right:10px;
}
#search #filterLink a
{
	width:96px;
	height:24px;
	display:block;
	background:url(img/locator/btn_filter-results.gif) top left no-repeat;
}
#search #filterLink a:hover
{
	background-position:bottom left;
}

#search #advClose
{
	position:absolute;
	width:16px;
	height:16px;
	top:10px;
	right:10px;
}
#search #advClose a
{
	width:16px;
	height:16px;
	display:block;
	background:url(img/locator/btn_closefilter.gif) top left no-repeat;
}
#search #poi
{
	position:absolute;
	width:164px;
	height:60px;
	bottom:5px;
	right:10px;
}
#search #poi a
{
	width:164px;
	height:60px;
	display:block;
	background:url(img/locator/poi-background.png) top left no-repeat;
}
#search #poi a:hover
{
	background-position:bottom left;
}

#noOfResults
{
	position:absolute;
	left:15px;
	top:95px;	
}
#noOfResults p
{
	font-size:15px;
	color:#EC3728;
	font-weight:bold;	
}
#searchedAddress
{
	position:absolute;
	margin-bottom:15px;
	left:0;
	top:50px;
	display:none;
}
#searchedAddress .home-icon
{
	height:24px;
	width:24px;
	float:left;
	margin-right:3px;
	background:transparent url(img/locator/icons/home-small.png) top left no-repeat;
}
#searchedAddress .address
{
	float:left;
	width:123px;
}

#locator #header
{
	margin-bottom:10px;
}

.hidden
{
	display:none;
}
.clear
{
	clear: both;   		
}

* html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
img {border:none;}


/* prev, next, prevPage and nextPage buttons */
#locator a.prevB, #locator a.nextB
{
	display:none;
	width:18px;
	height:18px;
	background:url(img/locator/left.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:95px;
}
#locator a.prevB
{
	left:120px;
}
#locator a.nextB
{
	left:150px;
}
/* mouseover state */
#locator a.prevB:hover, #locator a.nextB:hover, #locator a.prevPage:hover, #locator a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
#locator a.disabled {
	/*visibility:hidden !important;	*/	
}

#locator a.disabled:hover
{
	background-position:0 0;
}


/* next button uses another background image */
#locator a.nextB
{
	background-image:url(img/locator/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
#locator div.naviB {
	height:8px;
	position:absolute;
	top:117px;
	width:190px;
	left:15px;
	display:none;
}


/* items inside navigator */
#locator div.naviB a {
	width:4px;
	height:4px;
	float:left;
	margin:2px;
	background:url(img/locator/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
	overflow:hidden;
}

/* mouseover state */
#locator div.naviB a:hover {
	background-position:0 -4px;
}

/* active state (current page state) */
#locator div.naviB a.active {
	background-position:0 -8px;     
}

		
.ac_resultsLocator
{ 
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: white;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	z-index: 10000;
	display: none;
	width:350px; 
	font-size:18px;
}
.ac_resultsLocator li
{ 
	padding: 2px 5px;
	white-space: nowrap;
	color: #666;
	text-align: left;
	list-style-type:none;
	margin:0; 
}
.ac_over
{ 
	cursor: pointer;
	background-color: #eee; 
}
.ac_resultsLocator .ac_match
{ 
	text-decoration: underline;
	color: #666; 
}
