/*   TOP NAVIGATION (PRIMARY)  */
/*--------------------------------------------------*/

.top_nav {
  width: 615px; height: 50px;
  background-image:url(../images/navigation/uni_nav_bg.gif);
  margin: 0; 
  padding: 0;
  position:relative;
  left:141px;
  top:27px;
  text-align:right;
}

.top_nav ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.top_nav li
{
  margin: 0; 
  padding: 0; 
  list-style: none;
  top: 0;
  height: 50px; 
  display: block;
  position:absolute;
}

.top_nav a
{
  width:123px;
  height: 50px; 
  display: block;
}

.top_nav a span {
	display: none;
}

.top_nav a:link, .top_nav a:visited, .top_nav a:hover {
  height: 50px; 
  display: block;
}

.topnavactive {
}

.topnavactive a:link {
  background-image:url(../images/navigation/sec_nav_active_bg.gif);
  background-position:0 0;
  background-repeat:no-repeat;
  color:#333;
  font-weight:bold;
  text-indent:30px;
}

#uni1 {
  left: 0; 
  width: 123px;
}

#uni2 {
  left: 123px; 
  width: 123px;
}

#uni3 {
  left: 246px;
  width: 123px;
}

#uni4 {
  left: 369px;
  width: 123px;
}

#uni5 {
  left: 492px;
  width: 123px;
}

#uni1 a:hover,  #uni2 a:hover, #uni3 a:hover, #uni4 a:hover, #uni5 a:hover, #uni1 a:active,  #uni2 a:active, #uni3 a:active, #uni4 a:active, #uni5 a:active, body.borrowing #uni1 a, body.lending #uni2 a, body.about-zopa #uni3 a, body.help #uni3 a, body.community #uni4 a, body.myzopa #uni5 a {
  background: transparent;
  background-image:url(../images/navigation/uni_nav_bg.gif);
}

#uni1 a:hover, body.borrowing #uni1 a {
  background-position:0 -50px;
}
  
#uni2 a:hover, body.lending #uni2 a {
  background-position:-123px -50px;
}

#uni3 a:hover, body.about-zopa #uni3 a, body.help #uni3 a {
  background-position:-246px -50px;
}

#uni4 a:hover, body.community #uni4 a {
  background-position:-369px -50px;
}

#uni5 a:hover, body.myzopa #uni5 a {
  background-position:-492px -50px;
}
         
      /*   LEFT HAND NAVIGATION (SECONDARY)  */
/*--------------------------------------------------*/


#navlist
{
  width:212px;
  font-family:Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

#navlist ul
{
  margin: 0;
  padding: 0;
}

#navlist li
{
  display: inline;
  margin: 0;
  padding: 0;
}

#navlist a
{
  display: block;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  text-align: left;
  text-decoration: none;
  color: #666;
  padding:8px 0;
  text-indent:12px;
  font-size: 1em;
}

#navlist #navlist_bottom a
{
  border: 0;
  padding-bottom: 9px;
  background-image: url(../images/navigation/left_nav_footer.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

#navlist a:link {
  color:#666;
}

#navlist a:visited {
  color:#666;
}

#navlist a:active {
  color:#666;
}

#navlist a:hover {
  font-weight:bold;
  color:#333;
}

#navlist .active a
{
  display: block;
  border-bottom: 1px #ccc solid;
  text-align: left;
  text-decoration: none;
  font-weight:bold;
  padding:8px 0;
  background-position:0 0;
  background-repeat:no-repeat;
}

#navlist .active a:link, #navlist .active a:visited, #navlist .active a:hover, #navlist .active a:active {
  padding:8px 0px 9px 0;
  color:#333;
  font-weight:bold;
  text-indent:30px;
  font-size: 1em;
}

#navlist .active a{
  background-color: #f5f5f0;
  background-image: url(../images/navigation/sec_nav_sprite.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

#navlist #navlist_bottom.active a{
  background-image: url(../images/navigation/sec_nav_sprite_bottom.gif);
}

body.borrowing #navlist .active a, body.borrowing #navlist #navlist_bottom.active a {
  background-position: 0 0;
}
body.lending #navlist .active a, body.lending #navlist #navlist_bottom.active a {
  background-position: 0 -37px;
}
body.about-zopa #navlist .active a, body.about-zopa #navlist #navlist_bottom.active a,
body.help #navlist .active a, body.help #navlist #navlist_bottom.active a {
  background-position: 0 -74px;
}
body.community #navlist .active a, body.community #navlist #navlist_bottom.active a {
  background-position: 0 -111px;
}
body.myzopa #navlist .active a, body.myzopa #navlist #navlist_bottom.active a {
  background-position: 0 -148px;
}



            /*   TERTIARY NAVIGATION  */
/*--------------------------------------------------*/

#tert_nav {
  padding:68px 0 0 0;
  background-color:#fff;
  background-image:url(../images/tert_nav_bg.gif);
  background-position:50% 60px;
  background-repeat:no-repeat;
  height:35px;
}


#tert_nav ul
{
  list-style-type:none;
  margin:0;
  padding:0;
}

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


#tert_nav a
{
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  text-decoration:none;
  font-weight:normal;
  margin: 0 1.5em;
}

#tert_nav a:link, #tert_nav a:visited {
  color:#666;
  text-decoration:none;
}

#tert_nav a:hover {
  color:#000;
}


                  /*   GLOSSARY   */
/*--------------------------------------------------*/

#main .glossary_nav {
  width: 504px; height: 47px;
  background-image:url(../images/glossary_nav_bg.gif);
  margin: 0; 
  padding: 0;
  position:relative;
}

#main .glossary_nav ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#main .glossary_nav li
{
  margin: 0; 
  padding: 0; 
  list-style: none;
  top: 0;
  height: 47px; 
  display: block;
  position:absolute;
	background: none;
}

#main .glossary_nav a
{
  width:84px;
  height: 47px; 
  display: block;
}

#main .glossary_nav a:link, #main .glossary_nav a:visited {
  height: 47px; 
  display: block;
}

#main .glossary_nav a:visited {
  height: 47px; 
  display: block;
}


#main .glossary_nav a:hover {
  height: 47px; display: block;
}

#main .glossary_navactive a, .glossary_navactive a:link {
  background-image:url(../images/glossary_nav_bg.gif);
  background-repeat:no-repeat;
}

#main .glossary_navactive a:hover {
  background-image:url(../images/glossary_nav_bg.gif);
  background-repeat:no-repeat;
}

#glos1 {
  left: 0; 
  width: 84px;
}

#glos2 {
  left: 84px; 
  width: 84px;
}

#glos3 {
  left: 168px;
  width: 84px;
}

#glos4 {
  left: 252px;
  width: 84px;
}

#glos5 {
  left: 336px;
  width: 84px;
}

#glos6 {
  left: 420px;
  width: 84px;
}

#glos1 a:hover,  #glos2 a:hover, #glos3 a:hover, #glos4 a:hover, #glos5 a:hover, #glos6 a:hover, #glos1 a:active, #glos2 a:active, #glos3 a:active, #glos4 a:active, #glos5 a:active, #glos5 a:active {
  background: transparent;
  background-image:url(../images/glossary_nav_bg.gif);
}
  
#glos1.glossary_navactive a, #glos1 a:hover{
  background-position:0 -47px;
}
  
#glos2.glossary_navactive a, #glos2 a:hover{
  background-position:-84px -47px;
}

#glos3.glossary_navactive a, #glos3 a:hover{
  background-position:-168px -47px;
}

#glos4.glossary_navactive a, #glos4 a:hover{
  background-position:-252px -47px;
}

#glos5.glossary_navactive a, #glos5 a:hover{
  background-position:-336px -47px;
}

#glos6.glossary_navactive a, #glos6 a:hover{
  background-position:-420px -47px;
}

                  /*   Loan Calculator   */
/*--------------------------------------------------*/


#main #loanCalcTabs {
  width: 503px;
  height: 50px;
  margin: 0 0 25px 0; 
  padding: 0;
  position:relative;
  text-align:right;
  background-image: url(../../public/images/navigation/loan_calc_tab_sprite.gif);
  background-repeat: no-repeat;
}

#main #loanCalcTabs ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#main #loanCalcTabs li
{
  margin: 0; 
  padding: 0; 
  list-style: none;
  top: 0;
  height: 50px; 
  display: block;
  position: absolute;
  background-image: none;
}

#main #loanCalcTabs a
{
  width: 128px;
  height: 50px; 
  display: block;
}

#main #loanCalcTabs a span {
	display: none;
}

#main #loanCalcTabs a:hover, #main #loanCalcTabs .active a
{
  background-image: url(../../public/images/navigation/loan_calc_tab_sprite.gif);
  background-repeat: no-repeat;
}

#loanCalcTab1 {
  left: 0; 
}

#loanCalcTab2 {
  left: 128px; 
}

#loanCalcTab3 {
  left: 256px;
}

#loanCalcTab4 {
  left: 379px;
}

#loanCalcTab1 a:hover, .active#loanCalcTab1 a {
  background-position:0 -50px;
}

#loanCalcTab2 a:hover, .active#loanCalcTab2 a {
  background-position:-128px -50px;
}

#loanCalcTab3 a:hover, .active#loanCalcTab3 a {
  background-position:-256px -50px;
}

#loanCalcTab4 a:hover, .active#loanCalcTab4 a {
  background-position:-379px -50px;
}

/* subnav tabs */

#subtab, #subsubtab {
	clear: left;
	margin: 0;
}

#subtab { padding: 1em 0 0 0; }

#subsubtab { padding: 2em 0; }

#subtab li, #subsubtab li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
}

#subtab li img {
	border: 0;
	background: none;
}

#subtab li a span, #subsubtab li a span { display: none; }

#subtab li a {
	background-image: url(../images/navigation/nav-myzopa.gif);
	background-repeat: no-repeat;
	float: left;
	display: block;
	width: 102px;
	height: 32px;
	text-decoration: none;
}

#subtab li#subtab5 a { width: 95px;}

#subtab li a:hover {
	background-image: url(../images/navigation/nav-myzopa.gif);
	background-position: 0 32px;
}

#subtab li#subtab1 a { background-position: 0 0; }
#subtab li#subtab2 a { background-position: -102px 0; }
#subtab li#subtab3 a { background-position: -204px 0; }
#subtab li#subtab4 a { background-position: -306px 0; }
#subtab li#subtab5 a { background-position: -408px 0; }

#subtab li#subtab1 a:hover, #subtab li#subtab1.active a { background-position: 0 -32px; }
#subtab li#subtab2 a:hover, #subtab li#subtab2.active a { background-position: -102px -32px; }
#subtab li#subtab3 a:hover, #subtab li#subtab3.active a { background-position: -204px -32px; }
#subtab li#subtab4 a:hover, #subtab li#subtab4.active a { background-position: -306px -32px; }
#subtab li#subtab5 a:hover, #subtab li#subtab5.active a { background-position: -408px -32px; }

#subsubtab li.dotspacer {
	margin: 0 1em;
}

#subsubtab li a.active {
	font-weight: bold;
	text-decoration: none;
}