/*
-----------------------------------------------
Navigation
-----------------------------------------------
navigation (custom header links)
----------------------------------------------- */
a.login_link
{
    background:url(/images/icon/lock.png) no-repeat;
}
a.empty_link
{
    background:url(/images/icon/cross.png) no-repeat;
    color:#900;
}
a.top_nav_link
{
    background-position:5px 50%;
    font-size:1.2em;
    margin:0 .6em 0 1.2em;
    padding:.6em 0 .6em 26px;
    text-decoration: none;
}
a.home_link
{
    background:url(/images/icon/msi.png) no-repeat;
    background-position:5px 50%;
    padding:.6em 0 .6em 90px;
}
a.bbb
{
    background:url(/images/icon/bbb.png) no-repeat;
    background-position:5px 50%;
    padding:.6em 0 .6em 28px;
}
a.blog_link
{
    background:url(/images/icon/blog.png) no-repeat;
    background-position:5px 50%;
    float:left;
    padding:.3em 0 0 28px;
}
ul.nav
{
    font-size:1.2em;
    max-width:100%;
    position:relative;
}
ul.nav li
{
    display:block;
    font-weight:400;
    list-style-type:none;
    text-align:left;
    width:100%;
}
ul.nav li ul
{
    background-position:0 0 !important;
    cursor:default;
    height:auto;
    left:-9000px;
    max-width:100%;
    position:absolute;
    top:2.5em;
    width:100%;
}
ul.nav li ul li
{
    border:none;
    max-width:none;
    padding:0;
    width:auto;
}
ul.nav li a
{
    color:#666;
    display:block;
    float:left;
    font-weight:400;
    height:2.1em;
    line-height:2.1em;
    padding:0 0 0 7%;
    text-decoration:none;
    width:93%;
}
/*
ul.nav li a:hover,
ul.nav li a.selected{
background: url(/images/nav-link-over.png) right center no-repeat;
border: 1px solid #dda427;
border-right:none;
}
*/
ul.nav li a.sub
{
    padding:0 0 0 17%;
    width:83%;
}
ul.nav li a.title
{
    color:#A67F2A;
    cursor:default;
    display:block;
    float:left;
    font-size:1.1em;
    font-weight:700;
    height:2.5em;
    line-height:2.5em;
    padding:0 0 0 2%;
    width:98%;
}
ul.nav li.title
{
    color:#A67F2A;
    display:block;
    float:left;
    font-size:1.1em;
    font-weight:700;
    height:2.4em;
    line-height:2.5em;
    padding:0 0 0 2%;
    width:98%;
}
ul.nav li ul li a
{
    background-position:0 50% !important;
    color:#A68036;
    cursor:pointer !important;
    font-weight:400;
    height:2em;
    line-height:2em;
    position:relative !important;
    white-space:nowrap;
}
ul.nav li:hover ul
{
    left:0;
    z-index:10;
}
/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.main * { margin:0;padding:0;}
ul.main
{
    max-width:100%;
    position:relative;
    width:100%;
}
ul.main li
{
    float:left;
    list-style:none;
    padding-right: 10px;
    position:relative;
    top:0;
    left:0;
    width:auto;
}
ul.main li a
{
    color:#BF8330;
    display:block;
    font-size: 1.1em;
    font-weight: 600;
    height:2em;
    line-height:2em;
    margin:1px 1px 0;
    padding:0 .5em;
    text-decoration:none;
}
ul.main li ul {
    background:#B6C4EF;
    border:1px solid #7E96DE;
    cursor:default;
    height:auto;
    position:absolute;
    left:-9000px;
    top:2em;
    background-position:0 0 !important;
    padding:0;
    margin:0;
    width:auto;
    -moz-border-radius:0 5px 5px 5px;
    -webkit-border-radius:0 5px 5px 5px;
    border-radius:0 5px 5px 5px;
}
ul.main li ul li {
    border:none;
    margin:0;
    padding:0;
    width:auto;
}
ul.main li ul li a {
    border-top:1px solid #A1B5EF;
    color:#000;
    font-size: .9em;
    font-weight: 300;
    line-height:2em;
    margin:0;
    padding:0 .5em;
    text-align:left;
    width:16em;
}
ul.main li a:focus,
ul.main li a:hover,
ul.main li a.selected
{
    border:1px solid #7E96DE;
    border-bottom:none;
    background:#B6C4EF;
    color:#A66000;
    margin:0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}
ul.main li:hover a {
    border:1px solid #7E96DE;
    border-bottom:none;
    background:#B6C4EF;
    color:#6C3E00;
    margin:0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}
ul.main li:hover ul {left:0;z-index:10}
ul.main li:hover ul li a {
    border:none;
    border-top:1px solid #A1B5EF;
    color:#000;
    background:#B6C4EF;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}
ul.main li ul li.top a {
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}
ul.main li ul li.bottom a {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
}
ul.main li:hover ul li a:hover,
ul.main li:hover ul li a.selected{
    background:#294390;
    color:#fff;
}
ul.main li.right_link {
    margin-right: 0;
    padding-right: 0;
}
.main li.right_link a {
    background:url(/images/icon/shopping-basket.png) no-repeat;
    background-position: 95% 50%;
    margin-right: 0;
    padding-left: 0;
    padding-right:35px;
}
ul.main li.right_link {
    float:right;
}
.main li.right_link a.active,
.main li.right_link a:hover {
    background:url(/images/icon/shopping-basket.png) no-repeat;
    background-position: 95% 50%;
    border: none;
    margin:1px 1px 0;
    margin-right: 0;
    padding-left: 0;
    padding-right:35px;
}
/* secondary list
----------------------------------------------- */
ul.nav li.secondary
{
    background:transparent !important;
    color:#cde;
    float:right;
}
ul.nav li.secondary span.status
{
    float:left;
    font-size:0.9em;
    height:2.77em;
    line-height:2.77em;
    padding:0 1em;
}
ul.nav li.secondary span.status a
{
    background:transparent;
    color:#cde;
    display:inline;
    float:none;
    height:auto;
    line-height:auto;
    padding:0;
}
ul.nav li.secondary span.status a:hover
{
    background:transparent;
    color:#fff;
}
ul.nav li.secondary span.status span
{
    text-transform:capitalize;
}
ul.nav li.secondary:hover a
{
    background:#666;
    color:#fff;
}
ul.nav li.secondary:hover a:hover
{
    background:#555;
}
ul.nav li.secondary:hover a:active
{
    background:#444;
}
/* page content navigation
----------------------------------------------- */
ul.inline_nav
{
    border-bottom:1px solid #344367;
    display:block;
    float:left;
    font-size:1.1em;
    font-weight:700;
    margin:1.2em 0;
    padding:0;
    width:100%;
}
ul.inline_nav li
{
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    background:#997D45;
    border:1px solid #344367;
    border-radius:5px 5px 0 0;
    cursor:pointer;
    display:block;
    float:left;
    font-weight:400;
    list-style-type:none;
    margin:0 1.2em -1px 0;
    text-align:center;
}
ul.inline_nav li:hover,ul.inline_nav li.selected
{
    background:#fff;
    border-bottom:1px solid #fff;
}
ul.inline_nav li a
{
    color:#fff;
    display:block;
    float:right;
    height:2.5em;
    line-height:2.5em;
    padding:0 1.2em;
    text-decoration:none;
    text-shadow:#BFA979 0 0 1px;
}
/* footer navigation
----------------------------------------------- */
.foot
{
    color:#0F2659;
    font-size:1.1em;
}
.foot p b
{
    display:block;
    width:100%;
}
.foot p
{
    font-weight:400;
}
.foot a
{
    color:#0F2659;
    font-size:.9em;
    font-weight:400;
    text-decoration:underline;
}
/* breadcrumb navigation
----------------------------------------------- */
.crumbs
{
    border-bottom:1px dotted #344367;
    color:#344367;
    display:block;
    margin:0 0 .6em;
    padding:0 0 .3em;
    width:100%;
}
.crumbs p a
{
    font-weight:400;
    text-decoration:underline;
}
a.top_nav_link:hover,
ul.nav li a:hover,ul.nav li a.selected,
ul.nav li a:focus,ul.nav li:hover ul li a:hover,
ul.nav li:hover ul li a:active
{
    text-decoration:underline;
}
ul.nav,
ul.nav *,
ul.nav li a.no_style,
.crumbs p
{
    margin:0;
    padding:0;
}
ul.nav li:hover ul li a,
ul.main li:hover ul li a,
.foot a:hover,
.crumbs p a:hover
{
    text-decoration:none;
}
ul.inline_nav li.selected a,
ul.inline_nav li:hover a
{
    color:#BF8330;
}