.navigation{
 float:left;
}
.navigation ul{
}

/*Top level list items*/
.navigation ul li{
position: relative;
display: inline;
float: left;
padding:12px 8px 10px 8px; margin:0;
background:url(../images/nav-line.gif) no-repeat left top;
}

/*Top level menu link items style*/
.navigation ul li a{
display: block; 
text-decoration: none;
margin:0 ;
padding:0 0 0 6px ;
background:url(../images/nav-left-cor.gif) no-repeat left top; text-decoration:none;
}

*html .navigation ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.navigation ul li a span{
	display:block;
	padding:4px 10px 5px 4px;
	background:url(../images/nav-right-cor.gif) no-repeat right top;
	font-size:12px; font-weight:bold; color:#FFF; text-transform:capitalize;
}





.navigation ul li a:hover, .navigation ul li a.selected{
background-position:0% -24px;
color: white;
}

.navigation ul li a:hover span, .navigation ul li a.selected span{
background-position:100% -24px;
color:#000;
}




	
/*1st sub level menu*/
.navigation ul li ul{
position: absolute;
left: 4px ;
top:30px !important;
display: block;
visibility: hidden;
z-index:999999; width:auto;
margin-left:8px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.navigation ul li ul li{
display: list-item;
float: none; padding:0; background:none;
background:url(../images/drop-bg.png) repeat-y;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.navigation ul li ul li ul{
top: -8px !important; margin-left:-4px !important;
}

/* Sub level menu links style */
.navigation ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
border-top-width: 0; color:#333;
background:none;
border-bottom:1px solid #ececec;
}

.navigation ul li ul li a:hover{ /*sub menus hover style*/
color: #3caae2;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 18px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 15px;
}

.navigation ul li:hover a {background-position:0% -24px;
color: #333;}
.navigation ul li:hover a span{background-position:100% -24px;
color:#333;}


.navigation ul li ul ol.drop-tc{
background:url(../images/drop-tc.png) top  no-repeat;
height:8px;
width:174px;
}
.navigation ul li ul ol.drop-bc{
background:url(../images/drop-bc.png) bottom  no-repeat;
height:13px;
width:174px;
}

/*********************************************/
.navigation ul li.pt a{
	background:url(../images/pt_support.gif) no-repeat left; display:block;
}
.navigation ul li.pt a span{
	background:url(../images/pt_support2.gif) no-repeat right;
	padding:5px 10px 5px 4px;  display:block;
}
.navigation ul li.pt a:hover{background:url(../images/pt_support.gif) no-repeat left;}
.navigation ul li.pt a:hover span{
	background:url(../images/pt_support2.gif) no-repeat right;
}
.navigation ul li.none{
	background:none;
}
.navigation ul li.pt ul li{
display: list-item;
float: none; padding:0; 
	background:url(../images/pt-drop-bg.png) repeat-y;
}
.navigation ul li.pt ul ol.drop-tc{
background:url(../images/pt-drop-tc.png) top  no-repeat;
height:13px;
width:175px;
}
.navigation ul li.pt ul ol.drop-bc{
background:url(../images/pt-drop-bc.png) bottom  no-repeat;
height:13px;
width:175px; margin:0; padding:0;
}
.navigation ul li.pt ul{
position: absolute;
left: 4px ;
top:38px !important;
display: block;
visibility: hidden;
z-index:999999; width:auto;
margin-left:8px;
}
.navigation ul li.pt ul li a{
	border-bottom:1px solid #49e8e2 ;
	background:#04c9c2;
}
.navigation ul li.pt ul li a:hover{
	background:none;
}
*+html .navigation ul li.pt ul li{
	background:none;
}
*+html .navigation ul li.pt ul li a{
	width:160px; border:none; padding-right:10px;
	background:url(../images/pt-drop-bg2.png) no-repeat bottom;
}







.navigation ul li.pt ul li a:hover{
	color:#FFFFFF;
}
/*************************************************/
.navigation ul li.sp a{
	background:url(../images/sp.gif) no-repeat left;
}
.navigation ul li.sp a span{
	background:url(../images/sp2.gif) no-repeat right;
	padding:5px 10px 5px 4px;
}
.navigation ul li.sp a:hover{
	background:url(../images/sp.gif) no-repeat left;
}
.navigation ul li.sp a:hover span{
	background:url(../images/sp2.gif) no-repeat right;
}
.navigation ul li.sp ul li{
display: list-item;
float: none; padding:0; background:none;
background:url(../images/sp-drop-bg.png) repeat-y;
}
.navigation ul li.sp ul ol.drop-tc{
background:url(../images/sp-drop-tc.png) top  no-repeat;
height:13px;
width:175px;
}
.navigation ul li.sp ul ol.drop-bc{
background:url(../images/sp-drop-bc.png) bottom  no-repeat;
height:13px;
width:175px;
}
.navigation ul li.sp ul{
position: absolute;
left: 4px ;
top:38px !important;
display: block;
visibility: hidden;
z-index:999999; width:auto;
margin-left:8px;
}
.navigation ul li.sp ul li a{
	background:none;
	border-bottom:1px solid #5fb7fd ;
}
.navigation ul li.sp ul li a:hover{
	color:#FFFFFF;
}
.navigation ul li.pt ul li ul{
background:url(../images/pt-drop-tc2.png) top no-repeat;
top: -8px !important; margin-left:0px !important;
}