/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN MENU
03 CONTENT STYLING
04 CONTACT FORM
05 COLORS

*/



/*  _______________________________________

	01 MENU BAR
    _______________________________________  */


#wrapper_menu {
	margin:0 auto;
	display:block;
}
#wrapper_menu .menu {
	list-style:none;
	margin:30px auto 0 auto;
	height:43px;
	padding:0 20px 0 20px;

}

#nav_menu {
    margin:0 0 15px 0;
    display:block;
    position: relative;
    z-index:999;}

#nav_menu .menu {
	list-style:none;
	margin:0 auto 0 auto;
	height:38px;
	padding:0 10px 0 10px;
}
.menu li {
	float:left;
	text-align:center;
	position:relative;
	margin-right:15px;
	margin-top:6px;
	border:none;	
}
.menu li.fullwidth {
	position: static !important;
}
.menu li.fullwidth:hover .dropdown_5columns 
{
    margin-left:0;
    margin-top:10px;
    left:0;
}
.menu li:hover {
	background: none repeat scroll 0 0 #FFFFFF;
    height: 32px;
    margin-top: 0;
    padding-top: 6px;

}
.basket dd ul li:hover {
    background-color: #FFF;
}
.menu li.nodrop:hover {
	background:#fff;
	border:1px solid #ddd;
	margin-right:15px;
	margin-left:15px;
	padding: 4px 10px 4px 9px;
}

.menu li.nodrop:hover a {
	padding: 0;
}
.menu li a {
	color: #fff;
	outline:0;
	padding: 3px 10px;
	text-decoration:none;
	display:block;
	font-size: 14px;
	font-family: 'Droid Sans', sans-serif;
}
.menu li:hover a {
	color:#333333;
	position:relative;
	z-index:11;
	border-bottom:none;
	/*padding: 4px 9px 4px 9px;*/
}
.menu li:hover div a {
	display:inline;
}
.menu li .drop {
	/*background:url("../images/drop.png") no-repeat right 13px;*/
}
.menu li:hover .drop {
	/*background:url("../images/drop.png") no-repeat right 13px;*/
}

/* ACTIVE MENU */
.menu .nodrop_active {
	background:#fff;
	border:none;
	margin-right:15px;
	height: 29px;
	margin-top: 0;
    padding: 9px 10px 0 9px;
	border-bottom: none;
}
.menu .nodrop_active .drop {
	padding:0;
}
.menu .nodrop_active:hover {
	background:#fff;
	border:none;
	/*margin-right:15px;*/
	height: 29px;
    padding: 9px 10px 0 9px;
	border-bottom: none;	
}
.menu .nodrop_active a {
	padding: 0;
	color:#333333;	
}
.menu .nodrop_active a:hover {
	/*padding: 0;*/
	color:#333333;	
}
/* ACTIVE MENU ENDE */

/* Right aligned menu item */

.menu .right {
	float:right;
	right:0;
	margin-right:0;
}
.menu li.right:hover {
	margin-right:-1px;
}

/* Small Menu Items */

.col_1 ul li {
	padding: 10px 0 0 !important;
	margin: 0 !important;
	height: 50px !important;
	margin-top:7px !important;}

.col_1 ul li:hover {
	padding: 10px 0 0 !important;
	margin: 0 !important;
	height: 50px !important;
	margin-top:7px !important;}

.col_1 ul li a 
{
	padding: 0 !important;
	margin: 0 !important;
	height: 30px !important;
	padding-left: 55px !important;
	font-weight: bold !important;
}

.col_1 ul li a :hover
{
	padding: 0 !important;
	margin: 0 !important;
	height: 30px !important;
	/*padding-left: 18px !important;*/
}

.Underline 
{
	border-bottom: solid 1px #ddd !important;
}

.img_user               {background-position:    0 -473px !important;}
.img_changePassword     {background-position:    0 -1052px !important;}
.img_calc               {background-position:    0 -876px !important;}
.img_settings           {background-position:    0 -631px !important;}
.img_openAssignments    {background-position:    0 -1296px  !important;}
.img_liefer             {background-position:    0 -1388px !important;}
.img_openPayments       {background-position:    0 -1142px !important;}
.img_ecotax             {background-position:    0 -1466px !important;}
.img_manual             {background-position:    0 -1537px !important;}  
.img_leadtimes          {background-position:    -2px -1605px !important;}

/*  _______________________________________

	02 DROP DOWN MENU
    _______________________________________  */



/* Left & right aligned common styles */

.menu .dropdown_1column, 
.menu .dropdown_2columns, 
.menu .dropdown_3columns, 
.menu .dropdown_4columns,
.menu .dropdown_5columns,
.menu .dropdown_fullwidth {
	margin:3px auto;
	left:-999em;
	position:absolute;
	background: #FFF;
	border-left:1px solid #DFDFDF;
	padding:10px 10px 20px;
	text-align:left;
	


}

.menu .dropdown_1column a, 
.menu .dropdown_2columns a, 
.menu .dropdown_3columns a, 
.menu .dropdown_4columns a,
.menu .dropdown_5columns a,
.menu .dropdown_fullwidth a{
	color: #00000;
	outline:0;
	padding: 5px 10px 3px 10px;
	text-decoration:none;
	display:block;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Drop Downs Sizes */

.menu .dropdown_1column {width: 145px;}
.menu .dropdown_2columns {width: 410px;}
.menu .dropdown_3columns {width: 455px;}
.menu .dropdown_4columns {width: 610px;}
.menu .dropdown_5columns 
{
    width: 978px;
    margin-left: -115px;
}
.menu .dropdown_fullwidth {
	width: 920px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}
.menu li .first_fullwidth {
	-moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
}

/* Showing Drop Down on Mouse Hover - Left aligned */

.menu li:hover .dropdown_1column, 
.menu li:hover .dropdown_2columns, 
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns {
	left: -1px;
    top: 35px;
}
.menu li:hover .dropdown_fullwidth {
	left:21px;
	top:33px;
	display: block;
}
#wrapper_menu_full .menu li:hover .dropdown_fullwidth {
	left:50%;
	margin-left:-470px;
	top:32px;
	display: block;
}

/* Showing Drop Down on Mouse Hover - Right aligned */

.menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0 5px 5px;
    -webkit-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
}
.menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:25px;
}
.menu li.right:hover .dropdown_fullwidth {
	right:18px;
	top:33px;
}

/* Columns Sizes */

.menu .col_1,
.menu .col_2,
.menu .col_3,
.menu .col_4,
.menu .col_5,
.menu .col_6 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
}
.menu .col_1 {width:200px;}
.menu .col_2 {width:320px;}
.menu .col_3 {width:455px;}
.menu .col_4 {width:980px;}
.menu .col_5 {width:765px;}
.menu .col_6 {width:920px;}

/* IMPORTANT */

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {
	margin-left: 0; /* Clearing margin & left */
	clear: left;
}



/*  _______________________________________

	03 CONTENT STYLING
    _______________________________________  */



.menu div,
.menu ul,
.menu li,
.menu h2,
.menu h3 {
	font-size:14px; 
	font-family: 'Droid Sans', sans-serif;
	line-height:21px;
	text-align:left;
	
}
.menu div {
	font-size:12px;
	line-height:18px;
	margin:0;
	font-family: Arial;
}
.menu .strong {
	font-weight:bold;
}
.menu .italic {
	font-style:italic;
}
.menu h2, 
.menu h3 {

	border-bottom:1px solid #ddd;
	margin-top:7px;
	color: #333;
}
.menu h2 {

	font-size:16px;
	margin-bottom:20px;
	padding-bottom:13px;
	font-weight:400;
	
}
.menu h3 {
	font-weight:600;
	font-size:14px;
	margin-bottom:14px;
	padding-bottom:7px;
}
.menu li:hover div a {
	text-decoration:none;
	text-shadow:none;
	border:none;
	padding:0;
}
.menu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
	margin-top:18px;
}

/* Icon paragraphs */

.menu .help,
.menu .favorite,
.menu .mail,
.menu .print,
.menu .tire,
.menu .rim,
.menu .set,
.menu .tireWinter,
.menu .tireTruck,
.menu .tireBike,
.menu .rimSteel,
.menu .accessories,
.menu .offer,
.menu .contact,
.menu .pdf,
.menu .technic,
.menu .car,
.menu .download,
.menu .ico_ecoTax {

	margin-bottom:5px;
	margin-right: 20px;
	height: 80px;
	padding: 10px 0 0 100px !important;
}
.menu div.first
{
    padding-bottom: 20px !important;
    border-bottom: solid 1px #ddd;
    
}

.menu .help a,
.menu .favorite a,
.menu .mail a,
.menu .print a,
.menu .tire a,
.menu .rim a,
.menu .set a,
.menu .tireWinter a,
.menu .tireTruck a,
.menu .tireBike a,
.menu .rimSteel a,
.menu .accessories a,
.menu .offer a,
.menu .contact a,
.menu .pdf a,
.menu .technic a,
.menu .car a,
.menu .download a {
	font-size: 12px;
	color: #000;

	font-family: Arial, Helvetica, sans-serif;
}
.menu .offer {
	background:url("../images/nav_Offer.png") no-repeat -5px -5px;
}
.menu .tire {
	background:url("../images/nav_Tire.png") no-repeat -5px -5px;
}
.menu .set {
	background:url("../images/nav_CompleteSet.png") no-repeat -5px -5px;
}
.menu .tireWinter {
	background:url("../images/nav_TireWinter.png") no-repeat -5px -5px;
}
.menu .tireTruck {
	background:url("../images/nav_TireTruck.png") no-repeat -5px -5px;
}
.menu .tireBike {
	background:url("../images/nav_TireMotorrad.png") no-repeat -5px -5px;
}
.menu .rim {
	background:url("../images/nav_RimAlu.png") no-repeat -5px -5px;
}
.menu .rimSteel {
	background:url("../images/nav_RimSteel.png") no-repeat -5px -5px;
}
.menu .accessories {
	background:url("../images/nav_accessories.png") no-repeat -5px -5px;
}
.menu .pdf {
	background:url("../images/nav_Pdf.png") no-repeat -5px -5px;
}
.menu .contact {
	background:url("../images/nav_Contact.png") no-repeat -5px -5px;
	width: 210px;
}
.menu .technic {
	background:url("../images/nav_Technical.png") no-repeat -5px -5px;
}
.menu .download {
	background:url("../images/nav_Download.png") no-repeat -5px -5px;
}

.menu .help {background:url("../images/help.png") no-repeat 0 2px;}
.menu .favorite {background:url("../images/favorite.png") no-repeat 0 2px;}
.menu .mail {background:url("../images/mail.png") no-repeat 0 2px;}
.menu .print {background:url("../images/print.png") no-repeat 0 2px;}
.menu .ico_ecoTax {background:url("../images/nav_EcoTax.png") no-repeat 0 2px;}

.menu_season 
{    
    background:             url("../images/icon_list_filter.png") no-repeat scroll transparent;
    padding-left:           40px;
    padding-top:            5px;
    float: left;
}
.menu_season_summer 
{
    background-position:    0 -72px;
}
.menu_season_winter 
{
    background-position:    0 -97px;
}
.menu_season_allseason
{
    background-position:    0 -125px;
}

/* Images styles */

.menu .imgshadow_dark { /* Better style on dark background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #333333;
	margin-top:5px;
	-moz-box-shadow:0 0 5px #000000;
	-webkit-box-shadow:0 0 5px #000000;
	box-shadow:0 0 5px #000000;
}
.menu .imgshadow_light { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0 0 5px #666666;
	-webkit-box-shadow:0 0 5px #666666;
	box-shadow:0 0 5px #666666;
}
.menu .img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:2px 15px 5px 0;
}
.menu .img_right { /* Image sticks to the right */
	width:auto;
	float:right;
	margin:2px 0 5px 15px;
}

/* Box styles */

.menu li .black_box,
.menu li .dark_grey_box {
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.menu li .black_box {
	background-color:#333333;
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}
.menu li .dark_grey_box {
	background-color:#555555;
	-webkit-box-shadow:inset 0 0 3px #111111;
	-moz-box-shadow:inset 0 0 3px #111111;
	box-shadow:inset 0 0 3px #111111;
}

/* Standard lists styles */

.menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
.menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	width:200px;
}
.menu li ul li a {
	padding:0;
}
.menu li ul li:hover {
	/*background:none;*/
	border:none;
	padding:0;
	margin:0;
}

/* Greybox lists styles */

.menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0 0 4px 0;
	padding:4px 6px 4px 6px;
	width:131px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0 0 4px 0;
}

/* Other lists styles */

.menu li .plus li {
	background: url("../images/plus.png") left 6px no-repeat;
	margin:0 0 4px 0;
	padding:0 0 0 21px;
	width:109px;
}
.menu li .plus li:hover {
	background: url("../images/plus.png") left 6px no-repeat;
	padding:0 0 0 21px;
	margin:0 0 4px 0;
}

/* Social Icons */

.menu li ul.social {
	list-style:none;
	margin:0;
	padding:0;
}
.menu li ul.social li {
	padding-top:5px;
	margin:0 12px 12px 0;
	float:left;
	position:relative;
	display:inline;
	width:32px;
}
.menu li ul.social li img {
	border:none;
}
.menu li ul.social li:hover {
	padding-top:5px;
	margin:-1px 12px 12px 0;
}
.menu li ul.social li span {
	display:none;
}

/* 2-Levels Drop Down */


.menu .levels, .menu .levels ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
.menu li:hover .levels a {
	display:block;
}
.menu .levels a {
	display: block;
	width: 10em;
}
.menu .levels a.parent, .menu .levels a.parent:hover {
	background: url("../images/drop2.png") right center no-repeat;
}
.menu .levels li {
	float: left;
	width:150px;
}
.menu .levels li ul { /* second-level lists */
	position: absolute;
	border:1px solid #666666;
	background:#EEEEEE;
	top:-23px;
	margin:15px 0 0 4px;
	padding:6px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
	background: -o-linear-gradient(top, #EEEEEE, #BBBBBB);
	left: -999em;
}
.menu .levels li ul ul {
	top:-23px;
}
.menu .levels li:hover ul ul, .menu .levels li:hover ul ul ul {
	left: -999em;
}
.menu .levels li:hover ul, .menu .levels li li:hover ul, .menu .levels li li li:hover ul {
	left: 142px;
}



/*  _______________________________________

	04 CONTACT FORM
    _______________________________________  */



#contact_form label, legend {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
#contact_form legend {
	margin-bottom:10px;
}
#contact_form {
	display: block;
	margin-bottom:10px;
}
#contact_form label {
	display: inline-block; 
	float: left; 
	height: 36px; 
	line-height: 36px; 
	width:80px;
	font-size:12px; 
}

#contact_form textarea {
	resize:none;
}   
#contact_form input:focus, textarea:focus, select:focus {
	box-shadow: rgba(0,0,0, 0.7) 0 0 3px;
	-moz-box-shadow: rgba(0,0,0, 0.7) 0 0 3px;
	-webkit-box-shadow: rgba(0,0,0, 0.7) 0 0 3px;  
	border:1px solid #333333;
}
#contact_form input:hover, textarea:hover, select:hover {
}
#contact_form .required {
	color:#C00;
}
#contact_form .form_buttons {
	margin:4px 0 0 80px;
}
#contact_form input.button {
	width: 80px;
	margin-right:10px;
	cursor: pointer;
	background-color:#1E1E1E;
	border:1px solid #0A0A0A;
	color:#cccccc;	
	padding: 4px 7px 4px 7px;
}
#contact_form input.button:hover {
	color:#eeeeee;	
	background-color:#222222;
	border:1px solid #000000;
}
#contact_form .special {
	display:none;
}
#contact_form .error, #contact_form .sent {
	font-size:11px;
	padding:2px 5px 2px 5px;
	text-shadow:none;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius: 3px;
}
#contact_form .error {
	background:#FBE5E2; 
	border:#F2A197 solid 1px; 
	color:#992213;
}
#contact_form .sent {
	background:#E1F8CB; 
	border:#C6D880 solid 1px; 
	color:#37620d;
}



/*  _______________________________________

	05 COLORS
    _______________________________________  */



/* Black */

.menu_black {
	background: none repeat scroll 0 0 #535456;
	
}
#wrapper_menu .menu_black {
	border: 1px solid #444;
	border-top: 1px solid #777;
}
#wrapper_menu_full .menu_black {
	border-bottom: 1px solid #444;
}
.menu_black li:hover div a {
	color:#444;
	cursor:pointer; /*IE7*/
}
.menu_black li:hover div a:hover {
	color:#777;
}
.menu_black li ul li a:hover {
	color:#777;
}


.smallLink 
{
	padding-left: 18px !important;
}