/*------------------------- RemoteSatellite.com filename: rss_nav_global.css version: 1.0 date: 1-29-09 copyright 2008-2009 design/html/css/php: product 9 design php/data: gail sullivan --------------------------*/ /* This global navigation CSS file controls the navigation for each page. Any changes here are reflected sitewide. This allows for easily controlling all navigation elements from one place. This file should be second in the list of css files in the HTML LIST OF FILES THIS CSS CONTROLS: - NAV1 - controls /include/nav1-global.php - NAV2 - controls /include/nav2-global.php - NAV3 - controls /include/nav3-(name of product family here).php - NAV4 - controls /include/nav4-(name of product family here).php - BREADCRUMB - controls /include/breadcrumb.php */ /*---- PRIMARY navigation NAV1 -----*/ /* This is the navigation for the main horizontal navigation bar Satellite Phones, Networks, Service Plans, Rentals, Peripherals, Solutions */ #nav1 {width:900px; height:37px; background:#DBDEE5; position:relative; clear:both;} #nav1 a {color:#000000; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:0.9em;} #nav1 a:hover {color:#4D4D4D;} /* Set width and background of main nav background-color:#DBDEE5; */ .nav1_global {width:900px; background-color:#fff; z-index:1000; position:relative;} /* Remove list style, reset spacing to 0 */ .nav1_global ul {list-style:none; margin:0; padding:0;} /* Set position relative so menus fly out near label */ .nav1_global ul li {float:left; display:block; position:relative;} /* Set main link style (this is what is visible w/out hovering) */ .nav1_global ul li a {display:block; padding:12px 12px 12px 12px; text-decoration:none; font-weight:bold; text-transform:uppercase; color:#000;} .nav1_global ul li a:hover {color:#0D448D;} /* display switching - set multi column visibility */ .nav1_global ul li div.multicol {display:none;} .nav1_global ul li:hover div.multicol {display:block; position:absolute; top:33px; left:12px;} /* display switching - set single column visibility */ .nav1_global ul li div.singlecol {display:none;} .nav1_global ul li:hover div.singlecol {display:block; position:absolute; top:33px; left:12px;} /*submenu title*/ .submenu_title {padding:12px 0 0px 0; color:#0D448D; text-transform:uppercase; font-weight:bold; font-size:.95em;} .nav1_global ul li ul.multicol_item .submenu_title {padding:12px 0 6px 0;} .nav1_global ul li ul.multicol_item .submenu_title a {color:#0D448D; text-transform:uppercase; font-weight:bold; font-size:.95em; text-decoration:none;} .nav1_global ul li ul.multicol_item .submenu_title a:hover { color:#092D5E; } /*multicol submenus GMS removed width:680px*/ .multicol {background-color:#FFFFFF; border:2px #CCCCCC solid; width:680px } /* float the columns in the multicolumn list border-right:2px #CCCCCC solid;*/ ul.multicol_item {float:left; height:200px; } .nav1_global ul li ul.multicol_item {padding:6px 12px 0px 9px; } .nav1_global ul li ul.multicol_item ul {padding:0 0 9px 0;} .nav1_global ul li ul.multicol_item li {float:none;} .nav1_global ul li ul.multicol_item li a {padding:3px 0 0 0; font-weight:bold; text-transform:none; font-size:.92em;} /* columns within multicolumn div */ .nav1_global ul li ul.col1 {border-right:2px #CCCCCC solid;} .nav1_global ul li ul.col2 {border-right:2px #CCCCCC solid;} .nav1_global ul li ul.col3 {border-right:2px #CCCCCC solid;} .nav1_global ul li ul.col4 {border-right:2px #CCCCCC solid;} .nav1_global ul li ul.col5 {border-right:2px #CCCCCC solid;} .nav1_global ul li ul.col6 {} /*.nav1_global ul li ul.col7 {} /* set end border to none */ .nav1_global ul li ul.end {border:none} /*singlecol submenus*/ .singlecol {border:2px solid #ccc; width:200px; background:#fff;} .nav1_global ul li div.singlecol ul {padding:11px 18px 14px 18px;} .nav1_global ul li div.singlecol ul li {float:none;} .nav1_global ul li div.singlecol ul li a {padding:3px 0 0 0; font-weight:bold; text-transform:none; font-size:.92em;} .nav_networks .singlecol {width:130px;} .nav_peripherals .singlecol {width:230px;} .nav_airtime .singlecol {width:220px;} .nav_rentals .singlecol {width:130px;} /*---- SECONDARY navigation NAV2 -----*/ /* This is the navigation just below the main hoirzontal nav Support, Contact Us, About US */ #nav2 {width:900px; height:20px; background-color:#2C2C5C; position:relative; clear:both; } #nav2 a {color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:0.75em; } #nav2 a:hover { color:#AFAFCD; } /*about, contact - first and middle items */ #nav2_1, #nav2_2 {padding:2px 10px; text-align:center; float:right; border-right:1px solid #fff;} /*support - last item*/ #nav2_3 {padding:2px 10px; text-align:center; float:right;} /* original tags */ #nav2_contact, #nav2_support {padding:2px 10px; text-align:center; float:right; border-right:1px solid #fff;} /*about, contact */ #nav2_about {padding:2px 10px; text-align:center; float:right;} /*support*/ /*---- TERTIARY navigation NAV3 -----*/ /* This is the navigation based on the product or section chosen ex. Iridium = About Iridium, Models, Plans, Accessories, Coverage */ #nav3 {width:900px; height:55px; position:relative; background:url(/images/global/bkg/bkg_content_a_tertiary.gif) bottom left repeat-x; clear:both;} #nav3 a {color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:0.9em; } #nav3 a:hover {color:#4D4D4D;} #nav3_page_title {color:#fff; text-transform:uppercase; font-weight:bold; font-size:1.8em; padding:18px 45px 15px 20px; text-align:center; float:left;} #nav3_about, #nav3_models, #nav3_plans, #nav3_accessories, #nav3_coverage {padding:19px 15px; text-align:center; float:left;} /* HEADER ONLY - same level in layout as nav 3, see "nav3-header-only.php" change header image based on body classes most header images will be defined here, but can also change in style section in body of page body class name goes first, then header id ex. .solutions #nav3 {background:url(/new/header/name/goes_here.jpg) no-repeat;} */ .solutions #nav3 { background:url(/images/global/headers/fixed_site_satellite_phone_systems.jpg) no-repeat;} /*---- FOOTER navigation NAV4 -----*/ /* This is the navigation below the content on each product page in the content-footer area */ #content_footer_links {background:#fff; border:2px solid #889BC4; margin:10px 22px;} #content_footer_links h3 {padding:9px 0 9px 12px; text-transform:uppercase;} #content_footer_links .link_item {float:left; width:195px; padding:0 0 9px 12px; } #content_footer_links a {display:block; text-decoration:none; font-size:0.8em; padding:1px 0; color:#000000;} #content_footer_links a:hover {color:#666666;} /*---- BREADCRUMB navigation -----*/ /* This is the navigation that goes in the content body and helps the user navigate by category. The categories are dynamically generated. */ #breadcrumb {text-transform:uppercase; font-size:0.65em; color:#333333; padding:4px 0 6px 15px;} #breadcrumb a {text-decoration:none; color:#333333;} #breadcrumb a:hover {color:#1C407F;}