﻿
        #map
        {
            display: block;
            height: 604px;
            position: absolute;
            width: 522px;
            /*z-index: 2;*/
            float:left;
        }
        #mapControls
        {
            background: url(../images/key.gif) 3px 2px no-repeat #fff;
            display: block;
            height: 103px; 
            position:absolute;
            width: 520px;
            float:left;
            border: solid 1px #585858;
			margin: 614px 0 0 0;
        }
        
       
#mapDisplacment {
display:block;
height:600px;
position:relative;
width:700px;
z-index:1;
}

#navigator {
background:transparent url(../Images/arrows.gif) no-repeat scroll center center;
display:block;
height:52px;
left:445px;
position:absolute;
top:6px;
width:52px;
}
#navigator a {
cursor:pointer;
}
#moveLeft {
display:block;
height:20px;
left:0;
position:absolute;
top:15px;
width:15px;
}
#moveUp {
display:block;
height:15px;
left:16px;
position:absolute;
top:0;
width:21px;
}
#moveDown {
bottom:0;
display:block;
height:15px;
left:16px;
position:absolute;
width:21px;
}
#moveRight {
display:block;
height:20px;
position:absolute;
right:0;
top:15px;
width:15px;
}
#zoom {
display:block;
left:210px;
position:absolute;
top:30px;
}
#zoomOut {
background:transparent url(../images/minus.gif) no-repeat scroll center center;
cursor:pointer;
display:block;
height:24px;
left:0;
position:absolute;
top:0;
width:24px;
}
#zoomIn {
background:transparent url(../images/plus.gif) no-repeat scroll center center;
cursor:pointer;
display:block;
height:24px;
left:197px;
position:absolute;
top:0;
width:24px;
}
#slider {
background:transparent url(../images/slider-track.gif) no-repeat scroll center center;
display:block;
height:24px;
left:30px;
position:absolute;
top:0;
width:157px;
}
#sliderHandle {
background:transparent url(../images/slider.gif) no-repeat scroll center center;
cursor:move;
display:block;
height:26px;
left:0;
position:absolute;
top:0px;
width:12px;
}

#officeLocations {
background:transparent url(images/locations/control_bar/control_bar_12.png) no-repeat scroll left top;
cursor:pointer;
display:block;
height:46px;
left:385px;
position:absolute;
top:6px;
width:100px;
}
#newOfficeLocations {
background:transparent url(images/locations/control_bar/control_bar_15.png) no-repeat scroll left top;
cursor:pointer;
display:block;
height:46px;
left:542px;
position:absolute;
top:6px;
width:100px;
}
#mapControls input {
bottom:0;
position:absolute;
right:0;
z-index:1000;
}
.infoWindow {
display:block;
height:185px;
position:absolute;
width:369px;
}
.infoWindowBg {
background:transparent url(../images/tooltip_bg.png) no-repeat scroll center center;
display:block;
height:185px;
position:absolute;
width:369px;

}
.infoWindowClose {
background:transparent url(images/locations/window/close.png) no-repeat scroll left top;
display:block;
height:18px;
position:absolute;
right:10px;
top:10px;
width:18px;
}
.infoWindowAddress {
display:block;
left:50px;
padding:1px;
position:absolute;
top:25px;
width:240px;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
color:#fff;
}
.infoWindowAddress strong {
margin-bottom:5px;
}
.infoWindowDirections {
margin-top:3px;
text-decoration:underline;
color:#fff;
}
.infoWindowPhone {
display:block;
left:158px;
position:absolute;
top:18px;
width:200px;
color:#fff;
}
.infoWindowPhoneIcon {
background:transparent url(images/locations/window/phone.png) no-repeat scroll center center;
display:block;
height:23px;
left:0;
position:absolute;
top:0;
width:26px;
}
.infoWindowPhoneNumber {
color:#fff;
display:block;
left:0;
position:absolute;
top:5px;
}
#searchLocations {
height:320px;
}
#locationSearch {
width:170px;
}
ul#UKLocations, #sub-nav ul ul {
display:block;
float:none;
height:190px;
margin:0;
min-height:190px;
overflow:auto;
padding:0;
position:relative;
width:100%;
}
#UKLocations li.UKLocationsOffice {
display:block;
float:none;
height:16px;
margin:0;
min-height:10px;
padding:0;
position:relative;
width:auto;
}
#UKLocations li.UKLocationsOffice a {
display:block;
float:none;
height:auto;
line-height:normal;
margin:0;
padding:3px 0 3px 20px;
position:relative;
width:153px;
}
#tabs {
display:block;
position:relative;
}
#tabs ul {
background:transparent none repeat scroll 0 0;
height:24px;
margin:0;
min-height:24px;
padding:0;
}
#tabs ul li {
display:inline;
float:none;
height:auto;
margin:0;
padding:0;
width:auto;
}
#tabs ul li a {
border-bottom:1px solid #999999;
color:#999999;
display:block;
float:left;
height:14px;
padding:5px 10px;
width:auto;
}
#tabs ul li a:hover {
background:transparent url(images/left-nav-hover2.gif) repeat-x scroll 0 0;
}
#tabs ul li a.lastTab {
width:97px;
}
#tabs ul li.ui-tabs-selected a {
background:transparent url(images/left-nav-hover2.gif) repeat-x scroll 0 0;
border-color:#999999 #999999 -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
color:#FFFFFF;
}
#tabs .ui-tabs-hide {
display:none;
}
#tabs div {
border-color:-moz-use-text-color #999999 #999999;
border-style:none solid solid;
border-width:medium 1px 1px;
padding:10px;
}
#mapDirections {
border:1px solid #98012E;
display:block;
height:auto;
position:relative;
width:698px;
}
#mapDirectionsControls {
background:transparent url(images/locations/control_bar/control_bar_03.png) repeat-x scroll center center;
display:block;
height:auto;
padding:5px;
position:relative;
width:auto;
}
#mapDirectionsClose {
display:block;
position:absolute;
right:10px;
top:5px;
}
#mapdcontainer {float: left; width: 100%; padding: 40px 0 0 0; margin: 0; background: url(../images/directions.gif) 0 20px no-repeat; }
#mapDirectionsContainer div, #mapDirectionsContainer table, #mapDirectionsContainer tbody {
width:100%;
}
#postcodeContainer {
display:block;
height:80px;
position:absolute;
width:260px;
z-index:1000;
padding: 0 0 0 140px;
margin: 150px 0 0 0;
}
#postcodeBg {
background:transparent url(../images/postcodewindow.png) no-repeat scroll left top;
display:block;
height:100px;
position:absolute;
width:260px;
}
#postcodeX {
display:block;
height:20px;
position:absolute;
right:17px;
top:8px;
width:20px;
}
#postcodeInputs {
display:block;
left:15px;
position:absolute;
top:35px;
z-index:1000;
}
#sub-nav {
display:block;
position:relative;
}
.locationSearchGo {
margin-top:-1px;
}


ul#listing { padding: 0 0 0 5px; margin: 0; width: 240px; }
ul#listing li { padding: 0; margin: 0; list-style-type: none; }
ul#listing ul, ul#listing ul li { padding: 0; margin: 0; }
ul#listing li ul li { padding: 3px 0 3px 5px; }
ul#listing ul li a { color: #515151; }
ul#listing li a { color: #fff; }
ul#listing li a.owned { background: url(../images/owned.gif) 0 0 repeat-x #2d1450; display: block; padding: 5px; margin: 0; border-bottom: 3px solid #fff; }
ul#listing li a.associated { background: url(../images/associated.gif) 0 0 repeat-x #333; display: block; padding: 5px; margin: 0; border-bottom: 3px solid #fff; }
ul#listing li a.affiliated { background: url(../images/affiliated.gif) 0 0 repeat-x #646464; display: block; padding: 5px; margin: 0; border-bottom: 3px solid #fff; }
ul#listing li a.academies { background: url(../images/academies.gif) 0 0 repeat-x #824747; display: block; padding: 5px; margin: 0; border-bottom: 3px solid #fff; }

a.search_nearest { background: url(../images/go.gif) 0 0 no-repeat; text-decoration: none; }
a:hover.search_nearest { background: url(../images/go.gif) 0 0 no-repeat; text-decoration: none; }
a.search_nearest span { visibility:hidden; padding: 0px 5px 5px 5px; }
#msg { padding-left: 5px; color: #515151 }


#top-nav { margin-left: 10px !important; }


#mapcontents { width: 782px; padding: 0 0 0 5px; float: left; margin: 0; min-height: 700px; z-index: 0; }
#mapleft { width: 255px; float: left; margin: 0; padding: 0;  }
#mapright { width: 522px; float: left; margin: 0; padding: 0; }

.infoWindow a, .infoWindow a:link, .infoWindow a:visited, .infoWindow a:hover { color: #fff;  }
