﻿A
{
    color: #1C2E6C;
}

.header2
{
    color: #1C2E6C;
}

h1
{
    margin-bottom: 0px;
}

h2
{
    color: #1C2E6C;
}

h3
{
    color: #1C2E6C;
}

h4
{
    color: #1C2E6C;
}

.framedBox
{
    background-color: #E6E6E4;
    border: 1px solid #BBBAB8;
}

.coloredBox
{
    background-color: #1A4E9C;
    color: #FFFFFF;
    font-weight:bold;  
  
}
/* -------------------- top menu ------------------------- */

h1#sitelogo a
{
	overflow: hidden;
    float: left;
    width: 145px;
    height: 57px;
    background-image: url("/Images/OEParts/oeTop.png");
    background-repeat: no-repeat;
    margin-left: 10px;
    text-indent: -999em;
}

#pageTop
{
	overflow: hidden;
	min-width: 980px;
}
#pageTop #topMenu
{
    margin-left: 20px;
   
    /*width: 800px;*/
    margin-bottom: -1px;  
}

#pageTop #topMenu A
{
    color: #1a4e9c;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
}
#pageTop #topMenu UL
{
    bottom:0px;    
}
#pageTop #topMenu UL LI UL
{
    bottom: -18px;
    position: absolute;
}
#pageTop #topMenu UL LI UL LI A
{
 border-left:solid 1px #ffffff;
}   
#pageTop #topMenu UL LI
{
      padding: 4px 4px 4px 4px;
}
#pageTop #topMenu UL LI.active
{
     background-color: #1a4e9c;
    
}
#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
{
    background-color: #1a4e9c;
    float: left;
    display: inline;
    width: 100%;
    height: 20px;
}
#pageLeft #infoImage SPAN
{
    padding: 100px 0px 40px 0px;
    background-image: url("/Images/OEParts/telefonbild.gif");
    background-repeat:no-repeat;
    background-position:center;
}
#pageLeft #AAAImage SPAN
{
	text-align: center;
}

#searchArea
{
    margin-left: 500px;
}

.blocklogin
{
   margin-left: 717px;
   margin-bottom: 36px;
} 

.blocklogout
{
    margin-left: 720px;
    margin-bottom: 6px;
    margin-right: 0px;
}

/* -------------------- end top menu ------------------------- */

.button
{
    color: #1C2E6C;
}

#popup_title 
{
    background-color: #1A4E9C;
}




/* ===========================================================
			Product navigation
============================================================== */
		
/* General */
#sidetree {width: 247px; 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 {overflow: visible;}
		
/* Category specific */
#tree .topnode_0 {border-left-color: #1a4d9c;}
#tree .topnode_0 > a {background-color: #1a4d9c;}
#tree .topnode_1 {border-left-color: #00aeef;}
#tree .topnode_1 > a {background-color: #00aeef;}
#tree .topnode_2 {border-left-color: #41ad49;}
#tree .topnode_2 > a {background-color: #41ad49;}
#tree .topnode_3 {border-left-color: #ff8c00;}
#tree .topnode_3 > a {background-color: #ff8c00;}
#tree .topnode_4 {border-left-color: #D6C051;}
#tree .topnode_4 > a {background-color: #D6C051;}
#tree .topnode_5 {border-left-color: #40E0D0;}
#tree .topnode_5 > a {background-color: #40E0D0;}

/* Top level */
#tree > li {background: #e6e6e4; margin-bottom: 4px; border: 1px solid #BBBAB8; border-left: 8px solid;}
#tree > li > ul {margin: 0 15px; padding-bottom: 10px;}
#tree > li > ul > li > ul {margin-left: 15px;}
#tree > li > a {padding: 6px 10px; font-size: 14px; background-image: url(../../Images/OEParts/Treemenu/corner.png); background-position: left top; background-repeat: 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: 35px; 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.product-details li:last-child a {color: #1C2E6C; font-weight: bold; pointer-events: auto;}
.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; font-weight: normal; 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;}
/* Very nice diming of the neighbouring columns
#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 #E1EEF4;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 10px 10px 10px 50px;
    width: 681px;
}

#ProductSectionSearchArea + #productSectionMenuWrapper 
{
	padding-top: 0;
}

#CategorySearchButton 
{
	float: none;
}

.js #ProductSectionSearchArea label 
{
	position: absolute;
	overflow: hidden;
	width: 394px;
	color: #666666;
    display: block;
    font-size: 11px;
    margin-right: 10px;
    padding: 6px 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.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: 400px;
}
