/*MEGA MENU*/
div#navholder {
	float: left;
	display: block;
	clear: both;
	height: auto !important;
	box-shadow: 0px 0px 5px #333;
}
div#contentholder 
{
	display: block;
	clear: both;
}
ul#megamenu {
	margin: 0; 
	padding: 0;
	float:left;
	width: auto;
	list-style: none;
	display: inline; /*Double Margin bug IE*/
	overflow: visible;
}
ul#megamenu li.mega {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #222;
	border-top: 1px solid #777;
	text-align: center;
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjNWM1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDJkMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
	background-image: url('/shared/images/nav/bg.png');
	height: 47px;
	overflow: visible;
}
ul#megamenu li.mega div {
	text-align: left;
	text-shadow: none;
}
a.nav1,
a.nav2,
a.nav3,
a.nav4,
a.nav5,
a.nav6,
a.nav7,
a.nav8,
a.nav9,
a.nav10,
a.nav11 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	display: block;
	text-decoration: none;
	text-shadow: 1px 1px #000;
	text-transform: capitalize;
	display:block;
	position: relative;
	overflow: visible;
}

.hovering a.nav1,
.hovering a.nav2,
.hovering a.nav3,
.hovering a.nav4,
.hovering a.nav5,
.hovering a.nav6,
.hovering a.nav7,
.hovering a.nav8,
.hovering a.nav9,
.hovering a.nav10,
.hovering a.nav11 {
	color: #D33 !important;
	text-shadow: 1px 1px #EEE !important;
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZTBkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
	background-image: url('/shared/images/nav/bg.png');
}

ul#megamenu li.solutions a,
ul#megamenu li.solutions {
	border-top-left-radius: 5px;
	border-left: 0;
}

ul#megamenu li.quicko a { border-top-right-radius: 5px; }
ul#megamenu li.quicko {
	line-height: 1.1em;
	border-top-right-radius: 5px;
	background-position: left -100px;
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzA2MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */

}
ul#megamenu li.quicko i {
	font-size: 1.5em;
}
ul#megamenu li.quicko a {
	font-weight: bold;	
	position:relative;
 
 
}
ul#megamenu li.quicko {
	border-top: 1px solid #f66;
	border-right: none;
	border-left: 1px solid #622;
}
ul#megamenu li.quicko,
ul#megamenu li.safety {
	border-top: 1px solid #FFF;
	border-left: 1px solid #ccc;
	border-right: 1px solid #AAA;
	background-position: left -100px;
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZTBkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YzljOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
}
ul#megamenu li.quicko a,
ul#megamenu li.safety a {
	color: #111;
	text-shadow: 1px 1px #CCC;
}
ul#megamenu li.quicko ,s
ul#megamenu li.safety div a {
	text-shadow: none;
	position: absolute;
	right: 0%
}

ul#megamenu li.solutions{
	background-position:left -150px;
	/* Remove Gradent if required
	background-image: none; 
	background: #E63C39;*/
}

a.nav1 { width: 86px; min-height: 39px; padding-top: 8px; }
a.nav2 { width: 86px; min-height: 31px; padding-top: 16px; }
a.nav3 { width: 85px; min-height: 31px; padding-top: 16px; }
a.nav4 { width: 80px; min-height: 31px; padding-top: 16px; }
a.nav5 { width: 90px; min-height: 39px; padding-top: 8px; }
a.nav6 { width: 90px; min-height: 31px; padding-top: 16px; }
a.nav7 { width: 90px; min-height: 31px; padding-top: 16px; }
a.nav8 { width: 91px; min-height: 39px; padding-top: 8px; }
a.nav9 { width: 85px; min-height: 31px; padding-top: 16px; }
a.nav10 { width: 112px; min-height: 39px; padding-top: 8px; }
a.nav11 { width: 81px; min-height: 35px; padding-top: 12px; position: absolute; }

/* Prevent quick-order link pushing up when SKU code is entered */
li.quicko {
width: 80px; height: 47px;
display: block;
}


ul#megamenu li:hover a, ul#megamenu li a:hover, ul#megamenu li.hovering a { /*--Hover State--*/
	background-position: left -50px;
}
/*Sub Nav */
ul#megamenu div.subnav {
	display: none;
}
ul#megamenu li.mega div.subnav {
	position: absolute;
	width: 695px;
	top: 48px;
	left: 0;
	z-index: 99999;
	background: #FFFFFF;
	padding: 20px 15px 5px 15px;
	display: none; /*--Hidden for those with js turned off--*/
	border: 1px solid #999999;
	border-top: none;
	overflow:hidden;
}
/*Hide the subnavs*/
ul#megamenu li.hovering div.subnav {
	display: block;
}
/*give the subnavs the correct colour bottom and position*/

ul#megamenu li.solutions div.subnav {
	left: -1px;
	border-bottom: 10px solid #E63C39;
	width: 230px;/*over rule the width*/
}
ul#megamenu li.clothing div.subnav {
	left: -1px;
	border-bottom: 10px solid rgb(136,154,175);
	width: 910px;/*over rule the width*/
}
ul#megamenu li.footwear div.subnav {
	left: 68px;
	border-bottom: 10px solid rgb(85,52,47);
	width: 910px;/*over rule the width*/
}
ul#megamenu li.gloves div.subnav {
	left: 40px;
	border-bottom: 10px solid rgb(223,154,20);
}
ul#megamenu li.personalprotection div.subnav {
	left: 200px;
	border-bottom: 10px solid rgb(57,95,167);
	width: 910px;/*over rule the width*/
}
ul#megamenu li.hygiene div.subnav {
	left: 240px;
	border-bottom: 10px solid rgb(198,52,37);
	width: 670px;/*over rule the width*/
}
ul#megamenu li.workplace div.subnav {
	left: 405px;
	border-bottom: 10px solid rgb(128,177,60);
	width: 885px;/*over rule the width*/
}
ul#megamenu li.factoryequipment div.subnav {
	left: 542px;
	border-bottom: 10px solid rgb(84,40,101);
	width: 885px;/*over rule the width*/
}
ul#megamenu li.signs div.subnav {
	border-bottom: 10px solid #80B13C;
	width: 885px;/*over rule the width*/
}
ul#megamenu li.safety div.subnav {
	left: 35px;
	border-bottom: 10px solid #333333;
	width: 215px;/*over rule the width*/
}
ul#megamenu li.quicko div.subnav {
	left: 216px;
	border-bottom: 10px solid #FF0000;
	width: 269px;/*over rule the width*/
}
/*reset the links etc*/
ul#megamenu li.mega div.subnav a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	padding:0;
	text-decoration: none;
	color:#353535;
}
ul#megamenu li.mega div.subnav a:hover {
	text-decoration:underline;
}
/*Sub Menu Content*/
ul#megamenu li.mega div.subnav h3 {
	margin: 0 0 10px 0;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
}
div.column, div.columnlast {
	float: left;
	width: 215px;
	margin: 0;
}
div.columnlast {
	margin: 0;
}
/*Reset the ul's*/
ul#megamenu li.mega div.subnav ul {
	list-style: none;
	float: none;
	margin-bottom: 20px;
	padding:0;
	height: auto;
	width: auto;
}
ul#megamenu li.mega div.subnav ul.list {
    display:inline;
    margin-left:0;
    list-style-position:outside;
}
ul#megamenu li.mega div.subnav ul.list ul {
    margin-left:0;
}
ul#megamenu li.mega div.subnav ul li {
	float: none;
	margin: 0 0 5px 0;
	padding:0;
	height: auto;
	width: auto;
}
ul#megamenu li.mega div.subnav ul li.listtitle ul {
	font-weight: normal;
	margin-top: 5px;
}
ul#megamenu li.mega div.subnav ul li.listtitle {
	font-weight: bold;
}
/*Position ready for the small arrows*/
ul#megamenu li.mega div.subnav ul li.listtitle ul li {
	background-position:0 3px;
	background-repeat:no-repeat;
	padding:0 0 0 10px;
}
ul#megamenu li.solutions div.subnav ul li.listtitle a {
	color: #E63C39;
}
ul#megamenu li.solutions div.subnav ul li.listtitle ul li {
	background-image:url(../images/nav/footwear-arrow-small.gif);
}
ul#megamenu li.clothing div.subnav ul li.listtitle a {
	color:rgb(136,154,175);
}
ul#megamenu li.clothing div.subnav ul li.listtitle ul li {
	background-image:url(../images/nav/clothing-arrow-small.gif);
}
ul#megamenu li.footwear div.subnav ul li.listtitle a {
	color:rgb(85,52,47);
}
ul#megamenu li.footwear div.subnav ul li.listtitle ul li {
	background-image:url(../images/nav/footwear-arrow-small.gif);
}
ul#megamenu li.gloves div.subnav ul li.listtitle a {
	color:rgb(223,154,20);
}
ul#megamenu li.gloves div.subnav ul li.listtitle ul li {
	background-image:url(../images/nav/gloves-arrow-small.gif);
}
ul#megamenu li.personalprotection div.subnav ul li.listtitle a {
	color:rgb(57,95,167);
}
ul#megamenu li.personalprotection div.subnav ul li.listtitle ul li {
	background-image:url(../images/nav/pp-arrow-small.gif);
}
ul#megamenu li.hygiene div.subnav ul li.listtitle a {
	color:rgb(198,52,37);
}
ul#megamenu li.hygiene div.subnav ul li.listtitle ul li {
	background-image:url(../images/nav/hygiene-arrow-small.gif);
}
ul#megamenu li.workplace div.subnav ul li.listtitle a {
	color:rgb(128,177,60);
}
ul#megamenu li.workplace div.subnav ul li.listtitle ul li {
	background-image:url(../images/nav/workplace-arrow-small.gif);
}
ul#megamenu li.factoryequipment div.subnav ul li.listtitle a {
	color:rgb(84,40,101);
}
ul#megamenu li.factoryequipment div.subnav ul li.listtitle ul li {
	background-image:url(../images/nav/factory-equipment-arrow-small.gif);
}
ul#megamenu li.safety div.subnav ul li.listtitle a {
	color:#333333;
}
ul#megamenu li.safety div.subnav ul li.listtitle ul li {
	background-image:url(../images/nav/clothing-arrow-small.gif);
}
ul#megamenu li.signs div.subnav ul li.listtitle a {
	color: #80B13C;
}
ul#megamenu li.signs div.subnav ul li.listtitle ul li {
	background-image:url(../images/nav/workplace-arrow-small.gif);
}
ul#megamenu li.mega div.subnav ul li.listtitle ul a {
	color: #353535;
}
ul#megamenu li.mega div.subnav ul li a.special {
	font-weight: bold;
	color:#FF0000;
}
/*Catalogue Page Viewer H3*/
ul#megamenu li.mega div.subnav div.columncontent h3 {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 5px;
}
/*End of CPV*/
/*Need Help*/
p.subhead {
	font-weight: bold;
}
/*End OF Need Help*/
/*Updates*/
div.column {
	position: relative;
}
div.brands {
	border-left: 1px solid #CCCCCC;
	padding-left: 12px;
	margin: 0 0 0 12px
}
div.columncontent {
	margin: 20px 0 0 0;
	clear: both;
	border-top: 1px solid #cccccc;
	padding: 10px 20px 0 0;
}
div.columnlast div.columncontent {
	padding-right: 0;
}
ul#megamenu li.mega div.subnav h3 {
	position: absolute;
}
ul#megamenu li.mega div.subnav div.columncontent h3 {
	position: static;
}
div.services {
	border-left: 1px solid #CCCCCC;
	padding-left: 12px;
	margin: 0 0 0 12px
}
/*Displays the vertical lines in the drop downs to the correct length*/
ul#megamenu li.clothing div.brands, ul#megamenu li.clothing div.services {
	height: 430px;
}
ul#megamenu li.footwear div.brands, ul#megamenu li.footwear div.services {
	height: 390px;
}
ul#megamenu li.gloves div.brands, ul#megamenu li.gloves div.services {
	height: 390px;
}
ul#megamenu li.personalprotection div.brands, ul#megamenu li.personalprotection div.services {
	height: 480px;
}
ul#megamenu li.hygiene div.services {
	height: 390px;
}
ul#megamenu li.workplace div.services {
	height: 600px;
}
ul#megamenu li.factoryequipment div.services {
	height: 490px;
}
ul#megamenu li.signs div.services {
	height: 540px;
}
ul#megamenu li.mega div.subnav ul li a.morelink {
	color:#FF0000;
	font-weight: bold;
	text-decoration:underline;
}
ul#megamenu li.mega div.subnav ul li a.morelink:hover {
	text-decoration:none;
}
ul#megamenu li.mega div.subnav span.viewallbrandslink {
	font-weight:normal;
}
ul#megamenu li.mega div.subnav span.viewallbrandslink:hover {
	text-decoration:none;
}
img {
	border: none;
}
/*Quick Order*/
ul#megamenu li.quicko ol {
	margin: 0 0 10px 20px;
	padding: 0;
}
ul#megamenu li.quicko ol li {
	margin: 0 0 5px 0;
	float:none;/*inherited from an abovestyle*/
}
ul#megamenu li.quicko p#addmorelines {
	margin: 15px 0;
}
ul#megamenu li.quicko p#addmorelines a {
	background-image:url(../images/buttons/quickorder-plus-btn.gif);
	background-repeat:no-repeat;
	background-position: 0 40%;
	padding: 5px 0 5px 18px;
	font-weight: bold;
	text-decoration:underline;
	font-size: 0.9em;
	margin-right: 10px;
}
ul#megamenu li.quicko p#addmorelines a.removealine {
	background-image:url(../images/buttons/quickorder-minus-btn.gif);
	margin-left: 10px;
}
ul#megamenu li.quicko p#addmorelines a:hover {
	text-decoration: none;
}
/*End of Quick Order*/
/*Footer*/
div#fholder a {
	color:#FFFFFF;
	text-decoration:none;
}
div#fholder ul li a {
	color:#CCCCCC;
	text-decoration:none;
}
div#fholder a:hover {
	text-decoration:underline;
}
div#fholder p#bttlink a {
	background-image:url(../images/buttons/backtotop-btn.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding: 5px 0 5px 30px;
	text-decoration:underline;
	color:#FFFFFF;
}
div#fholder p#bttlink a:hover {
	text-decoration:none;
}
/*General site nav*/
div#contentholder a {
	color:#333333;
	text-decoration:underline;
}
div#contentholder a:hover {
	text-decoration:none;
}
/*Browse*/
div#contentholder ul#browsenav a {
	display: block;
	width: 145px;
	line-height: 35px;
	font-size: 1em;
	font-weight: bold;
	border-top: 1px solid #CCCCCC;
	padding-left: 35px;
	background-image:url(../images/buttons/browse-arrow-btn.gif);
	background-repeat:no-repeat;
	background-position: 6% 50%;
	text-decoration:none;
}
* html div#contentholder ul#browsenav a {
	height: 1px;/*Makes the full area clickable in IE6*/
}
div#contentholder ul#browsenav a:hover {
	text-decoration: underline;
}

/** NEW MEGAMENU POSITIONS ****/
ul#megamenu li.clothing div.subnav { left: -1px}
ul#megamenu li.footwear div.subnav { left: 20px}
ul#megamenu li.gloves div.subnav { left: 80px}
ul#megamenu li.personalprotection div.subnav { left: 20px}
ul#megamenu li.hygiene div.subnav  { left: 100px}
ul#megamenu li.workplace div.subnav { left: 20px}
ul#megamenu li.factoryequipment div.subnav { left: 30px}
ul#megamenu li.signs div.subnav { left: 40px}
ul#megamenu li.safety div.subnav { left: 690px}
ul#megamenu li.quicko div.subnav { left: -219px}

/* New icon for signs, remove later */
.new-menu {
	display: block;
	position: absolute;
	top: -12px;
	right: -10px;
	width: 32px;
	height: 32px;
	z-index: 10;
	background-image: url('../images/icons/mega-menu-new.png');
}

/* IE6 conditionals - requires headjs conditional classes */
.ie6 .new-menu {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/images/icons/mega-menu-new.png',sizingMethod='crop');
}
.ie6 ul#megamenu li.mega {
	overflow: hidden;
}