/*
	navigation tabs & 'vertical (ie cars/jobs/homes)' navigation
	v1 pb 07.06.04
*/
    #navwrap {
	width:770px;
}
    #navtabs {
      float:left;
      width:500px;
      line-height:normal;
	  clear:left;
      }
    #navtabs ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #navtabs li {
      float:left;
      background:url('http://property.thisisplymouth.co.uk/nng_shared/general/images/left_both.gif') no-repeat left top;
      background-color:#eee;
      margin:0;
      border-bottom:1px solid #0E5A7F; padding-left:9px; padding-right:0; padding-top:0; padding-bottom:0
      }
    #navtabs a {
      float:left;
      display:block;
      width:.1em;
      background:url('http://property.thisisplymouth.co.uk/nng_shared/general/images/right_both.gif') no-repeat right top;
      background-color:#eee;
      text-decoration:none;
      white-space:nowrap;
      font-weight:bold;
      color:#666;
      font-size:1.0em; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
      }
    #navtabs > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navtabs a {float:none;white-space:nowrap;}
    /* End IE5-Mac hack */
    #navtabs a:hover {
      color:#333;
      }
    #navtabs #active {
      background-position:0 -150px;
      border-width:0;
      }
    #navtabs #active a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:white;
      }
    #navtabs li:hover, #navtabs li:hover a {
      background-position:0% -150px;
      color:#333;
      }
    #navtabs li:hover a {
      background-position:100% -150px;
      }

    #rightlinks {
	width:200px;
	float:right;
	text-align:right;
	white-space:nowrap;
	/*background:none;*/
	padding:1.2em .5em 0 0;
	font-size:1.0em;}

    #rightlinks a {
	color:#666;
	text-decoration:none;
	font-weight:bold}
    #rightlinks a:hover {
	color:#c00;}

	/* sub nav-bar */
#navshadow {
	float:left;
	padding-bottom:5px;
	background: url('http://property.thisisplymouth.co.uk/nng_shared/general/images/navshadow.gif') repeat-x bottom left;
      background-color:#eee;
	margin-bottom:0.5em}
/*added by paul - should swap the navshadow id for this class so we can re-use it */
.shadow {float:left; background: url('http://property.thisisplymouth.co.uk/nng_shared/general/images/navshadow.gif') repeat-x bottom left; margin-bottom:1em; padding-left:5px; padding-right:5px; padding-top:bottom; padding-bottom:bottom}
#navbar {
	position: relative;
	float:left;
	clear:both;
	width:770px;.
	margin: 0;
	background: url('http://property.thisisplymouth.co.uk/nng_shared/general/images/navtile.gif') repeat-x top left;
      background-color:#eee;
	}

#navbar ul {
      margin:0;
      padding-left:1em;
      list-style:none;
      }

#navbar li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	}

#navbar a:link, #navbar a:visited {
	float: left;
	line-height: 10px;
	padding: 5px 6px 5px 6px;
	text-decoration: none;
	white-space:nowrap;
	border-right: 1px solid #125677;
	color: #fff;
	font-size:0.9em;
	}

#navbar a:link.active, #navbar a:visited.active, #navbar a:hover {
	text-decoration:underline;
	}
