/************** Skin 1 *********************/
.dd {
	/*display:inline-block !important;*/
	text-align:left;
	font:11px LatoRegular;
	float:left;

}
.dd .ddTitle {
    text-indent: 0;
    cursor: default;
    overflow: hidden;
    font: 11px LatoRegular;
    color: #4e4e4e;
    background: transparent url('../images/size_icon.jpg') no-repeat scroll right center;
}
.dd .ddTitle span.arrow {
	float:right !important; display:inline-block;width:9px; height:14px; cursor:pointer; }

.dd .ddTitle span.ddTitleText {overflow:hidden; padding:0 0 0 1px; font:13px/20px LatoLight;}
.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 
{
    height:auto !important;
    width:112px !important;
	position:absolute;
	display:none;
	margin:0;
	width:auto;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	border-left:1px solid gray;
	border-top:1px solid #fff;
		background-color:#ffffff;	
	  color: #4E4E4E;    
    font:11px LatoRegular;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:3px 0 3px 5px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	font:11px LatoRegular;
    font-weight: normal;
}
.dd .ddChild a:hover {
	background-color:#EBEBEB;
	font:11px LatoRegular;
    font-weight: normal;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	
}
.hidden {display:none;}

.dd .borderTop{border-top:1px solid #c3c3c3 !important;}
.dd .noBorderTop{border-top:1px solid #c3c3c3  !important}

/************** Skin 2 *********************/
.dd2 {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font:11px LatoRegular;
	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/m_arw.png") no-repeat scroll right center; 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:LatoRegular; font-size:16px; font-weight:bold; color:#fff; _position:relative; _top:4px}
.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;
	font:11px LatoRegular;
    font-weight: normal;
}
.dd2 .ddChild a:hover {
	background-color:#66CCFF;
	font:11px LatoRegular;
    font-weight: normal;
}
.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(../images/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;
}
/*******************************/
#ddlDayOptions1_msdd,#ddlDayOptions2_msdd
{
    width:93px !important;
    
    background:url(../images/ddBack1.png) no-repeat 0 0 !important;
    height:33px;
}
#ddlDayOptions1_title, #ddlDayOptions1_child,#ddlDayOptions2_title, #ddlDayOptions2_child,#ddlHourOptions1_msdd,#ddlHourOptions2_msdd
{
    width:86px !important;
    padding:3px;
}
#ddlMonthOptions1_msdd,#ddlMonthOptions2_msdd
{
    width:124px !important;
    
    background:url(../images/ddBack2.png) no-repeat 0 0 !important;
    height:33px;
}
#ddlMonthOptions1_title, #ddlMonthOptions1_child,#ddlMonthOptions2_title, #ddlMonthOptions2_child
{
    width:117px !important;
    padding:3px;
}
#ddlYearOptions1_msdd,#ddlYearOptions2_msdd
{
    width:84px !important;
    
    height:33px;
    background:url(../images/ddBack3.png) no-repeat 0 0 !important;
}
#ddlYearOptions1_title, #ddlYearOptions1_child,#ddlYearOptions2_title, #ddlYearOptions2_child
{
    width:77px !important;
    padding:3px;
}
#ddlHourOptions1_msdd,#ddlHourOptions2_msdd
{
    width:78px !important;
    
    height:33px;
    background:url(../images/ddBack3.png) no-repeat 0 0 !important;
}
#ddlHourOptions1_title, #ddlHourOptions1_child,#ddlHourOptions2_title, #ddlHourOptions2_child
{
    width:78px !important;
    
}
#ddlFormatOptions1_msdd,#ddlFormatOptions2_msdd
{
    width:84px !important;
    
    height:33px;
    background:url(../images/ddBack3.png) no-repeat 0 0 !important;
}
#ddlFormatOptions1_title, #ddlFormatOptions1_child,#ddlFormatOptions2_title, #ddlFormatOptions2_child
{
    width:74px !important;
    padding:3px;
}
#ddlPageSort_msdd
{   
    width: 140px !important;
    
}
#ddlPageSort_msdd .ddChild
{
     width:140px !important;
}
#ddlSelectMetal_msdd
{
    width:140px !important;
}
#ddlSelectMetal_msdd .ddChild
{
     width:140px !important;
}
#ddlRingSize_msdd
{   
    height:29px;
    vertical-align:middle;
    width: 75px !important;
    
}
#ddlRingSize_msdd .ddTitle span.arrow
{
    background:none !important;
    width:28px;
    height:27px;
}
#ddlRingSize_msdd .ddTitle span.ddTitleText
{
    color:#6D6E71 !important;
    padding:15px 0 0 5px;
    font:11px/29px latoregular; 
    padding:0 0 0 5px;
    color:#4B68A2;
    font:14px/28px LatoRegular;
    
}
#ddlRingSize_msdd .ddChild
{
     width:50px !important;
}

#ddlMetalDetail_msdd
{   
    height:29px;
    vertical-align:middle;
    width: 140px !important;
    
}
#ddlMetalDetail_msdd .ddTitle span.arrow
{
    background:none !important;
    width:28px;
    height:27px;
}
#ddlMetalDetail_msdd .ddTitle span.ddTitleText
{
    color:#6D6E71 !important;
    padding:15px 0 0 5px;
    font:11px/29px latoregular; 
    padding:0 0 0 5px;
}
#ddlMetalDetail_msdd .ddChild
{
     width:145px !important;
}

/*============================================================*/
#ddlRingSize3_msdd
{   
    height: 25px;
    width: 72px !important;
}

#ddlRingSize3_msdd .ddTitle span.arrow {
    background: transparent url('../images/size_icon.jpg') no-repeat scroll right center;
    float: right !important;
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
    
#ddlRingSize3_msdd .ddTitle span.ddTitleText
{
        color: #4B68A2 !important;
    overflow: hidden;
    padding-left: 3px;
    font: 14px/29px LatoRegular;
}
#ddlRingSize3_msdd .ddTitle span.arrow {
	background:none!important;  float:right !important; display:inline-block;width:18px; height:30px; cursor:pointer; }
	
#ddlRingSize3_msdd .ddChild 
{
    height:252px !important;
    width:60px !important;
	position:absolute;
	display:none;
	margin:0;
	width:auto;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	border-left:1px solid gray;
	border-top:1px solid #fff;
		background-color:#ffffff;	
	  color: #4E4E4E;    
    font:11px LatoRegular;
    overflow-y:auto;
    overflow-x:hidden;
}
/*=======================================================================*/

/*=======================================================================*/
#ddlRingSize4_msdd
{   
    height: 25px;
    width: 72px !important;
}

#ddlRingSize4_msdd .ddTitle span.arrow {
    background:transparent url("../images/round_arw.png") no-repeat scroll right center;  float:right !important; display:inline-block;width:18px; height:18px; cursor:pointer; }
    
#ddlRingSize4_msdd .ddTitle span.ddTitleText
{
        color: #4B68A2 !important;
    overflow: hidden;
    padding-left: 5px;
    font: 14px/29px LatoRegular;
}
#ddlRingSize4_msdd .ddTitle span.arrow {
	background:none!important;  float:right !important; display:inline-block;width:18px; height:30px; cursor:pointer; }
	
#ddlRingSize4_msdd .ddChild 
{
    height:252px !important;
    width:60px !important;
	position:absolute;
	display:none;
	margin:0;
	width:auto;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	border-left:1px solid gray;
	border-top:1px solid #fff;
		background-color:#ffffff;	
	  color: #4E4E4E;    
    font:11px LatoRegular;
    overflow-y:auto;
    overflow-x:hidden;
}


#ddlMetalDetail4_msdd
{   
    height: 25px;
    width: 129px !important;
    display:none;
}

#ddlMetalDetail4_msdd .ddTitle span.arrow {
    background:transparent url("../images/round_arw.png") no-repeat scroll right center;  float:right !important; display:inline-block;width:18px; height:18px; cursor:pointer; }
    
#ddlMetalDetail4_msdd .ddTitle span.ddTitleText
{
        color: #4B68A2 !important;
    overflow: hidden;
    padding-left: 3px;
    font: 14px/29px LatoRegular;
}
#ddlMetalDetail4_msdd .ddTitle span.arrow {
	background:none!important;  float:right !important; display:inline-block;width:18px; height:30px; cursor:pointer; }
	
#ddlMetalDetail4_msdd .ddChild 
{
    height:auto !important;
    width:124px !important;
	position:absolute;
	display:none;
	margin:0;
	width:auto;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	border-left:1px solid gray;
	border-top:1px solid #fff;
		background-color:#ffffff;	
	  color: #4E4E4E;    
    font:11px LatoRegular;
}
/*=======================================================================*/

/*=======================================================================*/
#ddlSort_msdd
{   
    height: 25px;
    width: 92px !important;
}

#ddlSort_msdd .ddTitle span.arrow {
    background:transparent url("../images/round_arw.png") no-repeat scroll right center;  float:right !important; display:inline-block;width:18px; height:18px; cursor:pointer; }
    
#ddlSort_msdd .ddTitle span.ddTitleText
{
        color: #4B68A2 !important;
    overflow: hidden;
    padding-left: 2px;
    font: 14px/29px LatoRegular;
}
#ddlSort_msdd .ddTitle span.arrow {
	background:none!important;  float:right !important; display:inline-block;width:18px; height:30px; cursor:pointer; }
	
#ddlSort_msdd .ddChild 
{
    height:auto !important;
    width:92px !important;
	position:absolute;
	display:none;
	margin:0;
	width:auto;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	border-left:1px solid gray;
	border-top:1px solid #fff;
		background-color:#ffffff;	
	  color: #4E4E4E;    
    font:11px LatoRegular;
}

.ddTitleText {
    padding-right:6px;
}