@charset "utf-8";
/* CSS Document */
.fg-menu-container,
#menu-option,#menuopt-item{display:none;}
/*** ESSENTIAL STYLES ***/
.sf-contener {
	clear: both;
}
.sf-right {
  margin-right: 14px;
  float: right;
  width: 7px;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu ul {
	position:		absolute;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left !important;
	position:		relative !important;
	background:none !important;
	border:0px !important;
}
.sf-menu a {
	display:		block;
	position:		relative;
	color:#fff;
	text-shadow:0 1px 0 #333;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	display:block;
	margin-right:2px;
	padding: 0 22px 0 20px;
	line-height:34px;
	border: 0;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
	white-space:nowrap;
}
.sf-menu li li {
	background: rgba(113, 113, 113, 0.9);
}
.sf-menu li li li {
	background:	rgba(113, 113, 113, 0.9);
}

.sf-menu ul li a:hover, .sf-menu ul li.sfHover a,.sf-menu ul li.sfHoverForce a,
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
	background-color:none !important;
	box-shadow:none !important;
	outline:		0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right:22px !important;
	min-width:1px !important; /* trigger IE7 hasLayout so spans position accurately */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 11px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../img/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-bottom-left-radius:0 !important;
	-moz-border-top-right-radius:0 !important;
	-webkit-border-top-right-radius:0 !important;
	-webkit-border-bottom-left-radius:0 !important;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
li.sf-search {
  background: inherit;
  float: right;
  line-height: 25px;
}
li.sf-search input {
  -moz-border-radius: 0 5px 5px 0;
  padding: 3px 0;
  padding-left: 20px;
  margin-top: 4px;
  background: #fff url(../img/search.gif) no-repeat left center;
}
/* hack IE7 */
.sf-menu a, .sf-menu a:visited {height:34px !IE;}
.sf-menu li li {
	width:200px;
	background:#726f72 !IE;
}
/********************************  Navigation  *************************/
/**********************************************************************/

.sf-menu li, .sf-menu ul{ list-style:none;}
.vpbox_menu{ position:relative; z-index:0;}
.menu-warpper{ border-top:1px solid #444; position:relative; z-index:10;}
.vt_bg_menu{
display:block;
height:45px;
line-height:45px;
margin:0px 0px 0px 160px !important;
position:relative;
z-index:1;
}
.sf-menu {
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    padding: 0px !important ;
	margin:0px 0px 0px 30px !important;
    width:auto !important;
}
.sf-menu a{ 
text-shadow:none !important; 
color:#ccc !important;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px !important;
height:42px !important;
line-height:42px !important;
font-weight:bold !important; 
padding:20px 15px !important;
*padding:20px 15px 16px !important;
}
.sf-menu ul li a{ 
font-size:100% !important; 
text-transform:none !important;
color:#ccc !important; 
height:33px !important;
line-height:33px !important;
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background:none !important;
}
.sf-menu a:hover,
li.sfHoverForce a,
li.sfHoverForce a:hover,
.sfHover li a:hover{
background: none repeat scroll 0 0 #222222 !important;
color:#fff !important;
box-shadow: 0 0 10px 1px #000000 inset !important;
}
ul.menu li li.sfHoverForce a,
li.active li.sfHoverForce a{color:#fff !important;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul,
.vt_menu li:hover ul,
.vt_menu li ul,
.vt_menu li.sfHover ul {
	left:			0;
	top:			82px !important; /* match top ul list item height */
	z-index:		99;
	width:auto;
}


.sf-menu a, .sfHover li a{color:#ccc !important; text-shadow:none !important; text-decoration:none !important;}
.sf-menu ul li a{ 
text-transform:none !important;
padding:0px 0px 0px 15px !important;
}
.sf-menu ul li a,
.sf-menu ul li a:hover{background:url(../img/arrow2.png) left center no-repeat !important;}
.sf-sub-indicator{
	width:9px !important;
	height:5px !important;
	right:5px !important;
	top:42px !important;
	background:url(styles/arrow_style.png) 0 0 no-repeat !important ;
	}
ul.menu li ul li .sf-sub-indicator{top:16px !important;}	
ul.menu li:hover ul,
ul.menu li.sfHover ul  {
	background:#333 !important;
	padding:0px 8px 8px !important;
	border:0px !important;
	display:block;
}
.sf-menu ul li{
	background:url(../img/vp_line_menu.png) left bottom repeat-x  !important;
}
.sf-menu li li{ padding-bottom:4px;}

/*   vp Search on menu    */
.vtem-search {
  width:165px;
  height:28px;
  line-height:28px !important;
  padding:0px !important;
  color:#999 !important;
  position:absolute !important;
  right:10px;
  top:12px;
}
.vtem-search #searchbox{ display:block; margin-top:3px; padding-top:4px !important;}
.vtem-search,
.vtem-search:hover{ background:url(styles/vp_bgsearch.png) left top no-repeat !important;}
.vtem-search input {
  padding: 0px 5px 0px 10px !important;
  width:101px;
  float:left;
  background:none !important;
  border:none !important;
  color:#fff !important;
}
.vtem-search input.button{ 
width:40px; 
height:28px; 
position:relative; 
top: -10px; 
text-indent:-9999px !important;
display:block; 
border:0 !important;
background:none !important;
margin:0px !important;
padding:0px !important;
}
.vtem-search input.button:hover{ background:none !important; border:0 !important; cursor:pointer;}
/* Styles for jQuery menu widget
Author:	Maggie Wachs, maggie@filamentgroup.com
Date:		September 2008
*/
.fg-menu-container{background:#eee;border-radius:3px;box-shadow: 0 0 5px #888;}
#menuopt{min-height:180px; display:block;}
#menuopt li.menuitem a,
#menuopt li.active ul.vt_submenu li a{ color:#666 !important;}
#menuopt li a{text-align:left; border-bottom:1px solid #ddd; font-weight:bold;} 
#menu-option{text-decoration:none !important; width:35px; margin:0 0 0 15px; padding:0;}
#menu-option span{background:url(../img/nav.png) 6px -26px no-repeat; padding:8px 15px; font-size:12px; border:1px solid #ccc; border-radius:3px;}
#menuopt li .fg-menu-indicator{background:url(../img/nav.png) 165px -55px no-repeat;}
.fg-menu-breadcrumb{background:#333; color:#fff; border-radius:3px;}
.fg-menu-breadcrumb a{color:#999 !important; background:url(../img/nav.png) 0 -130px no-repeat; padding-left:15px;}
/* REQUIRED STYLES - the menus will only render correctly with these rules */	
.positionHelper{z-index:999999;}
.fg-menu-container { position: absolute; top:55px !important; left:-999px; padding: .4em;  overflow: hidden; }
.fg-menu-container.fg-menu-flyout { overflow: visible; }
.fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; }
.fg-menu { position:relative; }
.fg-menu-flyout .fg-menu { position:static; }
.fg-menu ul { position:absolute; top:0; }
.fg-menu ul ul { top:-1px; }
.fg-menu-container.fg-menu-ipod .fg-menu-content, 
.fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; }
.fg-menu.fg-menu-scroll,
.fg-menu ul.fg-menu-scroll { overflow: scroll;  overflow-x: hidden; }
.fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; }	
.fg-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */
.fg-menu-flyout ul ul { padding: .4em; }
.fg-menu-flyout li { position:relative; }
.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }
.fg-menu-breadcrumb { margin: 0; padding: 0; }
.fg-menu-footer {  margin-top: .4em; padding: .4em; float:left; width:95%; }
.fg-menu-header {  margin-bottom: .4em; padding: .4em; }
.fg-menu-breadcrumb li { float: left; list-style: none; margin: 0; padding: 0 .2em; font-size: .9em; opacity: .7; }
.fg-menu-breadcrumb li.fg-menu-prev-list,
.fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; }
.fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top: .2em; }
.fg-menu-breadcrumb a, 
.fg-menu-breadcrumb span { float: left; }
.fg-menu-footer a:link,
.fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; }
.fg-menu-footer a:hover,
.fg-menu-footer a:active {  }
.fg-menu-footer a span { float:left; cursor: pointer; }
.fg-menu-breadcrumb .fg-menu-prev-list a:link,
.fg-menu-breadcrumb .fg-menu-prev-list a:visited,
.fg-menu-breadcrumb .fg-menu-prev-list a:hover,
.fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; }
	
.fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right: .4em; }
.fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; }
	
.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
.fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-size:1.3em; text-decoration:none; }
/* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into 
	selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right	*/
.fg-menu a:link,
.fg-menu a:visited,
.fg-menu a:hover,
.fg-menu a:active { float:left; width:92%; padding:.6em 3%; text-decoration:none; outline: 0 !important; }
.fg-menu a { border: 1px dashed transparent; }
.fg-menu a.ui-state-default:link,
.fg-menu a.ui-state-default:visited,
.fg-menu a.ui-state-default:hover,
.fg-menu a.ui-state-default:active,
.fg-menu a.ui-state-hover:link,
.fg-menu a.ui-state-hover:visited,
.fg-menu a.ui-state-hover:hover,
.fg-menu a.ui-state-hover:active,
 .fg-menu a.ui-state-active:link,
 .fg-menu a.ui-state-active:visited,
 .fg-menu a.ui-state-active:hover,
.fg-menu a.ui-state-active:active { border-style: solid; font-weight: normal; }
.fg-menu a span { display:block; cursor:pointer; }
 /* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */	
 
.fg-menu-indicator span { float:left; }
.fg-menu-indicator span.ui-icon { float:right; }
.fg-menu-content.ui-widget-content, 
.fg-menu-content ul.ui-widget-content { border:0; }
/* ICONS AND DIVIDERS */
.fg-menu.fg-menu-has-icons a:link,
.fg-menu.fg-menu-has-icons a:visited,
.fg-menu.fg-menu-has-icons a:hover,
.fg-menu.fg-menu-has-icons a:active { padding-left:20px; }
.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { padding:0; margin:5px .6em; }
.fg-menu .horizontal-divider hr { border:0; height:1px; }
.fg-menu .horizontal-divider span { font-size:.9em; text-transform: uppercase; padding-left:.2em; }