﻿body
{
    min-width: 1200px;
}

A
{
    color: #8A151C;
}

.header2
{
    color: #8A151C; /*     font-weight: bold;     float: none;     display: block; */
}

h1
{
    margin-bottom: 0px;
}

h2
{
    color: #8A151C;
}

h3
{
    color: #8A151C;
}



.framedBox
{
    border: solid 1px #8A151C;
    background-color: Transparent;
}
.coloredBox
{
    background-color: #8A151C;
    color: #FFFFFF;
    font-weight: bold;
}

:focus
{
}

/* ------------------------- top menu ------------------------- */

h1#sitelogo a
{
	overflow: hidden;
    float: left;
    width: 200px;
    height: 110px;
    background-image: url("/Images/Veterandelar/vdlogga.png");
    background-repeat: no-repeat;
    margin-left: 10px;
    text-indent: -999em;
}

#pageTop
{
    background-image: url("/Images/Veterandelar/topp_1090.png");
    background-position: 110px 88px;
    background-repeat: no-repeat;
    height: 123px;
    margin-top: 0px;
}
#pageTop #logo
{
    margin: 0px 10px 0px 0px;
}

#pageTop #topMenu
{
    /*position: static;*/
    margin-top: 10px;
    float: none;
}

#pageTop #topMenu A
{
    color: #808080;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
}
#pageTop #topMenu UL
{
    
    position: relative;
    padding: 0px;
    margin-top: 10px;
}
#pageTop #topMenu UL LI
{
    width: 130px;
    height: 33px;
    padding-top: 15px;
    text-align: center;
}

#pageTop #topMenu UL LI UL
{
    bottom: -21px;
}
#pageTop #topMenu UL LI UL LI
{
    width: auto;
    height: 20px;
}
#pageTop #topMenu UL LI.active
{
    background-image: url("/Images/Veterandelar/selectedtopmenu_91.png");
    background-position: center center;
    background-repeat: no-repeat;
}
#pageTop #topMenu UL LI.active A
{
    color: #ffffff;
}
#pageTop #topMenu UL LI.active UL LI A
{
    text-transform: none;
    padding: 1px 6px 1px 6px;
}
#pageTop #topMenuSecondLevel
{
    height: 0px;
}

#topFields
{   
   padding-top: 10px;   
}

#searchArea
{
    margin-left: 550px;
}

.blocklogin
{
   margin-left: 790px;
   margin-bottom: 36px;
} 

.blocklogout
{
    margin-left: 790px;
    margin-bottom: 6px;
    margin-right: 0px;
}


/* ------------------------- end top menu ------------------------- */


#pageLeft #infoImage SPAN
{
    padding: 80px 0px 80px 0px;
    background-image: url("/Images/Veterandelar/start1.jpg");
    background-repeat: no-repeat;
    background-position: center;
}
#pageLeft #AAAImage SPAN
{
	text-align: center;
}
#pageLeft INPUT[type=text]
{
    border: 1px solid #8A151C;
}
.button
{
    background-image: url("/Images/Veterandelar/buttonBackground.gif");
    color: #000000;
}



#miniCart
{
    padding-top: 2px;
    padding-left: 6px;
}

/* ------------------------- Start Checkout------------------------- */
#CheckoutCart .CheckoutHeader
{
    font-weight: bold;
    background-color: Transparent;
    color: #8A151C;
}

/* ------------------------- end Checkout ------------------------- */

#popup_title 
{
    background-color: #8A151C;
}


/* ===========================================================
			Product navigation
============================================================== */
		
/* General */
#sidetree {width: 253px; clear: left;}
.js #tree {position: absolute; left: -999em;}
#tree,
#tree ul {list-style: none outside; margin: 0; padding: 0;}
#tree ul {margin-left: 8px;}
#tree a,
#tree a:visited {overflow: hidden; display: block; text-decoration: none; font-weight:normal; font-size: 11px; line-height: 21px; text-overflow: ellipsis; white-space: nowrap;}
#tree a:hover,
#tree a:focus,
#tree a:active,
#tree .collapsable > a {color: #000; outline: none; font-weight: bold;}
#tree a:hover,
#tree a:focus,
#tree .seleted a {overflow: visible; background-color: #f2f2f2;}
		
/* Top level */
#tree > li {background: #e6e6e4; margin-bottom: 4px; border: 1px solid #8A151C;}
#tree > li > ul {margin: 0 15px; padding-bottom: 10px;}
/*#tree > li > a {padding: 6px 10px 6px 55px; font-weight: bold; font-size: 14px; background: url(/Images/Veterandelar/Treemenu/traktor.png) left center no-repeat;}*/
#tree > li > a {padding: 6px 10px 6px 55px; font-weight: bold; font-size: 14px;}
#tree > li > .traktor {background: url(/Images/Veterandelar/Treemenu/traktor.png) left center no-repeat;}
	    
/*===========================================================
available tags in the treeview
==============================================================*/
/* 		
open: "open",
closed: "closed"
expandable: "expandable",
expandableHitarea: "expandable-hitarea",
lastExpandableHitarea: "lastExpandable-hitarea",
collapsable: "collapsable",
collapsableHitarea: "collapsable-hitarea",
lastCollapsableHitarea: "lastCollapsable-hitarea",
lastCollapsable: "lastCollapsable",
lastExpandable: "lastExpandable",
last: "last",
hitarea: "hitarea"
*/

/* ===========================================================
Breadcrumb navigation
============================================================== */
.breadcrumb-navigation {overflow: hidden; width: 740px; list-style: none outside; margin: 0; padding: 0; border: 1px solid #BBBAB8; background: #E6E6E4;}
.breadcrumb-navigation li {float: left; line-height: 40px; padding-left: 10px;}
.breadcrumb-navigation a,
.breadcrumb-navigation a:visited {float: left; margin-left: -10px; padding: 0 30px 0 10px; background: url(/Images/OEParts/Treemenu/arrow.png) right center no-repeat; text-decoration: none;}
.breadcrumb-navigation li:last-child a {font-weight: normal; color: #000; pointer-events: none;}
.breadcrumb-navigation li:first-child a {padding-left: 15px;}
.breadcrumb-navigation a:hover,
.breadcrumb-navigation a:focus,
.breadcrumb-navigation a:active {color: #000; outline: none; font-weight: bold;}
.breadcrumb-navigation + h3 {margin-top: 15px;}

/* ===========================================================
newProductSectionMenu
============================================================== */
#productSectionMenuWrapper {width: 740px; padding: 15px 0;}
#productSectionMenuWrapper:after {display: block; content:""; clear: both; height: 0;}
.newProductSectionMenu {float: left; width: 150px; margin-right: 15px; padding: 7px 15px 7px 0; border-right: 1px solid #BBBAB8;}
.newProductSectionMenu h2 {margin: 0 0 7px; color: #000; font-size: 11px;}
.newProductSectionMenu:last-child {border: none;}
.newProductSectionMenu:first-child {border-right: 1px solid #BBBAB8; padding-left: 15px;}
.newProductSectionMenu a {overflow: hidden; display: block; margin-bottom: 4px; white-space: nowrap; text-overflow: ellipsis; 
  -webkit-transition: all 0.3s ease-out;  
     -moz-transition: all 0.3s ease-out;  
      -ms-transition: all 0.3s ease-out;  
       -o-transition: all 0.3s ease-out;  
          transition: all 0.3s ease-out;
}

.newProductSectionMenu a:hover,
.newProductSectionMenu a:focus,
.newProductSectionMenu a:active {overflow: visible; text-decoration: underline;}
/*
#productSectionMenuWrapper:hover a {opacity: .4;}
#productSectionMenuWrapper .newProductSectionMenu:hover a {opacity: 1;}
#productSectionMenuWrapper .newProductSectionMenu:hover + .newProductSectionMenu a {opacity: .1;}
#productSectionMenuWrapper .newProductSectionMenu:hover + .newProductSectionMenu + .newProductSectionMenu a {opacity: .2;}
#productSectionMenuWrapper .newProductSectionMenu:hover + .newProductSectionMenu + .newProductSectionMenu + .newProductSectionMenu a {opacity: .3;}
#productSectionMenuWrapper .newProductSectionMenu:hover + .newProductSectionMenu + .newProductSectionMenu + .newProductSectionMenu + .newProductSectionMenu a {opacity: .4;}
*/
.newProductSectionMenuChild{margin-bottom: 15px;}

/* ===========================================================
Category Search
============================================================== */
#ProductSectionSearchArea {
    background: url("/Images/magnifyingglass.png") no-repeat scroll 12px center #f4f4f4;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 10px 10px 10px 50px;
    width: 681px;
    border: 1px solid #ddd;
}

#ProductSectionSearchArea + #productSectionMenuWrapper 
{
	padding-top: 0;
}

#CategorySearchButton 
{
	float: none;
	vertical-align: middle;
}

.js #ProductSectionSearchArea label 
{
	position: absolute;
	color: #666666;
    display: block;
    font-size: 11px;
    margin-right: 10px;
    padding: 6px 8px;
}

.js #ProductSectionSearchArea label span
{
	font-weight: bold;
	color: #666666;
}

input.ProductSectionSearchBox {
	float: none;
    box-shadow: 0 2px 2px #000000 inset;
    font-style: normal;
    font-weight: normal;
    margin-right: 5px;
    padding: 5px;
    text-decoration: none;
    width: 313px;
    vertical-align: middle;
}

