/* css reset for better browser compatibility */
/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {    
margin:0;   
padding:0;
font-style:medium;
font-weight:normal;
} 
table {  
border-collapse:collapse;   
border-spacing:0;  
font-style:medium;
font-weight:normal;
}
fieldset,img {    
border:0; 
font-style:medium;
font-weight:normal;
} 
address,caption,cite,code,dfn,em,strong,th,var {  
font-style:medium;
font-weight:normal;
} 
ol,ul {  
list-style:none;
font-style:medium;
font-weight:normal;
} 
caption,th {  
text-align:left;   
} 
h1,h2,h3,h4,h5,h6 {  
font-style:medium;
font-weight:normal;
} */
q:before,q:after {  
content:'';
} 
abbr,acronym { 
border:0;   
}  

/*end CSS reset */

/* Header area
---------------------------------------------------------------------------------------------- */
/*
.headerArea {
	width:890px;
	}
.hsbcDivletLogo {
	height:52px;
	width:500px;
	}
.hsbcDivletLogo .hsbcDivletLogoImage {
	padding:10px 0 0 10px;
	float:left;
	width:auto;
	}
.hsbcDivletLogo .hsbcDivletLogoTagLine {
	float:left;
	vertical-align:middle;
	padding:25px 0 0 12px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#f00;
	}*/
.containerLogoArea {
	width:100%;
	height:82px;
	float:left;
	clear:left;
	border-bottom:5px solid #f00;
	}
.mapPageTitle {
	width:960px;
	height:45px;
	clear:both;
	}
.mapPageTitle h2 {
	padding:15px 0 0 20px;
	color:#f00;
	font-weight:bold;
	font-size:1.5em;
	}
.mapPageTitle h4 {
	margin-top:-25px;
	color:#f00;
	font-weight:normal;
	font-size:1.0em;
	float:right;
	}
.mapPageTitle h4 a {
	color:#f00;
	}
.headerNav {
	float:right;
	margin:25px 0 0 0;
	}
.languageNav {
	float:left;
	padding:0 10px 0 0;
	}
.closeNav {
	float:left;
	}
.languageNav a, .closeNav a {
	color:#F00;
	font-size:.80em;
	}
/* end header area */

/* Page Styles */
/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span {
	color:#000; 
	font-family:Arial,helvetica,san-serif,serif;
	font-size:medium;
	margin:0;
	} 
a {
	color: #000;
}
img {
	display:block; 
	border-width:0;
	}*/
#bg {
	margin:0;
	background:url(../images/bg/main_back.gif) no-repeat;
	width:925px;
	height:600px;
	position: relative;
	}
#sidebar {
	float:left;
	width:212px;
	height:531px;
	background:transparent bottom left url(../images/bg/bg_results.gif) no-repeat;
	border:0;
	margin:22px 0 0 20px;
	}
#search2 {
	background: url(../images/bg/bg_search.gif) no-repeat;
	width:633px;
	height:115px;
	position:absolute;
	top:23px;
	left:244px;
	z-index:998;
	}
#search2Little {
	background: url(../images/bg/bg_search_little.gif) no-repeat  ;
	width:633px;
	height:70px;
	position:absolute;
	top:23px;
	left:244px;
	z-index:998;
	}
#searchInputLabel {
	font-weight: bold;
	padding: 3px 5px 0px 0px;
	float: left;
	margin:0;
	color: #ff0000;
	font-family: Arial;
	font-size: 14px;
}
#searchInput {
	width:455px;
	border: 1px solid #ccc;
	border-top: 2px solid #7c7c7c;
	border-right: 2px solid #c3c3c3;
	margin-right:0px;
	padding: 2px 0px 2px 2px; 
	cursor: text;
	float: right;
	height: 15px;
}
#map_wrapper {
	background: url(../images/bg/bg_map.gif) no-repeat;
	position:absolute;
	top:147px;
	left:244px;
	width:634px;
	height:406px;
	}
.map_overlay {
	position: absolute;
	display: block;
	z-index: 10;
	}
#map_overlay_top {
	top:0;
	left:0;
	background:url(../images/bg/bg_overlay_top.gif) no-repeat;
	width:635px;
	height:11px;
	}
#map_overlay_bottom {
	bottom:0;
	left:0;
	background:url(../images/bg/bg_overlay_bottom.gif) no-repeat;
	width:635px;
	height:11px;
	}
#map_overlay_right {
	top:13px;
	right:0px;
	background:url(../images/bg/bg_overlay_border.gif) repeat-y;
	width:1px;
	height:397px;
}
#map_overlay_left {
	top:12px;
	left: 0;
	background: url(../images/bg/bg_overlay_border.gif) repeat-y;
	width:1px;
	height:387px;
}
#addressform{
	width:630px;
	height:112px;
	margin:2px 0 0 5px;
	padding: 2px 0 0 0;
	}
#addressform table tbody tr td a {
	font-size:.70em;
	font-family:Arial,helvetica,san-serif,serif;
	}

#addressform table tbody tr td.searchHints {
	font-size:1.2em;
	padding-top:7px;
	font-family:Arial,helvetica,san-serif,serif; 
	}
#addressform table tbody tr td.searchHints #filter_text{
	font-size: 1.2em;
}
#addressform .advancedTable {
	margin:5px 0 0 0;
	}

/*#searchInput{
	width: 470px;
	height: 16px;
}*/
/*
#addressform .searchHints {
	padding-top:7px;
	}
*/

.col {
	width:210px;
	height:530px;
	margin:5px 0 0 1px;
	} 
.startPage {
	margin:5px 0 0 5px;
	}
.startPage a {
	font-size:.80em;
	}
.mapText {
	width:630px;
	height:405px;
	margin:5px 0 0 13px;
	} 
/*
h3 {
	font-weight:bold;
	font-size:1.0em;
	margin:5px 0;
	color:#666;
	}
p {
	font-size:.80em;
	width:98%;
	margin:10px 5px 10px 0;
	}
	*/
#button_search {
	float: left;
	background:url(../images/bg/bg_search_button.gif) top right no-repeat;
	width:22px;
	/* min-width:78px;
	width: auto;*/
	height:22px;
	border:0;
	color:#FFF;
	margin:0 0 0 0px;
/*	padding:0 22px 3px 8px;*/
	text-align:left;
	font-weight:bold;
	font-size:.80em;
	cursor: hand;
	cursor: pointer;
	overflow: visible;
	}
#button_search_directions {
	background:url(../images/bg/bg_button_submit.gif) 0% 0% no-repeat;
	width:55px;
	height:19px;
	border:0;
	color:#FFF;
	margin:0;
	padding:0 0 0 0;
	text-align:center;
	font-weight:bold;
	font-size:.75em;
	}
#button_advanced_search {
	background:url(../images/bg/bg_adv_search_button.gif) left 1px no-repeat;
	width:150px;
	height:25px;
	border:0;
	color:#FFF;
	margin:0;
	padding: 0 0 0 0;
	text-align:center;
	font-weight:bold;
	font-size:.75em;
	vertical-align: middle;
	}

#results {
	width:209px;
	/*height:423px;*/
	height:100%;
	overflow:auto;
	margin: 8px 0 0 1px;
	}
#results ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#results li {
	background: url(../images/bg/arrow_red.gif) 99% 25% no-repeat;
	border-bottom:1px dotted #ccc;
	color:#464646;
	font-family:Arial;
	font-size:.85em;
	}
#results li a {
	color:#000000;
	display:block;
	padding:5px 0px 5px 5px;
	width:185px;
	font-family:Arial;
	font-size:.85em;
	text-decoration:none;
	margin: 0;
	}
#results li.over, #results li.selected, #results li:hover,
#results li.over a, #results li.selected a, #results li a:hover {
	background: #ccc url(../images/bg/bg_results_over.gif) repeat-x;
	color:#000 !important;
	cursor:pointer;
	}
#results h4 {
	margin: 0;
	padding :0;
	font-size:1.0em;
	font-weight:bold;
	}	
#iconLegend {
	width:209px;
	height:91px;
	background:#FFF url(../images/bg/icon_legend.gif) top left repeat-x;
	margin: 0 0 0 1px;
	display: none;
	visibility: hidden;
	}
#iconLegend table {
	margin:5px 0 0 0;
	}
#iconLegend table tbody tr td {
	padding:2px 5px 1px 5px;
	font-size:1.1em;
	vertical-align: middle;
	}
.popup {
/*	background:transparent url(../images/bg/bg_advanced_search.gif) no-repeat;*/
	position:absolute;
	top:65px;
	left:300px;
	width:253px;
	z-index:999;
	}
.popup .content {
	width:250px;
	padding: 0 0 0 10px;
	margin-bottom: 5px;
	}
.popup .content p {
	font-size:.80em;
	margin:0;
	padding:0;
	clear:both;
	}
.popup .row {
	width:250px;
	float:left;
	padding-top:0px;
	padding-bottom:0px;
	}
.popup .row input {
	clear:left;
	margin-right:2px;
	width:13px;
	}
.popup .row input,
.popup .row label {
	float:left;
	font-size:.90em;
	}
.popup .row label {
	width:220px;
	}

.popupTopBG {
	background:url(../images/bg/bg_advanced_search_top.gif) no-repeat top center;
	width:249px;
	}
.popupMiddleBG {
	background:url(../images/bg/bg_advanced_search_middle.gif) repeat-y center center;
	width:249px;
	}
.popupBottomBG {
	background:url(../images/bg/bg_advanced_search_bottom.gif) no-repeat bottom center;
	width:249px;
	clear:both;
	}
#button_refine {
	float:left;
	cursor:pointer;
	margin-right:18px;
	}
.closeAdvSearch {
	float:right;
	cursor:pointer;
	margin-right:20px;
	padding: 3px 2px 0 0;
	}
/* Info Window */
.direction_bg {
	background:url(../images/bg/driving_directions.gif) top left repeat-x;
	margin: 0 0 0 4px;	
	padding:5px 0 0 10px;
	width:241px;
	height:32px;
	white-space: nowrap;
	position: absolute;
	bottom: 12px;
	}
.direction_bg a.directions {
	font-size:1.1em;
	font-family:Arial;
	font-weight: normal;
	text-decoration:none;
	color:#000;
	}
.direction_bg .redArrow {
	margin:7px 0 0 5px;
	}

.direction_bg span{
	float:left;
	}
.landmark_bg {
	background:url(../images/bg/bg_landmark.gif) top left repeat-x;
	margin: 0 0 2px 4px;
	padding:0 0 0 10px;
	width:241px;
	height:41px;
	}
.landmark{
	padding:8px 0 0 10px;
/*	*padding:3px 0 0 10px;*/
	vertical-align:top;
}
.landmark_bg span {
	color: #666;
	font-size:.70em;
	margin:0 0 0 30px;
	line-height:1.75em;	
	}
.branchPhoto {
	width:98px;
	height:64px;
	position:absolute;
	top:75px;
	left:145px;
	}
.info {
	position:absolute;
	cursor:default;
	width:261px;
	height:300px;
	}
.info .wrap {
	background:transparent url(../images/infowindow/bg.gif) top left no-repeat;
	width:261px;
	height:307px;
	}

#details .content {
	width:258px;
	clear:both;
	}

.info .info_contents{
	width:258px;
	height:198px;
	clear:both;
	overflow:auto;
	margin:2px 0 0 3px;
}

.info .textData {
	margin:0px 0px 0px 1px;
	font-size:1.0em;
	font-family:Arial;
	}
.info .textAddress {
	font-size:1.0em;
	font-family:Arial;
	}
.info .clear{
	clear:both;
	height:1px;
	}
.info .info_workhours{
	/*overflow:auto;*/
	width:258px;
	/*height:150px;*/
	height:250px;
	clear:both;
	}
.info .info_workhours th {
	font-family:Arial;
	/*font-size:1.0em;*/
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}
.info .info_workhours table tr td.redHours {
	color:#f00;
	}

.info .service_header { 
	font-family:Arial;
	font-size:1.0em;
	font-weight:bold;
	margin:0px 0px 0px 19px;
	} 
.info .info_workhours td {
	font-family:Arial;
/*	font-size:1.0em; */
	font-size:10px;
	padding:0 0 0 7px;
	}

.info .info_services{
	width:258px;
	height:185px;
	clear:both;
	}
.info .info_services ul.availableServices {
	margin:0 0 0 0;
	padding:0 0 0 23px;
	list-style:none;
	}
.info .info_services ul.availableServices li {
	background: url(../images/bg/bullet.gif) 2% 50% no-repeat;
	border-bottom:0px dotted #ccc;
	color:#464646;
	font-family:Arial;
	font-size:.80em;
	padding:0 0 0 15px;
	}
.toolTipLink {
	font-size:.70em;
	}
.toolTip {
	background:url(../images/bg/bg_tool_tip.png) top left no-repeat;
	width:193px;
	height:44px;
	padding:8px 0 0 7px;
	}
.toolTip span {
	font-size:.75em;
	}
.info .info_links {
	width:251px;
	height:56px;
	border-top:2px dotted #ccc;
	overflow:auto;
	}
.info .info_links a {
	font-family:Arial;
	font-size:1.0em;
	color:#F00;
	}
.info .closePrintIcon {
	width:70px;
	height:10px;
	float:right;
	cursor:pointer;
	margin:5px 5px 2px 0;
	clear:both;
	}
.info .closePrintIcon a {
	width:15px;
	padding:0 2px 0 5px;
	float:left;
	vertical-align: middle;
	}
.info .note, #details .note {
	font-size:1.0em;
	font-family:Arial;
	background:url(../images/infowindow/note.gif) top left no-repeat;
	height:34px;
	padding:7px 30px 0 45px !important;
	color:#555555;
	margin-bottom: 3px;
}
.info .wrap {
	position: relative;
	margin:0;
	padding:0;
	float:left;	
}
.info .tabRow {
	width:261px;
	height:34px;
	clear:both;
	margin:0;
	padding:0;
	float:left;	
	}
.info a.close {
	position: absolute;
	top: 5px;
	right: 0;
	float: left;
	display: block;
	overflow: hidden;
	width: 15px;
	height: 10px;
	background: url(../images/close_icon.gif) 5px 2px no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 5px;
	margin: 0 5px 0 0;
	float: right;
	cursor: pointer;
	cursor: hand;
	border: 2px;
	border-color: red;
}

.info ul.atmSelect {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 5px;
	list-style-type: none;
	position: absolute;
	top: -34px
}

.info .atmSelect li {
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin-left: 0px;
	width: 75px;
	margin-right: 2px;
	padding-top: 0px;
	height: 34px
}

.info .atmSelect li a {
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	font-weight: bold;
	font-size: .75em;
	float: left;
	padding-bottom: 0px;
	width: 75px;
	cursor: hand;
	cursor: pointer;
	color: #fff;
	padding-top: 10px;
	font-family: Arial;
	height: 34px;
	text-align: center;
	text-decoration: none;
}

.info .atmSelect li a {
	background: url(../images/infowindow/tab_atm_off.gif) no-repeat right top;
	width: 75px;
	height: 34px;
	text-decoration: none;
}

.info .atmSelect li.selected a {
	background: url(../images/infowindow/tab_atm_selected.gif) no-repeat right top;
	width: 75px;
	color: #fff;
	height: 34px;
	text-decoration: none;
}

.info .atmSelect li.first {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
}

.info .atmSelect li.hover a {
	width: 75px;
	color: #f00;
	height: 34px;
	text-decoration: none;
}

.info ul.premierSelect {
	padding-right: 0px;
	padding-left: 0px;
	font-size: 1.1em;
	left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 5px;
	list-style-type: none;
	position: absolute;
	top: -34px;
}

.info .premierSelect li {
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin-left: 0px;
	width: 75px;
	margin-right: 2px;
	padding-top: 0px;
	height: 34px;
}

.info .premierSelect li a {
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	font-weight: bold;
	font-size: .75em;
	float: left;
	padding-bottom: 0px;
	width: 75px;
	cursor: hand;
	cursor: pointer;
	color: #fff;
	padding-top: 10px;
	font-family: Arial;
	height: 34px;
	text-align: center;
	text-decoration: none;
}

.info .premierSelect li a {
	background: url(../images/infowindow/tab_premier_off.gif) no-repeat right top;
	width: 75px;
	height: 34px;
	text-decoration: none;
}

.info .premierSelect li.selected A {
	background: url(../images/infowindow/tab_premier_selected.gif) no-repeat right top;
	width: 75px;
	color: #fff;
	height: 34px;
	text-decoration: none;
}

.info .premierSelect li.first {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
}

.info .premierSelect li.hover a {
	width: 75px;
	color: #f00;
	height: 34px;
	text-decoration: none;
}

.info ul.branchSelect {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 5px;
	list-style-type: none;
	position: absolute;
	top: -34px;
}

.info .branchSelect li {
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin-left: 0px;
	width: 75px;
	margin-right: 2px;
	padding-top: 0px;
	height: 34px;
}

.info .branchSelect li a {
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	font-weight: bold;
	font-size: .75em;
	float: left;
	padding-bottom: 0px;
	width: 75px;
	cursor: hand;
	cursor: pointer;
	color: #fff;
	padding-top: 10px;
	font-family: Arial;
	height: 34px;
	text-align: center;
	text-decoration: none;
}

.info .branchSelect li a {
	background: url(../images/infowindow/tab_off.gif) no-repeat right top;
	width: 75px;
	height: 34px;
	text-decoration: none;
}
.info .branchSelect li.selected a {
	background: url(../images/infowindow/tab_selected.gif) no-repeat right top;
	width: 75px;
	color: #fff;
	height: 34px;
	text-decoration: none;
}

.info .branchSelect li.first {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
}

.info .branchSelect li.hover a {
	width: 75px;
	color: #f00;
	height: 34px;
	text-decoration: none;
}

.info ul.commercialSelect {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 5px;
	list-style-type: none;
	position: absolute;
	top: -34px
}

.info .commercialSelect li {
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin-left: 0px;
	width: 75px;
	margin-right: 2px;
	padding-top: 0px;
	height: 34px;
}

.info .commercialSelect li a {
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	font-weight: bold;
	font-size: .75em;
	float: left;
	padding-bottom: 0px;
	width: 75px;
	cursor: hand;
	cursor: pointer;
	color: #fff;
	padding-top: 10px;
	font-family: Arial;
	height: 34px;
	text-align: center;
	text-decoration: none;
}

.info .commercialSelect li a {
	background: url(../images/infowindow/tab_commercial_off.gif) no-repeat right top;
	width: 75px;
	height: 34px;
	text-decoration: none;
}
.info .commercialSelect li.selected a {
	background: url(../images/infowindow/tab_commercial_selected.gif) no-repeat right top;
	width: 75px;
	color: #fff;
	height: 34px;
	text-decoration: none;
}

.info .commercialSelect li.first {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
}

.info .commercialSelect li.hover a {
	width: 75px;
	color: #f00;
	height: 34px;
	text-decoration: none;
}

.info ul.otherSelect {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 5px;
	list-style-type: none;
	position: absolute;
	top: -34px;
}

.info .otherSelect li {
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin-left: 0px;
	width: 75px;
	margin-right: 2px;
	padding-top: 0px;
	height: 34px;
}

.info .otherSelect li a {
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	font-weight: bold;
	font-size: .75em;
	float: left;
	padding-bottom: 0px;
	width: 75px;
	cursor: hand;
	cursor: pointer;	
	color: #fff;
	padding-top: 10px;
	font-family: Arial;
	height: 34px;
	text-align: center;
	text-decoration: none;
}

.info .otherSelect li a {
	background: url(../images/infowindow/tab_other_off.gif) no-repeat right top;
	width: 75px;
	height: 34px;
	text-decoration: none;
}

.info .otherSelect li.selected a {
	background: url(../images/infowindow/tab_other_selected.gif) no-repeat right top;
	width: 75px;
	color: #fff;
	height: 34px;
	text-decoration: none;
}

.info .otherSelect li.first {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
}

.info .otherSelect li.hover a {
	width: 75px;
	color: #f00;
	height: 34px;
	text-decoration: none;
}

.info .nav li.first {
	margin-left:5px;
	padding:0 0 0 0;
	}

.info .head h4, #details .head h4,
.info .head h4, .info .head h5, #details .head h5, 
span.hsbc_logo{
	margin:0 10px 0 10px;
	}

.address, .phone {
	margin-bottom:7px;
}

#text_content {
	margin: 5px 10px 0 5px;
	padding-left: 10px;
	height: 16px;
}
#text_content a {
	font-size: .70em;
}

.info .head h4, #details .head h4 {
	font-size:.90em;
	font-family:Arial;
	font-weight:bold;
	}
.info .head h5, #details .head h5{
	font-family:Arial;
	font-size:.85em;
	font-weight:normal;
	margin-right:0px;
	padding: 0 0 0 0;
	}

.info .phoneIcon {
	background:url(../images/infowindow/phone_icon.gif) top left no-repeat;
	padding:0 10px 0 10px;
	margin:3px 0 0 5px;
	}
.info .faxIcon {
	background:url(../images/infowindow/fax_icon.gif) top left no-repeat;
	padding:0 10px 0 10px;
	margin:3px 0 0 5px;
	}

.info_contents .strong h5 {
	font-weight:bold !important;
	}
/* Directions Page */

#directions_page {
	margin:0;
	padding:0;
	background:url(../images/bg/directions_back.gif) no-repeat;
	width:980px;
	height:695px;
	}
#place_info { 
	position:relative;
	top:25px;
	left:25px;
	width:925px; 
	height:116px;
	padding:0; 
	background:transparent url(../images/bg/bg_location_directions.gif) no-repeat; 
	}
#details .col1 {
	width:390px;
	float:left;
	}
#details .col2 {
	width:185px;
	float:left;
	}
#details .col3 {
	width:160px;
	float:left;
	}
#details .col4 {
	width:160px;
	float:left;
	}
#details h1 {
	color:#ff0000;
	font-size:1.2em;
	margin:5px 0 0 5px;
	padding:0;
	font-weight:bold;
	}
#details h4 {
	color:#000000;
	font-size:1.0em;
	margin:5px 0 0 5px;
	padding:0;
	font-weight:bold;
	}
#details h5 {
	color:#000000;
	font-size:.90em;
	margin:5px 0 0 5px;
	padding:0;
	font-weight:normal;
	}
#details ul {
	margin:0 0 0 0;
	padding:0 0 0 23px;
	list-style:none;
	}
#details ul li {
	background: url(../images/bg/bullet.gif) 2% 50% no-repeat;
	border-bottom:0px dotted #ccc;
	color:#464646;
	font-family:Arial;
	font-size:.80em;
	padding:0 0 0 15px;
	}
#directions {
 	position:absolute;
	top:290px;
	left:25px;
	width:300px; 
	height:507px;
	padding:0; 
	background:transparent url(../images/bg/bg_direction_results.gif) no-repeat; 
	}
#directions .head h2 {
	color:#000;
	font-size:1.2em;
	margin:5px 0 0 5px;
	padding:0;
	font-weight:bold;
	}
#directions .head h5 {
	color:#000;
	font-size:.90em;
	margin:5px 0 0 5px;
	padding:0;
	font-weight:normal;
	}
form#differentLocation {
	margin:0 0 0 5px;
	}
#directions .head #text_content {
	color:#000;
	font-size:.80em;
	margin:5px 0 5px 5px;
	padding: 5px 0;
	font-weight:normal;
	}
#directions #route {
	height:365px;
	overflow:auto;
	margin:0 5px 0 0;
	padding:0px 5px;
	}

#directions #route div {
	font-size:.95em;
	}
#directions #route table tbody tr td {
	font-size: .95em;
}
#directions_page #map_wrapper {
	position:absolute;
	top:290px;
	left:346px;
	width:604px;
	height:506px;
	}
#directions_page #map_overlay_top {
	top:0;
	left:0;
	background:url(../images/bg/bg_directions_overlay_top.gif) no-repeat;
	width:604px;
	height:11px;
	}
#directions_page #map_overlay_bottom {
	bottom:0;
	left:0;
	background:url(../images/bg/bg_directions_overlay_bottom.gif) no-repeat;
	width:604px;
	height:11px;
	}
#directions_page #map_overlay_right {
	top:13px;
	right:0px;
	background:url(../images/bg/bg_overlay_border.gif) repeat-y;
	width:1px;
	height:490px;
	}
#directions_page #map_overlay_left {
	top:12px;
	left: 0;
	background: url(../images/bg/bg_overlay_border.gif) repeat-y;
	width:1px;
	height:485px;
	}
#directions_page #mask {
	width: 520px;
	height: 480px;
}
#directions .hr { border-bottom: 1px dotted #ccc; margin: 25px 5px 0px 0px; clear:left;}


#map_canvas, #mask {
	position: absolute;
	z-index: 0;
	width: 634px; 
	height: 406px; 
}


#imgDiv, #imgDiv div.imgWrap {
	height: 150px;
	width: 150px;
	border:medium !important;
	border-color:red;	
}* html #imgDiv, #imgDiv div.imgWrap {
	width: 118px;
}

#mask {
	z-index:5;
	width: 617px;
	height: 396px;
}
#mask img {
	margin-top: 33%;
	margin-left: 33%;
} *:first-child+html  #mask img {
	margin-top: 80%;
	margin-left: 90%; 
}

#directions_page #map_wrapper #map_canvas {
	width:603px;
	height:504px;
	left: 1px;
}
#directions_page #map_wrapper #mask{
	width:603px;
	height:504px;
	left: 1px;
}
/*
#filter_text{
	font-size: .75em;
	font-family:Verdana,Arial,helvetica,san-serif,serif;
	color: #444;
}
*/
#directions_page #directions .head #location{
	margin-left: 5px;
}



/* Non JS */

.nojs #sidebar #results {
	width:210px;
	height:523px;
	overflow:auto;
	}
#nav_box {
	float:left;
	width:212px;
	height:115px;
	background:transparent bottom left url(../images/nonjs/bg_smallbox_nojs.gif) no-repeat;
	border:0;
	margin:23px 0 0 20px; 
	}
#map_wrapper_nojs {
	background: url(../images/nonjs/bg_details_nojs.gif) no-repeat;
	position:absolute;
	top:147px;
	left:20px;
	width:856px;
	height:406px;
	}
#map_wrapper_nojs form {
	margin:10px 0 0 10px;
	}
.navButton {
	background:url(../images/nonjs/bg_back_button.gif) 0% 0% no-repeat;
	width:160px;
	height:25px;
	border:0;
	margin:40px 0 0 25px;
	padding:4px 0 0 0;
	text-align:center;
	}
#back_to_results {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:.75em;
	padding:5px 0 0 0;
	}
#map_wrapper_nojs .info {
	width:285px;
	height:330px;
	overflow:auto;
	margin-top:3px;
	}
.additionalLinks {
	width:275px;
	height:75px;
	position:absolute;
	top:336px;
	left:10px;
	border-top:1px dotted #000;
	padding:3px 0 0 0;
	}
.additionalLinks table tbody tr td {
	height:15px;
	}

.mapPlacement {
	position:absolute;
	top:6px;
	left:310px;
	}

#map_wrapper_nojs h3{
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 0px; 
}

#map_wrapper_nojs table{
	margin-left: 0px;
}

.adv_options_table{
	margin-left: 25px;
}

.print #map_wrapper_nojs {
	background: url(../images/nonjs/bg_details_nojs.gif) no-repeat;
	position:absolute;
	top:90px;
	left:20px;
	width:856px;
	height:406px;
	}

.print table{
	font-size: 0.7em;
}
/*
.nojs .landmark_bg {
	background:url(../images/bg/bg_landmark.gif) top left repeat-x;
	margin: 0 0 2px 4px;
	padding:0 0 0 10px;
	vertical-align: middle;
	width:241px;
	height:41px;
	}

.nojs .landmark{
	padding:10px 0 0 10px;
}

.nojs .landmark_bg span {
	color: #666;
	font-size:.70em;
	margin:0 0 0 30px;
	}
*/
.nojs .direction_bg {
	position:relative;
	clear:both;
	}
#error_msg_nojs{
	padding-left:50px;
	padding-top:20px;
}
#map_wrapper_nojs .print_info {
	width:285px;
	height:395px;
	overflow:auto;
	margin-top:5px;
	position: absolute;
	}