*{
margin:0;
padding:0;
}

body {
background-image: url('../img/background_repeated.jpg');
}

body, textarea, input {
font-family: verdana, sans-serif;
font-size: 9pt;
line-height: 11pt;
}

body, a {
color: #231f1f;
}

a img {
border: 0px none;
text-decoration: none;
}

div#container {
margin: auto 0;
}

div.side {
width: 351px;
float: left;
margin-left: 59px;
position: relative;
}

div.main {
position: relative;
margin-left: 431px;
width: 530px;
}

div.map {
width: 530px;
height: 400px;
overflow: hidden;
}

div#header, div#content, div#footer, div#bottom {
clear: both;
}

div#header {
background: transparent url('../img/header.jpg') no-repeat scroll top left;
width: 1022px;
height: 132px;
}

div#header p, div#header span, div#header img {
display: none;
}

div#header a {
display: block;
position: absolute;
top: 46px;
left: 54px;
height: 24px;
width: 200px;
}

div#header h2 a {
top: 76px;
left: 54px;
height: 28px;
width: 340px;
}

div#header p#address {
color: #fffefe;
display: block;
position: absolute;
top: 50px;
left: 750px;
width: 200px;
font-size: 7pt;
line-height: 9pt;
}

div#header p#address span {
display: inline;
font-weight: bold;
}

div#content {
background: transparent url('../img/content_background.jpg') repeat-y scroll top left;
width: 1022px;
position: relative;
}

div#footer {
background: transparent url('../img/footer.jpg') no-repeat scroll top left;
width: 1022px;
height: 55px;
}

div#toolbar {
width: 522px;
height: 32px;
background: transparent url('../img/toolbar_background.jpg') repeat-x scroll top left;
margin-top: 5px;
padding-left: 10px;
font-weight: bold;
}

div#toolbar img {
position: relative;
top: -7px;
}

span.tooltext {
position: relative;
top: -19px;
left: 4px;
margin-right: 4px;
}

div#nav {
margin-top: 8px;
}

div#toolbar a, div#nav a, div#reverse a {
text-decoration: none;
}

div#reverse a {
font-weight: bold;
}

div#toolbar a, div#reverse a {
color: #fffefe;
}

div#toolbar a {
position: relative;
top: 7px;
}

ul.across li {
float: left;
margin-right: 20px;
list-style-type: none;
}

ul.across li.last {
margin-right: 0;
}

div#dir_copyright {
margin-top: 9px;
}

div.copyright {
clear: both;
}

div.copyright p {
color: #808181;
font-size: 9pt;
}

div.auto_complete {
max-height: 380px;
min-width: 318px;
max-width: 318px;
overflow: auto;
background-color: white;
border: 1px solid #888;
margin: 0px;
padding: 8px;
position: absolute !important;
top: 90px !important;
left: 9px !important;
}

div.auto_complete li { 
list-style-type: none;
}

div.auto_complete li {
line-height: 11pt;
padding: 0 0 3pt 0.7em;
text-indent: -0.7em;
}

div.auto_complete li + li { 
margin-top: 4pt;
}
    
div.auto_complete li.selected { background-color: #ffb; }

div.dirtitle, div#directionset {
padding: 4px 8px 4px 8px;
}

div.dirtitle, div#reverse {
clear: both;
}

div#directionset {
max-height: 210px;
overflow: auto;
}

div#directionset p + p {
margin-top: 1em;
}

div#directionset table {
margin: 1em 0 1em 0;
}

div.dirtitle + div.dirtitle {
background: transparent url('../img/dirtitle_separator.jpg') no-repeat scroll top center;
}

div.dirtitle span, div.dirtitle a {
display: block;
}
div.dirtitle span {
width: 290px;
float: left;
padding-bottom: 5px;
}

div.dirtitle a {
float: right; 
}

div#reverse {
background: transparent url('../img/reverse_button.jpg') no-repeat scroll top left;
width: 355px;
height: 24px;
padding: 4px 0 0 6px;
}

div.map, div#link_to_page {
border:1px solid #9b9c99;
}

div#dirtext {
margin-left: 1px;
width: 351px;
font-size: 9pt;
line-height: 11pt;
}

div.dirtext_header {
background: transparent url('../img/dirtext_header.jpg') no-repeat scroll top left;
width: 351px;
height: 6px;
font-size: 1px;
}

div#directionheader {
margin-bottom: 8px;
}

div#directionheader, div#directionset {
background: transparent url('../img/dirtext_background.jpg') repeat-y scroll top left;
}

div.dirtext_footer {
background: transparent url('../img/dirtext_footer.jpg') no-repeat scroll top left;
width: 351px;
height: 8px;
font-size: 1px;
}

table {
margin: 0px; 
padding: 0px; 
border-collapse: collapse;
}

tr {
cursor: pointer;
}

td {
border-top: 1px solid rgb(205, 205, 205); 
margin: 0px; 
vertical-align: top; 
padding: 0.3em 3px; 
text-align: right;
}

td.instruction {
width: 100%;
text-align: left;
}

td.distance {
padding: 0.3em 3px 0.3em 0.5em; 
}

/* css for tabber.js */
div#tabber {
z-index: 500;
}

.tabberlive .tabbertabhide {
display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
 display:none;
}
.tabberlive {
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
list-style: none;
margin:0;
padding: 0;
position: relative;
top: 1px;
}

ul.tabbernav li
{
float: left;
margin: 0;
}

ul.tabbernav li a
{
width: 115px;
height: 31px;
float: left;
display: block;
text-decoration: none;
}

ul.tabbernav li a span
{
display: none;
}

ul.tabbernav li a#navSearchTMC
{
background: transparent url('../img/searchtab_inactive.jpg') no-repeat scroll top left;
}

ul.tabbernav li.tabberactive a#navSearchTMC
{
background: transparent url('../img/searchtab_active.jpg') no-repeat scroll top left;
}

ul.tabbernav li a#navBrowseTMC
{
background: transparent url('../img/browsetab_inactive.jpg') no-repeat scroll top left;
}

ul.tabbernav li.tabberactive a#navBrowseTMC
{
background: transparent url('../img/browsetab_active.jpg') no-repeat scroll top left;
}

div#tabber_header, div#tabber_footer, .tabberlive .tabbertab {
width: 370px;
}

div#tabber_header {
clear: both;
background: transparent url('../img/tabber_header.jpg') no-repeat scroll top left;
height: 8px;
font-size: 1px;
}

div#tabber_footer {
background: transparent url('../img/tabber_footer.jpg') no-repeat scroll top left;
height: 16px;
}

.tabberlive .tabbertab {
clear: both;
padding: 0 0 8px 9px;
max-height: 440px;
overflow:auto;
background: transparent url('../img/tabber_background.jpg') repeat-y scroll top left;
}

textarea#searchbox, textarea#browsebox, textarea#addressinput {
resize: none;
overflow: hidden;
line-height: 18px;
}

textarea#searchbox {
margin-top: 10px;
padding-left: 5px;
width: 240px; 
}

textarea#browsebox {
width: 300px; 
position: relative;
padding: 0 26px 0 5px;
}

div#browsebox_img {
z-index: 5;
position: absolute;
right: 10px;
top: 46px;
width: 14px;
height: 10px;
background: url('../img/browse_open.png') top left no-repeat transparent;
}
* html div#browsebox_img{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/browse_open.png', sizingMethod='crop');
  right: 44px;
  top: 50px;
}

textarea#browsebox, div#browsebox_img {
cursor: pointer;
}

input#searchbutton, input#browsebutton {
position: absolute;
top: 65px;
left: 262px;
width: 85px;
height: 24px;
border: 0;
background: transparent url(../img/search.jpg) no-repeat center top;
cursor: pointer; /* hand-shaped cursor */
}

input#searchbutton.searchdown, input#browsebutton.searchdown {
background: transparent url(../img/search_pressed.jpg) no-repeat center top;
}

input#gobutton {
position: absolute;
top: 0px;
width: 43px;
height: 24px;
border: 0;
background: transparent url(../img/go.jpg) no-repeat center top;
cursor: pointer; /* hand-shaped cursor */
}

input#gobutton.godown {
background: transparent url(../img/go_pressed.jpg) no-repeat center top;
}

#selectdest {
width: 233px;
}

.tabberlive label {
color: #fffefe;
}

div#link_to_page {
position: absolute;
left: 0px;
top: 340px;
height: 46px;
padding: 0.5em;
background-color: #FFF;
}

div#link_to_page p {
margin-bottom: 10px;
}

div#link_to_page a {
 position: absolute;
 right: 2px;
 top: 2px;
}

div#email_data {
padding: 1em 1em 0 1em;
}

div#email_data label {
font-weight: bold;
}

div#email_data input, div#email_data textarea {
margin-bottom: 1em;
}

div#email_data textarea {
height: 176px;
width: 410px;
resize: none;
}

/* IE6 Only */
* html div.side {
margin-left: 29px;
}
* html div.copyright {
margin-top: 9px;
}
* html div#directionset, * html div.dirtext_footer {
margin: 0;
}
* html div#directionset {
height: 210px;
overflow: auto;
}
* html ul.tabbernav li a {
height: 30px;
}
* html div.auto_complete {
_height: 380px !important;
width: 318px !important;
}
* html div#browsebox_img {
position: absolute;
right: 36px;
top: 45px;
}

