#topmenu {
    position: relative; width: 100%; margin: 0; padding: 0; list-style-type: none; color: #36454F; background: transparent;
}

#topmenu>ul {
    display: table; width: 100% !important; padding: 0; margin: 0; border: 0 none; list-style-type: none;
}
#topmenu>ul>li {
	display: table-cell; float: left; width: 50%; text-align: center; padding: 5px 0; margin: 0; border: 0 none; list-style-type: none; overflow: hidden;
}

#topmenu>ul>li a { display: block; color: #36454F; text-decoration: none;}
#topmenu>ul>li a:hover { color: #606060; background: transparent; text-decoration: none; }

#menushow { clear: both; font-size: 1.2em; width: 100%; padding: 6px 0; color: #ffffff !important; text-decoration: none !important; background: #36454F; text-align: center; }
#menushow:hover { background: #606060; }

#mainmenu { 
    width: 100%; margin: 0; padding: 0; list-style-type: none; color: #36454F; background: transparent; font-size: 0.9em;
}

#mainmenu>ul { 
    display: table; width: 100% !important; padding: 0; margin: 0; border: 0 none; list-style-type: none; position: relative;
}
#mainmenu>ul>li { 
    vertical-align: middle; padding: 12px 0; margin: 0; border: 0 none; list-style-type: none; overflow: hidden;
}

#mainmenu>ul>li a { color: #36454F; text-decoration: none; padding-left: 1%; }
#mainmenu>ul>li:hover a { color: #36454F; background: transparent; text-decoration: none;}

li.drop {  color: #36454F; background: transparent; }
li.drop:hover { color: #36454F; background: #D8D8D8; }

li.drop:hover .dropdown-fullwidth, li.drop-this:hover .dropdown-fullwidth { left: -999em;}

li.drop-this
{ 
	background: #D8D8D8;);
}

li.drop-this:hover{ 
	background: #D8D8D8;);
}

li.redbg {background: #cb1009;}

a.adrop { font-weight: normal;}

.dropdown-fullwidth { 

	margin: 0 auto;
	position: absolute;
	width: 100%;
	left: -999em; /* Hides the drop down */
	text-align:left;
	padding: 0%;
	box-sizing: border-box;
	z-index: 9998;
	background: rgba(233,233,233,0.85);

    transition-delay: .2s;

	/* Gradient background */
	
/*	background: #DEDEE6 linear-gradient(to bottom, #DBE5E5 0%, #dddddd 50%, #DBE5E5 100%); */

	/* Rounded Corners */

/* 	border-radius: 5px; */

	/* Shadows */

/*	box-shadow: 3px 3px 3px 0px rgba(164,164,164,0.75); */

}

	.menu-fullwidth { min-height: 150px; }

	.menu-fullwidth ul { width: 100%; margin: 0; padding: 0; list-style-type: none; float: left; box-sizing: border-box; }
	.menu-fullwidth ul li { clear: both; position: relative; font-weight: normal; margin: 3px; padding: 5px; box-sizing: border-box; }
	.menu-fullwidth ul li:hover { background: #D8D8D8; }

	.menu-fullwidth ul li ul { position: relative; text-align: left; background: #EAEAEA; margin: 3px 0; padding: 5px 0; box-sizing: border-box; }
	.menu-fullwidth ul li ul li { padding: 0.5% !important; box-sizing: border-box; }
	.menu-fullwidth ul li ul li:hover { background: #D8D8D8; }

	.menu-fullwidth a { color: #36454F; text-decoration: none; margin-right: 42px; padding: 3px 0; display: block;} /* margin-right allows for sub-sub-show buttons */
	.menu-fullwidth a:hover { text-decoration: none;}

	#menushow { display: block; }

	#prodmenu .ul-sub-group { display: none; }
	.sub-show { float: right; display: inline; width: 42px; height: 18px; background: url('images/menu-pointer-down.png') 5px -1px no-repeat; }
	.sub-hide { float: right; display: inline; width: 42px; height: 18px; background: url('images/menu-pointer-up.png') 5px -1px no-repeat; }
	.sub-show:hover, .sub-hide:hover { background-position: -27px -1px; }

	#admin-side-navigation { font-size: 0.9em; margin: 0; padding: 0; }
	#admin-side-navigation a { color: #606060; text-decoration: none; padding: 6px; display: block; }
	#admin-side-navigation a:hover { color: #36454F; }
	#admin-side-navigation ul { margin: 0; padding: 0; list-style-type: none; }
	#admin-side-navigation ul li { margin: 0; padding: 1.5px 0; background: transparent; }
	#admin-side-navigation ul li:hover { background: #dedede; }
	#admin-side-navigation ul li:hover>a { color: #36454F; }
	#admin-side-navigation ul li ul { display: none; margin: 0; padding: 9px 0; }
	#admin-side-navigation ul li ul li { margin: 0; padding: 0 0 0 6px; }
	#admin-side-navigation ul li ul li:hover { background: #cdcdcd; }
	#admin-side-navigation ul li ul li:hover>a { color: #36454F; }
	#admin-side-navigation ul li ul li ul { margin: 0; padding: 9px 0; }
	#admin-side-navigation ul li ul li ul li { margin: 0; padding: 0 0 0 9px; }
	#admin-side-navigation ul li ul li ul li:hover { background: #bcbcbc; }
	#admin-side-navigation ul li ul li ul li:hover a { color: #36454F; }

	#side-navigation { font-size: 0.9em; margin: 0; padding: 0; }
	#side-navigation a { color: #606060; text-decoration: none; padding: 6px; display: block; }
	#side-navigation a:hover { color: #36454F; }
	#side-navigation ul { margin: 0; padding: 0; list-style-type: none; }
	#side-navigation ul li { margin: 0; padding: 1.5px 0; background: transparent; }
	#side-navigation ul li:hover { background: #D8D8D8; }
	#side-navigation ul li:hover>a { color: #36454F; }
	#side-navigation ul li ul { display: none; margin: 0; padding: 9px 0; }
	#side-navigation ul li ul li { margin: 0; padding: 0 0 0 6px; }
	#side-navigation ul li ul li:hover { background: #D8D8D8; }
	#side-navigation ul li ul li:hover>a { color: #36454F; }
	#side-navigation ul li ul li ul { margin: 0; padding: 9px 0; }
	#side-navigation ul li ul li ul li { margin: 0; padding: 0 0 0 9px; }
	#side-navigation ul li ul li ul li:hover { background: #D8D8D8; }
	#side-navigation ul li ul li ul li:hover a { color: #36454F; }

	.ul-sub-group { display: none; }
	.li-group a { margin-right: 42px;} /* margin-right allows for sub-sub-show buttons */
	.sub-group-show { float: right; display: inline; width: 42px; height: 18px; background: url('images/menu-pointer-down.png') -27px -1px no-repeat; }
	.sub-group-hide { float: right; display: inline; width: 42px; height: 18px; background: url('images/menu-pointer-up.png') -27px -1px no-repeat; }
	.sub-group-show:hover, .sub-group-hide:hover { background-position: 5px -1px; }

	.ul-sub-sub-group { display: none; }
	.li-sub-group a { margin-right: 42px;} /* margin-right allows for sub-sub-show buttons */
	.li-sub-group>.sub-sub-show { float: right; display: inline; width: 42px; height: 18px; background: url('images/menu-pointer-down.png') -27px -1px no-repeat; }
	.li-sub-group>.sub-sub-hide { float: right; display: inline; width: 42px; height: 18px; background: url('images/menu-pointer-up.png') -27px -1px no-repeat; }
	.li-group>.sub-sub-show { float: right; display: inline; width: 42px; height: 18px; background: url('images/menu-pointer-down.png') -27px -1px no-repeat; }
	.li-group>.sub-sub-hide { float: right; display: inline; width: 42px; height: 18px; background: url('images/menu-pointer-up.png') -27px -1px no-repeat; }
	.sub-sub-show:hover, .sub-sub-hide:hover { background-position: 5px -1px; }

	.li-group-this { background: #D8D8D8 !important; }

#search-label { margin: 0; padding: 0; height: 32px; vertical-align: middle; display: none; }
#search-field { position: relative; margin: 0; padding: 0 6px; display: table-cell; height: 32px; font-weight: bold; vertical-align: middle; }

.searchinput { float: left; }
#quick-search-box { border: 1px solid #a5a5a5; border-radius: 3px !important; }
.quick-search-button { width: 32px; height: 32px; margin: 0 !important; padding: 0 !important; border: 0 none !important; color: #eeeeee; cursor: pointer;}
.quick-search-button:hover { background-position: center -32px;}

.header-search-wrapper { height: 32px; margin: 0 auto; padding: 0; vertical-align: middle; white-space: nowrap; overflow: hidden; }
.header-search-box { max-width: 75%; border: 1px #A6A6A6 solid !important; border-radius: 3px !important; background: rgba(54,69,79,0.15); margin: 2px !important; padding: 1px 3px !important; box-sizing: border-box; font-size: 1em !important; }
	.header-search-box::-webkit-input-placeholder {color: #A6A6A6; font-family:  'Times New Roman', Times, serif }
	.header-search-box:-moz-placeholder { color: #A6A6A6; opacity: 1; font-family:  'Times New Roman', Times, serif }
	.header-search-box::-moz-placeholder { color: #A6A6A6; opacity: 1; font-family:  'Times New Roman', Times, serif }
	.header-search-box:-ms-input-placeholder { color: #A6A6A6; font-family:  'Times New Roman', Times, serif }
.header-search-submit { border: 0 none; background: transparent; color: #36454F; padding: 0; margin: 0; cursor: pointer; vertical-align: top; }
.header-search-submit:hover { color: #606060; }

#topbuttons {}
.topbuttons { float: right; width: 100px; margin: 0; }

#my_account { height: 32px; width: 32px; margin: 0; padding: 0; border: 0 none; cursor: pointer; display: inline: }
#my_account a { display: inline !important;}

#show_search { height: 32px; width: 32px; margin: 0; padding: 0; float: left; border: 0 none; cursor: pointer; }
#show_search:hover { color: #36454F; } 
.show_search { }
.hide_search { }

#advanced-search-panel { position: relative; display: none; width: 100%; padding: 5px; color: #eeeeee; background: #000000; text-align: left; border-top: 1px solid #999999; box-sizing: border-box; }
#advanced-search-close { position: absolute; top: 3px; right: 3px; z-index: 300; cursor: pointer; width: 32px; height: 32px; background: transparent url('images/basket_close_cross-wht.png') right top no-repeat; }
#advanced-search-close:hover { background-position: right -32px; }
#advanced-search-top { margin: 5px 0; font-weight: bold; color: #36454F; }
#advanced-search p { margin: 0; padding: 0 5px; }
#search-type { }
#search-discounted { display: none; }
#search-fulldesc { }
#search-brand { clear: both; }

#basket-label { margin: 0; padding: 8px 0 0 0; width: 100px; overflow: hidden; text-align: center; white-space: nowrap; display: inline: }

#show_basket { height: 32px; width: 32px; margin: 0 2px; padding: 0; border: 0 none; color: #36454F; cursor: pointer; display: inline: }
#show_basket:hover { color: #606060; } 
.show_basket { }
.hide_basket { }

#basket_button { height: 32px; width: 32px; margin: 0; padding: 0; border: 0 none; color: #eeeeee; cursor: pointer;}
#basket_button:hover { background-position: right -32px; }

#basket-summary-panel { position: relative; display: none; width: 100%; padding: 5px; color: #333333; background: rgba(233,233,233,0.85); text-align: left; border-top: 1px solid #999999; box-sizing: border-box; }
#basket-summary-close { position: absolute; top: 3px; right: 3px; z-index: 300; cursor: pointer; width: 32px; height: 32px; background: transparent url('images/basket_close_cross.png') right top no-repeat; }
#basket-summary-close:hover { background-position: right -32px; }
#basket_summary { text-transform: none; white-space: normal; }
#basket_summary li:nth-child(even) { background: #e5e5e5; }
#basket_summary_top { margin: 5px 0; font-weight: bold; color: #36454F; }
#basket_summary p { margin: 3px 0; padding: 0; }
#basket_summary a { color: #36454F; text-decoration: none; font-weight: normal; }
#basket_summary a:visited { color: #36454F; text-decoration: none; font-weight: normal; }
#basket_summary a:hover { color: #36454F; text-decoration: underline; font-weight: normal; }
#basket_summary a:active { color: #36454F; text-decoration: underline; font-weight: normal; }
#basket_subtotal { color: #ffffff; background: #36454F; font-weight: bold; text-align: center; padding: 9px; }
.dec32 { padding: 0 5px; height: 32px; width: 32px; background: url('images/sprite-cross-plus-minus.png') -84px 0 no-repeat; display: table-cell; cursor: pointer;}
.inc32 { padding: 0 5px; height: 32px; width: 32px; background: url('images/sprite-cross-plus-minus.png') -42px 0 no-repeat; display: table-cell; cursor: pointer; }
.del32 { padding: 0 5px; height: 32px; width: 32px; background: url('images/sprite-cross-plus-minus.png') 0 0 no-repeat; display: table-cell; cursor: pointer; }
.dec32:hover { background-position: -84px -52px; }
.inc32:hover { background-position: -42px -52px; }
.del32:hover { background-position: 0 -52px; }

/* Responsive Web Design Styles */

/* mobile styles */

	#mainmenu { display: none; margin: 0; padding: 0;}
	#mainmenu>ul>li { width: 100%; font-size: 1.2em; }

/* First breakpoint at 559px */
/* Inherits mobile styles, these styles are for mid-sized viewports... */
@media all and ( min-width: 559px ){ 

	.menu-fullwidth ul .li-group { clear: right; width: 48%; float: left; } 
	.menu-fullwidth ul li ul { position: absolute; top: 80%; left: 0; z-index: 999; }

/* add more styles for mid-sized viewports here... */
}

/* Breakpoint at 750px */
@media all and (min-width: 750px){

/*  place the next two lines in the first @media breakpoint that you want to enable the full-width dropdown menus */
	li.drop:hover .dropdown-fullwidth { left: 0;} /* dropdown menus are shown if viewport is wide enough by default */
	li.drop-this:hover .dropdown-fullwidth { left: 0;} /* dropdown menus are shown if viewport is wide enough by default */

	#topmenu>ul>li { width: 20%; }
	#topmenu>ul>li:last-child { width: 40%; }
	.header-search-box { max-width: 90%; }

	#menushow { display: none; }

	.sub-show { display: none; }

	#mainmenu { display: block;}

	#mainmenu>ul>li {
		font-size: 1.0em; 
    	text-align: center; 
    	width: auto;
    	display: table-cell;
    	padding: 12px .5%;
    }

}

/* Breakpoint at 800px */
@media all and (min-width: 800px){ 

	#mainmenu>ul>li { padding: 7px .5%; }

	.dropdown-fullwidth { width: 100%; margin: 7px auto; }

	.menu-fullwidth ul .li-group { clear: right; width: 32%; float: left; } 

	.quick-search-wrapper { text-align: right; }

/*  place the next line in the first @media breakpoint that you want to enable the sub-group dropdown menus on hover */
/*  #prodmenu .li-group:hover .ul-sub-group { display: block;} */

/* add more styles for larger viewports here... */

}

/* Breakpoint at 1000px */
@media all and (min-width: 1000px){

	#topmenu>ul>li { width: 25%; }
	#topmenu>ul>li:first-child { text-align: left; }
	#topmenu>ul>li:last-child { width: 25%; text-align: right; }

	.menu-fullwidth ul .li-group { clear: right; width: 24%; float: left; }

/* add more styles for largest viewports here... */

}