/************** Skin 1 *********************/ .dd { /*display:inline-block !important;*/ text-align:left; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative; } .dd .ddTitle { background:#f2f2f2; border:1px solid #c3c3c3; padding:3px; text-indent:0; cursor:default; overflow:hidden; height:16px; } .dd .ddTitle span.arrow { background:url(dd_arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer; } .dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:16px;} .dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0} .dd .ddTitle img.selected { padding:0 3px 0 0; vertical-align:top; } .dd .ddChild { position:absolute; border:1px solid #c3c3c3; border-top:none; display:none; margin:0; width:auto; overflow:auto; overflow-x:hidden !important; background-color:#ffffff; } .dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px} .dd .ddChild a { display:block; padding:2px 0 2px 3px; text-decoration:none; color:#000; overflow:hidden; white-space:nowrap; cursor:pointer; } .dd .ddChild a:hover { background-color:#66CCFF; } .dd .ddChild a img { border:0; padding:0 2px 0 0; vertical-align:middle; } .dd .ddChild a.selected { background-color:#66CCFF; } .hidden {display:none;} .dd .borderTop{border-top:1px solid #c3c3c3 !important;} .dd .noBorderTop{border-top:none 0 !important} /************** Skin 2 *********************/ .dd2 { /*display:inline-block !important;*/ text-align:left; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative; } .dd2 .ddTitle { background:transparent url(../images/msDropDown.gif) no-repeat; padding:0 3px; text-indent:0; cursor:default; overflow:hidden; height:36px; } .dd2 .ddTitle span.arrow { background:transparent url(../images/icon-arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:27px; height:27px; cursor:pointer; top:5px; position:relative; right:2px; } .dd2 .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:33px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#fff;} .dd2 .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0;} .dd2 .ddTitle img.selected { padding:0 2px 0 0; vertical-align:top; } .dd2 .ddChild { position:absolute; border:1px solid #c3c3c3; border-top:none; display:none; margin:0; width:auto; overflow:auto; overflow-x:hidden !important; background-color:#ffffff; font-size:14px; } .dd2 .ddChild .opta a, .dd2 .ddChild .opta a:visited {padding-left:10px} .dd2 .ddChild a { display:block; padding:3px 0 3px 3px; text-decoration:none; color:#000; overflow:hidden; white-space:nowrap; cursor:pointer; } .dd2 .ddChild a:hover { background-color:#66CCFF; } .dd2 .ddChild a img { border:0; padding:0 2px 0 0; vertical-align:middle; } .dd2 .ddChild a.selected { background-color:#66CCFF; } .dd2 .borderTop{border-top:1px solid #c3c3c3 !important;} .dd2 .noBorderTop{border-top:none 0 !important} /************* use sprite *****************/ .dd .ddChild a.sprite, .dd .ddChild a.sprite:visited { background-image:url(../icons/sprite.gif); background-repeat:no-repeat; padding-left:24px; } .dd .ddChild a.calendar, .dd .ddChild a.calendar:visited { background-position:0 -404px; } .dd .ddChild a.shoppingcart, .dd .ddChild a.shoppingcart:visited { background-position:0 -330px; } .dd .ddChild a.cd, .dd .ddChild a.cd:visited { background-position:0 -439px; } .dd .ddChild a.email, .dd .ddChild a.email:visited { background-position:0 -256px; } .dd .ddChild a.faq, .dd .ddChild a.faq:visited { background-position:0 -183px; } .dd .ddChild a.games, .dd .ddChild a.games:visited { background-position:0 -365px; } .dd .ddChild a.music, .dd .ddChild a.music:visited { background-position:0 -146px; } .dd .ddChild a.phone, .dd .ddChild a.phone:visited { background-position:0 -109px; } .dd .ddChild a.graph, .dd .ddChild a.graph:visited { background-position:0 -73px; } .dd .ddChild a.secured, .dd .ddChild a.secured:visited { background-position:0 -37px; } .dd .ddChild a.video, .dd .ddChild a.video:visited { background-position:0 0; } /*******************************/