/* ######## MAP ######## */
#locator li:after,
.online-retailers:after,
.store-block dl:after,
#locator:after,
.tabs-container:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#map { width:540px; height:500px; }
#locator { width:540px; min-height:10px; margin-top:10px; }
#locator li { 
	padding: 0; 
	list-style: none; 
	font-weight: bold;
    background: url(../images/icons/marker.png) no-repeat left 2px;
}
#locator li.business { background-image: url(../images/icons/marker-business.png); }

#locator li a { 
	display: block; 
	float: left; 
	padding: 5px 0 5px 25px; 
	color: #000; 
	text-decoration: none; 
	width: 400px;
}

#locator li a:hover,
#locator span:hover { color: #592452; background-image: url(../images/bg-subnav-faux.png); }

#locator span { float: right; cursor: pointer; padding: 5px;}
#locator h5 {font-size: 1.3em; font-weight: bold; color: #592452; margin-bottom: 5px;}

#route { width:540px; margin-top:10px; }
#route table {border: 1px solid #000; margin-bottom: 10px;}
#route td {vertical-align: top;}
#route th {text-align: left; padding: 10px;}
#route td.nr {padding: 0 5px 0 10px; width: 10px;}
#route .print {padding-top: 5px;}

#store {font-size: 1.1em;}
.tabs-container a {float: left; display: block; width: 120px; padding: 5px 20px 5px 10px; margin: 0 0 0 2px; font-size: 1.4em; color: #592452; background: transparent url(../images/bg-subnav-faux.png) top left repeat; text-decoration: none;}
.tabs-container .active a,
.tabs-container a:hover,
.tabs-container a:focus {color: #fff; background: transparent url(../images/bg-subnav-header.gif) top left repeat-x;} 

/* ######## Store details ######## */
.stores-description {clear: both; margin: 10px 0;}
#store-search label {display: block;font-size: 1.3em; font-weight: bold; color: #592452; margin: 5px 0;}
#store-route #store-search label { display: inline; margin-right: 5px; }
#store-search input {width: 255px; margin-right: 5px;}
#store-route #store-search input {width: 255px;}
#store-search #business-only-inline {display: inline; margin-right: 5px;}
#store-search #business-only {width: auto;}
.store-block {font-size: 1.1em;}
.store-block .store-image {float: right;}
.store-block dl {width: 250px;}
.store-block dt {display: block; float: left; width: 50px; padding: 2px 5px 2px 10px; font-weight: bold; clear: left;}
.store-block dd {display: block; float: left; width: 175px; padding: 2px 5px; }
.store-block dd span {float: right; padding-right: 15px;}
.store-block .opening-times .odd {color: #592452; background: transparent url(../images/bg-subnav-faux.png);}

.store-block address span {display: block;}
.store-block .store-header {font-size: 1.3em; font-weight: bold; color: #592452;}
.store-block .store-location {font-size: 1.1em; font-weight: bold; color: #592452;}

.store-block h4 {margin: 10px 0 5px;}
#store-route h3 { font-size: 1.4em; font-weight: bold; margin-top: 10px; }


/* ######## Retailers ######## */
.online-retailers { width: 565px; margin-left: 2px; }
.online-retailers li { float: left; list-style: none; margin: 12px 12px 0 0; }
.online-retailers li.col-3 { margin-right: 0px; }
.online-retailers img { display: block; width: 130px; height: 130px; border: 1px solid #8E0F7A;  }

#map-legend dl { margin-top: 5px; }
#map-legend dd,
#map-legend dt { float: left; }
#map-legend dt { padding: 2px 10px 0 5px; }
