/*
CVS: $Id: h2h_nav.css,v 1.5 2012/01/30 18:08:22 cvsdevel Exp $
Title: h2h_nav.css
Copyright: (c) 2007
Author: AS
Company: Rhino Internet Solutions
Description: Navigation styles for Head2Head.com
*/

/* =Navigation Display
----------------------------------------------------------*/

#user-nav,
#primary-nav,
.secondary-nav,
.tertiary-nav {
   height: 30px;
   }

#user-nav li a,
#primary-nav li a,
.secondary-nav li a,
.tertiary-nav li a {
   height: 30px;
   line-height: 30px;
   vertical-align: middle;
   }

#user-nav li,
.secondary-nav li,
.tertiary-nav li,
.quaternary-nav li {
   border: none;
   float: left;
   height: 30px;
   width: auto;
   }

/* ---{ User Nav }--- */

#user-nav {
   background-color: #FFF;
   }

#user-nav li {
   color: #666;
   font-size: .75em;
   padding: 0 0 0 20px;
   }

#user-nav li a {
   color: #C90 !important;
   text-decoration: underline;
   }

#user-nav li a:hover {
   text-decoration: none;
   }

#user-nav .user-nav-menu {
   position: relative;
   margin: 0;
   }

#user-nav .user-nav-list {
   display: none;
   background-color: #FFF;
   border: 1px solid #CCC;
   border-top: none;
   position: absolute; left: 0; top: 30px; z-index: 10;
   margin: 0 0 0 10px; padding: 0 10px 5px 10px;
   width: 135px; width/**/:/**/ 115px;
   }

#user-nav .user-nav-menu:hover .user-nav-list {
   display: block;
   z-index: 11;
   }

#user-nav .user-nav-list li {
   border-top: 1px dotted #CCC;
   float: none;
   height: auto;
   padding: 6px 0; margin: 0;
   }

#user-nav .user-nav-list li a {
   color: #666 !important;
   font-size: 1.33em;
   line-height: 1em;
   margin: 0; padding: 0;
   text-decoration: none;
   }

#user-nav .user-nav-list li a:hover {
   color: #C90 !important;
   text-decoration: underline;
   }

.excluded {
   float: right !important;
   padding: 0 20px 0 0 !important;
   }

#user-nav .excluded {
   font-weight: bold;
   }

.dropdown-selector {
   background: url(/images/h2h_dropdown_arrow.gif) 100% 50% no-repeat;
   padding: 0 15px 0 0;
   }

/* ---{ Primary Nav }--- */

#primary-nav {
   background-color: #000;
   height: 30px;
   }

#primary-nav li {
   border-right: 1px solid #666;
   float: left;
   height: 30px;
   line-height: 30px;
   text-align: center;
   width: 104px;
   vertical-align: middle;
   }

#primary-nav li a {
   color: #FFF !important;
   display: block;
   font-size: .875em; font-weight: bold;
   text-decoration: none;
   }

#primary-nav li a:hover {
   background-color: #444;
   color: #FFF !important;
   text-decoration: none;
   }

/* ---{ Secondary Nav }--- */

.secondary-nav {
   clear: both;
   height: 30px;
   }

#site .secondary-nav li a {
   color: #FFF !important;
   font-size: .75em; font-weight: normal; text-decoration: none;
   margin: 0 0 0 20px;
   }

#site .secondary-nav li a:hover {
   color: #FC3 !important;
   text-decoration: none !important;
   }

#site .secondary-nav li a.on {
   color: #000 !important;
   font-weight: bold;
   }

.secondary-nav li a.on:hover {
   color: #000;
   }

/* ---{ Tertiary Nav }--- */

#site .tertiary-nav {
   color: #000;
   font-weight: bold;
   }

#site .tertiary-nav li a {
   color: #FFF !important;
   float: left;
   font-size: .75em; font-weight: bold; text-decoration: none;
   padding: 0 1em;
   }

#site .tertiary-nav li a:hover {
   color: #FC3 !important;
   text-decoration: none !important;
   }

#site .tertiary-nav li a.on {
   color: #000 !important;
   }

#site .tertiary-nav li a.on:hover {
   color: #000;
   }

/* ---{ Quaternary Nav }--- */

.quaternary-nav {
   background: transparent url(/images/h2h_quaternary_bgtile.png) top left repeat-x;
   height: 30px;
   }

#site .quaternary-nav li a {
   color: #666 !important;
   float: left;
   font-size: .75em; font-weight: normal; text-decoration: none;
   line-height: 30px;
   margin: 0 0 0 1.25em; padding: 0 0 0 0;
   vertical-align: middle;
   }

.quaternary-nav li a.got-mail {
   color: #900 !important;
   font-weight: bold;
   }

.got-mail span {
   background: url(/images/got_mail_icon.gif) 0 0 no-repeat;
   color: #666;
   font-weight: normal;
   padding: 0 0 0 1.75em;
   }

.quaternary-nav li a.on {
   background: url(/images/quaternary_on.gif) 50% 100% no-repeat;
   color: #0586B4;
   font-weight: bold;
   }

/* ---{ Footer Nav }--- */

#footer-container {
   padding-top: 10px;
   background-color: #000;
   height: 60px;
}

#footer {
   padding: 0; margin: 0;
   height: 25px;
   float: left;
}

#footer li {
   float: left;
   height: 25px;
   margin: 0; padding: 0 0 0 15px;
}

#site #footer-container a,
#site #footer-container span {
   color: #FFF !important;
   font-size: .75em;
   line-height: 25px;
   text-decoration: none;
   vertical-align: middle;
}

#site #footer-container a:hover {
   color: #FC3 !important;
}

#footer-container .siteauthor {
   clear: left;
   margin-left: 15px;
}

/* #footer-container .siteauthor a {
   background: transparent url(/images/rhino_logo.gif) left top no-repeat;
   padding-left: 33px;
   height: 25px;
   display: block;
   vertical-align: baseline;
} */

#footer-container .siteauthor span {
   margin-left: 23px;
}

#footer-container .fsta {
   float: right;
   margin-right: 10px;
}

#footer-container .fsta a {
   display: block;
   width: 308px; height: 50px; overflow: hidden;
   background: url(/images/fsta_flare.jpg) top left no-repeat;
   text-indent: -9999px;
}

#footer .facebook,
#footer .twitter {
   display: none;
}