/* navigation.css */


/*
-------------------------------------------------
    H e a d e r   &   F o o t e r
------------------------------------------------- */
#header .nav {
    font-family: Arial, Helvetica, Sans-Serif;
    position: absolute;
    right: 0;
}
#footer .nav {
	float: right;
	font-family: Arial, Helvetica, Sans-Serif;
}
#header .nav li ul li,
#header .nav li.last,
#footer .nav li.last {
    background: none;
    margin-right: 0;
    padding-right: 0;
}

/*
-------------------------------------------------
    H e a d e r 
------------------------------------------------- */
#header .nav a:link, 
#header .nav a:visited,
#header .nav li span,
#header .nav li .drop {
	background: transparent url(../../i/site/white50.png) no-repeat -10px -10px;
    color: #29518c;
}
#header .nav a:focus,
#header .nav a:hover, 
#header .nav a:active {
    background: url(../../i/site/white50.png) left top repeat transparent;
    color: #659c26;
}
#header .nav li a,
#header .nav li span {
    font-size: 14px;
    letter-spacing: -.02em;
}
#header .nav li {
    background: url(../../i/site/pipe.gif) right 9px no-repeat transparent;
	display: inline;
	float: left;
	padding: 0 10px 0;
	position: relative;
}
#header .nav li ul {
    display: none;
    position: relative;
    text-align: center;
}
#header .drop {
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    float: left;
}
#header .nav li ul li {
    background-color: transparent;
    display: inline;
    margin: 0 3px 0;
    padding: 0;
}
#header .nav li a,
#header .nav li span {
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 10px;
    text-decoration: none;
}
#header .nav .nav-sep {
	color: #000;
    padding-top: 6px;
}
#header .nav li a:hover,
#header .nav li .drop:hover,
#header .nav li div.hover {
    background: transparent url(../../i/site/white50.png) repeat left top;
}
#header .nav div.drop a:hover {
    background: none;
}
#header .nav .nav-care .drop:hover ul {
    display: block;
}
#header .nav .nav-care:hover {
    cursor: default;
}
body.care #header .drop ul {
	display: block;
}



/*
-------------------------------------------------
    F o o t e r
------------------------------------------------- */
#footer .nav a:link, 
#footer .nav a:visited {
    color: #666;
}
#footer .nav a:focus,
#footer .nav a:hover, 
#footer .nav a:active {
    color: #999;
}
#footer {
    font-size: 13px;
}
#footer .nav li {
    background: url(../../i/site/pipe-footer.gif) right center no-repeat transparent;
	display: inline;
	float: left;
	padding: 0 10px 0;
}
#footer .nav li a {
    display: block;
    font-weight: bold;
    font-size: 12px;
    padding: 3px;
    text-decoration: none;
}
#footer .nav li a:hover {
    color: #999;
}
#footer p {
    clear: both;
	color: #666;
	display: block;
	font-size: 12px;
	text-align: right;
}
#footer li input {
    position: relative;
    top: -2px;
}
#footer .text-input {
    background: url(../../i/site/footer-input-bg.gif) left center repeat-x #FFF;
    border: solid 1px #b1c3df;
    color: #333;
    font-size: 12px;
    outline: none;
    padding: 2px 5px;
    width: 180px;
}
#footer .text-input:hover {
    border-color: #95b7da;
}
#footer .text-input:focus {
    border-color: #3f70a0;
}

#shell #footer .button {
    background: none;
    background-color: Transparent;
    border: none;
    color: #333;
    cursor: pointer; 
    display: inline;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 0 0 0 2px;
    outline: none;  
    padding: 0 3px;
    text-align: center;
}



/*
-------------------------------------------------
    C u r r e n t
------------------------------------------------- */
body.cat-advice #header .nav .drop,
body.kitten-advice #header .nav .drop,
body.well-being #header .nav .nav-well-being a,
body.mentor #header .nav .nav-mentor a,
body.mentor-landing #header .nav .nav-mentor a,
body.product-landing #header .nav .nav-products a,
body.product #header .nav .nav-products a {
    background: url(../../i/site/white50.png) left top repeat transparent;
    color: #659c26;
}
body.cat-advice #header .nav .nav-cat-advice a,
body.kitten-advice #header .nav .nav-kitten-advice a {
    color: #659c26;
}