/* CSS Document */
div#menu a {text-decoration:none !important;}
div#menu span a:hover {border: 0px;}
div#menu span table a:hover {border:0px;text-decoration:underline !important; color: #666666 !important;}
ul.nav  {margin-bottom:10px; padding:0; !important; line-height:1.4em;}
ul.nav li {margin:0 0 0 0; padding:0; !important; list-style:none outside none !important; 
           background: none !important; color: #333333;}
ul.nav li a {color : #333333 !important;}
ul.nav li h4 {color: #333333; margin-bottom:0px; font-size:1.03em !important;}
div.border { border-right:solid 1px #CCCCCC;}
div.threecolumn ul, div.fourcolumn ul {padding:0px; margin:0px; height:100%;margin-left:10px; margin-right:5px;}

/*********** Show All Departments Tab ***********/
div#menu a#deptTab span.normal {display:inline; position:relative; top:0px; left:0px; margin-right:-3px;}
div#menu a#deptTab span.hover {display:none;}

div#menu a#deptTab:hover span.normal {display:none;}
div#menu a#deptTab:hover span.hover {display:inline; position:relative; top:0px; left:0px; margin-right:-3px;}
div#menu span#deptTabmenuitem:hover span.hover {display:inline; position:relative; top:0px; left:0px; margin-right:-3px;}

/** This is for IE **/
div#menu a#deptTab #dept {display:none; postion: absolute;}
div#menu a#deptTab:hover #dept {visibility:hidden; display: inline;  position: absolute; top: 93px; left: 285px; width: 585px;
                                border: 2px solid #CDDF69; background-color:#fff; z-index:200; padding-bottom:10px}

/** This is for Mozilla **/
div#menu span#deptTabmenuitem #dept {display:none; postion: absolute;}
div#menu span#deptTabmenuitem:hover span.normal {display:none;}
div#menu span#deptTabmenuitem:hover #dept {visibility:hidden; display: block; position: absolute; top: 92px; left: 285px; width: 590px;
                                           border: 2px solid #CDDF69; background-color:#fff; z-index:200;}

div.fourcolumn { float:left; padding:0px; margin:0px; _height:305px; height:305px; width:24.5%;}
div#menu #dept tr td { font-size: 1.09em !important; padding-bottom: 5px; padding-top: 7px;
                       padding-left:12px; text-decoration:none; }
#dept h3 {color:#333333; padding-bottom:8px;padding-left:10px;}

/*********** My M&S Tab ***********/
div#menu a#myMSTab span.normal {display:inline; position:relative;top:0px;left:0px; margin-right:-3px;}
div#menu a#myMSTab span.hover {display:none;}

div#menu a#myMSTab:hover span.normal {display:none;}
div#menu a#myMSTab:hover span.hover {display:inline; position:relative;top:0px;left:0px; margin-right:-3px;}
div#menu span#myMSTabmenuitem:hover span.hover {display:inline; position:relative; top:0px; left:0px; 
                                                margin-right:-3px;}

/** This is for IE **/
div#menu a#myMSTab #myMS {display:none;}
div#menu a#myMSTab:hover #myMS {visibility:hidden; display: inline; position: absolute; top: 93px; left: 510.5px; width: 375px;
                                border: 2px solid #CDDF69; background-color:#fff; z-index:200;}
/** This is for Mozilla **/
div#menu span#myMSTabmenuitem #myMS {display:none;}
div#menu span#myMSTabmenuitem:hover span.normal {display:none}
div#menu span#myMSTabmenuitem:hover #myMS { visibility:hidden; display: block; position: absolute; top: 92px; left: 510px; width: 373px;
                                            border: 2px solid #CDDF69; background-color:#fff; z-index:200;}
div#menu #myMS tr td { font-size: 1.09em !important; padding-bottom: 5px; padding-top: 7px;
                       padding-left:14px; text-decoration:none; }
div.threecolumn { float:left; padding:0px; margin:0px; _height:182px; height:182px; width:32.5%;}
#myMS h3 {padding-bottom:8px; padding-left:10px;}

/** styles for recently viewed items **/
#rvi h4{ color:#333333; font-size:1.00em !important;}
#rvi .small{ font-size:0.9em !important; font-weight:normal;}
#rvi table.pack3 span.rviPopOverDesc {margin: 0.3em 0.3em 0pt 0pt ! important; color:#333333 !important; font-size:0.95em !important; font-weight:normal;}
#rvi table.pack3 .price {font-size:0.95em !important;font-weight:normal;}
#rvi table.pack3 tr td {padding-left:0px !important}
#rvi table.pack3 img.pImg {border:1px solid #CCCCCC;}
#rvi table.pack3 a:hover img.pImg {border:1px solid #333333 !important;}

/*********** My Account Tab ***********/
div#menu a#acctTab span.normal {display:inline; position:relative; top:0px; left:0px; margin-right:-3px;}
div#menu a#acctTab:hover span.normal {display:none;}

div#menu a#acctTab span.hover {display:none;}
div#menu a#acctTab:hover span.hover {display:inline; position:relative; top:0px; left:0px; 
                                     margin-right:-3px;}
div#menu span#acctTabmenuitem:hover span.hover {display:inline; width:144px; position:relative; top:0px; left:0px;
                                                margin-right:-3px;}

/** This is for IE **/
div#menu a#acctTab #myAccount {display:none;}
div#menu a#acctTab:hover #myAccount {visibility:hidden; display: inline; position: absolute; top: 93px; left: 631.5px; width: 178px;
                                     border: 2px solid #CDDF69; background-color:#fff; z-index:200;}
/** This is for Mozilla **/
div#menu span#acctTabmenuitem #myAccount {display:none;}
div#menu span#acctTabmenuitem:hover span.normal {display:none}
div#menu span#acctTabmenuitem:hover #myAccount { visibility:hidden; display: block; position: absolute; top: 92px; left: 631px; 
                                                 width: 178px; border: 2px solid #CDDF69; background-color:#fff; 
                                                 z-index:200;}

div#menu #myAccount tr td { font-size: 1.09em !important; padding-bottom: 5px; padding-top: 7px; 
                            padding-left:12px; text-decoration:none; }
#myAccount h3 {padding-bottom:3px;}