/* --------------------------------------- */ /* Title: Lake Taupo Interactive Map styles */ /* Author: mattn@cabbagetree.co.nz */ /* Copyright: 2010, Cabbage Tree Creative Ltd. All rights resevered. */ /* --------------------------------------- */ /* About The West Coast Container */ #LTMap-container{ width:658px; /*height:560px;*/ background-image:url(/custom/templates/page/home/images/Map/LTMap-bg.jpg); background-repeat:no-repeat; background-position:left top; } #LTMap-left{ width:374px; /*height:560px;*/ float:left; position:relative;} #LTMap-right{ width:263px; /*height:480px;*/ padding:38px 0 0 21px; float:right;} h3.map-title{ width:160px; height:41px; background-image:url(/custom/templates/page/home/images/Map/map-title.jpg); background-repeat:no-repeat; text-indent:-999999em; overflow:hidden; margin:0 0 16px 48px; } .map-points, ul.location-links{ list-style:none; margin:0; padding:0 0 0 10px; position:relative; } ul.location-links li, .map-points .Map1Tabs{ background-repeat:no-repeat; background-position:top left; padding:0;} ul.location-links li{ line-height:14px; padding:1px 0 4px 0; background-image:url(/custom/templates/page/home/images/Map/link-bg-dot.jpg); background-repeat:no-repeat; background-position:left top; font-size:11px; } ul.location-links li a{ color:#666465; font-weight:bold;} ul.location-links li span{ width:17px; height:17px; display:inline-block; margin:0 4px 0 0; text-align:center; color:#FFF; font-weight:bold; } .LTMap-additional-links{ padding:10px 0; margin:0 0 20px 0; border-bottom:1px solid #d0d2d2; font-size:11px;} .LTMap-specials{ width:263px; height:202px;} .Map1TabsContent{} div#Map1TabsContent div.Map1TabsVisibleContent{ position:absolute; width:308px; height:auto; z-index:110;} #Map1TabsContent div.Map1Tabs{ position:absolute; width:24px; height:24px;} #Map1TabsContentInner{ } #Map1TabsContent .Map1Tabs .MapPopupContent{ display:none; margin:12px 0 0 10px; background-color:#f1ece9; border:2px solid #fff; padding:5px; z-index:110; position:relative; } #Map1TabsContent .over, #Map1TabsContent .over .MapPopupContent{ z-index:1000; width:150px; position:absolute; top:0; left:0; display:block; float:left;} #Map1TabsContent div.Map1TabsVisibleContent, #Map1TabsContent div.Map1TabsVisibleContent .MapPopupContent{ width:281px;} #Map1TabsContent div.Map1TabsVisibleContent .MapPopupContent{ width:241px; height:auto;display: block; } #Map1TabsContent .Map1Tabs a.number-link{ width:24px; height:24px; padding:0; display:block; text-indent:-999999em; font-size:0px; line-height:0px; font-weight:bold; text-decoration:none; overflow:hidden; outline:none; z-index:100; float:left; position:absolute; top:0; left:0; } .close-button{ width:16px; height:16px; display:none; float:right; position:relative; background-image:url(/custom/templates/page/shared/images/bullet_cross.gif); background-repeat:no-repeat; text-indent:999em; overflow:hidden; z-index:2000; } #Map1TabsContent .over a.number-link, #Map1TabsContent div.Map1TabsVisibleContent a.number-link, #Map1TabsContent div.Map1TabsVisibleContent a.close-button{ z-index:2000;} .location-content-image{float:left; width: 69px; margin-right: 10px;} .location-content-image img{ display:block; border: 2px solid #fff; } .location-content-image p{ margin:0px; line-height:0px; font-size:0px;} .location-content-text {float: right; width: 161px;} .location-content-title, .more-on-location-button{ width:200px; padding:0 0 0 10px;} .location-content-title{ color:#1B718E; line-height:18px; font-size:100%; font-weight:bold; margin:0 0 6px 0;} .location-content-text h1, .location-content-text h2, .location-content-text h3, .location-content-text h4, .location-content-text h5, .location-content-text h6{ font-size:14px; font-weight:bold; color:#787878;} .location-content-text p { font-size:12px; color:#787878; margin:0 0 0.5em; line-height: 1.3em;} .Map1Tabs div.clear{ height:1px; overflow:hidden; font-size:0px; line-height:0px;} #Map1TabsContent .over .close-button, #Map1TabsContent .over .location-content-image, #Map1TabsContent .over .location-content-text, #Map1TabsContent .over .more-on-location-button{ display:none;} #Map1TabsContent .over .location-content-title{ float:left; width:150px;} #Map1TabsContent .over .location-content-text{} #Map1TabsContent div.Map1TabsVisibleContent .location-content-title{ float:left; width:135px; padding:0 4px 0 0;} #Map1TabsContent div.Map1TabsVisibleContent .close-button, #Map1TabsContent div.Map1TabsVisibleContent .location-content-image, #Map1TabsContent div.Map1TabsVisibleContent .location-content-text, #Map1TabsContent div.Map1TabsVisibleContent .more-on-location-button, #Map1TabsContent div.Map1TabsVisibleContent .close-button, #Map1TabsContent div.Map1TabsVisibleContent .location-content-image, #Map1TabsContent div.Map1TabsVisibleContent .location-content-text, #Map1TabsContent div.Map1TabsVisibleContent .more-on-location-button{ display:block;} /* ================= Location Points ================= */ .plain-location{ position:absolute; height:14px;} #PlainLocationMangakino{ width:78px; top:19px; left:95px;} #PlainLocationTaupo{ width:35px; top:63px; left:293px;} #PlainLocationTurangi{ width:53px; top:387px; left:171px;} .mangakino-link, .taupo-link, .turangi-link{ display:block; height:14px; text-indent:-99999em;} .mangakino-link{ width:78px;} .taupo-link{ width:35px;} .turangi-link{ width:53px;} .mangakino-link:hover, .taupo-link:hover, .turangi-link:hover{ border-bottom:2px solid #3f3b3c;} .hf-link, #Map1TabsContent #Map1TabsContent1{ top:35px; left:290px;} #Map1TabsContent .hf-link{ background-image:url(/custom/templates/page/home/images/Map/dot1.png);} * #Map1TabsContent .hf-link{ background-image:url(/custom/templates/page/home/images/Map/dot1.gif);} .cotmmb-link, #Map1TabsContent #Map1TabsContent2{ top:41px; left:247px;} #Map1TabsContent .cotmmb-link{ background-image:url(/custom/templates/page/home/images/Map/dot2.png);} * #Map1TabsContent .cotmmb-link{ background-image:url(/custom/templates/page/home/images/Map/dot2.gif);} .a-link, #Map1TabsContent #Map1TabsContent3{ top:10px; left:308px;} #Map1TabsContent .a-link{ background-image:url(/custom/templates/page/home/images/Map/dot3.png);} * #Map1TabsContent .a-link{ background-image:url(/custom/templates/page/home/images/Map/dot3.gif);} .bh-link, #Map1TabsContent #Map1TabsContent4{ top:79px; left:257px;} #Map1TabsContent .bh-link{ background-image:url(/custom/templates/page/home/images/Map/dot4.png);} * #Map1TabsContent .bh-link{ background-image:url(/custom/templates/page/home/images/Map/dot4.gif);} .wigc-link, #Map1TabsContent #Map1TabsContent5{ top:14px; left:257px;} #Map1TabsContent .wigc-link{ background-image:url(/custom/templates/page/home/images/Map/dot5.png);} * #Map1TabsContent .wigc-link{ background-image:url(/custom/templates/page/home/images/Map/dot5.gif);} .jobp-link, #Map1TabsContent #Map1TabsContent6{ top:273px; left:240px;} #Map1TabsContent .jobp-link{ background-image:url(/custom/templates/page/home/images/Map/dot6.png);} * #Map1TabsContent .jobp-link{ background-image:url(/custom/templates/page/home/images/Map/dot6.gif);} .wftf-link, #Map1TabsContent #Map1TabsContent7{ top:359px; left:120px;} #Map1TabsContent .wftf-link{ background-image:url(/custom/templates/page/home/images/Map/dot7.png);} * #Map1TabsContent .wftf-link{ background-image:url(/custom/templates/page/home/images/Map/dot7.gif);} .tac-link, #Map1TabsContent #Map1TabsContent8{ top:509px; left:71px;} #Map1TabsContent .tac-link{ background-image:url(/custom/templates/page/home/images/Map/dot8.png);} * #Map1TabsContent .tac-link{ background-image:url(/custom/templates/page/home/images/Map/dot8.gif);} #Map1TabsContent8.over .MapPopupContent, div#Map1TabsContent8.Map1TabsVisibleContent .MapPopupContent{ position:absolute; bottom:10px; top:auto; left:0; right:auto; z-index:100;} div#Map1TabsContent8.Map1TabsVisibleContent div.MapPopupContent{ bottom:-10px;} #Map1TabsContent8.over a.number-link, #Map1TabsContent8.Map1TabsVisibleContent a.number-link{ position:absolute; bottom:auto; top:0; left:0; right:auto; z-index:200;} .ntc-link, #Map1TabsContent #Map1TabsContent9{ top:448px; left:170px;} #Map1TabsContent .ntc-link{ background-image:url(/custom/templates/page/home/images/Map/dot9.png);} * #Map1TabsContent .ntc-link{ background-image:url(/custom/templates/page/home/images/Map/dot9.gif);} #Map1TabsContent9.over .MapPopupContent, div#Map1TabsContent9.Map1TabsVisibleContent .MapPopupContent{ position:absolute; bottom:10px; top:auto; left:0; right:auto; z-index:100;} div#Map1TabsContent9.Map1TabsVisibleContent div.MapPopupContent{ bottom:-10px;} #Map1TabsContent9.over a.number-link, #Map1TabsContent9.Map1TabsVisibleContent a.number-link{ position:absolute; bottom:auto; top:0; left:0; right:auto; z-index:200;} .mrc-link, #Map1TabsContent #Map1TabsContent10{ top:124px; left:225px;} #Map1TabsContent .mrc-link{ background-image:url(/custom/templates/page/home/images/Map/dot10.png);} * #Map1TabsContent .mrc-link{ background-image:url(/custom/templates/page/home/images/Map/dot10.gif);} .mang-link, #Map1TabsContent #Map1TabsContent11{ top:12px; left:62px;} #Map1TabsContent .mang-link{ background-image:url(/custom/templates/page/home/images/Map/dot11.png);} * #Map1TabsContent .mang-link{ background-image:url(/custom/templates/page/home/images/Map/dot11.gif);} /* =================================================== */