div.footr { color: #FFFFFF; text-align: center; margin-left: 4px; margin-right: 6px; } div.footr a { color: #7c976f; } div.footr .footer { width: 100%; background-color: #f7fdf5; text-align: center; position: relative; height: 30px; padding-top: 15px; border-top: 1px solid; border-right: 1px solid; border-left: 1px solid; border-color: #a7cc95; color: #7c976f; } div.footr .footerBottomRight { background-image: url('/images/common/curved_box_bottom_green.png'); margin-left: 20px; margin-top: -23px; margin-right: -2px; background-position: 100%; height: 23px; font-size: 2px; margin-bottom: -21px; z-index: 0; } div.footr .footerBottomLeft { background-image: url('/images/common/curved_box_bottom_green.png'); margin-right: 23px; background-position: 0; height: 23px; font-size: 2px; z-index: 100; } .googleMapInfoWindow { width: 400px; } .googleMapInfoWindow .attractionImage { float: left; margin-right: 5px; margin-bottom: 5px; } .googleMapInfoWindow .aheading { font-weight: bold; } .googleMapInfoWindow .attractionImage img { border: 1px solid; border-color: #000000; } .googleMapInfoWindow h1 { font-size: 14px; font-family: Verdana; font-weight: bold; vertical-align: top; margin-top: -2px; } .googleMapInfoWindow h1 a { color: #000000; } .googleMapInfoWindow .plotRoute { margin-top: 10px; } .googleMapInfoWindow .currentRoute { margin-top: 10px; } .googleMapInfoWindow .plotRoute .plotHeading { font-weight: bold; font-size: 11px; } .googleMapInfoWindow .plotRoute div { font-size: 10px; } .googleMapInfoWindow h1 a:hover { color: #BCD2E6 } .googleMapInfoWindow td { font-size: 11px; } .googleMapInfoWindow p { margin-top: 5px; margin-bottom: 5px; } .googleMapInfoWindow .lineInfo { font-size: 10px; font-weight: bold; } .googleMapInfoWindow .lineInfo td { padding-top: 2px !important; padding-bottom: 2px !important; } .googleMapInfoWindow .subtitle { font-size: 9px; margin-bottom: 5px; } .googleMapInfoWindow .ttypes { float: right; margin-right: 20px; } .googleMapInfoWindow .subtext { font-size: 10px; padding-bottom: 5px; } .googleMapInfoWindow div.hotelTable { margin-top: 10px !important; margin-left: -5px !important; } .googleMapInfoWindow div.hotelTable div.hotelImage { float:left; margin-right: 10px; border: 1px solid; color: #000000; } .googleMapInfoWindow div.hotelTable div.aheading { font-weight: bold; margin-top: 3px; } .googleMapInfoWindow div.hotelTable div.abody p { font-size: 11px; padding: 0px; margin-top: 1px; margin-bottom: 1px; } .googleMapInfoWindow div.hotelTable div.abody { font-size: 11px; } .googleMapInfoWindow .hotelName { font-size: 12px; } .googleMapInfoWindow .hotelName a { color: #E6A38E; } .googleMapInfoWindow div.hotelTable { margin-top: 10px !important; margin-left: -5px !important; } .googleMapInfoWindow div.hotelTable div.hotelImage { float:left; margin-right: 10px; border: 1px solid; color: #000000; } .googleMapInfoWindow div.hotelTable div.aheading { font-weight: bold; margin-top: 3px; } .googleMapInfoWindow div.hotelTable div.abody p { font-size: 11px; padding: 0px; margin-top: 1px; margin-bottom: 1px; } .googleMapInfoWindow div.hotelTable div.abody { font-size: 11px; } .googleMapInfoWindow .restaurantName { font-size: 12px; font-weight: bold; } .googleMapInfoWindow .stationName { font-size: 12px; font-weight: bold; } .googleMapInfoWindow .displayOnMap { padding-top: 10px; } .googleMapInfoWindow .title { font-size: 16px; font-weight: bold; padding-bottom: 20px; } .googleMapInfoWindow .titleRestaurant { font-size: 16px; font-weight: bold; padding-bottom: 10px; } .googleMapInfoWindow .titleAttraction { font-size: 16px; font-weight: bold; padding-bottom: 10px; } #loadingOverlay { text-align: center; vertical-align: center; font-size: 20px; position: absolute; top: 300px; left: 50%; display: none; margin-left: -200px; width: 400px; } #loadingOverlay .content { background-color: #e7e7e7; border-right: 1px solid; border-left: 1px solid; border-color: #949393; } #loadingOverlay .topLeftGrey { background-image: url('/images/common/curved_box_grey.gif'); height: 17px; font-size: 2px; margin-right: 17px; z-index: 100; } #loadingOverlay .topRightGrey { margin-left: 17px; margin-top: -17px; background-position: 100% 0; background-image: url('/images/common/curved_box_grey.gif'); height: 17px; font-size: 2px; z-index: 100; } #loadingOverlay .bottomLeftGrey { margin-right: 17px; background-position: 0 -17px; background-image: url('/images/common/curved_box_grey.gif'); height: 17px; font-size: 2px; z-index: 100; } #loadingOverlay .bottomRightGrey { margin-left: 17px; margin-top: -17px; background-position: 100% -17px; background-image: url('/images/common/curved_box_grey.gif'); height: 17px; font-size: 2px; z-index: 100; } div.gmaps { margin-left: 3px; margin-right: 4px; } div.gmaps h1 { font-size: 16px; } div.gmaps div.navigationTabs { text-align: center; position: relative; top: -5px; font-size: 12px; color: #627EB7; margin-bottom: 10px; } div.gmaps div.overviewText { float: left; width: 390px; padding-right: 20px; border-right: 1px solid; border-color: #d4d5d6; margin-left: 10px; } div.gmaps div.overviewText p.description { font-style: italic; padding-bottom: 5px; } div.gmaps div.overviewText p { font-size: 11px; padding-bottom: 5px; text-align: justify; } div.gmaps div.overviewText ul { font-size: 11px; list-style: none; margin-left: 20px; margin-top: 5px; } div.gmaps div.overviewText ul li { background:transparent url(/images/common/square_block_green.gif) no-repeat scroll left 4px; padding-bottom:5px; padding-left:14px; } div.gmaps .boxHeading { font-weight: bold; text-align: center; font-style: underline; position: relative; top: -5px; padding-bottom: 5px; font-size: 12px; } div.gmaps .findPOI p { padding-bottom: 5px; font-weight: bold; } div.gmaps .findPOI { margin-left: 420px; padding-left: 20px; border-left: 1px solid; border-color: #d4d5d6; padding-left: 20px; font-size: 11px; } div.gmaps .findPOI .distance { float: left; margin-right: 20px; } div.gmaps .findPOI .distanceFrom { margin-left: 100px; } div.gmaps .findPOI .searchAddress { margin-top: 2px; margin-left: 15px; width: 300px; } div.gmaps .findPOI .normalList li { margin-bottom: 5px; } div.gmaps .findPOI ul { list-style: none; } div.gmaps .findPOI .inlineList { margin-bottom: 20px; } div.gmaps .findPOI .inlineList li { float: left; margin-left: 10px; } div.gmaps .findPOI .inlineList li input { margin-right: 5px; } div.gmaps .findPOI ul li input { margin-right: 5px; } div.gmaps div.navigationTabs span { padding-left: 20px; padding-right: 30px; background-image: url(/images/common/square_block_green.gif); background-repeat: no-repeat; background-position:right 4px; } div.gmaps div.navigationTabs span a { cursor: pointer; } div.gmaps div.theMap { border: 1px solid; border-color: #4e4d4d; margin-top: -18px; margin-bottom: 5px; } div.gmaps .extraMarkers { display: none; } div.fadedBackground { width: 100%; height: 100%; background-color: #909090; z-index: 50; opacity: 0.7; position: absolute; left: 0px; top: 0px; } div.dialogInformationBox { position: absolute; left: 50%; margin-left: -220px; width: 400px; top: 200px; background-position: 100% 100%; z-index: 75; } div.gmaps .topBox { width: 100%; position: relative; top: -22px; } div.gmaps .topBox a { color: #d39902; } div.gmaps .topBox .tbHeaderLeft { background-image: url('/images/common/map_top.png'); height: 23px; font-size: 2px; margin-right: 23px; z-index: 100; } div.gmaps .topBox .tbHeaderRight { margin-left: 23px; margin-top: -23px; background-position: 100% 0; background-image: url('/images/common/map_top.png'); height: 23px; font-size: 2px; z-index: 100; } div.gmaps .topBox .tbInside { background-color: #fdfae8; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-top: 0px; height: 40px; border-color: #ffd259; padding-top: 4px; padding-left: 60px; } div.gmaps .topBox .tbInside div { float: left; position: relative; top: -23px; left: 30px; } div.gmaps .topBox .toggle { cursor: pointer; border: 0; } div.gmaps .topBox .tbSelected { color: #000000 !important; font-weight: bold; font-size: 12px !important; } #map { height: 400px; } div.gmaps table.transportTab { width: 100%; } div.gmaps .rightClickMenu { font-family:Arial, sans-serif; text-decoration:none; color:#4444ff; font-size: 11px; } div.gmaps .rightClickMenu a:hover { background:#eeeeee; } div.gmaps table.plotRoute { margin: 0px auto; margin-bottom: 10px; } div.gmaps .plotRoute input { margin-right: 10px; } div.gmaps .plotRoute select { margin-left: 5px; margin-right: 10px; } div.gmaps table.attractionTab { width: 100%; } div.gmaps table.attractionTab td { padding-left: 10px; padding-right: 10px; } div.gmaps table.hotelTab { width: 100%; } div.gmaps table.hotelTab td { padding-left: 10px; padding-right: 10px; } div.gmaps table.restaurantTab { width: 100%; } div.gmaps td.iconContainer { border-right: 1px solid; border-color: #d4d5d6; vertical-align: top; } div.gmaps td.iconContainer span { position: relative; top: -5px; } div.gmaps table.iconSelect { text-align: left; width: 100%; vertical-align: top; } div.gmaps table.iconSelect td { vertical-align: top; text-align: left; } div.gmaps table.iconSelect td input { margin: 3px; } div.gmaps .navigation { margin-bottom: 5px; width: 100%; } div.gmaps .navigation #overviewTab { } div.gmaps .navigation #accomodationTab { display: none; } div.gmaps .navigation #transportTab { display: none; } div.gmaps .navigation #restaurantTab { display: none; } div.gmaps .navigation #attractionTab { display: none; } div.gmaps .navigation #hotelTab { display: none; } div.gmaps .extraCheckbox { font-weight: bold; margin-top: 40px; } div.gmaps .extraCheckbox input { margin-right: 5px; } div.itabs { margin: 0 auto; margin-top: -7px; font-size: 11px; text-align: center; line-height:normal; } div.itabs ul { padding:10px 10px 0 0; list-style:none; } div.itabs li { display:inline; position: relative; margin:0; padding:0; } div.itabs a { cursor: pointer; background:url("/images/common/tableft1.gif") no-repeat left top; margin:0;  padding:5px 0 4px 4px; text-decoration:none; } div.itabs a span { background:url("/images/common/tabright1.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#627EB7; }  div.itabs a span {float:none;}  div.itabs a:hover span { color:#627EB7; } div.itabs a:hover { background-position:0% -42px; } div.itabs a:hover span { background-position:100% -42px; } ul#topNavigation { list-style: none; padding-top: 20px; } ul#topNavigation li { display: inline; } div.itabs ul.inlineNavigation { margin-top: 20px; } * { margin: 0; padding: 0; } ul { list-style: none; } body { font-family: Verdana, Arial, sans-serif; background-color:#FFFFFF; font-size: 62.5%; text-align: center; } .tooltip { cursor: pointer; } .tooltipDialog { -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; background-color:#FFFFFF; border:1px solid #CECECE; color:#7D7D7D; max-width: 400px; font-size: 10px; font-weight:normal; padding:7px 9px; text-align:left; z-index:1000; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } * html .clearfix { height: 1%; } .clearfix { display: inline-block; } .clearfix { display: block; } h1 { font-size: 2.2em; font-weight: bold; } h2 { font-size: 2.0em; font-weight: normal; } a { text-decoration: none; color: #627EB7; } a:hover { color: #6e9af4; } .curvedBoxTopBlue { background-image:url(/images/common/blue_box_rounded_top.png); } .curvedBoxBottomBlue { background-image:url(/images/common/blue_box_rounded_bottom.png); } .curvedBoxTopRed { background-image:url(/images/common/red_box_rounded_top.png); } .curvedBoxBottomRed { background-image:url(/images/common/red_box_rounded_bottom.png); } .curvedBoxTopYellow { background-image:url(/images/common/yellow_box_rounded_top.png); } .curvedBoxBottomYellow { background-image:url(/images/common/yellow_box_rounded_bottom.png); } .curvedBoxTopLeft { font-size:2px; height:14px; margin-right:14px; width: 15px; z-index:100; } .curvedBoxTopRight { background-position:100% 0pt; font-size:2px; height:14px; margin-left:14px; margin-top:-14px; z-index:100; } .curvedBoxBottomLeft { background-position:0pt -14px; background-position:0pt -14px; font-size:2px; height:14px; margin-right:14px; z-index:100; width:15px; } .curvedBoxBottomRight { background-position:100% -14px; font-size:2px; height:14px; margin-left:14px; margin-top:-14px; z-index:100; } .curvedBoxContent { border: none; border-left: 1px solid; border-right: 1px solid; padding-bottom: 15px; } .curvedBoxContentBlue { border-color: #BCD2E6; background-color: #F6FAFF; } .curvedBoxContentRed { border-color: #E6A38E; background-color: #FFFBFB; } .curvedBoxContentYellow { border-color: #ffd259; background-color: #FDFAE8; } .curvedBoxHollow { background-image: url('/images/common/blue_box_hollow.png'); } .curvedBoxHollowBlue { background-image: url('/images/common/blue_box_hollow.png'); } .curvedBoxHollowRed { background-image: url('/images/common/red_box_hollow.png'); } .curvedBoxHollowYellow { background-image: url('/images/common/yellow_box_hollow.png'); } .curvedBoxHollowGreen { background-image: url('/images/common/green_box_hollow.png'); } .curvedBoxHollowTopLeft { height: 15px; width: 15px; font-size: 2px; margin-right: 15px; } .curvedBoxHollowTopRight { margin-left: 15px; margin-top: -15px; background-position: 100% 0; height: 15px; font-size: 2px; } .curvedBoxHollowBottomLeft { margin-right: 15px; background-position: 0 -15px; height: 15px; font-size: 2px; width:15px; } .curvedBoxHollowBottomRight { margin-left: 15px; margin-top: -15px; background-position: 100% -15px; height: 15px; font-size: 2px; } .curvedBoxHollowContentBlue { border-right: 2px solid; border-left: 2px solid; border-color: #e1ecfa; } .curvedBoxHollowContentRed { border-right: 2px solid; border-left: 2px solid; border-color: #fde4e4; } .curvedBoxHollowContentYellow { border-right: 2px solid; border-left: 2px solid; border-color: #f4e795; } .curvedBoxHollowContentGreen { border-right: 2px solid; border-left: 2px solid; border-color: #a7cc95; } .wrapper { background-color: #fff; } .topBanner { height:84px; width:865px; text-align: center; margin: 0 auto; margin-top:7px; } .topBanner .iphonetext { margin-top: 3px; text-align: center; margin-left: 5px; width: 100px; border: 0; float: left; } .topBanner .iphone { border: 0; float: left; margin-top: 5px; } .topBanner .flags div { padding-bottom: 3px; } .topBanner .flags img { border: 1px solid; border-color: #000000; } .topBanner .flags { float: right; margin-right: 10px; } .topBanner .logo img { margin-left: -48px; } .wrapper { width: 91.5em; max-width: 100%; margin: 0 auto; text-align: left; } .wrapper .topLeft { background-image: url('/images/common/roundedcorners5_whitebg.gif'); height: 26px; font-size: 2px; margin-right: 26px; z-index: 100; } .wrapper .topRight { margin-left: 26px; margin-top: -26px; margin-right: -2px; background-position: 100% 0; background-image: url('/images/common/roundedcorners5_whitebg.gif'); height: 26px; font-size: 2px; z-index: 100; } .wrapper .bottomLeft { margin-right: 26px; background-position: 0 -26px; background-image: url('/images/common/roundedcorners5_whitebg.gif'); height: 26px; font-size: 2px; z-index: 100; } .wrapper .bottomRight { margin-left: 26px; margin-top: -26px; margin-right: -2px; background-position: 100% -26px; background-image: url('/images/common/roundedcorners5_whitebg.gif'); height: 26px; font-size: 2px; z-index: 100; } .wrapper .pageContent { float: left; width: 100%; border-left: 1px solid; border-right: 1px solid; border-top: 0px; border-bottom: 0px; border-color: #bcd2e6; color: #000000; padding-right:0px; padding-bottom: 70px; } .wrapper .pageFooter { position: relative; top: -70px; }  #addthis_services { background-color: #FFFFFF; } #addthis_services a { padding: 0px 0px 0px 4px; color:#333333; display: block; font-weight: normal; } #addthis_services td{ padding: 1px 0px 1px 0px; } #addthis_dropdown15 a:hover { background-color: #F5F5F5; } #addthis_dropdown15 a { text-decoration: none; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } #addthis_dropdown15 img { border:none; vertical-align:middle; width: 16px; height: 16px; } #addthis_dropdown15 { z-index: 1000000; text-align: left; width: 230px; position: absolute; display: none; border: #CCCCCC solid 1px; padding: 1px 1px 0px 1px; overflow: hidden; background-color: #FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; }  .niceButtonText { cursor: pointer; display:block; float:left; font-family:Arial,sans-serif; font-size:12px; font-weight:bold; height:19px; padding:4px 8px 0pt; text-decoration:none; } .niceButtonLeftEnd { cursor: pointer; display:block; float:left; height:22px; width:5px; } .niceButtonRightEnd { cursor: pointer; background:transparent url(/images/common/gradient_green_end.gif) no-repeat scroll -5px 0px; display:block; float:left; height:22px; width:5px; } .niceButtonTextGreen { background:transparent url(/images/common/gradient_green.gif) no-repeat; color:#3d9313; } a:hover .niceButtonTextGreen { color:#2c6c0d; } .niceButtonLeftEndGreen { background:transparent url(/images/common/gradient_green_end.gif) no-repeat scroll 0px 0px; } .niceButtonRightEndGreen { background:transparent url(/images/common/gradient_green_end.gif) no-repeat scroll -5px 0px; } .niceButtonTextBlue { background:transparent url(/images/common/gradient_blue.gif) no-repeat; color:#4397e3; } a:hover .niceButtonTextBlue { color:#2173bc; } .niceButtonLeftEndBlue { background:transparent url(/images/common/gradient_blue_end.gif) no-repeat scroll 0px 0px; } .niceButtonRightEndBlue { background:transparent url(/images/common/gradient_blue_end.gif) no-repeat scroll -5px 0px; } .niceButtonTextRed { background:transparent url(/images/common/gradient_red.gif) no-repeat; color:#db8f77; } a:hover .niceButtonTextRed { color:#bc5f42; } .niceButtonLeftEndRed { background:transparent url(/images/common/gradient_red_end.gif) no-repeat scroll 0px 0px; } .niceButtonRightEndRed { background:transparent url(/images/common/gradient_red_end.gif) no-repeat scroll -5px 0px; } .niceButtonTextYellow { background:transparent url(/images/common/gradient_yellow.gif) no-repeat; color:#d39902; } a:hover .niceButtonTextYellow { color:#bc830a; } .niceButtonLeftEndYellow { background:transparent url(/images/common/gradient_yellow_end.gif) no-repeat scroll 0px 0px; } .niceButtonRightEndYellow { background:transparent url(/images/common/gradient_yellow_end.gif) no-repeat scroll -5px 0px; }