﻿/*Menu Table*/
.LeftMenuTL {background:url(menuTopL.gif) no-repeat bottom right; height: 47px; width:2px;}
.LeftMenuTR {background:url(menuTopR.gif) no-repeat bottom left; height: 47px; width:2px;}
.LeftMenuHeader {background:url(menuTopC.gif) no-repeat bottom left; height: 47px; width:141px;}
.LeftMenuLeftSide {background:url(menu_leftbg.gif) repeat-y bottom right; width:2px; font-size:1px;}
.LeftMenuRightSide {background:url(menu_rightbg.gif) repeat-y bottom left; width:2px; font-size:1px;}
.LeftMenuCenter {background:url(menuBg.gif) repeat-x top center; width:141px;}
.LeftMenuBL {background:url(menuBotL.gif) no-repeat top right; height: 5px; width:2px;}
.LeftMenuBR {background:url(menuBotR.gif) no-repeat top left; height: 5px; width:2px;}
.LeftMenuFooter {background:url(menuBotM.gif) no-repeat top left; height: 5px; width:141px;}


#leftNav {
	width: 140px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#lNav{
	width: 140px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ebebeb;
}

.anchor{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background:url(../Images/upArrow.gif) no-repeat left;	
	padding-left:10px;	
	line-height:28px;
	vertical-align:top;
	color: #fff;
	margin: 0;
	text-decoration: none;	
}

.anchor:Hover{
	text-decoration: none;	
	color: #f6df4c;
}
.anchor:active{
	text-decoration: none;	
	color: #f6df4c;
}
.anchor_active {
	text-decoration: none;	
	color: #f6df4c;
}

.anchor_activeT{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background:url(../Images/downArrow.gif) no-repeat left;	
	padding-left:20px;	
	line-height:28px;
	color: #fff;
	margin: 0;
	text-decoration: none;	
}
.anchor_activeT:Hover{
	text-decoration: none;	
	color: #f6df4c;
}



.anchorS{
	font-size: 10px;
	background:url(../Images/upArrowSmall.gif) no-repeat left;	
	line-height:28px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;	
	color: #fff;
	margin: 0;
	padding: 1px;
	padding-left:30px;	
	
}


.anchorS:Hover{
	color: #f6df4c;
	text-decoration: none;
}

.anchorS:Active{
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}
.anchorS_Active{
	font-size: 10px;
	line-height:28px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../Images/upArrowSmall.gif) no-repeat left;	
	text-decoration: none;	
	color: #f6df4c;
	margin: 0;
	padding: 1px;
	padding-left:30px;	
	
}
.anchorS_Active:Hover{
	color: #f6df4c;
	text-decoration: none;
}


.anchorSS {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#777777; background:#FFFFFF
}
.anchorSS td {
border-top: #ECE8DA 1px solid; border-left: #ffffff 1px solid; border-right: #ffffff 1px solid; height:25px;
}
.anchorSS a {
	padding-right: 0px; display: block; padding-left: 15px; padding-bottom: 0px; cursor: pointer; color: #666666; padding-top: 3px; height: 20px; text-decoration: none; background-image:url(bgPattern.gif); background-position:left; background-repeat:repeat;
}
.anchorSS a:hover {
	COLOR: red;  text-decoration: none;
}

.pTop10 { padding-top:10px;}
.pTop20 { padding-top:20px;}

.navContainer1{
	width: 170px;
	background: url(../Images/spanBg.gif) repeat;	
	border-bottom:#c1c1c1 1px solid;
	margin: 0 0 0 0;
	padding: 0 0 0 0; cursor:hand; color:#FFF;
}



.navContainer1_Active{
	width: 170px;
	background:url(../Images/spanBgActive.gif) repeat;	
	border-bottom:#c1c1c1 1px solid;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color:White;
	
}

.navContainer2{
	width: 170px;
	border-bottom:#c1c1c1 1px solid;
	margin: 0px 0px 0px 0px;
	background:url(../Images/spanBgChild.gif) repeat left;		
	padding:  0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff;
}


.navContainer3{
	width: 140px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #ebebeb;
	padding: 0px;
	font-size: 8pt;
	background:url(myprofile_hover.gif) repeat-y left;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff;
}

/* hacking firefox (Hacking is nothing but hiding the genaral class from a browser and applying a special class for that browser) */
html>body .childContainer{
	width: 140px;
}
.childContainer{
	width: 140px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: none;
}

#productSubMenu{
	position:absolute;
	color:#000000;
	padding-left:50px;
	width:150px;
	height:33px;
	visibility:hidden;
	z-index:1;
}

#skuSubMenu{
	position:absolute;
	color:#000000;
	padding-left:50px;
	width:150px;
	height:33px;
	visibility:hidden;
	z-index:1;
}

#subMenuDiscount{
	position:absolute;
	color:#000000;
	padding-left:50px;
	width:150px;
	height:33px;
	visibility:hidden;
	z-index:1;
}

#subMenuVolumeDiscount{
	position:absolute;
	color:#000000;
	padding-left:50px;
	width:150px;
	height:33px;
	visibility:hidden;
	z-index:1;
}

#divHelpContent{
	position:absolute;
	color:#000000;
	padding-left:50px;
	width:150px;
	height:33px;
	visibility:hidden;
	z-index:1;
}
#divEfileError{
	position:absolute;
	color:#000000;
	padding-left:50px;
	width:150px;
	height:33px;
	visibility:hidden;
	z-index:1;
}

.Progress {background-color:#000; margin:10px; color:#FFF; border: 2px solid #D96C00; padding-left:10px; padding-bottom:5px; padding-right:10px; padding-top:5px; font-weight: bold;  font-size: 12px; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}

