@charset "utf-8";
/* ================================================================
Breadcrumbs Navigation Sample
=================================================================== */
.breadcrumbs {
display: block;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #CCC;
}
.breadcrumbs ul {
list-style: none;
padding: 0;
margin: 0;
height: 1.6em;
line-height: 1.6em;
}
.breadcrumbs ul li {
float: left;
display: block;
margin: 0;
padding: 0 6px;
background: transparent url(images/path.gif) no-repeat scroll right center;
}
.breadcrumbs ul li.current {
float: left;
display: block;
padding: 0 6px;
background: transparent none;
}
.breadcrumbs ul li a {
padding-right: 6px;
text-decoration: none;
cursor:pointer;
}
/* ================================================================
Header Navigation Sample 1
=================================================================== */
.navi_001 {
display: block;
width: 100%;
border-bottom: 1px solid #FFFFFF;
background: #E7E7E7;
}
.navi_001 ul.top {
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #CCCCCC;
color: #FFFFFF;
height: 24px;
line-height: 24px;
}
.navi_001 li {
padding: 0;
margin: 0;
}
.navi_001 a.level1:link,
.navi_001 a.level1:visited,
.navi_001 a.level1:active {color:#000;}
.navi_001 a.level1:hover {color:#008000;}
.navi_001 ul.top li.level1 {float:left; display:block; padding:0 0px 0 0px;
background: transparent url(images/menu_bar.gif) no-repeat scroll right center;}
.navi_001 ul.top li a.level1 {float:left; display:block; padding:0px 10px 0 9px; text-decoration:none; cursor:pointer;}
.navi_001 ul.top li a.level1 span {float:left; display:block; padding:0 0px 0 0;}
.navi_001 ul.top li.drop a.level1 span {float:left; display:block; padding:0 0px 0 0;}
.navi_001 ul.top li.selected a.level1 {color:#4682B4;}
.navi_001 ul.top li.selected a.level1 span {}
.navi_001 ul.top li.selected a.level1 span.drop {}
.navi_001 ul.top li:hover a.level1 {color:#008000;}
.navi_001 ul.top li:hover a.level1 span {}
.navi_001 ul.top li:hover a.level1 span.drop {}
/* for IE6 */
.navi_001 ul.top a.level1:hover {color:#008000;}
.navi_001 ul.top a.level1:hover span {}
.navi_001 ul.top a.level1:hover span.drop {}
.navi_001 ul.top li.selected:hover a.level1 {color:#4682B4;}
.navi_001 ul.top li.selected:hover a.level1 span {}
.navi_001 ul.top li.selected:hover a.level1 span.drop {}
/* for IE6 */
.navi_001 ul.top li.selected a.level1:hover {color:#4682B4;}
.navi_001 ul.top li.selected a.level1:hover span {}
.navi_001 ul.top li.selected a.level1:hover span.drop {}
.navi_001 ul.top table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;}
.navi_001 ul.top .sub1 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.navi_001 ul.top li:hover {position:relative; z-index:200;}
.navi_001 ul.top li.selected:hover {position:relative; z-index:200;}
/* for IE6 */
.navi_001 ul.top a:hover {position:relative; white-space:normal; z-index:200;}
.navi_001 ul.top :hover ul.sub1 {left:0px; top:24px; background: #f7f7f7; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; height:auto; z-index:300;}
.navi_001 ul.top :hover ul.sub1 li {display:block; height:20px; width:130px; position:relative; float:left; font-weight:normal;}
.navi_001 ul.top :hover ul.sub1 li a {display:block; height:18px; width:128px; font-size:11px; line-height:18px; text-indent:5px; color:#000; text-decoration:none; border:1px solid #f7f7f7;}
.navi_001 ul.top :hover ul.sub1 li a:hover {background:#336699; color:#FFF; border-color:#f7f7f7;}
/* keep the 'next' level invisible by placing it off screen. */
.navi_001 ul.top ul,
.navi_001 ul.top :hover ul ul,
.navi_001 ul.top :hover ul :hover ul ul,
.navi_001 ul.top :hover ul :hover ul :hover ul ul,
.navi_001 ul.top :hover ul :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.navi_001 ul.top :hover ul :hover ul,
.navi_001 ul.top :hover ul :hover ul :hover ul,
.navi_001 ul.top :hover ul :hover ul :hover ul :hover ul,
.navi_001 ul.top :hover ul :hover ul :hover ul :hover ul :hover ul
{left:130px; top:-4px; background: #f7f7f7; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; z-index:400; height:auto;}
.navi_001 ul.top ul.sub1 li.selected > a {background:#6699cc; color:#FFF; border-color:#f7f7f7;}
.navi_001 ul.top :hover ul.sub1 li a.fly {background:url(images/navi_003/fly.png) no-repeat right center;}
.navi_001 ul.top :hover ul.sub1 li a.fly:hover {background:url(images/navi_003/fly.png) no-repeat right center #336699;}
.navi_001 ul.top :hover ul.sub1 li.selected a.fly {background:url(images/navi_003/fly.png) no-repeat right center #6699cc;}
.navi_001 ul.top :hover ul.sub1 li.selected a.fly:hover {background:url(images/navi_003/fly.png) no-repeat right center #336699;}
/* ================================================================
Header Navigation Sample 2
=================================================================== */
.navi_002 {
display: block;
width: 100%;
background: url(images/navi_002/menu-bg.gif) repeat;
border-bottom: 1px solid #CCCCCC;
padding: 0;
margin: 0;
height: 25px;
line-height: 25px;
}
.navi_002 ul.top {
list-style: none;
padding: 0;
margin: 0;
}
.navi_002 li {
padding: 0;
margin: 0;
}
.navi_002 a.level1:link,
.navi_002 a.level1:visited,
.navi_002 a.level1:active {color:#CCC;}
.navi_002 a.level1:hover {color:#FFF; background:url(images/navi_002/menu-hover.gif) top right repeat-x;}
.navi_002 ul.top li.level1 {float:left; display:block; padding:0px 0px 0 0px;
background:transparent; font-size:.9em; border-right:1px solid #000;}
.navi_002 ul.top li a.level1 {float:left; display:block; padding:0 12px 0 12px; text-decoration:none; cursor:pointer;}
.navi_002 ul.top li a.level1 span {float:left; display:block; padding:0 0px 0 0;}
.navi_002 ul.top li.drop a.level1 span {float:left; display:block; padding:0 0px 0 0;}
.navi_002 ul.top li.selected a.level1 {color:#FFF; background:url(images/navi_002/menu-hover.gif) top right repeat-x;}
.navi_002 ul.top li.selected a.level1 span {}
.navi_002 ul.top li.selected a.level1 span.drop {padding-bottom:0px;}
.navi_002 ul.top li:hover a.level1 {color:#FFF;}
.navi_002 ul.top li:hover a.level1 span {}
.navi_002 ul.top li:hover a.level1 span.drop {padding-bottom:0px;}
/* for IE6 */
.navi_002 ul.top a.level1:hover {color:#FFF;}
.navi_002 ul.top a.level1:hover span {}
.navi_002 ul.top a.level1:hover span.drop {padding-bottom:0px;}
.navi_002 ul.top li.selected:hover a.level1 {color:#FFF;}
.navi_002 ul.top li.selected:hover a.level1 span {}
.navi_002 ul.top li.selected:hover a.level1 span.drop {padding-bottom:0px;}
/* for IE6 */
.navi_002 ul.top li.selected a.level1:hover {color:#FFF;}
.navi_002 ul.top li.selected a.level1:hover span {}
.navi_002 ul.top li.selected a.level1:hover span.drop {padding-bottom:0px;}
.navi_002 ul.top table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;}
.navi_002 ul.top .sub1 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.navi_002 ul.top li:hover {position:relative; z-index:200;}
.navi_002 ul.top li.selected:hover {position:relative; z-index:200;}
/* for IE6 */
.navi_002 ul.top a:hover {position:relative; white-space:normal; z-index:200;}
.navi_002 ul.top :hover ul.sub1 {left:-1px; top:25px; background: #000; padding:0px; border-left:1px solid #444; white-space:nowrap; width:130px; height:auto; z-index:300;}
.navi_002 ul.top :hover ul.sub1 li {display:block; height:25px; width:130px; position:relative; float:left; font-weight:normal;}
.navi_002 ul.top :hover ul.sub1 li a {display:block; height:25px; width:130px; font-size:11px; line-height:25px; text-indent:5px; color:#CCC; text-decoration:none; border-top:1px solid #444;}
.navi_002 ul.top :hover ul.sub1 li a:hover {color:#FFF; background:url(images/navi_002/menu-hover.gif) top right repeat-x; height:24px;}
/* keep the 'next' level invisible by placing it off screen. */
.navi_002 ul.top ul,
.navi_002 ul.top :hover ul ul,
.navi_002 ul.top :hover ul :hover ul ul,
.navi_002 ul.top :hover ul :hover ul :hover ul ul,
.navi_002 ul.top :hover ul :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.navi_002 ul.top :hover ul :hover ul,
.navi_002 ul.top :hover ul :hover ul :hover ul,
.navi_002 ul.top :hover ul :hover ul :hover ul :hover ul,
.navi_002 ul.top :hover ul :hover ul :hover ul :hover ul :hover ul
{left:130px; top:0px; background: #000; padding:0px; border-left:1px solid #444; white-space:nowrap; width:130px; z-index:400; height:auto;}
.navi_002 ul.top ul.sub1 li.selected > a {color:#FFF; background:url(images/navi_002/menu-hover.gif) top right repeat-x; height:24px;}
.navi_002 ul.top :hover ul.sub1 li a.fly {background:url(images/navi_003/fly.png) no-repeat right center;}
.navi_002 ul.top :hover ul.sub1 li a.fly:hover {color:#FFF; background:url(images/navi_002/menu-hover.gif) top right repeat-x; height:24px;}
.navi_002 ul.top :hover ul.sub1 li.selected a.fly {color:#FFF; background:url(images/navi_002/menu-hover.gif) top right repeat-x; height:24px;}
.navi_002 ul.top :hover ul.sub1 li.selected a.fly:hover {color:#FFF; background:url(images/navi_002/menu-hover.gif) top right repeat-x; height:24px;}
/* ================================================================
Header Navigation Sample 3
=================================================================== */
.navi_003 ul.top {
display: block;
padding: 0;
margin: 0;
list-style: none;
width: auto;
height: 35px;
background: #FFF url(images/navi_003/ld_0.png) repeat-x;
position: relative;
z-index: 200;
font-family: arial, verdana, sans-serif;
}
.navi_003 li {
padding: 0;
margin: 0;
}
.navi_003 ul.top li.level1 {float:left; display:block;}
.navi_003 ul.top li a.level1 {float:left; display:block; padding:0 0 0 25px; height:35px; background:url(images/navi_003/ld_0.png);
line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; cursor:pointer;}
.navi_003 ul.top li a.level1 span {float:left; display:block; padding:0 25px 0 0; height:35px; background:url(images/navi_003/ld_0.png) right top no-repeat;}
.navi_003 ul.top li.drop a.level1 span {float:left; display:block; padding:0 25px 0 0; height:35px; background:url(images/navi_003/ld_0b.png) right top no-repeat;}
.navi_003 ul.top li.selected a.level1 {background:url(images/navi_003/ld_2a.png) no-repeat; color:#FFF;}
.navi_003 ul.top li.selected a.level1 span {background:url(images/navi_003/ld_2b.png) no-repeat right top;}
.navi_003 ul.top li.selected a.level1 span.drop {background:url(images/navi_003/ld_2c.png) no-repeat right top;}
.navi_003 ul.top li:hover a.level1 {background:url(images/navi_003/ld_1a.png) no-repeat; color:#FFF;}
.navi_003 ul.top li:hover a.level1 span {background:url(images/navi_003/ld_1b.png) no-repeat right top;}
.navi_003 ul.top li:hover a.level1 span.drop {background:url(images/navi_003/ld_1c.png) no-repeat right top;}
/* for IE6 */
.navi_003 ul.top a.level1:hover {background:url(images/navi_003/ld_1a.png) no-repeat; color:#FFF;}
.navi_003 ul.top a.level1:hover span {background:url(images/navi_003/ld_1b.png) no-repeat right top;}
.navi_003 ul.top a.level1:hover span.drop {background:url(images/navi_003/ld_1c.png) no-repeat right top;}
.navi_003 ul.top li.selected:hover a.level1 {background:url(images/navi_003/ld_2a.png) no-repeat; color:#FFF;}
.navi_003 ul.top li.selected:hover a.level1 span {background:url(images/navi_003/ld_2b.png) no-repeat right top;}
.navi_003 ul.top li.selected:hover a.level1 span.drop {background:url(images/navi_003/ld_2c.png) no-repeat right top;}
/* for IE6 */
.navi_003 ul.top li.selected a.level1:hover {background:url(images/navi_003/ld_2a.png) no-repeat; color:#FFF;}
.navi_003 ul.top li.selected a.level1:hover span {background:url(images/navi_003/ld_2b.png) no-repeat right top;}
.navi_003 ul.top li.selected a.level1:hover span.drop {background:url(images/navi_003/ld_2c.png) no-repeat right top;}
.navi_003 ul.top table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;}
.navi_003 ul.top .sub1 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.navi_003 ul.top li:hover {position:relative; z-index:200;}
.navi_003 ul.top li.selected:hover {position:relative; z-index:200;}
/* for IE6 */
.navi_003 ul.top a:hover {position:relative; white-space:normal; z-index:200;}
.navi_003 ul.top :hover ul.sub1 {left:1px; top:34px; background: #f7f7f7; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; height:auto; z-index:300;}
.navi_003 ul.top :hover ul.sub1 li {display:block; height:20px; width:130px; position:relative; float:left; font-weight:normal;}
.navi_003 ul.top :hover ul.sub1 li a {display:block; height:18px; width:128px; font-size:11px; line-height:18px; text-indent:5px; color:#000; text-decoration:none; border:1px solid #f7f7f7;}
.navi_003 ul.top :hover ul.sub1 li a:hover {background:#336699; color:#FFF; border-color:#f7f7f7;}
/* for IE6 */
.navi_003 ul.top :hover ul.sub1 li a span,
.navi_003 ul.top li.selected :hover ul.sub1 li a span {background-image: none; height:18px; line-height:18px;}
/* keep the 'next' level invisible by placing it off screen. */
.navi_003 ul.top ul,
.navi_003 ul.top :hover ul ul,
.navi_003 ul.top :hover ul :hover ul ul,
.navi_003 ul.top :hover ul :hover ul :hover ul ul,
.navi_003 ul.top :hover ul :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.navi_003 ul.top :hover ul :hover ul,
.navi_003 ul.top :hover ul :hover ul :hover ul,
.navi_003 ul.top :hover ul :hover ul :hover ul :hover ul,
.navi_003 ul.top :hover ul :hover ul :hover ul :hover ul :hover ul
{left:129px; top:-4px; background: #f7f7f7; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; z-index:400; height:auto;}
.navi_003 ul.top ul.sub1 li.selected > a {background:#6699cc; color:#FFF; border-color:#f7f7f7;}
/* for IE6 */
.navi_003 ul.top ul.sub1 li.selected {background:#6699cc; color:#FFF; border-color:#f7f7f7;}
.navi_003 ul.top :hover ul.sub1 li a.fly {background:url(images/navi_003/fly.png) no-repeat right center;}
.navi_003 ul.top :hover ul.sub1 li a.fly:hover {background:url(images/navi_003/fly.png) no-repeat right center #336699;}
.navi_003 ul.top :hover ul.sub1 li.selected a.fly {background:url(images/navi_003/fly.png) no-repeat right center #6699cc;}
.navi_003 ul.top :hover ul.sub1 li.selected a.fly:hover {background:url(images/navi_003/fly.png) no-repeat right center #336699;}
/* ================================================================
Block Navigation Sample 1
=================================================================== */
.bnavi_001 ul.top {
display: block;
padding: 0;
margin: 0;
list-style: none;
width: 155px;
position: relative;
z-index: 200;
font-family: arial, verdana, sans-serif;
border:1px solid #E7E5D5;
border-width:1px 1px 0 1px;
}
.bnavi_001 li,
.bnavi_001 ul li {
background: none;
padding: 0;
margin: 0;
}
.bnavi_001 ul.top li.level1 {display:block;}
.bnavi_001 ul.top li a.level1 {display:block; padding:0 0 0 0px; height:23px; text-indent:5px; background:#F0EFE6;
border-top:1px solid #F7F7F7; border-bottom:1px solid #E7E5D5;
line-height:21px; color:#039; text-decoration:none; font-size:0.9em; cursor:pointer;}
.bnavi_001 ul.top li a.level1 span {display:block; padding:0 0px 0 0; height:23px;}
.bnavi_001 ul.top li.drop a.level1 span {display:block; padding:0 0px 0 0; height:23px; background:url(images/navi_003/fly.png) no-repeat right center;}
.bnavi_001 ul.top li.selected a.level1 {color:#039; background:#E9E7D9;}
.bnavi_001 ul.top li.selected a.level1 span {}
.bnavi_001 ul.top li.selected a.level1 span.drop {background:url(images/navi_003/fly.png) no-repeat right center #E9E7D9;}
.bnavi_001 ul.top li:hover a.level1 {color:#039; background:#E9E7D9;}
.bnavi_001 ul.top li:hover a.level1 span {}
.bnavi_001 ul.top li:hover a.level1 span.drop {background:url(images/navi_003/fly.png) no-repeat right center;}
/* for IE6 */
.bnavi_001 ul.top a.level1:hover {color:#039; background:#E9E7D9;}
.bnavi_001 ul.top a.level1:hover span {}
.bnavi_001 ul.top a.level1:hover span.drop {background:url(images/navi_003/fly.png) no-repeat right center;}
.bnavi_001 ul.top li.selected:hover a.level1 {color:#039; background:#E9E7D9;}
.bnavi_001 ul.top li.selected:hover a.level1 span {}
.bnavi_001 ul.top li.selected:hover a.level1 span.drop {background:url(images/navi_003/fly.png) no-repeat right center #E9E7D9;}
/* for IE6 */
.bnavi_001 ul.top li.selected a.level1:hover {color:#039; background:#E9E7D9;}
.bnavi_001 ul.top li.selected a.level1:hover span {}
.bnavi_001 ul.top li.selected a.level1:hover span.drop {background:url(images/navi_003/fly.png) no-repeat right center #E9E7D9;}
.bnavi_001 ul.top table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;}
.bnavi_001 ul.top .sub1 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.bnavi_001 ul.top li:hover {position:relative; z-index:200;}
.bnavi_001 ul.top li.selected:hover {position:relative; z-index:200;}
/* for IE6 */
.bnavi_001 ul.top a:hover {position:relative; white-space:normal; z-index:200;}
.bnavi_001 ul.top :hover ul.sub1 {top:0px; left:155px; background: #F0EFE6; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; height:auto; z-index:300;}
.bnavi_001 ul.top :hover ul.sub1 li {display:block; height:20px; width:130px; position:relative; float:left; font-weight:normal;}
.bnavi_001 ul.top :hover ul.sub1 li a {display:block; height:18px; width:128px; font-size:11px; line-height:18px; text-indent:5px; color:#039; text-decoration:none; border:1px solid #F0EFE6;}
.bnavi_001 ul.top :hover ul.sub1 li a:hover {background:#E9E7D9; color:#039; border-color:#E9E7D9;}
/* for IE6 */
.bnavi_001 ul.top :hover ul.sub1 li a span,
.bnavi_001 ul.top li.selected :hover ul.sub1 li a span {height:18px; line-height:18px;}
/* keep the 'next' level invisible by placing it off screen. */
.bnavi_001 ul.top ul,
.bnavi_001 ul.top :hover ul ul,
.bnavi_001 ul.top :hover ul :hover ul ul,
.bnavi_001 ul.top :hover ul :hover ul :hover ul ul,
.bnavi_001 ul.top :hover ul :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.bnavi_001 ul.top :hover ul :hover ul,
.bnavi_001 ul.top :hover ul :hover ul :hover ul,
.bnavi_001 ul.top :hover ul :hover ul :hover ul :hover ul,
.bnavi_001 ul.top :hover ul :hover ul :hover ul :hover ul :hover ul
{left:130px; top:-4px; background: #F0EFE6; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; z-index:400; height:auto;}
.bnavi_001 ul.top ul.sub1 li.selected > a {background:#E9E7D9; color:#039; border-color:#E9E7D9;}
.bnavi_001 ul.top :hover ul.sub1 li a.fly {background:url(images/navi_003/fly.png) no-repeat right center;}
.bnavi_001 ul.top :hover ul.sub1 li a.fly:hover {background:url(images/navi_003/fly.png) no-repeat right center #E9E7D9;}
.bnavi_001 ul.top :hover ul.sub1 li.selected a.fly {background:url(images/navi_003/fly.png) no-repeat right center #E9E7D9;}
.bnavi_001 ul.top :hover ul.sub1 li.selected a.fly:hover {background:url(images/navi_003/fly.png) no-repeat right center #E9E7D9;}
/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop7.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */