/********************************************************************************

	Sitehand Framework (v1.0a)
	
	Daniel Crowther (daniel.crowther@sitehand.com)
	http://www.sitehand.com/
	
	-
	Copyright (C) 2005+ Sitehand. All Rights Reserved.
	
	-
	$Author: Daniel Crowther $
	File Created: 1/07/2005
	Last Update $Date: 2005/07/1 07:06:25 $
	$Revision: 1.0 $
	
********************************************************************************/

/* -----------------------------------------------------------------------------
	DEFAULT TAGS
----------------------------------------------------------------------------- */
body {
	background:		#89942e;
	text-align:		center;
	font-family: 	Verdana,Geneva,Arial,Helvetica,sans-serif;
}

A {
	color:				#737a36;
	text-decoration: 	none;
}

#Wrapper {
	background:		#89942e url(./images/bg.gif) center repeat-y;
	width:			980px;
	margin:			0px auto;
}

#BodyTop {
	background:		#89942e url(./images/body_top.gif) no-repeat;
	width:			980px;
	height:			23px;
}

#BodyMain {
	width:			956px;
	margin:			0 auto;
	text-align:		left;
}

#BodyBottom {
	background:		#89942e url(./images/body_bottom.gif) no-repeat;
	width:			980px;
	height:			17px;
}

#Header {
	height:			91px;
	background:		url(./images/header_bg.gif) no-repeat;
}

#HeaderLogo {
	float:			left;
	margin-top:		-1px;
}

#HeaderLinks {
	width:			250px;
	float:			right;
	text-align:		right;
	padding-top:	10px;
	padding-right:	10px;
	font-weight:	bold;
	color:			#737a36;
	font-size:		12px;
}

#MenuBar {
	height:			24px;
	background:		#b1b52d;
}

#MenuBar #MenuNav {
	float: 			left;
}

.NavItem {
	background:		url(./images/menu_btn_bg.png) no-repeat;
	font:			10px/16px Tahoma, Arial, Helvetica, sans-serif; 
	width:			80px;
	height:			18px;
	margin:			3px 2px;
	float:			left;
	text-align:		center;
	color:			#000000;
	text-decoration: none;
}

.NavItem:hover {
	background:		url(./images/menu_btn_o_bg.png);
	color:			#ffffff
}

.NavItemHi {
	background:		url(./images/menu_btn_s_bg.png);
	color:			#ffffff;
}

#MenuBar #MenuSearch {
	width: 			360px;
	float: 			right;
	font-size:		10px;
	color:			#595959;
	margin-top:		2px;
}

#MenuSearch form {
	margin:			0px;
	padding:		0px;
	float:			left;
}

#MenuSearch input {
	font-size:		10px;
	height:			18px;
}

#MenuSearch .SearchBtn {
	background:		url(./images/menu_btn_bg.png) no-repeat;
	font:			10px/16px Tahoma, Arial, Helvetica, sans-serif; 
	border:			0px;
	width:			80px;
	color:			#595959;
}

.FormButton {
	background:		url(./images/menu_btn_bg.png) no-repeat;
	font:			10px/16px Tahoma, Arial, Helvetica, sans-serif; 
	font-size:		9px;
	border:			0px;
	width:			80px;
	height:			18px;
	color:			#595959;
}

#SideNav {
	background: 	#b1b52d url(./images/side_nav_bg.gif) top repeat-x;
	width:			164px;
	vertical-align:	top;
	padding: 	30px 0px;
}

.nav-nexus {
	/*background-color:	#7c62ab;*/
}

#FooterMenu {
	height:			24px;
	background:		#cfd686;
	text-align:		center;
	color:			#4c4d4f;
	padding-top:	3px;
}

#FooterMenu .FooterNavItem {
	width:			160px;
	color:			#4c4d4f;
	font-size:		11px;
	text-decoration: none;
}

#SideNav .SideNavTitleLight {
	background-color:	#89942e;
	color:				#fefefe;
	padding:			5px 0px;
	padding-left:		8px;
	font-size:			12px;
	font-style: 		italic;
	font-weight:		bold;
}

#SideNav .SideNavItem {
	background-color:	#b3b4c6;
	padding:			5px;
	padding-left:		15px;
	font-size:			12px;
	color:				#4e4d4b;
}

#SideNav .SideNavItem A {
	font-size:			12px;
	color:				#4e4d4b;
	text-decoration: 	none;
}

#SideNav .CartItem {
	background-color:	#b3b4c6;
	padding:			2px;
	font-size:			12px;
	color:				#4e4d4b;
}

#SideNav .CartItem li, #SideNav .CartItem .ProductTitle {
	font-size:			9px;
	list-style-type: 	none;
	list-style-position: outside;
	margin:				0px;
	padding:			0px;
	overflow:			hidden;
	width: 				155px;
	line-height:		1em;
}

#ContentBody {
	background: 		#ffffff;
	vertical-align:		top;
	padding:			5px 10px 10px 10px;
	font-size:			12px;
	min-height:			600px;
}

.NoPadding {
	padding:			0px !important;
}

#ContentBody H2, #ContentBody .ObjectTitle {
	color:				#737a36;
	font-style: 		italic;
	font-weight:		bold;
	font-size:			18px;
	margin:				0px;
	padding:			0px;
	
}

H3 {
	color:				#737a36;
	font-style: 		italic;
	font-weight:		bold;
	text-align:			center;
	font-size:			12px;
	margin:				0px;
	padding:			0px;
	
}

#ContentBody td, .ObjectBody {
	font-family: 		Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:			12px;
	color:				#4d4d4d;
}

.productheader {
	color:				#737a36;
}

/* -----------------------------------------------------------------------------
	::Purple Gradient Round Corners
----------------------------------------------------------------------------- */
.product-title {
	color:				#737a36;
	font-style: 		italic;
	font-weight:		bold;
	font-size:			18px;
}

.product-decription {
	color:				#4d4d4d;
}

.product-subtitle, .subtitle {
	color:				#737a36;
	font-weight:		bold;
	font-size:			14px;
	padding-top:		10px;
	padding-bottom:		4px;
	clear:				left;
}

.product-spec { 
	color:				#4d4d4d;
}

.ImageAdditional {
	background: 		url(./images/bg_additional_image.gif) no-repeat;
	width:				126px;
	height:				126px;
	float:				left;
	margin-right:		20px;
}

/* -----------------------------------------------------------------------------
	::Purple Gradient Round Corners
----------------------------------------------------------------------------- */

.pg_tb {
	margin:				5px 0px;
	margin-left:		10px;
}

.pg_tb .c_tl{
	background: 		url(./images/purple_gradient/o_bg_tl.gif) no-repeat;
	width:				12px;
	height:				12px;
	vertical-align:		bottom;
}

.pg_tb .c_tc{
	background: 		url(./images/purple_gradient/o_bg_tc.gif) repeat-x;
	height:				12px;
	vertical-align:		bottom;
}

.pg_tb .c_tr{
	background: 		url(./images/purple_gradient/o_bg_tr.gif) no-repeat;
	width:				12px;
	height:				12px;
	vertical-align:		bottom;
}

.pg_tb .c_ml{
	background: 		url(./images/purple_gradient/o_bg_ml.gif) no-repeat;
	width:				12px;
}

.pg_tb .c_mc{
	background: 		url(./images/purple_gradient/o_bg_mc.gif);
}

.pg_tb .c_mc .Title{
	color:				#737a36;
	padding-top:		4px;
	font-style: 		italic;
	font-weight:		bold;
	font-size:			16px;	
}

.pg_tb .c_mc .TitleLink {
	padding-top:		8px;
}

.pg_tb .c_mc .TitleLink A {
	color:				#737a36;
	font-style: 		italic;
	font-weight:		bold;
	font-size:			10px;
}

.pg_tb .c_mc .Product {
	margin-top:			8px;
	width:				140px;
	float:				left;
	text-align:			center;
}

.pg_tb .c_mc .ImageSmall {
	background: 		url(./images/bg_pg_image.gif) no-repeat;
	width:				126px;
	height:				126px;
}

.pg_tb .c_mr{
	background: 		url(./images/purple_gradient/o_bg_mr.gif) no-repeat;
	width:				12px;
}

.pg_tb .c_bl{
	background: 		url(./images/purple_gradient/o_bg_bl.gif) no-repeat;
	width:				12px;
	height:				12px;
}

.pg_tb .c_bc{
	background: 		url(./images/purple_gradient/o_bg_bc.gif) repeat-x;
	height:				12px;
}

.pg_tb .c_br{
	background: 		url(./images/purple_gradient/o_bg_br.gif) no-repeat;
	width:				12px;
	height:				12px;
}

.pg_in_tb .c_tl{
	background: 		url(./images/purple_gradient/i_bg_tl.gif) no-repeat;
	width:				13px;
	height:				13px;
}

.pg_in_tb .c_tc{
	background: 		url(./images/purple_gradient/i_bg_tc.gif) repeat-x;
	height:				13px;
}

.pg_in_tb .c_tr{
	background: 		url(./images/purple_gradient/i_bg_tr.gif) no-repeat;
	width:				13px;
	height:				13px;
}

.pg_in_tb .c_ml{
	background: 		url(./images/purple_gradient/i_bg_ml.gif) no-repeat;
	width:				13px;
}

.pg_in_tb .c_mc{
	background: 		url(./images/purple_gradient/i_bg_mc.gif);
	vertical-align:		top;
}

.pg_in_tb .c_mr{
	background: 		url(./images/purple_gradient/i_bg_mr.gif) no-repeat;
	width:				13px;
}

.pg_in_tb .c_bl{
	background: 		url(./images/purple_gradient/i_bg_bl.gif) no-repeat;
	width:				13px;
	height:				13px;
}

.pg_in_tb .c_bc{
	background: 		url(./images/purple_gradient/i_bg_bc.gif) repeat-x;
	height:				13px;
}

.pg_in_tb .c_br{
	background: 		url(./images/purple_gradient/i_bg_br.gif) no-repeat;
	width:				13px;
	height:				13px;
}

/* -----------------------------------------------------------------------------
	::Purple Solid Round Corners
----------------------------------------------------------------------------- */

.ps_tb {
	margin:				5px 0px;
	margin-left:		10px;
}

.ps_tb .c_tl{
	background: 		url(./images/purple_solid/o_bg_tl.gif) no-repeat;
	width:				12px;
	height:				12px;
}

.ps_tb .c_tc{
	background: 		url(./images/purple_solid/o_bg_tc.gif) repeat-x;
	height:				12px;
}

.ps_tb .c_tr{
	background: 		url(./images/purple_solid/o_bg_tr.gif) no-repeat;
	width:				12px;
	height:				12px;
}

.ps_tb .c_ml{
	background: 		url(./images/purple_solid/o_bg_ml.gif) repeat-y;
	width:				12px;
}

.ps_tb .c_mc{
	background: 		url(./images/purple_solid/o_bg_mc.gif);
	vertical-align:		top;
}

.ps_tb .c_mc .Title{
	color:				#ffffff;
	padding-top:		4px;
	padding-bottom:		4px;
	font-style: 		italic;
	font-weight:		bold;
	font-size:			16px;	
}

.ps_tb .c_mc .Title A{
	color:				#ffffff;
}

.ps_tb .c_mc .TitleLink {
	padding-top:		8px;
}

.ps_tb .c_mc .TitleLink A{
	color:				#ffffff;
	font-style: 		italic;
	font-weight:		bold;
	font-size:			10px;
}

.ps_tb .c_mc .Product{
	margin-top:			8px;
	float:				left;
	text-align:			center;
}

.ps_tb .c_mc .ImageSmall {
	background: 		url(./images/bg_pg_image.gif) no-repeat;
	width:				130px;
	height:				130px;
}

.ps_tb .c_mc .ImageLarge{
	background: 		url(./images/purple_solid/bg_pg_image_large.gif) no-repeat;
	width:				293px;
	height:				293px;
	margin-left:		5px;
}

.ps_tb .c_mr{
	background: 		url(./images/purple_solid/o_bg_mr.gif) repeat-y;
	width:				12px;
}

.ps_tb .c_bl{
	background: 		url(./images/purple_solid/o_bg_bl.gif) no-repeat;
	width:				12px;
	height:				12px;
}

.ps_tb .c_bc{
	background: 		url(./images/purple_solid/o_bg_bc.gif) repeat-x;
	height:				12px;
}

.ps_tb .c_br{
	background: 		url(./images/purple_solid/o_bg_br.gif) no-repeat;
	width:				12px;
	height:				12px;
}

.ps_in_tb .c_tl{
	background: 		url(./images/purple_solid/i_bg_tl.gif) no-repeat;
	width:				13px;
	height:				13px;
}

.ps_in_tb .c_tc{
	background: 		url(./images/purple_solid/i_bg_tc.gif) repeat-x;
	height:				13px;
}

.ps_in_tb .c_tr{
	background: 		url(./images/purple_solid/i_bg_tr.gif) no-repeat;
	width:				13px;
	height:				13px;
}

.ps_in_tb .c_ml{
	background: 		url(./images/purple_solid/i_bg_ml.gif) repeat-y;
	width:				13px;
}

.ps_in_tb .c_mc{
	background: 		url(./images/purple_solid/i_bg_mc.gif);
	vertical-align:		top;
}

.ps_in_tb .c_mr{
	background: 		url(./images/purple_solid/i_bg_mr.gif) repeat-y;
	width:				13px;
}

.ps_in_tb .c_bl{
	background: 		url(./images/purple_solid/i_bg_bl.gif) no-repeat;
	width:				13px;
	height:				13px;
}

.ps_in_tb .c_bc{
	background: 		url(./images/purple_solid/i_bg_bc.gif) repeat-x;
	height:				13px;
}

.ps_in_tb .c_br{
	background: 		url(./images/purple_solid/i_bg_br.gif) no-repeat;
	width:				13px;
	height:				13px;
}

.ps_in2_tb .c_tl{
	background: 		url(./images/purple_solid/i2_bg_tl.gif) no-repeat;
	width:				13px;
	height:				13px;
}

.ps_in2_tb .c_tc{
	background: 		url(./images/purple_solid/i2_bg_tc.gif) repeat-x;
	height:				13px;
}

.ps_in2_tb .c_tr{
	background: 		url(./images/purple_solid/i2_bg_tr.gif) no-repeat;
	width:				13px;
	height:				13px;
}

.ps_in2_tb .c_ml{
	background: 		url(./images/purple_solid/i2_bg_ml.gif) no-repeat;
	width:				13px;
}

.ps_in2_tb .c_mc{
	background: 		url(./images/purple_solid/i2_bg_mc.gif);
	vertical-align:		top;
}

.ps_in2_tb .c_mr{
	background: 		url(./images/purple_solid/i2_bg_mr.gif) no-repeat;
	width:				13px;
}

.ps_in2_tb .c_bl{
	background: 		url(./images/purple_solid/i2_bg_bl.gif) no-repeat;
	width:				13px;
	height:				13px;
}

.ps_in2_tb .c_bc{
	background: 		url(./images/purple_solid/i2_bg_bc.gif) repeat-x;
	height:				13px;
}

.ps_in2_tb .c_br{
	background: 		url(./images/purple_solid/i2_bg_br.gif) no-repeat;
	width:				13px;/
	height:				13px;
}

/* -----------------------------------------------------------------------------
	::Silver Solid Round Corners
----------------------------------------------------------------------------- */

.ss_tb {
	margin:				5px 0px;
	margin-left:		10px;
}

.ss_tb .c_tl{
	background: 		url(./images/silver_solid/o_bg_tl.gif) no-repeat;
	width:				12px;
	height:				12px;
	vertical-align:		bottom;
}

.ss_tb .c_tc{
	background: 		url(./images/silver_solid/o_bg_tc.gif) repeat-x;
	height:				12px;
	vertical-align:		bottom;
}

.ss_tb .c_tr{
	background: 		url(./images/silver_solid/o_bg_tr.gif) no-repeat;
	width:				12px;
	height:				12px;
	vertical-align:		bottom;
}

.ss_tb .c_ml{
	background: 		url(./images/silver_solid/o_bg_ml.gif) no-repeat;
	width:				12px;
}

.ss_tb .c_mc{
	background: 		url(./images/silver_solid/o_bg_mc.gif);
	vertical-align:		top;
}

.ss_tb .c_mc .Title{
	color:				#f1f2f4;
	padding-top:		4px;
	padding-bottom:		5px;
	font-style: 		italic;
	font-weight:		bold;
	font-size:			16px;	
}

.ss_tb .c_mc .TitleLink {
	padding-top:		8px;
}

.ss_tb .c_mc .TitleLink A{
	color:				#f1f2f4;
	font-style: 		italic;
	font-weight:		bold;
	font-size:			10px;
}

.ss_tb .c_mc .Product{
	margin-top:			8px;
	float:				left;
	text-align:			center;
}

.ss_tb .c_mc .ImageSmall {
	background: 		url(./images/bg_pg_image.gif) no-repeat;
	width:				130px;
	height:				130px;
}

.ss_tb .c_mc .ImageLarge{
	background: 		url(./images/silver_solid/bg_pg_image_large.gif) no-repeat;
	width:				293px;
	height:				293px;
	margin-left:		5px;
}

.ss_tb .c_mr{
	background: 		url(./images/silver_solid/o_bg_mr.gif) no-repeat;
	width:				12px;
}

.ss_tb .c_bl{
	background: 		url(./images/silver_solid/o_bg_bl.gif) no-repeat;
	width:				12px;
	height:				12px;
}

.ss_tb .c_bc{
	background: 		url(./images/silver_solid/o_bg_bc.gif) repeat-x;
	height:				12px;
}

.ss_tb .c_br{
	background: 		url(./images/silver_solid/o_bg_br.gif) no-repeat;
	width:				12px;
	height:				12px;
}

.ss_in_tb .c_tl{
	background: 		url(./images/silver_solid/i_bg_tl.gif) no-repeat;
	width:				13px;
	height:				13px;
}

.ss_in_tb .c_tc{
	background: 		url(./images/silver_solid/i_bg_tc.gif) repeat-x;
	height:				13px;
}

.ss_in_tb .c_tr{
	background: 		url(./images/silver_solid/i_bg_tr.gif) no-repeat;
	width:				13px;
	height:				13px;
}

.ss_in_tb .c_ml{
	background: 		url(./images/silver_solid/i_bg_ml.gif) no-repeat;
	width:				13px;
}

.ss_in_tb .c_mc{
	background: 		url(./images/silver_solid/i_bg_mc.gif);
	vertical-align:		top;
}

.ss_in_tb .c_mr{
	background: 		url(./images/silver_solid/i_bg_mr.gif) no-repeat;
	width:				13px;
}

.ss_in_tb .c_bl{
	background: 		url(./images/silver_solid/i_bg_bl.gif) no-repeat;
	width:				13px;
	height:				13px;
}

.ss_in_tb .c_bc{
	background: 		url(./images/silver_solid/i_bg_bc.gif) repeat-x;
	height:				13px;
}

.ss_in_tb .c_br{
	background: 		url(./images/silver_solid/i_bg_br.gif) no-repeat;
	width:				13px;
	height:				13px;
}



/* -----------------------------------------------------------------------------
	::CENTER IMAGE IN BOX
----------------------------------------------------------------------------- */

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.wraptocenter * {
    vertical-align: middle;
}

/*\*//*/
.wraptocenter {
    display: block;
}

.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

.wraptocenter span {
    display: inline-block;
    height: 100%;
}

/* -----------------------------------------------------------------------------
	::Nice Forms
----------------------------------------------------------------------------- */

/*##########################################
Script: Niceforms 2.0
Theme: StandardBlue
Author: Lucian Slatineanu
URL: http://www.emblematiq.com/
##########################################*/
fieldset {background:#f2f2e6; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:36px;}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
dl.top {clear:both;margin:0px;margin-top:5px;}
dl.top dt {clear:both;margin:0px;height:21px;font-size:14px;vertical-align:bottom;font:12px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px;}
dl.top dd {clear:both;margin:0px;}

dl.left {clear:both;margin:5px;}
dl.left dt {float:left; text-align:right; width:130px; line-height:25px; margin:0 5px 0 0; font:12px/12px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px;}
dl.left dd {float:left; width:475px; line-height:25px; margin:0 0 0 0;}

dt.lite {color:#ffffff;}

/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(/img/input.png) repeat-x 0 0; padding:3px 0px 3px 0px; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(/img/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(/img/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(/img/radio.png) no-repeat 0 0; z-index:2;}
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(/img/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(/img/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px !important; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(/img/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(/img/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(/img/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(/img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background:#f2f2e6 url(/img/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:#f2f2e6 url(/img/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(/img/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(/img/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(/img/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(/img/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(/img/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:21px; background:url(/img/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(/img/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#a591c8; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#464646;}
.NFSelectOptions a:hover {background:#333;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(/img/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(/img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(/img/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(/img/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(/img/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(/img/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(/img/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(/img/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}

/* -----------------------------------------------------------------------------
	::Fly Out Menu
----------------------------------------------------------------------------- */
.menu {
z-index:1000;
font-size:12px;
margin:0px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:164px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#dbdd9c;
height:26px;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:164px;
color:#4e4d4b;
text-indent:5px;
border:0px solid #fff;
border-width:0 0px 0px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#89942e; width:164px; w\idth:164px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#89942e;}

.menu :hover > a {
color:#fff; 
background:#89942e;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:164px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/********************************************************************************
								END STYLE SHEET
********************************************************************************/
