/************** Skin 1 *********************/
.dd {text-align:left;background-color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;float:left;}
.dd .ddTitle {background:#f2f2f2;border:1px solid #c3c3c3;padding:3px;text-indent:0;cursor:default;overflow:hidden;height:16px;width:350px;}
.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;font-weight:bold;}
.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:376px !important;border:1px solid #999;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;cursor:pointer;}
.dd .ddChild a:hover {background-color:#ccc;}
.dd .ddChild a img {border:0;padding:0 2px 0 0;vertical-align:middle;}
.dd .ddChild a.selected {background-color:#999;color:#fff;}
.hidden {display:none;}

/************** Skin 2 *********************/
.dd2 {text-align:left;background-color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;float:left;}
.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;}

/************* 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;}

/*******************************/