/************** 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  : #ffffff;
  border      : 1px solid #c3c3c3;
  padding     : 3px;
  text-indent : 0;
  cursor      : default;
  overflow    : hidden;
  height      : 16px;
}

.dd .ddTitle span.arrow {
  background : url(/system/image/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;
  height     : 16px;
}

.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;
  max-height       : 300px;
}

.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(/system/image/msdropdown/msDropDown.gif) no-repeat;
  padding     : 0 3px;
  text-indent : 0;
  cursor      : default;
  overflow    : hidden;
  height      : 36px;
}

.dd2 .ddTitle span.arrow {
  background : transparent url(/system/image/msdropdown/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(/system/image/msdropdown/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;
}

/*********** NEW STYLE FOR IBE **************/
.dd .ddChild a img {
  height       : 16px;
  margin-top   : -2px;
  margin-right : -1px;
}