/* Adjusting the margins, paddings and no list styles */
.navigation, .navigation_2, .navigation_3  {
	margin:0; 
	padding:0; 
	list-style:none;
	font-size: 12px;
}	

/* Little tricking with positions */
.navigation  li {
	float:left;			/* Show list items inline */
	width:80px; 
	position:relative;
	filter:inherit
}
.navigation_2  li {
	width:164px;
	position:relative;
	filter:inherit
}

.navigation_3  li {
	width:164px;
	position:relative;
	filter:inherit
}

.navigation .header {
	text-indent: -99999px;
	background: url(../images/CustomerService.png) no-repeat 0px 2px;
}
	
/* Playing with Main Categories */
.navigation  li a {
	background:#038c00;
	color:#fff;
	display:block;/* Making sure a element covers whole li area */
	padding:6px; 
	text-decoration:none; /* No underline */	
	text-align:left; 
	text-transform:uppercase;
	overflow: hidden;
}
.navigation_2  li a, .navigation_3  li a  {
	background:#038c00;
	color:#fff;
	display:block;/* Making sure a element covers whole li area */
	text-decoration:none; /* No underline */	
	text-align:left; 
	/*text-transform:uppercase;*/
}
.navigation  li a:hover img, .navigation_2  li a:hover img, .navigation_3  li a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
.navigation_2  li li a{
	background:#038c00;
	color:#fff;
	display:block;/* Making sure a element covers whole li area */
	padding:6px; 
	text-decoration:none; /* No underline */	
	text-align:left; 
	/*text-transform:uppercase;*/
}
.navigation_3  li li a {
	background:#038c00;
	color:#fff;
	display:block;/* Making sure a element covers whole li area */
	padding:6px; 
	text-decoration:none; /* No underline */	
	text-align:center; 
	text-transform:uppercase;
}
.navigation  li a:hover, .navigation_2  li a:hover, .navigation_3  li a:hover  {
	color:#F2861D;
}
	
/* Sub Cat Menu stuff*/
.navigation  ul, .navigation_2  ul, .navigation_3  ul   {
	position:absolute; 
	right:0; 
	display:none; /* Hide it by default */
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
	border-bottom:3px solid #F2861D;
	moz-box-shadow: 1px 1px 3px #929292;
	-webkit-box-shadow: 1px 1px 3px #929292;
	-box-shadow: 1px 1px 3px #929292;
}
.navigation  ul li {
	width:170px; 
	float:left; 
	border-top:none;
}
.navigation_2  ul li {
	width:164px; 
	float:left; 
	border-top:none;
}
.navigation_3  ul li {
	width:82px; 
	float:left; 
	border-top:none;
}
.navigation_3  ul li.localNews{width:100%}
.navigation_3  ul li.localNews a{ font-size:14px; text-align:center; text-shadow:1px 2px 2px #030; border-bottom:none; box-shadow:-1px -2px 1px #0CB60C inset;
background: rgb(35,165,21); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(35,165,21,1) 0%, rgba(102,209,27,1) 4%, rgba(97,196,25,1) 16%, rgba(3,140,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,165,21,1)), color-stop(4%,rgba(102,209,27,1)), color-stop(16%,rgba(97,196,25,1)), color-stop(100%,rgba(3,140,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(35,165,21,1) 0%,rgba(102,209,27,1) 4%,rgba(97,196,25,1) 16%,rgba(3,140,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(35,165,21,1) 0%,rgba(102,209,27,1) 4%,rgba(97,196,25,1) 16%,rgba(3,140,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(35,165,21,1) 0%,rgba(102,209,27,1) 4%,rgba(97,196,25,1) 16%,rgba(3,140,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(35,165,21,1) 0%,rgba(102,209,27,1) 4%,rgba(97,196,25,1) 16%,rgba(3,140,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23a515', endColorstr='#038c00',GradientType=0 ); /* IE6-9 */
}
	
/* Sub Cat menu link properties */
.navigation  ul a, .navigation_2  ul a, .navigation_3  ul a  {
	display:block;    	/* Making sure a element covers whole li area */	
	padding:5px 10px; 
	color:#fff;
	text-decoration:none;	
	border-top:none;
	border-bottom:1px dashed #04ad00;
}
	
.navigation  ul a:hover, .navigation_2  ul a:hover, .navigation_3  ul a:hover  {
	color:#ffec1c;
}