/* -----------------------
------- SELECTBOX --------
----------------------- */

.sbHolder {
    background-color: #ddd;
    border: 1px solid #ccc;
    float: left;font-family: Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    height: 22px;
    position: relative;
    width: 150px;
    padding: 0 !important;
}

.sbHolder:hover 
{ 
    background-color: #ccc;
}

.sbSelector {display: block;height: 22px;left: 0;line-height: 22px;outline: medium none;overflow: hidden;position: absolute;top: 0;width: 150px;text-align: left;}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover {outline: medium none;text-decoration: none; padding-left:2px;}

.sbToggle 
{
    background: url("../images/select-icons.png") no-repeat scroll 0 -120px transparent;
    display: block;
    height: 22px;
    outline: medium none;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.sbToggle:hover {background: url("../images/select-icons.png") no-repeat scroll 0 -120px transparent;}
.sbToggleOpen {background: url("../images/select-icons.png") no-repeat scroll 0 -120px transparent;}
.sbToggleOpen:hover {background: url("../images/select-icons.png") no-repeat scroll 0 -120px transparent;}
.sbHolderDisabled {background-color: #3C3C3C;border: 1px solid #515151;}

.sbOptions {
    background-color:#ccc; 
    border: 1px solid #ccc;
    list-style: none outside none;
    left: -1px;
    margin: 6px 0 0 0;
    padding: 0;
    position: absolute;
    top: 16px;
    z-index: 1;
    overflow-y: auto;
    width: 150px;
}
.sbOptions li {}
.sbOptions li:first-child {}
.sbOptions a {border-bottom: 0px dotted #FFFFFF;display: block;outline: medium none;padding: 4px 0 4px 3px;}
.sbOptions a:link, .sbOptions a:visited {text-decoration: none;}
.sbOptions a:hover {background-color:#ddd; }
.sbOptions li.last a {border-bottom: medium none;}

.list-check {}



/* --------------------------------
------- SELECTBOX QUANTITY --------
-------------------------------- */


.sbHolderQuantity {
    background-color: #ddd;
    border: 1px solid #ccc;
    float: left;font-family: Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    height: 22px;
    position: relative;
    width: 50px;
    padding: 0 !important;
}

.sbHolderQuantity:hover 
{ 
    background-color: #ccc;
}

.sbSelectorQuantity {display: block;height: 22px;left: 0;line-height: 22px;outline: medium none;overflow: hidden;position: absolute;top: 0;width: 50px;text-align: left;}

.sbSelectorQuantity:link, .sbSelectorQuantity:visited, .sbSelectorQuantity:hover 
{
    outline: medium none;
    text-decoration: none; 
    padding-left:2px;
}

.sbToggleQuantity 
{
    background: url("../images/select-icons.png") no-repeat scroll 0 -120px transparent;
    display: block;
    height: 22px;
    outline: medium none;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.sbToggleQuantity:hover {background: url("../images/select-icons.png") no-repeat scroll 0 -120px transparent;}

.sbOptionsQuantity {
    background-color:#ccc; 
    border: 1px solid #ccc;
    list-style: none outside none;
    left: -1px;
    margin: 6px 0 0 0;
    padding: 0;
    position: absolute;
    top: 16px;
    z-index: 1;
    overflow-y: auto;
    width: 50px;
}
.sbOptionsQuantity li {}
.sbOptionsQuantity li:first-child {}
.sbOptionsQuantity a {border-bottom: 0px dotted #FFFFFF;display: block;outline: medium none;padding: 4px 0 4px 3px;}
.sbOptionsQuantity a:link, .sbOptions a:visited {text-decoration: none;}
.sbOptionsQuantity a:hover {background-color:#ddd; }
.sbOptionsQuantity li.last a {border-bottom: medium none;}