/*----- Add this CSS to default.css file in order to style header navigation. -----*/

.main-menu,
.main-menu ul {
	margin: 0;
	padding: 0px 0px 0px 9px;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
}

.main-menu ul,
.main-menu ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	text-indent:0px;
}

.main-menu ul li,
.main-menu ul li a {
	float: left;
	color: #000;
	width: 153px;
}

.main-menu ul li a {
	padding: 2px 5px 2px 15px;
	border-bottom: 1px solid #FFF;
	margin-right: 0px;
	background:#477AB9;
	height: 15px;
	color: #fff;
}

.main-menu ul li a:hover {
	background:#00535E;
	color: #fff;
}

.main-menu ul li ul {
	position: absolute;
	top: 0px;
	left: 175px;
	display: none;
	width: 175px;
	z-index: 200;
}

.main-menu ul li ul li,
 .main-menu ul li ul li a,
 .main-menu ul li ul li span {
	float: none;
	display: block;
}

.main-menu ul li ul li ul {
	position: absolute;
	left: 175px;
	top: 0;
	z-index: 300;
}

.main-menu ul li span {
	padding: 5px;
	background: #ccc;
	display: block;
	border: 1px solid #000;
	float: left;
	margin-right: 10px;
	height: 15px;
	cursor: pointer;
}

/*----- Add this CSS to default.css file in order to style left/right category module. -----*/