@CHARSET "UTF-8";
.sbHolder{
	border: solid 1px #ccc;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 28px;
	position: relative !important;
	position/**/:/**/absolute;
	width: 88px;
	float:left;
	background: #fff;
}
.dropListsmallDrop .sbHolder{
	border: solid 1px #ccc;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 24px;
	position: relative !important;
	width: 88px;
	display:inline-block;
	top:8px;
	float:none !important;
	*float:left  !important;
	background: #fff;
}

.dropListBig .sbHolder{
	border: solid 1px #ccc;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 28px;
	position: relative !important;
	width: 100px;
	display:inline-block;
	top:0px;
	float:none !important;
	*float:left  !important;
	background: #fff;
}

.dropListHuge .sbHolder{
	border: solid 1px #ccc;
	font-family: Lato, sans-serif;
	font-size: 13px;
	font-weight: normal;
	height: 30px;
	position: relative !important;
	width: 100px;
	display:inline-block;
	top:0px;
	float:none !important;
	*float:left  !important;
	background: #fff;
}
.dropListMonth .sbHolder{
	border: solid 1px #ccc;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 24px;
	position: relative !important;
	width: 100px;
	display:inline-block;
	top:8px;
	float:none !important;
	*float:left  !important;
	background: #fff;
}

.dropListYear .sbHolder{
	border: solid 1px #ccc;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 24px;
	position: relative !important;
	width: 75px;
	display:inline-block;
	top:8px;
	float:none !important;
	*float:left  !important;
	background: #fff;
}
.sbHolder:focus .sbSelector{
	
}
.dropListsmallDrop .sbSelector{width:60px !important;}

/*.dropListSmall.Tiny .sbSelector{width:40px !important;}
.dropListSmall.Tiny .sbHolder, .dropListSmall.Tiny .sbOptions li, .dropListSmall.Tiny .sbOptions{width:40px !important;}*/
.sbSelector{
	display: block;
	height: 28px;
	left: 0;
	line-height: 28px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 88px;

	

}
.dropListLarge1 .sbHolder, .dropListLarge1 .sbOptions {width: 215px !important;}
.dropListLarge .sbHolder, .dropListLarge .sbOptions li, .dropListLarge .sbOptions{
	width: 215px !important;
}
.dropListLarge1 .sbOptions li, .dropListLarge1 .sbSelector{
	width: 194px !important;
}
.dropListSuppCard .sbHolder, .dropListSuppCard .sbOptions li, .dropListSuppCard .sbOptions{
	width: 260px !important;
	padding:0;
}
.dropListYear .sbHolder, .dropListYear .sbOptions li, .dropListYear .sbOptions{
	width: 89px !important;
	padding:0;
}
.dropListMonth .sbHolder, .dropListMonth .sbOptions li, .dropListMonth .sbOptions{
	width: 100px !important;
	padding:0;
}

.dropListHuge .sbHolder, .dropListHuge .sbOptions li, .dropListHuge .sbOptions{
	width: 375px !important;
	padding:0;
}

.dropListBig .sbHolder, .dropListBig .sbOptions li, .dropListBig .sbOptions{
	width: 185px !important;
	padding:0;
}
.listBoxLarge .sbHolder, .listBoxLarge .sbOptions li, .listBoxLarge .sbOptions{
	width: 290px !important;
	padding:0;
}
.dropListSmall .sbHolder, .dropListSmall .sbOptions li, .dropListSmall .sbOptions{
	width:80px !important;
}
.dropListsmallDrop .sbHolder, .dropListsmallDrop .sbOptions li, .dropListsmallDrop .sbOptions{
	width:60px !important;
	padding:0;
}
.dropListRedesign .sbHolder, .dropListRedesign .sbOptions li, .dropListRedesign .sbOptions{
	width: 300px !important;
	padding:0;
	*z-index:999999999 !important;
}
.dropListBig .sbSelector{width:185px;}
.dropListLarge .sbSelector{width:215px;}
.dropListSuppCard .sbSelector{width:260px;}
.dropListHuge .sbSelector{width:375px !important;}
.dropListSmall .sbSelector{width:80px;}
.dropListYear .sbSelector{width:89px;}
.listBoxLarge .sbSelector{width:120px;text-overflow: ellipsis;
	white-space: nowrap;}
.dropListMonth .sbSelector{width:100px !important;}
.dropListRedesign .sbSelector{width:300px !important;}

.dropListLarge.listMedium .sbHolder, .dropListLarge.listMedium .sbOptions li, .dropListLarge.listMedium .sbOptions{
	width: 230px !important;
}
.dropListLarge.listMedium .sbSelector{width:230px; }

.tpFormBlock.existCustomer .tpFormBlockInn .sbOptions li{
	margin:0 !important;
	text-align:left;
	padding:0 !important;
	*display:inline;
}
.tpFormBlock.existCustomer .tpFormBlockInn .sbOptions li a{padding-left:10px;}

.dropListSmallForm .sbHolder, .dropListSmallForm .sbOptions li, .dropListSmallForm .sbOptions{
	width: 62px;
	text-align:left;
	padding-left:0px;
	float:left;
	
}
/*---chrome hack---*/
 
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   
   .dropListSmallForm .sbHolder, .dropListSmallForm .sbOptions li, .dropListSmallForm .sbOptions
    {
      
     margin-top:2px; 
      }

}

.dropListLarge.balance .sbHolder, .dropListLarge.balance .sbOptions li, .dropListLarge.balance .sbOptions{width:293px !important;}
.dropListLarge.balance .sbSelector{width:293px; }
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #555;
	outline: none;
	text-decoration: none;
}

.dropListLarge.balance .sbOptions li, .dropListSmall .sbOptions li{*float:left;}


.commonFormSel .sbHolder{width:500px !important;}

.commonFormSel .sbOptions{width:500px !important;}
.commonFormSel .sbSelector{width:500px !important;}

.sbToggle{
	background: url(../../images/down-arow.png)  no-repeat;
	display: block;
	height: 28px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width:29px;
}
.sbToggle:hover{
	background: url(../../images/down-arow.png)  no-repeat;
	height:28px;
	width:29px;
}
.sbToggleOpen{
	background: url(../../images/up-arow.png) 0 0px no-repeat;
	height:28px;
	width:29px;
}
.sbToggleOpen:hover{
	background: url(../../images/up-arow.png) 0 0px no-repeat;
	height:28px;
	width:29px;
}
.sbHolderDisabled{
	/*background-color: #3C3C3C;
	border: solid 1px #515151;*/
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #F7F7F7;
	border: solid 1px #ccc;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 28px;
	width: 88px;
	z-index: 1;
	*z-index:9999;
	min-height:30px;
	max-height:100px !important;
	overflow: hidden;
	}

.sbOptions li {
	/*padding: 0 7px;
	width:88px !important;*/
}
.sbOptions a{
	/*border-bottom: dotted 1px #515151;*/
	display: block;
	outline: none;
	padding: 0px 7px 0px 10px;
	color:#555 !important;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #555;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #3399CC;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	/*border-bottom: dotted 1px #515151;
	color: #999;;*/
	display: block;
	padding: 7px 0 7px 10px;
	font-weight:bold;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #555;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 0;
	margin:0 7px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

@media (max-width: 767px){
	.commonFormSel .sbHolder{width:260px !important;}
	.commonFormSel .sbOptions{width:260px !important;}
	.commonFormSel .sbSelector{width:260px !important;}

}