﻿

/*nav.shopCatNav .levelName > a {
    padding: 2px 0;
}


nav.shopCatNav {
	width: 220px;
}

	nav.shopCatNav li > .levelName {
		position: relative;
		color: #4f4f4f;
		display: block;
		-webkit-transition: background-color 400ms, color 400ms;
		transition: background-color 400ms, color 400ms;
	}

	nav.shopCatNav li.active > .levelName,
	nav.shopCatNav li.active > .levelName:hover {
		background-color: #7c7c7c;
		color: #ffffff;

	}

	nav.shopCatNav li > .levelName:hover {
		background-color: #ffe600;
		color: #000;
	}

	nav.shopCatNav li > .levelName > .icon {
		position: absolute;
		right: 8px;
		font-size: 12px;
		-webkit-transition: all 400ms;
		transition: all 400ms;
	}

	nav.shopCatNav li:hover > .levelName > .icon {
		right: 4px;
	}

	nav.shopCatNav li.active:hover > .levelName > .icon {
		right: 8px;
	}

	nav.shopCatNav li.active > .levelName > .icon {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

.lt-ie9 nav.shopCatNav li.active > .levelName > .icon {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

nav.shopCatNav > ul {
	margin-bottom: 0px;
}

	nav.shopCatNav > ul > li ul {
		display: none;
		border-bottom: 2px solid #7c7c7c;
	}

	nav.shopCatNav > ul > li > .levelName {
		padding: 10px 24px 10px 9px;
		border-bottom: 1px solid #bfbfbf;
		font-size: 15px;
	}
	nav.shopCatNav > ul > li.active {
		border-bottom: 1px solid #bfbfbf;
	}
	nav.shopCatNav > ul > li > ul > li > .levelName {
		padding: 8px 15px 8px 9px;
		font-size: 14px;
	}

	nav.shopCatNav > ul > li > ul > li:first-child {
		padding-top: 7px;
	}

	nav.shopCatNav > ul > li > ul > li:last-child {
		padding-bottom: 7px;
	}

	nav.shopCatNav > ul > li > ul li.active > .levelName,
	nav.shopCatNav > ul > li > ul li.active:hover > .levelName {
		color: #000;
		background-color: #ffffff;
		font-weight: bold;
	}

	nav.shopCatNav > ul > li > ul > li > ul > li > .levelName {
		padding: 8px 25px 8px 25px;
		font-size: 13px;
	}

	nav.shopCatNav > ul > li > ul > li > ul > li.active > .levelName {
		font-weight: bold;
	}

	nav.shopCatNav > ul > li > ul > li > ul > li > .levelName > .icon {
		color: #cccccc;
		font-size: 10px;
		top: 10px;
	}

	nav.shopCatNav > ul > li > ul > li > ul > li.active > .levelName > .icon,
	nav.shopCatNav > ul > li > ul > li > ul > li:hover > .levelName > .icon {
		color: #000000;
	}

	nav.shopCatNav > ul > li > ul > li > ul > li > ul > li > .levelName {
		padding: 8px 5px 8px 40px;
		font-size: 13px;
	}

	nav.shopCatNav > ul > li > ul > li .levelName {
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}

	nav.shopCatNav > ul > li > ul > li > ul > li > ul > li > .levelName {
		font-size: 13px;
		padding: 8px 5px 8px 40px;
	}

	nav.shopCatNav > ul > li > ul > li > ul > li > ul > li > ul > li > .levelName {
		font-size: 13px;
		padding: 8px 5px 8px 55px;
	}

nav.shopCatNav .levelName.nosub {
	margin-bottom: 0px !important;
}

.levelName.highlight {
	background-color:#FDE8FF !important;
}


#menuSearchBox {
	position:relative;
	margin: 0 0 20px;
}
#txtMenuSearch {
	border: 1px solid #CFCFCF;
    color: #333333;
    font-size: 16px;
    margin: -1px 0;
    outline-width: 0;
    padding: 4px 29px 4px 9px;
    transition: color 400ms ease 0s, background-color 400ms ease 0s, border-color 400ms ease 0s;
    width: 422px;
}
#txtMenuSearch:focus {
    background-color: #ffe600;
    border-color: #000000;
    color: #000000;
}
#menuSearchBox .icon-search {
	position:absolute;
	right:8px;
	top:6px;
	cursor:pointer;
}

nav.shopCatNav > ul > li ul {
	display: none;
	border-bottom: 2px solid #7c7c7c;
}*/