﻿.top_nav_container
{
	width:100%;
}
.top_nav_logocontainer
{
	width:172px;
	float:left;
	height:100%;
}
.top_nav_functioncontainer
{
	width:788px;
	float:left;
	height:61px;
	background:#000;
}
.top_nav_searchcontainer
{
	height:30px;
	text-align:right;
	position:relative;
}
.top_nav_globallinkcontainer
{
	height:35px;
	text-align:right;
	
}
.top_nav_searchboxcontainer
{
	float:right;
	border:1px solid #696f6f;
	position:absolute;
	top:5px;
	right:0em;
}
.top_nav_gtoughcontainer
{
	float:right;
	color: #F5C300;
	margin-right:1em;
	line-height:2.4em;
	position:absolute;
	bottom:0em;
	right:14em;
}
.metagtough
{
	background:url(../images/common/metagtough_1.jpg) no-repeat;
}
#inp_searchstring
{
	background-color:#fff;
	border:0px none;
	width:120px;
	height:21px;
	font-weight:bold;
	font-size:0.9em;
	text-transform:uppercase;
	line-height:20px;
}
#searchstring
{
	background-color:#fece00;
	border:0px none;
	width:120px;
	height:20px;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	line-height:20px;
	float:left;
}
.search_submit_container .rui-re-anchor, .submit_prod_form .rui-re-anchor
{
	color:#000;	
}
.search_submit_container .rui-re-anchor ul, .submit_prod_form .rui-re-anchor ul
{
	height:150px;
	overflow-y:scroll;
	text-align:left;
}

.globe
{
	width:24px;
	height:23px;
	margin-top:5px;
	float:right;

}
.globe a
{
	width:24px;
	height:23px;
	background:url(../images/common/globe_normal.jpg) no-repeat;
	text-decoration:none;
	display:block;
}
.globe a:hover
{
	width:24px;
	height:23px;
	background:url(../images/common/globe_hover.jpg) no-repeat;
	text-decoration:none;
	display:block
}
.top_meta
{
	color:#6f6f6f;
	line-height:35px;
}
.top_meta a
{
	color:#6f6f6f;
	text-decoration:none;
	text-transform:uppercase;
}
.top_meta a:hover
{
	color:#fff;	
}
.menu_area_home
{
	height:30px;
}
#menu
{
	z-index:1;
	position:relative;
}

.outer_menu_wrapper {
	background:#2c2c2c;			
	padding-bottom:1px;
	width:960px;
	margin: 0 auto;
}

.menu_wrapper {
	
	text-align:left;
	background:#303030 url(../images/menu/1px_darkyellow.gif) repeat-x left top;
	height:100%;
}
			
.menu_wrapper br {
	clear:both;
	float:none;
}

ul.menu {			
	white-space:nowrap;
	clear:both;
	position:relative;
	z-index:500;
	

	/* IE 6+7 */
	float:left;
	width:100%;
}

ul.menu a {
	color:#fff;
	text-transform:uppercase;
	display:block;
	padding-left:1em;
	padding-right:1em;
	padding-top:0.8em;
	padding-bottom:0.8em;
	text-decoration:none;
					
	border-left: solid 1px transparent;
	border-right: solid 1px transparent;
}
/* IE 6 must die! */
*html ul.menu a {
	border-color: #303030;
	filter:progid:DXImageTransform.Microsoft.Chroma(color="#303030");*/
}

			
ul.menu li.has_submenu a {
	background: url(../images/menu/arrow_down_space.gif) no-repeat right 50%;
	padding-right:1.7em;
}

ul.menu li.active  {
	background:#626262 url(../images/menu/1px_brightyellow.gif) repeat-x left top;
}



ul.menu li.hover a,
ul.menu a:hover,
ul.menu li.active a:hover {
	background:#000 url(../images/menu/1px_brightyellow.gif) repeat-x left top;
	

	border-left: solid 1px #7b7b7b;
	border-right: solid 1px #7b7b7b;

	
	
	border-bottom: solid 1px #000;
	margin-bottom:-1px;
	
	
	position:relative;
	z-index:1000;
}

ul.menu a:hover {
	/* border-bottom: solid 1px #333;*/
}

ul.menu li.active.hover a,
ul.menu li.hover a {
	background: url(../images/menu/arrow_down_space.gif) no-repeat right 50%;
}
			
ul.menu li.hover {
	background:#000 url(../images/menu/1px_brightyellow.gif) repeat-x left top;
}

ul.menu li {
	display:inline;
	float:left;
}

ul.menu li.last {
	clear:right;
}

ul.menu li.last:after {
	float:none;
	clear:both;
}

/*
ul.submenu {			
	background:#000 url(../images/menu/submenu_bg.gif) repeat-x left bottom;
	position:absolute;
	left:10px;
	right:10px;
	z-index:500;
	display:none;
	border:solid 1px #7B7B7B;
	padding: 20px;
	height:	auto;
	overflow:hidden;
	white-space:normal;
	border-radius: 5px;
}

*html ul.submenu {
	width:895px;
}

ul.submenu li {
	width:20%;
}

*html ul.submenu li {
	width:19%;
}

ul.menu li.hover ul.submenu li a,
ul.menu ul.submenu li a {
	background:none;
	color:#ffcc00;
	text-transform:none;
	font-weight:bold;
	border:none;
	padding:0.2em 0.2em 0.2em 0.3em;
	margin: 0 20px 0 0;
	font-size:1.1em;
}

ul.menu li.hover ul.submenu li a:hover {
	background:#434343;
}			


ul.menu ul.submenu .newproduct_box {
	padding-top:20px;
	
}
ul.menu ul.submenu .newproduct_box
{
	font-size:0.9em;	
}
ul.menu ul.submenu .newproduct_box a {
	font-weight:normal !important;
	color:#fff !important;
	display:block !important; 
	padding-bottom:30px !important;
}

ul.menu ul.submenu .newproduct_box a:hover {
	background:none !important;
}

ul.menu ul.submenu ul.toolmenu {
	padding-top:20px;
}

ul.menu ul.submenu ul.toolmenu li {
	display:block;
	float:none;
	width: 100%;
}

ul.menu ul.submenu ul.toolmenu li a {
	font-weight:normal;
	color:#fff;
	background: url(../images/menu/1px_white_left_space.gif) no-repeat left 0.7em;
	padding: 0.2em 0.2em 0.2em 12px;
	font-size:100%;
}

ul.menu  ul.submenu  li.active {
	background:none;
}

ul.menu li.active ul.submenu li.active  ul.toolmenu  a {
	background: url(../images/menu/1px_white_left_space.gif) no-repeat left 0.7em;
}


ul.menu  li.active ul.submenu li.active a {
	/*background:#434343 url(../images/menu/1px_white_left_space.gif) no-repeat left 0.7em;*/
/*
}

ul.menu  li.active ul.submenu ul.toolmenu li.active a {
	background:url(../images/menu/1px_white_left_space.gif) no-repeat left 0.7em;
	font-weight:bold;
}
	
ul.menu ul.submenu a:hover {
	background-image:none;
}

ul.menu ul.submenu a:hover,
ul.menu  li.active  ul.submenu ul.toolmenu li a:hover {
	background:#434343 url(../images/menu/1px_white_left_space.gif) no-repeat left 0.7em;
	margin: 0 20px 0 0;
	border:none;
}
ul.menu .ladders{padding-top:20px}
ul.menu .handtools{padding-top:20px}
*/

.subpagemenu_wrapper {
	
	height: 100%;
}

.subpagemenu_wrapper br {
	clear:both;
	float:none;
}

ul.subpagemenu {
	background: url(../images/menu/bg_gray_line.gif) repeat-x left bottom;
	white-space: nowrap;
	clear: both;
	position: relative;
	float:left;
	width:100%;
}

ul.subpagemenu li {
	display:inline;
	float:left;
	padding-bottom:1px;
}

ul.subpagemenu li a {
	display:block;
	background: url(../images/menu/bg_gray.gif) no-repeat left top;
	padding:0.8em 1.2em 0.8em 1.2em;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}

ul.subpagemenu li div {
	background: #575757 url(../images/menu/bg_gray_right.gif) no-repeat right top;
	padding-right:2px;
	float:left;
}

ul.subpagemenu li.active {
	background: #2d2d2d;
}

ul.subpagemenu li.active div{
	padding:0;
}


ul.subpagemenu li.active a:hover,
ul.subpagemenu li.active a {
	color:#ffcc00;
	background: url(../images/menu/bg_gray_active.gif) no-repeat left top;
	
	
	/*border-bottom:solid 1px #2d2d2d;
	/*
	border-bottom:solid 1px #2d2d2d;

	margin-bottom:-2px;*/
}

ul.subpagemenu li a:hover {
	background: url(../images/menu/bg_gray_hover.gif) no-repeat left top;
}

/* market language links */ 
.flags {
	float:right;
	margin-top: 10px;
	width:27px;
}
.flags a{
	display: block;
	text-indent: -1000em;
	height:20px
}
.german a{
	background:url(../images/flag_de_in.gif) no-repeat;
}
.german a:hover{
	background:url(../images/flag_de.gif) no-repeat;
}
.german_act a{
	background:url(../images/flag_de.gif) no-repeat;
}
.french a{
	background:url(../images/flag_fr_in.gif) no-repeat;
}
.french a:hover{
	background:url(../images/flag_fr.gif) no-repeat;
}
.french_act a{
	background:url(../images/flag_fr.gif) no-repeat;
}
.italian a{
	background:url(../images/flag_ita_in.gif) no-repeat;
}
.italian a:hover{
	background:url(../images/flag_ita.gif) no-repeat;
}
.italian_act a{
	background:url(../images/flag_ita.gif) no-repeat;
}
.dutch a{
	background:url(../images/flag_nl_in.gif) no-repeat;
}
.dutch a:hover{
	background:url(../images/flag_nl.gif) no-repeat;
}
.dutch_act a{
	background:url(../images/flag_nl.gif) no-repeat;
}
.english a{
	background:url(../images/flag_en_in.gif) no-repeat;
}
.english a:hover{
	background:url(../images/flag_en.gif) no-repeat;
}
.english_act a{
	background:url(../images/flag_en.gif) no-repeat;
}


/* Breadcrump */

.breadcrumb_container
{
	min-height:30px;
	width:100%;
	background:url(../images/common/breadcrumb_bg.jpg) repeat-x;
	color:#c4c4c4;
	text-transform:uppercase;
	background-color:#2d2d2d;
}
.breadcrumb_container a
{
	color:#c4c4c4;
	text-transform:uppercase;
	text-decoration:none;
}
.breadcrumb_innercontainer
{
	padding-top:0.8em;
	padding-bottom:0.8em;
	margin-left:1em;
	height:10px;
	display:block;
	float:left;
}
.breadcrumb_innercontainer img
{
	margin-bottom:1px;
}
.breadcrumb_arrow
{
	width:5px;
	height:5px;
	background:url(../images/common/breadcrump_arrow.gif) no-repeat;
	margin-left:0.5em;
	margin-top:0.3em;
	float:left;
}
.breadcrumb_backcontainer
{
	float:right;
	margin-right:1em;
	text-transform:uppercase;
	padding-bottom: 0.8em;
    padding-top: 0.8em;
    display: block;
}
.breadcrumb_backcontainer a
{
	color:#c4c4c4;
	text-transform:uppercase;
}
.breadcrumb_backcontainer img
{
	margin-bottom:1px;
}
.menu_wrapper{
background:url('../images/navigation2014/nav_bg.jpg') repeat-x;
}
ul.submenu {			
background:#232323;
position:absolute;
margin-top:1px;
left:0;
right:0;
z-index:500;
display:none;
border:none;
height:	390px;
overflow:hidden;
white-space:normal;
padding:0;
}
*html ul.submenu {
width:960px;
}
ul.submenu #submenu_inner  ul,
ul.submenu #submenu_inner  li{
width:auto;
height:auto;
}	
ul.submenu li {
width:auto;
}
ul.menu li.hover ul.submenu li a,
ul.menu ul.submenu li a {
background:none;
color:#999;
text-transform:uppercase;
font-weight:bold;
border:none;
padding:0;
margin:0;
font-size:13px;
}
ul.menu li.hover ul.submenu li a:hover {
color:#ffcc00;
background:none;
}	

/* SUBMENU LEFT */
ul.submenu #submenu_inner .submenu_left{
width:300px;
float:left;
padding:0;
background: #2e2e2e; /* Old browsers */
background: -moz-linear-gradient(top,  #2e2e2e 0%, #3c3d3d 50%, #232323 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e2e2e), color-stop(50%,#3c3d3d), color-stop(100%,#232323)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2e2e2e 0%,#3c3d3d 50%,#232323 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2e2e2e 0%,#3c3d3d 50%,#232323 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2e2e2e 0%,#3c3d3d 50%,#232323 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2e2e2e 0%,#3c3d3d 50%,#232323 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#232323',GradientType=0 ); /* IE6-9 */
height:425px;
}
ul.submenu #submenu_inner .submenu_left li{
display:block;
float:none;
border-bottom:1px solid #535353;
position:relative;
padding:none;
}
ul.submenu #submenu_inner .submenu_left li a{
font-weight:bold;
}
ul.submenu #submenu_inner .submenu_left li div{
display:table-cell;
vertical-align:middle;
text-align:center;
height:47px;
padding:0 30px 0 20px;
width:270px;
}
ul.submenu #submenu_inner .submenu_left li div .arrow{
width:7px;
height:10px;
background:url('../images/navigation2014/menu_arrows.png') no-repeat bottom right;
position:absolute;
right:10px;
top:20px;
padding:0;
}
ul.submenu #submenu_inner .submenu_left li:hover div .arrow,
ul.submenu #submenu_inner .submenu_left .visible .arrow{
background:url('../images/navigation2014/menu_arrows.png') no-repeat top left;
}
ul.submenu #submenu_inner .submenu_left li:hover a{
color:#ffcc00;
font-weight:bold;
}
ul.submenu #submenu_inner .submenu_left li:last-child,
ul.submenu #submenu_inner .submenu_left li:last-child:hover{
border-bottom:none;
}
ul.submenu #submenu_inner .submenu_left .visible a{
color:#ffcc00;
font-weight:bold;
}
ul.submenu #submenu_inner .submenu_left .visible {
border-bottom:1px solid #ffcc00;
background:#232323;
}
ul.submenu #submenu_inner .submenu_left li:last-child .visible {
border-bottom:none;
}

/* SUBMENU MIDDLE */
ul.submenu #submenu_inner .submenu_middle{
width:480px;
float:left;
padding:12px 30px;
}
ul.submenu #submenu_inner .submenu_middle ul{
padding:0;
margin:0;
}
ul.submenu #submenu_inner .submenu_middle {
-webkit-column-count: 2; 
-moz-column-count: 2; 
column-count: 2;
height:360px!important;
}
ul.submenu #submenu_inner .submenu_middle li a{
text-transform:none;
color:#fff;
font-size:14px;
font-weight:normal;
}
ul.submenu #submenu_inner .submenu_middle li{
display:block;
padding:10px 0;
margin:0;
width:200px;
float:none;
}
ul.submenu #submenu_inner .submenu_middle li:hover a{
color:#ffcc00;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}

/* SUBMENU RIGHT */
ul.submenu #submenu_inner .submenu_right{
width:230px;
float:left;
padding:12px 20px;
background: #2e2e2e; /* Old browsers */
background: -moz-linear-gradient(top,  #2e2e2e 0%, #3c3d3d 50%, #232323 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e2e2e), color-stop(50%,#3c3d3d), color-stop(100%,#232323)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2e2e2e 0%,#3c3d3d 50%,#232323 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2e2e2e 0%,#3c3d3d 50%,#232323 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2e2e2e 0%,#3c3d3d 50%,#232323 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2e2e2e 0%,#3c3d3d 50%,#232323 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#232323',GradientType=0 ); /* IE6-9 */
height:401px;
}
ul.submenu #submenu_inner .submenu_right h1{
font-size:16px;
font-weight:bold;
color:#fff;
border-bottom:1px solid #ffcc00;
padding:4px 0;
}
ul.submenu #submenu_inner .submenu_right h2{
font-size:12px;
line-height:14px;
font-weight:normal;
color:#fff;
padding:6px 0 8px 0;
}
ul.submenu #submenu_inner .submenu_right .submenu_right_container{
padding:0 0 20px 0;
}
ul.submenu #submenu_inner .submenu_right .submenu_right_container:last-child{
padding:0;
}

/* SUBMENU MIDDLE CONTENT */
.submenu_powertools,
.submenu_accessories,
.submenu_attachments,
.submenu_protectiveworkwear,
.submenu_ladders,
.submenu_handtools,
.submenu_fasteninganchors{
display:none;
opacity:0;
height:0;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-o-transition: opacity 100ms linear;
-ms-transition: opacity 100ms linear;
transition: opacity 100ms linear;
}
.visible-step1{
display:block;
opacity:0;
height:0;
}
.visible{
display:block;
height:auto;
opacity:1;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-o-transition: opacity 100ms linear;
-ms-transition: opacity 100ms linear;
transition: opacity 100ms linear;
}

/* PRODUCTS */
.product_row ul li a span.image, .product_row ul li a span.image_protective, .product_row ul li a span.image_protectivesub {
    background-position: 12px 12px !important;
    background-size: 165px 165px !important;
	background-repeat:no-repeat !important;
	background-color:#fff!important;
    height: 190px !important;
    width: 190px !important;
}
.product_row ul li a span.headline{
	    min-height: 23px!important;
}

.marketlanguage_13 ul.menu li:nth-child(6),
.marketlanguage_13 ul.menu li:nth-child(7){
	display:none;
}
