/*fine tuning - RESET STYLES */
#VNav .RadPanelBar_Template,
#VNav .RadPanelBar_Template .rpRootGroup,
#VNav .RadPanelBar_Template .rpItem,
#VNav .RadPanelBar_Template .rpLink,
#VNav .RadPanelBar_Template .rpOut,
#VNav .RadPanelBar_Template .rpText,
#VNav .RadPanelBar_Template .rpGroup {background:transparent;border:none;margin:0;padding:0;}


/*Main Div Wrap*/
#VNav .RadPanelBar_Template
{background:none;margin:0 auto; width:100% !important;}

/*UL class*/
#VNav .RadPanelBar_Template .rpRootGroup
{border:none; text-align:center;}


/*A class*/
#VNav .RadPanelBar_Template .rpLink
{background-image:none;color:#002b5c;font-size: 14px;font-weight: normal;line-height: 26px;padding:0;font-family: Lato, Arial, Helvetica, sans-serif;text-decoration:none;position:relative;}

/*A:hover*/
#VNav .RadPanelBar_Template .rpLink:hover,
#VNav .RadPanelBar_Template .rpSelected,
#VNav .RadPanelBar_Template .rpSelected:hover,
#VNav .RadPanelBar_Template .rpFocused,
#VNav .RadPanelBar_Template .rpExpanded,
#VNav .RadPanelBar_Template .rpExpanded:hover {
background-color:#E7E7E7;text-decoration:none;color:#002b5c;}

/*RPTEXT is span that wraps text - this padding style overrides the Telerik stylesheet*/
#VNav .RadPanelBar_Template .rpText {padding: 0 20px;margin-left:0px;}

/*1st span class*/
#VNav .RadPanelBar_Template .rpOut
{border: none; /*overwrites template.css*/}

/*FROM CLEANED STYLE SHEET -> Removes Telerik 1px padding on :hover*/
#VNav .RadPanelBar_Template .rpLink .rpOut,
#VNav .RadPanelBar_Template .rpFocused .rpOut, 
#VNav .RadPanelBar_Template .rpLink:hover .rpOut, 
#VNav .RadPanelBar_Template .rpSelected .rpOut, 
#VNav .RadPanelBar_Template .rpSelected:hover .rpOut {
	padding-bottom: 0px !important;	/* overrides Telerik Default on :hover { padding-bottom:1px } */
	border: 0;
}

/*--
Arrow
------*/
#VNav .RadPanelBar .rpExpandable .rpExpandHandle, 
#VNav .RadPanelBar .rpExpanded .rpExpandHandle { 
background-image:url(../../../../Images/Redesign2013/panel-arrow.png);
background-repeat:no-repeat;
background-position:center;
position: absolute;
right: 0;
width:26px;
height:26px;
margin:0;
}


/*This block overwrites template.css*/
#VNav .RadPanelBar_Template .rpExpandable .rpText,
#VNav .RadPanelBar_Template .rpExpanded .rpText
{
	background-color: transparent;
	background-image: none; /*set up with your arrow here*/
	text-decoration:none;
}

/* <subitems> */

/*SubItem UL Class*/
#VNav .RadPanelBar_Template .rpGroup {
background-color: #e7e7e7;}

/*SubItem A Class*/
#VNav .RadPanelBar_Template .rpGroup .rpLink {background-image: none;background-color: transparent;	}
	

/*SubItem A:hover*/
#VNav .RadPanelBar_Template .rpGroup .rpLink:hover,
/*SubItem A:selected*/
#VNav .RadPanelBar_Template .rpGroup .rpSelected,
#VNav .RadPanelBar_Template .rpGroup .rpSelected:hover {
	text-decoration:underline;}

/*Overwrites template.css .rpOut Styles*/
#VNav .RadPanelBar_Template .rpGroup .rpLink .rpOut {		
	background-color: transparent;
	background-image: none; /*overwrite template.css*/
	background-repeat: no-repeat;
}

#VNav .RadPanelBar .rpGroup .rpOut {padding:0; margin:0}


/*Arrow Position*/
/*Default Arrow State*/
#VNav .RadPanelBar_Template .rpExpandable .rpExpandHandle { background-position:6px 12px; } 
/*Arrow on click*/
#VNav .RadPanelBar_Template .rpExpanded .rpExpandHandle  {background-position:6px -35px; } 


/*      <subitems (expand arrows)> */
#VNav .RadPanelBar_Template .rpGroup .rpExpandable .rpExpandHandle {margin:0; width:26px; height:26px; background-position:0 -696px; }

#VNav .RadPanelBar_Template .rpGroup .rpExpanded .rpExpandHandle {margin:0; width:26px; height:26px; background-position:5px -445px; }