<style>
/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */

*{margin:0;padding:0;border:none;}

/* Begin CSS Popout Menu */

.menu
{
	position:relative;
	top:0.5em;
	/*left:0.5em;*/
	z-index:9999999;
	width:185px;
	padding-bottom:10px; /* To allow room for bottom dropdown */
	background: url(./leftmenuimages/BGMen.jpg) repeat-y top left; width:199px;
}

.menu a
{
	font-family:Times New Roman, Times, serif; 
	font-size:14px; 
	color:#5f5f5f;
	display:block;
	/*border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;*/
	white-space:nowrap;
	margin:0;
	padding:0 4px;
}

.left-ser
{
	height:21px; 
	width:19px; 
	float:left; 
	margin-left:10px; _margin-left:5px;
}

.searchnew
{ 
	background:url(./leftmenuimages/ser-bg.jpg) repeat-x; 
	 
	font-size;12px; height:19px; padding-top:2px;  
	font-family:Times New Roman, Times, serif; 
	font-weight:bold;
	float:left; 
	text-align:right; 
	width:150px; _width:155px;
	color:#a4a4a4;
	border:0px;
	
}

.right-ser
{
	background:url(./leftmenuimages/right-ser.jpg) no-repeat; 
	height:21px; 
	width:4px; 
	float:left; 
	margin-right:8px;
}

.line-ser
{
	border-bottom:1px solid #868686; 
	height:2px; 
	margin:0px 10px 15px 10px; _margin:-13px 10px 15px 10px;
	clear:both;
}

.menu h3
{
	display:block;
	/*border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;*/
	white-space:nowrap;
	margin:0;
	padding:0 4px;
	margin-left: 2px;
}

.top-ser
{
	background: url(./leftmenuimages/TopMen.jpg) no-repeat top left; 
	width:199px; 
	height:11px;
}

.menu h3
{
	color:#0d005a;
	
}

.menu h3 #text
{
	position: relative;
	top: -10px;
	font-size: 14px;
	font-family:Times New Roman, Times, serif;
	padding-left: 5px;
}

.menu a{
color:#5f5f5f;
/*background:#eee;*/
text-decoration:none;
}

.menu a:hover{
color:#5f5f5f;
/*background:#ddd;*/
}

.menu a:active, a:visited{
color:#5f5f5f;
/*background:#ccc;*/
}

.menu ul
{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

.menu#mens ul#cat
{
	background: url(./leftmenuimages/BGMen.jpg) repeat-y top left; 
	width:199px;
}

.menu#mens ul#lcat
{
	/*background: url(./leftmenuimages/bottomMen.jpg) no-repea bottom left;*/
	width:199px; 
	height:10px;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div.menu li, div.menu li:hover
{
	position:relative;
	margin-left: 11px;
}

div.menu #cat li, div.menu #lcat li
{
	background: url(./leftmenuimages/MidMen.gif) no-repeat bottom left; 
	line-height:21px; color:#5f5f5f; height:19px;
}

div.menu #cat li:hover, div.menu #lcat li:hover
{
	background: url(./leftmenuimages/MidMen_hover.jpg) no-repeat bottom left; 
	height:19px; color:#5f5f5f; line-height:21px; _margin-bottom:-4px;
}

div.menu li #title, div.menu li:hover #title
{
	position: relative;
	top: -1px;
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
	font-size:14px;
	font-weight:normal; 
	/*text-transform:uppercase;*/
	font-family:Verdana, Times New Roman, Times, serif;
	z-index:9999999; color:#7B7CA1;
}

div.menu li ul
{
	position:absolute;
	top:0;
	left:100.1%;
	_left:84%;
	display:none;
}

.side-top-cav
{
	background:url(./leftmenuimages/TopsideMen.gif) no-repeat bottom; 
	height:7px; 
	width:230px;
	_height:7px; 
	_width:230px;
}

.side-bot-cav
{
	background:url(./leftmenuimages/botsideMen.gif) no-repeat top; 
	height:5px; 
	width:230px; 
	margin-left:0;
}


div.menu ul ul
{
	margin:0px; 
	margin-left:-10px; _margin-left:10px;
	z-index:99999999;  
	padding:0px 0px 0px 0px; 
	width:auto;
}

div.menu ul ul li a
{
	font-weight: normal; 
	color:#5f5f5f;
	font-size: 14px; 
	padding-left:0px;  margin: 0px;
	padding: 0px; 
	text-transform:capitalize; line-height:21px;      
}

div.menu ul ul li a:hover
{
	color:#910000;	
}

div.menu ul#sub li#firstliid
{
	background: url(./leftmenuimages/LineMen.gif) no-repeat bottom left; 
	margin: 0px;
	padding: 0px; 
	
}

div.menu ul#sub li#firstliid:hover
{
	background: url(./leftmenuimages/LineMen-h.gif) no-repeat bottom left; 
	margin: 0px;
	padding: 0px; 
	
}

div.menu ul#sub li
{
	background: url(./leftmenuimages/LineMen.gif) no-repeat bottom left; 
	margin: 0px;
	padding: 0px; 
}

div.menu ul#sub li:hover
{
	background: url(./leftmenuimages/LineMen-h.gif) no-repeat bottom left; 
	margin: 0px;
	padding: 0px; 
}

div.menu ul ul,
div.menu ul ul ul,
div.menu ul li:hover ul ul,
div.menu ul li:hover ul ul ul
{
display:none;}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

.menu a.x, .menu a.x:visited{
background-color: #000;
}

.menu a.x:hover{
color:#a00;
background:#ddd;
}

.menu a.x:active{
color:#060;
background:#ccc;
}

</style>



<style>
/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */

*{margin:0;padding:0;border:none;}

/* Begin CSS Popout Menu */

.womenmenu
{
	position:relative;
	top:0.5em;
	/*left:0.5em;*/
	z-index:9999999;
	width:185px;
	padding-bottom:10px; /* To allow room for bottom dropdown */
	background: url(./leftmenuimages/BGMen.jpg) repeat-y top left; width:199px;
}

.womenmenu a
{
	font-family:Times New Roman, Times, serif; 
	font-size:14px; 
	color:#5f5f5f;
	display:block;
	/*border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;*/
	white-space:nowrap;
	margin:0;
	padding:0 4px;
}

.womenmenu h3
{
	display:block;
	/*border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;*/
	white-space:nowrap;
	margin:10px 0 0 0;
	padding:0 4px;
	margin-left: 2px;
}

.womenmenu h3
{
	color:#940000;
	
}

.womenmenu h3 #text
{
	position: relative;
	top:-10px;
	font-size: 14px;
	font-family:Times New Roman, Times, serif;
	padding-left: 5px;
}

.womenmenu a{
color:#5f5f5f;
/*background:#eee;*/
text-decoration:none;
}

.womenmenu a:hover{
color:#5f5f5f;
/*background:#ddd;*/
}

.womenmenu a:active, a:visited{
color:#5f5f5f;
/*background:#ccc;*/
}

.womenmenu ul
{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

.womenmenu#mens ul#cat
{
	background: url(./leftmenuimages/BGMen.jpg) repeat-y top left; 
	width:199px;
}

.womenmenu#mens ul#lcat
{
	/*background: url(./leftmenuimages/bottomMen.jpg) no-repea bottom left;*/
	width:199px; 
	height:10px;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div.womenmenu li, div.womenmenu li:hover
{
	position:relative;
	margin-left: 11px;
}

div.womenmenu #cat li, div.womenmenu #lcat li
{
	background: url(./leftmenuimages/MidWom.gif) no-repeat bottom left; 
	line-height:21px; color:#5f5f5f; height:19px;
}

div.womenmenu #cat li:hover, div.womenmenu #lcat li:hover
{
	background: url(./leftmenuimages/MidWom_hover.jpg) no-repeat bottom left; 
	height:19px; color:#5f5f5f; line-height:21px; _margin-bottom:-4px;
}

div.womenmenu li #title, div.womenmenu li:hover #title
{
	position: relative;
	top: -1px;
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
	font-size:14px;
	font-weight:normal; 
	/*text-transform:uppercase;*/
	font-family:Verdana, Times New Roman, Times, serif;
	z-index:9999999; color:#A17B7B;
}

div.womenmenu li ul
{
	position:absolute;
	top:0;
	left:100.1%;
	_left:84%;
	display:none;
}

div.womenmenu ul ul
{
	margin:0px; 
	margin-left:-10px; _margin-left:10px;
	z-index:99999999;  
	padding:0px 0px 0px 0px; 
	width:auto;
}

div.womenmenu ul ul li a
{
	font-weight: normal; 
	color:#5f5f5f;
	font-size: 14px; 
	padding-left:0px;  margin: 0px;
	padding: 0px; 
	text-transform:capitalize; line-height:21px;      
}

div.womenmenu ul ul li a:hover
{
	color:#910000;	
}

div.womenmenu ul#sub li#firstliid
{
	background: url(./leftmenuimages/LineMen.gif) no-repeat bottom left; 
	margin: 0px;
	padding: 0px; 
	
}

div.womenmenu ul#sub li#firstliid:hover
{
	background: url(./leftmenuimages/LineMen-h.gif) no-repeat bottom left; 
	margin: 0px;
	padding: 0px; 
	
}

div.womenmenu ul#sub li
{
	background: url(./leftmenuimages/LineMen.gif) no-repeat bottom left; 
	margin: 0px;
	padding: 0px; 
}

div.womenmenu ul#sub li:hover
{
	background: url(./leftmenuimages/LineMen-h.gif) no-repeat bottom left; 
	margin: 0px;
	padding: 0px; 
}

div.womenmenu ul ul,
div.womenmenu ul ul ul,
div.womenmenu ul li:hover ul ul,
div.womenmenu ul li:hover ul ul ul
{
display:none;}

div.womenmenu ul li:hover ul,
div.womenmenu ul ul li:hover ul,
div.womenmenu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

.womenmenu a.x, .womenmenu a.x:visited{
background-color: #000;
}

.womenmenu a.x:hover{
color:#a00;
background:#ddd;
}

.womenmenu a.x:active{
color:#060;
background:#ccc;
}

/**************************************** Holiday Specials ****************************************/

.hol-spec
{
	position:relative;
	top:-5px;
	/*left:0.5em;*/
	z-index:9999999;
	width:185px; left:-10px; /* To allow room for bottom dropdown */	
	width:199px; margin-bottom:-12px;
}



.hol-spec ul
{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

.hol-spec#mens ul#cat
{
	background:none;
}

.hol-spec#mens ul#lcat
{
	background:none;
	height:10px;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div.hol-spec li, div.hol-spec li:hover
{
	position:relative;
	margin-left: 11px; 
}

div.hol-spec #cat li, div.hol-spec #lcat li
{
	
}

div.hol-spec #cat li:hover, div.hol-spec #lcat li:hover
{
	 
}

div.hol-spec li #title, div.hol-spec li:hover #title
{
	position: relative;
	top: -1px;
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
	font-size:14px; 
	text-transform:uppercase;
	font-weight:normal;
	z-index:9999999; 
	line-height:21px;
}

div.hol-spec li ul
{
	position:absolute;
	top:0;
	left:100.1%;
	_left:84%;
	display:none;
}

div.hol-spec ul ul
{
	margin-left:-10px; _margin-left:0px;  
	z-index:99999999;  
	padding:0px 0px 0px 0px;
}

div.hol-spec ul ul li a
{
	font-weight: normal; 
	color:#820000;
	font-size: 14px; 
	padding-left:0px; 
	text-transform:uppercase; text-decoration:none; 
}

div.hol-spec ul ul li a:hover
{
	color:#820000; text-decoration:none;	
}

div.hol-spec ul ul li .123 a
{
	font-weight: normal; 
	color:#000;
	font-size: 14px; 
	padding-left:0px; 
	text-transform:uppercase; text-decoration:none; 
}

div.hol-spec ul ul li .123 a:hover
{
	color:#000; text-decoration:none;	
}

div.hol-spec ul#sub li
{
	background: url(./leftmenuimages/LineMen.gif) no-repeat bottom left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;  _padding-left:-0px; line-height:20px;
}

div.hol-spec ul#sub li:hover
{
	background: url(./leftmenuimages/LineMen-h.gif) no-repeat bottom left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px; _padding-left:-0px; line-height:20px;
}

div.hol-spec ul ul,
div.hol-spec ul ul ul,
div.hol-spec ul li:hover ul ul,
div.hol-spec ul li:hover ul ul ul
{display:none;}

div.hol-spec ul li:hover ul,
div.hol-spec ul ul li:hover ul,
div.hol-spec ul ul ul li:hover ul
{display:block;}


/**************************************** Valentine Gift ****************************************/

.val-gift {
    font-family: "AGOpus", "Times New Roman", Times, serif;
}


.val-gift
{
	position:relative;
	top:-5px;
	/*left:0.5em;*/
	z-index:9999999;
	left:-10px; /* To allow room for bottom dropdown */	
	 margin-bottom:-12px; width:200px; 
}



.val-gift ul
{
	list-style:none;
	margin:0;
	padding:0;
	width:100%; 
}

.val-gift#mens ul#cat
{
	background:none;
}

.val-gift#mens ul#lcat
{
	background:none;
	height:10px;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div.val-gift li, div.val-gift li:hover
{
	position:relative;
	margin-left: 11px;  
}
/*new*/
div.val-gift li:hover
{ margin-bottom:0px; _margin-bottom:-3px; *margin-bottom:-3px;
}

div.val-gift #cat li, div.val-gift #lcat li
{
	
}

div.val-gift #cat li:hover, div.val-gift #lcat li:hover
{
}


div.val-gift li #title, div.val-gift li:hover #title
{
	position: relative;
	top: -1px;
	margin: 0px;
	padding-left: 15px;
	font-size:14px; 
	text-transform:uppercase;
	font-weight:normal;
	z-index:9999999; 
	line-height:21px;
}

div.val-gift li ul
{
	position:absolute;
	top:0;
	left:100.1%;
	_left:84%;
	display:none;
}

div.val-gift ul ul
{
	margin-left:-20px; _margin-left:15px; margin-top:22px;  
	z-index:99999999;  
	padding:0px 0px 0px 0px;
}

div.val-gift ul ul li a
{
	font-weight: normal; 
	color:#820000;
	font-size: 14px; 
	padding-left:0px; 
	text-transform:uppercase; text-decoration:none; 
}

div.val-gift ul ul li a:hover
{
	color:#820000; text-decoration:none;	
}

div.val-gift ul ul li .123 a
{
	font-weight: normal; 
	color:#000;
	font-size: 14px; 
	padding-left:0px; 
	text-transform:uppercase; text-decoration:none; 
}

div.val-gift ul ul li .123 a:hover
{
	color:#000; text-decoration:none;	
}

div.val-gift ul#sub li
{
	background: url(./leftmenuimages/LineMen.gif) no-repeat bottom left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;  _padding-left:-0px; line-height:20px;
}

div.val-gift ul#sub li:hover
{
	background: url(./leftmenuimages/LineMen-h.gif) no-repeat bottom left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px; _padding-left:-0px; line-height:20px;
}

div.val-gift ul ul,
div.val-gift ul ul ul,
div.val-gift ul li:hover ul ul,
div.val-gift ul li:hover ul ul ul
{display:none;}

div.val-gift ul li:hover ul,
div.val-gift ul ul li:hover ul,
div.hol-spec ul ul ul li:hover ul
{display:block;}

/**************************************** Jewelry Brand  ****************************************/

div.jewel-brand #cat li.hp {background:url(./leftmenuimages/arr.jpg) no-repeat 5px;  font-weight:bold; height:20px; border:0px solid #FF0000; color:#9c9c9c;}

.jewel-brand
{
	position:relative;
	top:-5px;
	/*left:0.5em;*/
	z-index:9999999;
	width:185px;
	width:199px; margin-bottom:-12px;
}



.jewel-brand ul
{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

.jewel-brand#mens ul#cat
{
	background:none;
}

.jewel-brand#mens ul#lcat
{
	background:none;
	height:10px;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div.jewel-brand li, div.jewel-brand li:hover
{
	position:relative;
	margin-left: 11px; 
}

div.jewel-brand #cat li, div.jewel-brand #lcat li
{
	
}

div.jewel-brand #cat li:hover, div.jewel-brand #lcat li:hover
{
	 
}

div.jewel-brand li #title, div.jewel-brand li:hover #title
{
	position: relative;
	top: -1px;
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
	font-size:14px; 
	font-weight:normal;
	z-index:9999999; 
	line-height:21px;
}

div.jewel-brand li ul
{
	position:absolute;
	top:0;
	left:100.1%;
	_left:84%;
	display:none;
}

div.jewel-brand ul ul
{
	margin-left:-10px; _margin-left:0px;  
	z-index:99999999;  
	padding:0px 0px 0px 0px;
}

div.jewel-brand ul ul li a
{
	font-weight: normal; 
	color:#5f5f5f;
	font-size: 14px; 
	padding-left:0px; 
	text-decoration:none; 
}

div.jewel-brand ul ul li a:hover
{
	color:#820000; text-decoration:none;	
}

div.jewel-brand ul ul li .123 a
{
	font-weight: normal; 
	color:#000;
	font-size: 14px; 
	padding-left:0px; 
	text-decoration:none; 
}

div.jewel-brand ul ul li .123 a:hover
{
	color:#000; text-decoration:none;	
}

div.jewel-brand ul#sub li
{
	background: url(./leftmenuimages/LineMen.gif) no-repeat bottom left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;  _padding-left:-0px; line-height:20px;
}

div.jewel-brand ul#sub li:hover
{
	background: url(./leftmenuimages/LineMen-h.gif) no-repeat bottom left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px; _padding-left:-0px; line-height:20px;
}

div.jewel-brand ul ul,
div.jewel-brand ul ul ul,
div.jewel-brand ul li:hover ul ul,
div.jewel-brand ul li:hover ul ul ul
{display:none;}

div.jewel-brand ul li:hover ul,
div.jewel-brand ul ul li:hover ul,
div.jewel-brand ul ul ul li:hover ul
{display:block;}

</style>