body {height:100%;} body,table {color:#333; font-family:verdana, tahoma, arial, helvetica, sans-serif; font-size:12px;} body,table,img,button,iframe,ul,li {margin:0;padding:0;border:0;} table, td {font-size:12px;text-align:left;vertical-align:top;} th { background-color:#444; color:#fff; font-family:Helvetica, Verdana, Arial, Geneva, sans-serif; font-weight:bold; text-align:center; vertical-align:bottom; } iframe { width:0; height:0;} sup { vertical-align:top;} ul { margin-left:20px;} li { margin-bottom:1em;} a {color:#222;text-decoration:underline;} a:hover {color:#00f;text-decoration:none;} .box { background-color:#fff; border:1px solid #898; color:black; padding:10px 5px; border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px; } .copyright, P.copyright { color:#999; font-family:Arial, Helvetica, sans-serif; font-size:9pt; max-width:500px; text-align:center; width:500px; } img.copyimg { background-color:white; border:1px solid #000; padding:2px 1em 2px 1em; border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em; } .brightbox { background-color:#fff; border:1px solid #edd; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; } div:hover.itembox,table:hover.itembox,div:hover.brightbox,table:hover.brightbox { border:1px solid #000; box-shadow:2px 2px 4px #aaa;-moz-box-shadow:2px 2px 4px #aaa;-webkit-box-shadow:2px 2px 4px #aaa; } .itembox { border:1px solid #ccc; margin:0px; padding:8px; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; } .itembox img {border:0px solid #ccc;} .greybox {background-color:#ddd;border:4px solid #ccc;} .grey {background-color:#fff;} .dgrey {background-color:#988;} TABLE.bt { background:#988 url(/IMAGES/bgrey1.gif) repeat-x; border:.5em solid #988; margin:0px 3em 0px 0px; padding:0px; border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em; } td.bgrey {background:#988 url(/IMAGES/bgrey1.gif) repeat-x;} .mgrey {background-color:#eee;} .bright {background-color:#fff;} .brownbox { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-style:normal; font-weight:bold; color:#fff; } .itemtitle { display:block; font-size:16px; height:2em; max-heigt:2em; overflow:visible; } .itemname { font-family:Arial, Helvetica, sans-serif; font-size:13pt; font-style:italic; font-weight:bold; color:#333; } .itemname2 { font-family:Arial, Helvetica, sans-serif; font-size:16pt; font-style:italic; font-weight:bold; color:#333; } .bodycopy { color:#333; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10pt; font-style:normal; font-weight:normal; } UL.bodycopy { margin:0 0 0 1em; padding:0 0 1em 0; } LI.bodycopy { line-height:1em; list-style-image:url(/IMAGES/dot1.gif); list-style-position:outside; margin:1px 1px 2px 1px; } LI.bodycopy a, LI.bodycopy a:link, LI.bodycopy a:visited { padding:0 5px 0 5px; text-decoration:underline; } LI.bodycopy A:hover { background-color:#8f8f9f; color:#fff; text-decoration:none; } .itemprice { font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-style:normal; font-weight:normal; color:#333; } .brownboxlight { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-style:normal; font-weight:normal; color:#fff; } .bodycopyitalic { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10pt; font-style:italic; font-weight:normal; color:#333; } .bodycopyBold { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10pt; font-style:normal; font-weight:bold; color:#333; } .fineprint { font-family:Arial, Helvetica, sans-serif; font-size:8pt; font-style:normal; font-weight:normal; color:#333; } .bodycopyBoldRev { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10pt; font-style:normal; font-weight:bold; color:#fff; } .bodycopyTimes { font-family:Tahoma, "Times New Roman", Times, serif; font-size:10pt; font-style:normal; font-weight:normal; color:#333; } .bodycopyTimesBold { font-family:Tahoma, "Times New Roman", Times, serif; font-size:10pt; font-style:normal; font-weight:bold; color:#333; } .grey-main-link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:4pt; font-style:normal; font-weight:normal; color:#e8e8e8; text-decoration:none; } .wht-main-link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1pt; font-style:normal; font-weight:normal; color:#fff; text-decoration:none; } .textureFinePrint { font-family:Arial, Helvetica, sans-serif; font-size:7pt; font-style:normal; font-weight:normal; color:#666; } .bodycopyStrike { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10pt; font-style:normal; font-weight:normal; color:#333; text-decoration:line-through; } .bodycopyBoldRed { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10pt; font-style:normal; font-weight:bold; color:#c00; } .smbarcolor {color:hotpink;} .red {color:#c00;} .tableFix {font-size:1px;} .wrap {float:left;padding:4px;} .keylineGrey {border:1px solid #ccc;} .bodycopyBoldRedBig { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14pt; font-style:normal; font-weight:bold; color:#c00; } h1, h1 a { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#333; text-decoration:none; } .linkNoUnderscore {text-decoration:none;} .bodycopyBoldBlackBig { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13pt; font-style:normal; font-weight:bold; color:#333; } .homePageSpecialHeader { color:#9e0b0e; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; } .homePageSpecialHeader2 { color:#9e0b0e; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } .caseTable { margin-top:5px; width:725px; border:5px solid #f00; } .caseTable td {padding:4px;} body.z {background-color:#6E524C;color:#baa;margin:0;padding:0;text-align:center;width:100%;height:100%;} TABLE.zt {background-color:#fff;border:10px solid #fff;margin:0px 3em 0px 0px;padding:0px;height:100%;border-radius:3em;-moz-border-radius:3em;-webkit-border-radius:3em;} TABLE.zt tr td {margin:0px;padding:0px 1em;height:100%;} .z HR {display:none;} .z a, .z a:link, .z a:visited {color:#000;text-decoration:none;} .z a:hover {color:#000;text-decoration:underline;} input, textarea { border:1px solid #999; padding:2px .5em; border-radius:.5em;-moz-border-radius:.5em;-webkit-border-radius:.5em; } .formButton { background-color:#4C302A; color:#fff; font-weight:bold; border-radius:.5em;-moz-border-radius:.5em;-webkit-border-radius:.5em; } .formButton:hover { background-color:hotpink; color:#fff; cursor:pointer; } .morebutton A { background:#fff; color:#000; box-shadow:1px 1px 2px black;-moz-box-shadow:1px 1px 2px black;-webkit-box-shadow:1px 1px 2px black; } .button A { background:#ccc; color:#000; } .morebutton A,.button A { border:1px solid #444; font-size:11px; font-weight:bold; padding:3px 10px; text-align:center; text-decoration:none; z-index:100; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; } .morebutton a:hover,.button a:hover { background-color:#000; color:#fff; } .newArrival { font-family:Arial, Helvetica, sans-serif; font-size:15pt; font-style:normal; font-weight:bold; color:#333; } .caseTablePolkaDot { margin-top:5px; width:725px; background-image:url(/IMAGES/bkg-polkadot.gif); border:1px solid #E295AA; } .caseTablePolkaDot td { padding:4px; } .bodycopyBoldPinkBig { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14pt; font-style:normal; font-weight:bold; color:#e295aa; } .thinkPinkBox { background-image:url(/IMAGES/bkg-polkadot70.gif); border:1px solid #E295AA; padding:10px; } .sectionHeader, .sectionHeader a, .sectionHeader a:link, .sectionHeader a:visited { text-decoration:none; font-weight:bold; } .htitle { color:#fff; font-size:16px; letter-spacing:2px; padding:.5em 1em .25em 1em; margin:0px; float:left; text-shadow:-1px -1px 1px black; } .htitle A, .htitle A:hover { text-decoration:none; color:#988; } .sizebox table { background-color:#8f8f9f; margin:0; padding:0; width:350px; } .sizebox td { background-color:#fff; border-bottom:0; border-left:0; border-right:0; border-top:1px solid #8f8f9f; padding:5px; } .sizebox th { background-color:#8f8f9f; border:0px; color:#fff; font-size:9px; margin:0; padding-top:5px; } div.topmenubar { background-color:#434; border-bottom:1px solid black; border-left:1px solid black; padding:0px 1em; position:fixed; right:0px; top:0px; z-index:100; border-radius-bottomleft:2em;-moz-border-radius-bottomleft:2em;-webkit-border-bottom-left-radius:2em; box-shadow:0px 1px 10px black;-moz-box-shadow:0px 1px 10px black;-webkit-box-shadow:0px 1px 10px black; } td.topmenu { background:#4C302A url(/IMAGES/topgrade.jpg) repeat-x; padding:1em 1em 0px 1em; margin:0px; } .topmenu { font-size:11px; border:0; height:18px; margin:0; padding:0; position:relative; width:100%; } .topmenu a, .topmenu a:link, .topmenu a:visited { color:#9f8f8f; font-size:11px; font-weight:600; letter-spacing:-1px; line-height:2em; padding-left:0.25em; padding-right:0.25em; text-decoration:none; text-shadow:1px 1px 2px black; } .topmenu a:hover { color:#fff; text-decoration:none; } .topmenu img {vertical-align:top;} .topmenu ul { border:0; line-height:1.5em; list-style-type:none; margin:0; padding:0; position:relative; text-align:right; } .topmenu ul li { display:inline; margin:0 2px; padding:0 2px; position:relative; } .tb2 { left:0; position:absolute; z-index:1; } .topbar { color:#eee; font-size:10px; height:4em; margin:0; padding:0; text-align:center; width:100%; } .topbar table {height:31px;} .topbar td {text-align:center;} .topbar a, .topbar a:link, .topbar a:visited { color:#eee; display:block; font-size:10px; font-weight:bold; letter-spacing:-1px; line-height:2em; margin:0; padding:0; text-decoration:none; } .topbar A:hover { background-color:#edd; color:#000; text-decoration:none; } .topofpage { font-size:9px; text-align:right; } .topofpage a, .topofpage a:link, .topofpage a:visited { vertical-align:bottom; text-decoration:none; color:#999; padding-right:2px; padding-left:2px; } .topofpage A:hover { color:#000; text-decoration:underline; } .zucatitle, .zucatitle a, .zucatitle a:link, .zucatitle a:visited { color:hotpink; font-family:Arial,sans; font-size:38px; font-weight:bold; text-align:center; text-decoration:none; text-shadow:2px 2px 2px black,-1px -1px 0px white; } A:hover.zucatitle { color:#f44; text-decoration:none; } .holidaytitle, .holidaytitle a, .holidaytitle a:link, .holidaytitle a:visited { color:red; font-family:"Script MT Bold","Script",fantasy; font-size:42px; font-weight:bold; text-align:center; text-decoration:none; text-shadow:2px 2px 2px black,-1px -1px 0px white; } .zucatitle A:hover,.holidaytitle A:hover {text-decoration:underline;} .copyright a, .copyright a:link, .copyright a:visited {color:#ddd;text-decoration:none;} .copyright a:hover {color:#fff;text-decoration:underline;} .ifx {font-size:8px;font-style:italic;font-weight:lighter;letter-spacing:1px;padding-top:2em;} .ifx A,.ifx A:link,.ifx A:visited {color:#888;display:block;padding:2em;text-decoration:none;} .ifx A:hover {color:#fff;text-decoration:underline;} .feedback { text-align:center; } .qtextbox, .qbutton { font-size:10px; padding:2px .5em; margin:1px 2px; border-radius:.5em;-moz-border-radius:.5em;-webkit-border-radius:.5em; } .qtextbox { background-color:#ddd; border-bottom:1px solid #666; border-left:1px solid #000; border-right:1px solid #666; border-top:1px solid #000; color:#444; } .qbutton { background-color:#999; border:1px solid #000; color:#000; } :hover.qtextbox, :focus.qtextbox, :active.qtextbox { background-color:#fff; color:#000; } :hover.qbutton, :focus.qbutton, :active.qbutton { color:#fff; background-color:#000; } .q {font-size:9px;} a.q, a:link.q, a:visited.q, a:hover.q {font-size:9px;text-decoration:none;} .holidaybar,.holidaybar2 { display:block; text-align:center; } .holidaybar a,.holidaybar a:link,.holidaybar a:visited { color:hotpink; background-color:#311; font-size:11px; letter-spacing:2px; padding:2px 2em; text-decoration:none; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .holidaybar2 a,.holidaybar2 a:link,.holidaybar2 a:visited { color:hotpink; font-size:11px; font-weight:bold; text-decoration:none; } .holidaybar a:hover,.holidaybar2 a:hover { background-color:deeppink; color:white; text-decoration:none; } .freegift,.pinkbox { display:block; padding:10px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .freegift { background-color:#fff; border:1px solid #f88; } .freegift img {border:0px;} .pinkbox { border:1px solid #888; background-color:#fee; } .pinkbox ul { margin:0px; padding:0px; } .pinkbox ul li { margin:0px 0px 0px 1em; padding:0px; } .pinkbox A,.pinkbox A:link,.pinkbox A:visited { color:#800; display:block; margin:0px; padding:3px; } .pinkbox A:hover { background-color:#800; color:#fff; text-decoration:none; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .hide {display:none;} b.bmenu a, b.bmenu a:link, b.bmenu a:visited {color:#999;} div.bmenu { background: #6F534D url(/IMAGES/botgrade.jpg) repeat-x; border:1px solid #6F534D; color:#999; display:block; margin:0px; padding:0px; } div.botmenu { color:#422; font-size:11px; line-height:1.75em; margin:0px; padding:4em 0px 1em 0px; text-align:center; } .botmenu a,.botmenu a:link,.botmenu a:visited { background-color:#fff; border:1px solid #ddd; color:#000; line-height:2em; margin:0px .5em; padding:2px .5em; text-decoration:none; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; } .botmenu a:hover { background-color:#4C302A; border:1px solid #fff; color:#fff; text-decoration:none; } .jbar { background-color:#8f8f9f; border:0px; margin:0px; padding:0px; text-align:center; } td.bodycontent { border-left:1px dotted #6E524C; margin:0px 0px 0px 0px; padding:0px 0px 0px 1em; background-color: #6E524C; } TABLE.bb {background-color:#6E524C;margin:0px;padding:0px; border-bottom:1em solid #6E524C; } td.smbar { background-color:#6E524C; border-right:2px dotted #6E524C; color:#555; font-size:10px; margin:0px; padding:1em 0px 5em 0px; text-align:center; white-space:nowrap; width:190px;min-width:190px;max-width:190px; } .smbar a, .smbar a:link, .smbar a:visited { border:1px solid #6E524C; color:white; display:block; margin:0px 2px 1px .5em; padding:1px 1em; text-align:left; text-decoration:none; overflow:hidden; } .smbar a b, .smbar a:link b, .smbar a:visited b { color:hotpink; font-size:12px; padding:0px; margin:0px; text-align:left; text-shadow:1px 1px 2px black; } .smbar a:hover { color:#fff; border:1px solid #ffe; } .smbar a:hover b { color:#ffe; } .smbar a:hover,.smbar a:hover b { background-color:#000; overflow:visible; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .smbar ul, .smbar ul li { list-style-type:none; margin:0px; padding:0px; } .tmbartop {font-weight:bold;} div.tmbar { background:#988 url(/IMAGES/bgrey1.gif) repeat-x; line-height:2em; margin:0px; padding:.5em 0px; text-align:center; } .tmbar h1 { color:#fff; font-size:28px; text-shadow:2px 2px 2px #000; } .tmbar ul, .tmbar ul li {list-style-type:none;padding:0px;margin:0px;display:inline;position:relative;} .tmbar a, .tmbar a:link, .tmbar a:visited { background-color:#fff; border:1px solid #eee; color:#000; font-size:10px; line-height:2em; margin:1em .5em; padding:.25em .5em; text-decoration:none; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .tmbar a:hover { background-color:#4C302A; border:1px solid #fff; color:#fff; } .iteml {float:left;padding:4px 2px;} .iteml .button {float:right;padding:4px 2px;} .iteml table {height:450px;} div.itemlbody { height:271px; min-height:271px; max-height:271px; overflow:hidden; } div.itemlbodytext {text-align:left;} .quality { color:black; background-color:#eee; padding:.25em; font-size:14px; border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em; box-shadow:1px 1px 2px black;-moz-box-shadow:1px 1px 2px black;-webkit-box-shadow:1px 1px 2px black; } .bodate {position:relative;top:0px;line-height:.5em;} .bosmall {position:relative;top:1em;line-height:0px;} #menuContainer,.jbar a:hover {cursor:pointer;} .shipby { background-color:#373; border:3px dashed #f00; color:#fff; float:right; font-size:10px; margin:.5em; padding:.5em; text-align:center; width:120px; border-radius:.5em;-moz-border-radius:.5em;-webkit-border-radius:.5em; box-shadow:2px 2px 2px black,inset 0px -4px 4px white,inset 0px 4px 4px white;-moz-box-shadow:2px 2px 2px black,inset 0px -4px 4px white,inset 0px 4px 4px white;-webkit-box-shadow:2px 2px 2px black,inset 0px -4px 4px white,inset 0px 4px 4px white; } .pricebox { background-color:#fff6f6; border:1px solid black; font-size:14px; margin:1em; padding:1em; border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em; box-shadow:3px 3px 6px #000;-moz-box-shadow:3px 3px 6px #000;-webkit-box-shadow:3px 3px 6px #000; } table.pricebox {width:90%;} td.un {border-bottom:1px solid #999;} .pricebox td {vertical-align:top;} .pricebox strike {color:#800;font-size:14px;} .pricebox b.price {color:#f00;font-size:18px;text-shadow:2px 2px 2px #999;} .stockstate {color:#000;font-weight:bold;} fieldset.colorchoice { background-color:#fffefe; border:1px solid #000; color:#000; margin:0px; padding:1em; border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em; } fieldset.colorchoice legend { background-color:#fffefe; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; color:#000; font-weight:bold; padding:0px 1em; border-radius-topleft:.5em;-moz-border-radius-topleft:.5em;-webkit-border-top-left-radius:.5em;border-radius-topright:.5em;-moz-border-radius-topright:.5em;-webkit-border-top-right-radius:.5em; } button {background-color:#080;border:1px solid #000;color:#fff;font-weight:bold;margin:0px;padding:0px 1em;border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em;box-shadow:1px 1px 2px #000;-moz-box-shadow:1px 1px 2px #000;-webkit-box-shadow:1px 1px 2px #000;} fieldset,fieldset legend { background-color:#ffa; color:#000; margin:5px; padding:0px .5em; } .shipby b { display:block; color:#f00; text-shadow:-1px -1px 0px #fff,1px 1px 0px #440; } div.checkout {color:#fdd;display:block;margin:0px;padding:0px;} div.checkout b {border:1px solid #988;font-weight:bold;margin:1em 2px;padding:2px 1em;} div.checkout b.current {background-color:#000;border:1px solid #aaa;color:#fff;border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em;text-shadow:1px 1px 1px #000;} div.tellafriend { background-color:#fee; color:#000; border:1px solid silver; display:block; margin:0px; padding:.5em 1em; text-align:center; border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em; } .tellafriend a, .tellafriend a:link, .tellafriend a:visited { background-color:#4C302A; border:1px solid black; color:#fff; margin:.5em 1em; padding:2px 1em; text-decoration:none; border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em; box-shadow:1px 1px 1px black;-moz-box-shadow:1px 1px 1px black;-webkit-box-shadow:1px 1px 1px black; } .tellafriend a:hover { background-color:#0f0; color:#000; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; } .c {text-align:center;} .r {text-align:right;} /* the container for this menu */ div.menu { font-size:12px; margin:0; padding:0; width:190px; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { display:block; list-style-type:none; margin:0; padding:0 0 0 5px; position:relative; width:190px; z-index:500; } /* drop down menus (any ul child of ul) start out hidden */ .menu ul ul { border:none; display:none; position:relative; z-index:500; } /* style the list items */ .menu li { height:26px; /* for IE7 */ float:left; } /* get rid of the table used for IE fixup */ .menu table { border-collapse:collapse; font-size:1em; left:0; position:absolute; top:0; z-index:100; } /* style the links */ .menu a, .menu a:link, .menu a:visited { background:#6E524C; color:hotpink; display:block; font-family:verdana, arial, sans-serif; font-size:12px; height:25px; line-height:25px; margin:0; overflow:hidden; padding:2px .5em; text-decoration:none; text-indent:5px; white-space:nowrap; width:190px; } .menu li a:active, .menu li a:focus { background:#000; color:#fff; font-weight:bold; } /* style the link hover */ .menu a:hover { background:#000; color:#fff; position:relative; border-radius:.5em;-moz-border-radius:.5em;-webkit-border-radius:.5em; } /* For accessibility of the top level menu when tabbing */ .menu a:active, .menu a:focus { color:#fff; background:#000; } /* make submenu show next to parent */ .menu li:hover {position:relative;} /* retain the hover colors for each sublevel IE7 and Firefox etc */ .menu li:hover> a, .menu a:hover> a { background:#000; border-radius:.5em;-moz-border-radius:.5em;-webkit-border-radius:.5em; } /* style for parent menu choices with a sub menu */ a.asub, a.asub:link, a.asub:visited { background:#6E524C url("images/submenu.gif") no-repeat right; } /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu li ul { background:transparent; display:block; left:190px; /* set up the overrun area */ padding:15px; /* this is for IE to make it interpret the overrrun padding */ position:absolute; top:0; /* set up the overlap (minus the overrun) */ visibility:hidden; } /* All children menu items */ .menu li ul a, .menu li ul a:link, .menu li ul a:visited { background:#766; color:#fff; width:218px;max-width:218px;min-width:218px; text-shadow:1px 1px 1px #000; box-shadow:8px 8px 8px #000;-moz-box-shadow:8px 8px 8px #000;-webkit-box-shadow:8px 8px 8px #000; background:-moz-linear-gradient(top, #766, #544); } .menu li ul a:hover { background:#000; color:#fff; } /* for browsers that understand this is all you need for the flyouts */ .menu li:hover> ul,.menu li:active> ul {visibility:visible;} /* for IE6 you need to style each level hover */ .menu ul a:hover ul ul, /* keep the third level+ hidden when you hover on first level link */ .menu ul a:hover ul a:hover ul ul, /* keep the fourth level+ hidden when you hover on second level link */ .menu ul a:hover ul a:hover ul a:hover ul ul { /* keep the fifth level hidden when you hover on third level link */ visibility:hidden; } .menu ul a:hover ul, /* make the second level visible when hover on first level link */ .menu ul a:hover ul a:hover ul, /* make the third level visible when you hover over second level link */ .menu ul a:hover ul a:hover ul a:hover ul, /* make the fourth level visible when you hover over third level link */ .menu ul a:hover ul a:hover ul a:hover ul a:hover ul { /* make the fifth level visible when you hover over fourth level link */ visibility:visible; } * {transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition-p:all .5s;} :hover {transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition-p:all .5s;}