﻿/* @ ----------------------------------------------------- Navigation */

div#siteNav
{
    position: relative; z-index: 90;
    float: left; clear: left;
    width: 100%;
    background-position: top right;
    border-bottom: 1px solid #5e92cb;
}

div#siteNav ul li
{
    float: left;
    width: 111px;
    line-height: 40px;
    height: 40px;
    text-align: center;  
}

div#siteNav ul li a
{
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    display: block; display: inline;
    float: left;
    width: 111px;
    height: 40px;
}

div#siteNav ul li a, div#siteNav, ul#breadcrumb 
{
	background: url(../images/site_nav_bg3.png) no-repeat;
}

div#siteNav ul li.home a {background-position: 0 0;}
div#siteNav ul li.products {width: 136px; position: relative;}
div#siteNav ul li.products a {width: 136px; text-indent: -18px; background-position: -111px 0;}
div#siteNav ul li.news a {background-position: -247px 0;}
div#siteNav ul li.shops a {background-position: -358px 0;}
div#siteNav ul li.service a {background-position: -469px 0;}

div#siteNav ul li.home a:hover {background-position: 0 -75px;}
div#siteNav ul li.products a:hover {width: 136px; background-position: -111px -75px;}
div#siteNav ul li.news a:hover {background-position: -247px -75px;}
div#siteNav ul li.shops a:hover {background-position: -358px -75px;}
div#siteNav ul li.service a:hover {background-position: -469px -75px;}

#home div#siteNav ul li.home a {background-position: 0 -150px;}
#products div#siteNav ul li.products a {width: 136px; background-position: -111px -150px;}
#news div#siteNav ul li.news a {background-position: -247px -150px;}
#shops div#siteNav ul li.shops a {background-position: -358px -150px;}
#service div#siteNav ul li.service a {background-position: -469px -150px;}

/*#home div#siteNav ul li.home a,
#products div#siteNav ul li.products a,
#news div#siteNav ul li.news a,
#shops div#siteNav ul li.shops a,
#service div#siteNav ul li.service a 
{
    cursor: default;
 }*/

#products #header div#siteNav ul li ul#siteNavProducts {background: #5e92cb url(../images/site_nav_products_bg2.png) no-repeat top right; left: 0;}
#products #header div#siteNav ul li ul#siteNavProducts a {border-color: #5077ad;}
#products #header div#siteNav ul li ul#siteNavProducts a:hover {background: #3d71b7;} 

#header div#siteNav ul li.products a.siteNavMore
{
    position: absolute;
    padding: 3px;
    top: 1em; right: 10px;
    width: 22px; height: 15px;
    display: block;
    text-indent: -99999px;
    background: url(../images/site_nav_more_default.png) no-repeat 0 -21px !important;
}

#header div#siteNav ul li.products a.siteNavMore:hover
{
    background-position: 0 0 !important;
    cursor: pointer !important;
}

div#siteNav ul li.products:hover a {width: 136px; background-position: -111px -75px;}

#header div#siteNav ul li ul#siteNavProducts 
{
   width: 180px;
   background: #315ea6 url(../images/site_nav_products_bg.png) no-repeat top right;
   position: absolute; z-index: 100;
   top: 40px; left: -1px;
   padding-top: 1px;
   display: none;
}

#header div#siteNav ul li ul#siteNavProducts li 
{

   line-height: 34px;
   height: 34px;
}

#header div#siteNav ul li ul#siteNavProducts li a
{
   display: block;
   font-weight: normal;
   color: #FFF;
   background: none;
   text-decoration: none;
   border-bottom: 1px solid #2b4c90;
   padding: 0 10px;
   font-size: 1.2em;
   text-align: left;
   text-indent: 0;
   width: 160px;
   height: 34px;
}

#header div#siteNav ul li ul#siteNavProducts a:hover
{
   text-decoration: none;
   background: #2b4c90;
}

ul#globalNav 
{
    text-transform: uppercase;
    position: absolute;
    top: 20px; right: 10px;
    font-size: 0.7em;
}

ul#globalNav li
{
    float: left;
    margin-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #d1d1d1;
}

ul#globalNav li:last-child
{
    padding-right: 0;
    border:  none;
}

ul#globalNav li a {color: #666; text-decoration: none;}
ul#globalNav li a:hover {text-decoration: underline;}

#about li.about a,
#contact li.contact a,
#warranties li.warranties a,
#terms li.terms a,
#sitemap li.sitemap a
{
    color: #8a3672; 
    text-decoration: underline;
}

#home ul#breadcrumb
{
	border-bottom: 4px solid #24406b;
}

#home ul#breadcrumb li
{
	display: none;
}

ul#breadcrumb 
{
    width: 100%;
    float: left;
    background-position: left bottom;
    margin-bottom: 0;
    font-size: 0.6875em;
}

ul#breadcrumb  li
{
    float: left;
    margin-left: 10px;
    line-height: 35px;
    height: 35px;
    color: #FFF;
}

ul#breadcrumb  li:first-child
{
    margin-left: 20px;
}

ul#breadcrumb li a 
{
	color: #BBB;
	padding-right: 15px;
	background: url(../images/breadcrumb_arrow.png) no-repeat right center;
}

ul#breadcrumb li a:hover
{
	color: #FFF;
}

div#homeNav 
{
    float: left;
    width: 620px;
    margin: -5px 20px 0 0;
}

div#homeNav ul.homeNav 
{
    width: 560px;
    height: 41px;
    float: left;
    background: url(../images/home_nav_bg.png) no-repeat 0 0;
    margin-bottom: 0;
}

div#homeNav ul.homeNav li 
{
    float: left;
    line-height: 36px;
    width: 140px;
    text-align: center;
}

div#homeNav ul.homeNav li a
{
    display: block;
    float: left;
    padding-top: 5px;
    padding-right: 2px;
    width: 138px;
    color: #FFF;
    text-decoration: none;
}

div#homeNav ul.homeNav li a:hover
{
    background: url(../images/home_nav_bg.png) no-repeat 0 -41px;
}

div#homeNav ul.homeNav li#homeNavProducts a:hover {background-position: 0 -41px;}
div#homeNav ul.homeNav li#homeNavOffers a:hover {background-position: -140px -41px;}
div#homeNav ul.homeNav li#homeNavExpress a:hover {background-position: -280px -41px;}
div#homeNav ul.homeNav li#homeNavAdvice a:hover {background-position: -420px -41px;}

div#homeNav ul.homeNav li a.active 
{
    background: url(../images/home_nav_bg.png) no-repeat 0 -82px;
}

#content div#homeNav ul.homeNav li a.active 
{
    color: #3c3c3c;
    cursor: default;
    background-position: 0 -82px;
}

ul#footerNav
{
    width: 940px;
    float: left;
    margin-bottom: 0; 
    font-size: 0.875em;
}

ul#footerNav li a, div#footerContact a
{
    text-decoration: none;
}

ul#footerNav li a
{
	color: #444;
}

ul#footerNav li a:hover, div#footerContact a:hover
{
    text-decoration: underline;
}

/*
#sitemap ul#footerNav li.sitemap a,
#home ul#footerNav li.home a, 
#products ul#footerNav li.products a,
#news ul#footerNav li.news a,
#shops ul#footerNav li.shops a,
#service ul#footerNav li.service a,
#about ul#footerNav li.about a,
#contact ul#footerNav li.contact a,
#warranties ul#footerNav li.warranties a,
#terms ul#footerNav li.terms a
{
    color: #8a3672;
    text-decoration: none;
    font-weight: bold;
 }
*/

ul#productNav 
{
   float: left;
   width: 100%;
   border-bottom: 1px solid #d1d1d1; 
   height: 40px;
   line-height: 40px;
   text-align: center;
   margin-bottom: 40px;
}

#productNav li, #productNav li a
{
   float: left;
   display: block;
}

#productNav li
{
   display: inline;
   padding-left: 5px;
   position: relative;
   bottom: -1px;
}

#productNav li a
{
   padding: 0 12px 0 7px;
   text-decoration: none;
   color: #2c2c2c;
}

#productNav li a:hover
{
   text-decoration: underline;
   color: #83256b;
}

#productNav li a[href="produkter.aspx"]
{
   color: #666;
}

#productNav li a:hover[href="produkter.aspx"]
{
   color: #83256b;
}

#productNav li.active
{
   background: url(../images/product_nav_right.png) no-repeat bottom left;
}

#productNav li.active a
{
   background: url(../images/product_nav_left.png) no-repeat bottom right;
   color: #83256b !important;
   text-decoration: none;
   font-weight: bold;
}

#subNav li 
{
    border: solid #d1d1d1;
    border-width: 0 0 1px 1px;
}

#subNav li a
{
    padding: 9px 10px 10px 25px;
    display: block;
    text-decoration: none;
    background: #e6e6e6 url(../images/sub_nav_arrow.png) no-repeat 5px 13px;
    color: #555;
    font-weight: bold;
}

#subNav li a:hover
{
    background: #FFF url(../images/sub_nav_arrow.png) no-repeat 5px 13px;
    color: #83256b;
}

#subNav li a.active 
{
    background: #FFF url(../images/sub_nav_arrow.png) no-repeat 5px -34px;
    color: #83256b;
    cursor: default;
}

#subNav li:first-child a
{
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
}