* { padding: 0; margin: 0; }
html {
    font-size: 62.5%;
}
body {
    font: 11px Verdana, sans-serif;
    color:#323232;
    background-color: #505050;
    background-image: url("/upload_dir/design/tp003_theme002/bg-body.png");
    background-repeat: repeat-x;
    background-position: top ;
}

/* Tilf�jet standard css */

#BreadCrumb {
    font: 10px Verdana, sans-serif;
    color:#323232;
}

a, a:link, a:visited, a:active {
    color: #066d00;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
    color: #323232;
}
#Wrapper {
    margin:0 auto;
    width:970px;
    background:#fff;
    border:1px solid #eee;
    border-top:none;
}
#HeaderContent {
    width:950px;
    float:left;
    height:60px;
    padding:5px 10px 10px 10px;
    background:#fff;
}
    #Logo {
        margin:0 20px 0 0;
        float:left;
    }
    #ShoppingCart  {
        height:38px;
        margin:0 20px 0 0;
        padding:15px 0 0 40px;
        /*background: url("/_design/common/img/icons/shopping_cart.gif") no-repeat 0px 14px;*/
        background: url("/upload_dir/design/tp003_theme002/bagblack.png") no-repeat 0px 14px;
        color:#999;
        font-size: 10px;
        float:right;
    }
    #QuickLinks {
        color:#a5a5a5;
        font-size:10px;
        float:left;
        height:24px;
        margin:25px 0 0 0px;
    }
        #QuickLinks a {
            color:#a5a5a5;
            text-decoration: none;
    }
        #QuickLinks a:hover {
            color:#21660f;
            text-decoration: none;
    }
    #Language {
        margin:10px 0 0 20px;
        float:right;
    }
    #Currency {
        float:right;
        margin:10px 0 0 20px;
    }
#Header {
    width:970px;
    height:146px;
    float:left;
background: url("http://viergroenne.dk/upload_dir/design/unique/topbanner.png");
background-repeat: no-repeat;
}
#HeaderImage {
    width:970px;
    height:146px;
    float:left;
background: url("http://viergroenne.dk/upload_dir/design/unique/topbanner.png");
background-repeat: no-repeat;
}
#Navigation {
    height:40px;
    float:left;
    width:970px;
    margin:0 auto;
    background: #0e3704;
}
    ul#NavigationHorizontal {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 970px;
        list-style: none;
        height: 40px;
    }
    ul#NavigationHorizontal li {
        margin: 0;
        border: 0 none;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
        height: 42px;
        z-index: 99;
    }
    ul#NavigationHorizontal li.your-account {
        float: right;
    }
    ul#NavigationHorizontal ul {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 160px;
        list-style: none;
        display: none;
        position: absolute;
        top: 42px;
        left: 0;
        border:1px solid #e3e3e3;
        border-bottom:none;
    }
    ul#NavigationHorizontal ul ul {
        border-top:1px solid #e3e3e3;
        margin-top:-1px;
    }
    ul#NavigationHorizontal ul:after{
        clear: both;
        display: block;
        font: 1px/0px serif;
        content: ".";
        height: 0;
        visibility: hidden;
    }
    ul#NavigationHorizontal ul li {
        width: 160px;
        float: left;
        display: block !important;
        display: inline;
        border-bottom:1px solid #e3e3e3;
        height:25px;
        padding:0;
    }    
    ul#NavigationHorizontal li a {
        padding: 0 20px 0 20px;
        float: none !important;
        float: left;
        display: block;
        background: url("/_design/templates/tp003/img/theme002/NavSplitter.png") no-repeat center right;
        color: #fff;
        font: 12px/40px Tahoma, "MS Trebuchet", sans-serif;
        text-decoration: none;
        height: auto !important;
        height: 1%; /*For IE*/
    }
    ul#NavigationHorizontal ul li.liWishlist {
        display:none !important;
    }
    ul#NavigationHorizontal a:hover,
    ul#NavigationHorizontal li:hover a,
    ul#NavigationHorizontal li.iehover a,
    ul#NavigationHorizontal a.current {
        background: url("/_design/templates/tp003/img/theme002/NavSplitter.png") no-repeat center right;
        text-decoration: underline;
    }
    ul#NavigationHorizontal li.your-account a {
        background: url("/_design/templates/tp003/img/theme002/NavSplitter.png") no-repeat center left;
    }
    ul#NavigationHorizontal li.your-account a:hover{
        background: url("/_design/templates/tp003/img/theme002/NavSplitter.png") no-repeat center left;
    }
    ul#NavigationHorizontal ul a {
        border-right:none;
    }
    ul#NavigationHorizontal li:hover li a,
    ul#NavigationHorizontal li.iehover li a,
    ul#NavigationHorizontal li:hover li:hover li a,
    ul#NavigationHorizontal li.iehover li.iehover li a,
    ul#NavigationHorizontal li:hover li:hover li:hover li a,
    ul#NavigationHorizontal li.iehover li.iehover li.iehover li a {
        float: none;
        background: #eeeeee;
        color:#666;
        font: 10px/25px Verdana, "MS Trebuchet", sans-serif;
        padding: 0 10px 0 10px;
        text-transform: none;
        text-decoration: none;
    }
    ul#NavigationHorizontal li:hover li a:hover,
    ul#NavigationHorizontal li:hover li:hover a,
    ul#NavigationHorizontal li.iehover li a:hover,
    ul#NavigationHorizontal li.iehover li.iehover a,
    ul#NavigationHorizontal li:hover li:hover li a:hover,
    ul#NavigationHorizontal li:hover li:hover li:hover a,
    ul#NavigationHorizontal li.iehover li.iehover li a:hover,
    ul#NavigationHorizontal li.iehover li.iehover li.iehover a,
    ul#NavigationHorizontal li:hover li:hover li:hover li a:hover,
    ul#NavigationHorizontal li.iehover li.iehover li.iehover li a:hover {
        background: #9ccd6d;
        color:#333;
    }
    ul#NavigationHorizontal ul ul,
    ul#NavigationHorizontal ul ul ul {
        display: none;
        position: absolute;
        top: 0;
        left: 160px;
    }
    ul#NavigationHorizontal li:hover ul ul,
    ul#NavigationHorizontal li:hover ul ul ul,
    ul#NavigationHorizontal li.iehover ul ul,
    ul#NavigationHorizontal li.iehover ul ul ul {
        display: none;
    }
    ul#NavigationHorizontal li:hover ul,
    ul#NavigationHorizontal ul li:hover ul,
    ul#NavigationHorizontal ul ul li:hover ul,
    ul#NavigationHorizontal li.iehover ul,
    ul#NavigationHorizontal ul li.iehover ul,
    ul#NavigationHorizontal ul ul li.iehover ul {
        display: block;
    }
#ContentWrapper {
    margin:0 auto;
    width:970px;
}
#Content {
    width:970px;
    float:left;
    margin:2px auto;
	background: #ffffff;
}
    #LeftColumn,#RightColumn {
        width:180px;
        min-height:400px;
        height:auto !important;
        height:400px;
        float:left;
        display:inline;
        margin:10px 0 0 5px;
    }
    #RightColumn {
        float:right;
        margin:10px 0px 0 0;
    }
    /* =================== MODULE.BOXES ======================*/
    #categorylist-box,
    #search-box,
    #newslettersubscribe-box,
    #blog-box,
    #quicklogin-box,
    #tagging-box,
    #pagenews-box,
    #shoppingcart-box,
    #topten-box,
    #paymenticons-box,
    #calendar-box {
        margin:0 0 20px 0;
        width:175px;
        float:left;
    }
    #paymenticons-box {
        text-align: center;
    }
    #categorylist-box-top,
    #search-box-top,
    #newslettersubscribe-box-top,
    #blog-box-top,
    #quicklogin-box-top,
    #tagging-box-top,
    #pagenews-box-top,
    #shoppingcart-box-top,
    #topten-box-top,
    #paymenticons-box-top,
    #calendar-box-top {
        width:175px;
        float:left;
        /*background: transparent url("/_design/templates/tp003/img/theme002/BoxHeaderBg.png") 0px 0px;*/
        background: transparent url("/upload_dir/design/tp003_theme002/bgboxheader.png") 0px 0px;
        background-position: bottom;
        background-color: #eeeeee;
        border-bottom: dotted 1px #ccc;
        height:20px;
        margin:0 0 10px 0;
    }
    #paymenticons-box-top {
        display:none;
    }
    #categorylist-box h2,
    #search-box h2,
    #newslettersubscribe-box h2,
    #blog-box h2,
    #quicklogin-box h2,
    #tagging-box h2,
    #pagenews-box h2,
    #shoppingcart-box h2,
    #topten-box h2,
    #calendar-box h2 {
        font-size: 11px;
        color:#333;
        font-weight: bold;
        padding:3px;
    }
    #categorylist-box em,
    #search-box em,
    #newslettersubscribe-box em,
    #blog-box em,
    #quicklogin-box em,
    #tagging-box em,
    #pagenews-box em,
    #shoppingcart-box em,
    #topten-box em,
    #calendar-box em {
        font-size: 11px;
        color:#333;
        font-weight: bold;
        font-style: normal;
    }
    #categorylist-box-content,
    #search-box-content,
    #newslettersubscribe-box-content,
    #blog-box-content,
    #quicklogin-box-content,
    #tagging-box-content,
    #pagenews-box-content,
    #shoppingcart-box-content,
    #topten-box-content,
    #paymenticons-box-content,
    #calendar-box-content {
        float:left;
        width:175px;
        padding:0 0 0 5px;
    }
    #topten-box-content,
    #shoppingcart-box-content,
    #calendar-box-content {
        padding:0 0 0 0;
        float:left;
    }
    /* =================== MODULE.TOPTEN ======================*/
    .preloader {
        width:175px;
    }
        ul.tabs {
            float:left;
            width:175px;
            height:20px;
            border-bottom:1px solid #666;
        }
        .tabs li a {
            background: #ccc;
            color:#666;
            height:20px;
            line-height:20px;
        }
        .tabs li a.active {
            background: #333;
            color:#fff;
        }
        .tabbed-pane,
        .pane {
            width:180px;
        }
    /* =================== MODULE.TOPTEN ======================*/
    #MainContent {
        min-height:300px;
        height:auto !important;
        height:30px;
        float:left;
        display:inline;
        margin:10px;
        padding:0 0 30px 0;
        width:580px;
    }
        #MainContent h1{
            font-family:georgia,serif;
            color:#21660f;
            font-size: 24px;
            margin:20px 0 5px 0;
        }
         #MainContent h2{
            font-family:georgia,serif;
            color:#000;
            font-size: 16px;
            margin:0px 0 2px 0;
        }
         #MainContent h3{
            font-family:georgia,serif;
            color:#000;
            font-size: 14px;
            margin:0px 0 2px 0;
        }
#Splitter {
    display:none;
}
#Footer {
    clear:both;
    width:970px;
    margin:0 auto;
    color:#999999;
    text-align: center;
    height:40px;
    background:#eee;
}
#Footer ul {
    color:#999999;
    font-size: 10px;
    line-height:40px;
}
#Footer a {
    color:#999999;
}
#Footer a:hover {
    color: #066d00;
}


/* Fixes */
.categories-listing-wrapper { width: 48%; }
/* .categories-listing-item-title { width: 250px; } */
/* .categories-listing-item-title { font-size: 10px; line-height: 12px; margin-top: -5px; } */
/* .cat-title { width: 300px; } */

#shoppingcart-box .button * { background: none; color: #ffffff; font-weight: bold; text-shadow: 0px 1px 0px #000000; font-size: 12px; }
#shoppingcart-box .button { background: url("http://viergroenne.dk/upload_dir/design/unique/indkoebskurv.jpg"); width: 150px; height: 29px; text-transform: uppercase; }

#slidercontainer				{ height: 211px; position: relative; }
#slidercontainer .slider	{ width: 579px; overflow: auto; height: 211px; margin: 0; position: absolute; top: 0; left: 0; background-color: transparent; }
#slidercontainer .slider ul	{ width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
#slidercontainer ul li		{ display: block; float: left; padding: 0; height: 211px; width: 579px; margin: 0; }

#slidercontainer .arrow, #slidercontainer .forward, #slidercontainer .back { display: none; }

.homeimg, .homeimg img, .slider img, .slider a { border: 0; text-decoration: none; }

#categorylist-box-content ul li { padding: 0px 0 5px 15px; font-weight: bold; border-top: 1px solid #f0f0f0; }
#categorylist-box-content ul li ul li { width: 130px; font-weight: normal; border-top: 1px solid #f0f0f0; }
#categorylist-box-content a span { color: #333333; font-size: 11px; }
#categorylist-box-content a:hover span { text-decoration: underline; }
#categorylist-box-content a.current span { color: #066d00; }

#product-decription-longtest { margin-top: 50px; }

#cartButtonWrap { position: relative; top: -20px; }
#cartButtonWrap * { background: none; color: #ffffff; font-weight: bold; text-shadow: 0px 1px 0px #000000; font-size: 12px; padding: 0; }
#cartButtonWrap input { background: url("http://viergroenne.dk/upload_dir/design/unique/kurv-groen.jpg"); width: 150px; height: 50px; text-transform: uppercase; }
#cartButtonWrap input:hover { background: url("http://viergroenne.dk/upload_dir/design/unique/kurv-graa.jpg"); }


.CheckOutProceed *, .CheckOutProceed .button *, .CheckOutProceed .button dl * { background: none; color: #ffffff; font-weight: bold; text-shadow: 0px 1px 0px #000000; font-size: 12px; padding: 0; }
.CheckOutProceed .button input { background: url("http://viergroenne.dk/upload_dir/design/unique/kobsknap-groen.jpg"); width: 84px; height: 27px; text-transform: uppercase; }
.CheckOutProceed .button input:hover { background: url("http://viergroenne.dk/upload_dir/design/unique/kobsknap-graa.jpg"); }        

.expandable { display: none; border-top: 1px solid #c0c0c0; background: #f0f0f0; }
.expandable:hover { cursor: pointer; }

#expandable { display: none; }

#Wrapper #HeaderContent div#toprotation {
position: relative;
left: 240px;
top: 20px;
width: 400px;
height: 50px;
overflow:hidden;
font-weight: bold;
}
#Wrapper #HeaderContent div#toprotation p {
padding-left: 20px;
}
#Wrapper #HeaderContent div#toprotation span {
position: absolute;
font-weight: normal;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}

#Wrapper #HeaderContent div#topcounter {
float: left;
width: 240px;
color: #999999;
margin-top: -40px;
margin-left: 160px;
background: url("http://viergroenne.dk/upload_dir/design/unique/countdown.jpg");
background-repeat: no-repeat;
}
#Wrapper #HeaderContent div#topcounter span {
font-weight: bold;
}
