.new_07 { background-image: url(images/background/images/dublin-guide_09.png); background-attachment: scroll; background-position: 0 0; padding: 20px; } .new_08 { background-image: url(images/background/images/dublin-guide_08.png); background-repeat: repeat-y; } table { border-style: hidden double double; } .class { background-image: url(images/map_cover.png); background-repeat: no-repeat;} body { color: black; background: white url(images/grad.jpg) repeat-x fixed center 0; } .class3 { color: silver; font-family: arial; font-style: italic; } h1 { color: silver; font-size: small; font-weight: bold; text-align: center; margin: 0.67em 0; } .class4 { color: silver; font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; background-repeat: repeat-y; text-align: left; padding: 12px; border-right: 1px dotted silver; border-bottom: 1px dotted silver; } .class6 { color: silver; font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; background-repeat: repeat-y; text-align: justify; padding: 12px; border-bottom: 1px dotted silver; border-right-color: silver; } .class { } .class5 { color: silver; font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; background-repeat: repeat-y; text-align: left; padding: 12px; border-bottom: 1px dotted silver; border-right-color: silver; } h2 { color: silver; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; margin: 0.83em 0; } .Animation { background-image: url(../images/benidormmap.gif); background-repeat: no-repeat;} .Adress { color: black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; } a,a:link,a:active,a:visited {font-weight:normal; font-size:8.5pt; text-decoration:none; color:#ffffff;} a:link { color: #656565; font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; } a:hover {font-weight:normal; font-size:8.5pt; text-decoration:none; color:#fcfcfc;} .cover { background-image: url(../images/map_cover.gif); background-position: 0 top; background-repeat: no-repeat;} .tabledotsbottom { color: silver; font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; background-repeat: repeat-y; text-align: left; padding: 12px; border-bottom: 1px dotted silver; border-right-color: silver; } .tabledotsnone { color: silver; font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; background-repeat: repeat-y; text-align: left; padding: 12px; border-right-color: silver; border-bottom-color: silver; } .tabledotsright { color: silver; font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; background-repeat: repeat-y; text-align: left; padding: 12px; border-right: 1px dotted silver; border-bottom-color: silver; } .tabledotstopbottom { color: silver; font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; background-repeat: repeat-y; text-align: justify; padding: 12px; border-top: 1px dotted silver; border-bottom: 1px dotted silver; } .tabledot { color: silver; font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; background-repeat: repeat-y; text-align: left; padding: 12px; border-right: 1px dotted silver; border-bottom: 1px dotted silver; border-left: 1px dotted silver; } .linktable { color: silver; font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; background-repeat: repeat-y; text-align: left; padding: 12px; border-bottom: 1px dotted silver; border-right-color: silver; } a:link bottom nav { color: silver; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; } .sidebar { color: silver; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; text-align: justify; } .sidebarnojust { color: silver; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; text-align: left; } #top_bar { /*float:left; */ margin: 0 auto; top center repeat-y; border-right:1px solid #222222; border-left:1px solid #222222; display:block; /*width:274px;*/ width:748px; min-height:25px; background-color:#666; overflow:hidden; color: silver; font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; } #lang_select { display:block; float:left; padding:2px; } #ad_box_left { float:left; display:block; /*width:274px;*/ width:274px; min-height:146px; margin-left:0px; margin-top:4px; overflow:hidden; } #ad_box_right { float:right; display:block; /*width:274px;*/ width:274px; min-height:146px; margin-top:4px; margin-left:0px; overflow:hidden; } #bigwrapper { position:relative; width:548px; min-height:1000px; -adbe-g:p,4,4; } #map_maker { /*position:float;*/ display:block; width:116px; min-height:150px; background-color:#BBBBBB; border-left:2px solid #FFFF33; border-right:2px solid #FFFF33; border-bottom:30px solid #FFFF33; overflow:hidden; } #map_maker_content { a,a:link,a:active,a:visited {font-weight:normal; font-size:8.5pt; text-decoration:none; color:#red;} a:link { color:#404040; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; } a:hover {font-weight:normal; font-size:10pt; text-decoration:none; color:#424242;} } #map_maker_items { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; border:1px solid #dddddd; background-color:#cccccc; font-weight: normal; margin-left:2px; margin-right:2px; margin-top:7.5px; padding-left: 2px; padding-right: 2px; } #map_maker_empty { margin-left: 5px; margin-right: 5px; border:1px solid #dddddd; background-color:#cccccc; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration:none; padding-left: 2px; padding-right: 2px; } #map_button { display:block; float:bottom; position:relative;top:0px; width:116px; height:40px; } .hidePullDown { display:none; list-style: none; position:relative;top:0px; width:116px; } .showPullDown { list-style: none; background-color:#BBBBBB; position:relative; float:left; z-index: 1; display:block; min-width:200px; } .maphr { border: 0; color: #000; background-color: #000; height: 0.5px; width: 100%; } a.remove,a.remove:link,a.remove:active,a.remove:visited { font-weight:normal; font-size:7pt; text-decoration:none; color:#333333; } a.remove:link { color:#333333; font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif, Osaka, MS-Gothic; } a.remove:hover { font-weight:normal; font-size:7pt; text-decoration:underline; color:#333333; } .maptitle {color: black; font-size: 14pt; font-family: Verdana, Arial, Helvetica, sans-serif, Osaka, MS-Gothic; font-weight: bold; text-align: left; } .mapadds {color: black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif, Osaka, MS-Gothic; font-weight: none; text-align: left; } /* ADX menu */ .example { margin: 0 0 0 0; padding: 0px; width:749px; } /* - - - ADxMenu: BASIC styles - - - */ /* remove all list stylings */ .menu, .menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .menu li { margin: 0; border: 0; width:106px; height:26px; display: block; float: left; /* move all main list items into one row, by floating them */ position: relative; /* position each LI, thus creating potential IE.win overlap problem */ z-index: 5; /* thus we need to apply explicit z-index here... */ font-family:Verdana, Arial, Helvetica, sans-serif, Osaka, MS-Gothic; font-size:10pt; color: #ffffff; text-align:center; } .menu li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ } .menu li li { float: none;/* items of the nested menus are kept on separate lines */ } .menu ul { visibility: hidden; /* initially hide all submenus. */ position: absolute; z-index: 10; left: 0; /* while hidden, always keep them at the bottom left corner, */ bottom: 0; /* to avoid scrollbars as much as possible */ filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; } .menu li:hover>ul { visibility: visible; /* display submenu them on hover */ bottom: 100%; /* 1st level go above their parent item */ } .menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */ bottom: 0; left: 100%; } /* -- float.clear -- force containment of floated LIs inside of UL */ .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul { /* IE7 float clear: */ min-height: 0; } /* -- float.clear.END -- */ /* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ .menu ul { background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 30px 30px 10px 30px; margin: 0 0 -10px -30px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } .menu ul ul { padding: 30px 30px 30px 10px; margin: 0 0 -30px -10px; } /* - - - ADxMenu: DESIGN styles - - - */ .menu, .menu ul li { font-family:Verdana, Arial, Helvetica, sans-serif, Osaka, MS-Gothic; font-size:10pt; color: #ffffff; background-image:url(../images/button.gif); } .menu ul { width: 106px; } .menu a:link, .menu a:visited { text-decoration: none; color: #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif, Osaka, MS-Gothic; font-size:10pt; padding-top:3px; display: block; position: relative; } .menu a:hover, .menu li:hover>a { font-family:Verdana, Arial, Helvetica, sans-serif, Osaka, MS-Gothic; font-size:10pt; color: #ffffff; } .menu li li { /* create borders around each item */ border: 0; } .menu ul>li + li { /* and remove the top border on all but first item in the list */ border-top: 0; } .menu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */ bottom: 5px; left: 90%; } /* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu placed here to clarify the terminology I use when referencing submenus in posts */ .menu>li:first-child>a, .menu li + li + li li:first-child>a { color: #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif, Osaka, MS-Gothic; font-size:10pt; } /* Fix for IE5/Mac \*//*/ .menu a { float: left; } /* End Fix */ /*]]>*/ /* - - - ADxMenu: BASIC styles - - - */