/* CSS Document */

#nav{width:616px;height:24px;margin:0;padding:0px;position:relative;display:block;overflow:hidden;line-height:0;background:transparent url('../images/nav-bg-01.gif') no-repeat 0 0}

#nav li{margin:0;position:relative}
#nav li, #nav a{height:24px;display:block;text-align:center;float:left;font-size:13px}
#nav .active a{background-position:0 -24px}
#nav a span{display:none}
#nav a{text-decoration:none}
#nav a:hover, #nav li:hover a, #nav li.sfhover a{background-position:0 -24px}
#nav .active a:hover, #nav li.active:hover a, #nav li.active.sfhover a{background-position:0 -24px}
#nav li ul{clear:left;position:absolute;top:52px;left: -999em;margin:0;padding:0 0 6px 0;list-style:none;background-color: #313030;border:1px #444 solid;border-top:0 none}
#nav li ul a{color: #fff;background:none;text-decoration:none;padding:2px 0;border-bottom:1px #444 solid}.last{border:0 none !important}
#nav .active ul a{background: #313030 !important}
#nav li ul a:hover, #nav .active li ul a:hover{background: #ffd51d !important;color: #000}
#nav li ul li, #nav li ul a{height:auto;float:none;margin:0;background:transparent none;font-size:11px;font-weight:normal;text-align:left}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{left:0}
#nav_product, #nav_product a{width:86px; background:transparent url('../images/btn-main-products.gif') no-repeat 0 0}
#nav_accessories, #nav_accessories a{width:100px; background:transparent url('../images/btn-main-accessories.gif') no-repeat 0 0}
#nav_locations, #nav_locations a{width:85px; background:transparent url('../images/btn-main-locations.gif') no-repeat 0 0}
#nav_services, #nav_services a{width:78px; background:transparent url('../images/btn-main-services.gif') no-repeat 0 0}
#nav_photo, #nav_photo a{width:64px; background:transparent url('../images/btn-main-photo.gif') no-repeat 0 0}


/*----------- New Menu CSs -----------------------------*/

.nav li{margin:0;position:relative;margin-left:13px;}
.nav li, .nav a{height:24px;display:block;text-align:center;float:left;font-size:13px}
.nav .active a{background-position:0 -24px}
.nav a span{display:none}
.nav a{text-decoration:none}
.nav a:hover, .nav li:hover a, .nav li.sfhover a{background-position:0 -24px}
.nav .active a:hover, .nav li.active:hover a, .nav li.active.sfhover a{background-position:0 -24px}

/* Temporary Square Buttons */
.nav_square, .nav_square a{width:86px;background-color:Red;color:White;height:24px;font-size:13px}


/*----------- New Table Menu CSs -----------------------------*/
.tdLeft
{
	height:30px;
	background: url('../images/redbutton-left.gif');
	background-repeat:repeat-x;
	color:#FFF;
	font-family:"Trebuchet MS";
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	
}


.tdRight
{
	height:30px;
	background:url('../images/redbutton-right.gif');
	background-repeat:repeat-x;
	color:#FFF;
	font-family:"Trebuchet MS";
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
}

.tdMiddle
{
	height:30px;
	background:url('../images/redbutton-middle.gif');
	background-repeat:repeat-x;
	color:#FFF;
	font-family:"Trebuchet MS";
	font-weight:bold;
	font-size:11px;
	padding:3px 2px 0px 2px;
	text-transform:uppercase;
	vertical-align:text-top;
}
.tdMiddle a
{
	color:#FFF;
	text-decoration:none;
	text-align:center;
	padding:2px 2px 0px 2px;
	vertical-align:text-top;
}

.tdLeft-hover
{
	height:30px;
	background:url('../images/whitebutton-left.gif');
	background-repeat:repeat-x;
	color:#AF0000;
	font-family:"Trebuchet MS";
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
}

.tdRight-hover
{
	height:30px;
	background:url('../images/whitebutton-right.gif');
	background-repeat:repeat-x;
	color:#AF0000;
	font-family:"Trebuchet MS";
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
}

.tdMiddle-hover
{
	height:30px;
	background:url('../images/whitebutton-middle.gif');
	background-repeat:repeat-x;
	color:#AF0000;
	font-family:"Trebuchet MS";
	font-weight:bold;
	font-size:11px;
	padding:3px 2px 0px 2px;
	text-transform:uppercase;
	vertical-align:text-top;
}

.tdMiddle-hover a
{
	color:#AF0000;
	text-decoration:none;
	text-align:center;
	padding:2px 2px 0px 2px;
	vertical-align:text-top;
}