/* ---------------------------------------------------- Pages : Header Inclue Title : Bluegreen Rentals Author : Bluegreen Creative Group (BGCG) Table of Contents : A - Header B - Main Navaigation ---------------------------------------------------- */ /* ---------------------------------------------------- A - Site divs ---------------------------------------------------- */ /* --------------------------- 1 - Main --------------------------- */ body { margin:0; padding:0; border:0; color:#666666; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:12px; line-height:16px; font-weight:normal; text-decoration:none; } #site { width:734px; height:100%; margin:0 auto; padding:0; border:0; text-align:left; } .clearAll { clear:both; width:0; height:0; min-height:0; font-size:0; line-height:0; text-indent:-9999px; } /* ---------------------------------------------------- A - Header ---------------------------------------------------- */ #headerMaster { float:left; display:block; width:734px; height:60px; margin:10px auto; padding:0; } .headerLeft { float:left; width:120px; height:100%; margin:0 0 0 10px; } a.headerLogo { display:block; width:116px; height:50px; background:url('../images/bluegreenResorts-Logo.gif') 0 0 no-repeat; text-indent:-9999px; } .headerMiddle { float:left; width:424px; height:100%; margin:0 0 0 10px; } .headerMiddle h1 { margin:15px 0 0 0; color:#666666; font-size:10px; line-height:12px; font-weight:normal; } .headerRight { float:right; width:160px; height:100%; margin:0 10px 0 0; } .phoneNumber { display:block; width:160px; height:30px; background:url('../images/phoneNumber.gif') 0 0 no-repeat; text-indent:-9999px; } a.btn-EmailSignUp { float:right; display:block; width:135px; height:17px; background:url('../images/btn-emailSpecials.gif'); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; } a.btn-EmailSignUp:hover { background-position:0 -17px; } .bottomBar { clear:both; display:block; width:734px; height:10px; margin:0 0 10px 0; padding:0; background:url('../images/navigationMenu.gif') 0 -56px no-repeat; text-indent:-9999px; } /* ---------------------------------------------------- B - Main Navaigation ---------------------------------------------------- */ /* --------------------------- 1 - Navigation Menu Bar --------------------------- */ #navMenu { z-index:500; position:relative; width:734px; height:26px; margin:0; padding:0; } #navMenu ul { position:absolute; display:inline; } #navMenu li { cursor:pointer; float:left; list-style-type:none; } #navMenu a { display:block; height:25px; background-repeat:no-repeat; background-image:url('../images/navigationMenu.gif'); overflow:hidden; text-indent:-9999px; } /* HOME */ #navMenu a.btn-01 { width:85px; background-position:0 0; } #navMenu a.btn-01:hover { background-position:0 -30px; } /* DESTINATIONS */ #navMenu a.btn-02 { width:114px; background-position:-85px 0; } #navMenu a.btn-02:hover { background-position:-85px -30px; } #navMenu a.btn-02-Current, #navMenu a.btn-02-Current:hover { width:114px; height:26px; background:url('../images/navigationMenu.gif') -85px -30px no-repeat !important; margin:-25px 0 0 0; padding:0; text-indent:-9999px; } /* SPECIALS */ #navMenu a.btn-03 { width:90px; background-position:-199px 0; } #navMenu a.btn-03:hover { background-position:-199px -30px; } /* TRAVEL SERVICES */ #navMenu a.btn-04 { width:130px; background-position:-289px 0; } #navMenu a.btn-04:hover { background-position:-289px -30px; } /* EXISTING RESERVATIONS */ #navMenu a.btn-05 { width:168px; background-position:-419px 0; } #navMenu a.btn-05:hover { background-position:-419px -30px; } /* WHY BLUEGREEN? */ #navMenu a.btn-06 { width:147px; background-position:-587px 0; } #navMenu a.btn-06:hover { background-position:-587px -30px; } /* --------------------------- 2 - Dropdown, Level 1 --------------------------- */ #navMenu li ul.column01 { width:113px; margin:0 0 0 -1px; } #navMenu li ul li ul.column01a { width:130px; } #navMenu li ul { cursor:pointer; visibility:hidden; list-style-type:none; margin:0; padding:0; background:#dedede; border-width:0 1px 1px 1px; border-style:solid; border-color:#999999; } #navMenu li ul li { display:block; width:100%; margin:0; padding:0; } #navMenu li ul li a { margin:0; padding:0 0 0 15px; color:#666666; font-size:11px; line-height:25px; text-indent:0; text-decoration:none; } #navMenu li ul li a:hover { color:#333333; background:#cccccc url('../images/dropdown-Arrow.gif') right 0 no-repeat !important; text-indent:0; text-decoration:none; } #navMenu ul li:hover > a, #navMenu ul li ul li a :hover { color:#333333; background:#cccccc url('../images/dropdown-Arrow.gif') right 0 no-repeat !important; } /* ------------ Hover Stay Selected *** VERY IMPORTANT *** ------------ */ #navMenu li ul.column01 li :hover, #navMenu li ul.column01 a { background-image:none; } /* --------------------------- 3 - Dropdown, Level 2 --------------------------- */ #navMenu li ul li ul { cursor:pointer; visibility:hidden; list-style-type:none; margin:0; padding:0; background:#dedede; border:1px solid #999999; } #navMenu li ul li ul li { display:block; width:100%; margin:0; padding:0; } #navMenu li ul li ul li a { margin:0; padding:0 0 0 10px; color:#666666; font-size:11px; line-height:25px; background-image:none; text-indent:0; text-decoration:none; } #navMenu li ul li ul li a:hover { color:#333333; background-color:#cccccc; background-image:none !important; text-decoration:none; } #navMenu li ul li ul.column01a { position:absolute; margin:-26px 0 0 113px /* Left margin MUST be the SAME as "ul.column01" width */; }