/* CSS Document */

/*--------------------------------------------------------------------------------------------
    Styled Select 
  --------------------------------------------------------------------------------------------*/

.medSelect	{
    width:193px;
}

.shortSelect	{
    width:118px;
}

/* ---------
  Dynamically inserted element styles 
--------- */

.option	{
    line-height:21px;
    color:#fff;
    cursor:pointer;
}

.selectWrapper .optionHover	{
    background:#393939;
    color:#9AC37D;
}

.selectWrapper	{
    position:relative;
    float:left;
    background-color:transparent;
    background-image: url(/images/bg-styled-select.png);
    background-position: left top;
    background-repeat: no-repeat;
    height:21px;
    font-size:10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-bottom:9px;
}		

.styledSelect	{
    position:absolute;
    top:0px;
    z-index:99;
}

.selectedOption .option	{
    line-height:21px;
    height:21px;
    color:#fff;
    cursor:pointer;
    overflow:hidden;
    float:left;
    font-weight:bold;
    /*width':parseInt(that.selectWidth)-(parseInt(that.arrowWidth))*/
}

.selectedOption .option span	{
    margin:0 12px;
    line-height:21px;
    height:21px;
    overflow:hidden;
    display:block;
}

.optionHolder span	{
    margin:0 12px;
    line-height:21px;
    display:block;
}

.optionHolder	{
    background:#131313;
    clear:both;
    border-left:1px solid #393939;
    border-right:1px solid #393939;
    /*width':parseInt(that.selectWidth)-1*/
}

.selectArrow	{
    float:right;
    height:21px;
    cursor:pointer;
    background-color:transparent;
    background-image: url(/images/bg-styled-select-arrow.png);
    background-position: right top;
    background-repeat: no-repeat;
}


.selectFooter	{
    background-color:transparent;
    background-image: url(/images/bg-styled-select-footer-left.png);
    background-position: left top;
    background-repeat: no-repeat;
    height:6px;
}

.selectFooter span	{
    float:right;
    display:block;
    width:6px;
    height:6px;
    background:transparent url(/images/bg-styled-select-footer-right.png) right bottom no-repeat;
}

/* Credit card form */

div.formBox .selectWrapper {
    margin:5px 13px 20px 0;
    background-image: url(/images/bg-styled-select-light.png);
}

div.formBox .optionHolder {
    border-left:1px solid #ded8d8;
    border-right:1px solid #d2cece;
    background:#bcbdbc url(/images/bg-options-light.png) left top repeat-y;
}

div.formBox .selectFooter {
    height:7px;
    background:#bcbdbc url(/images/bg-select-footer-light.png) left top repeat-y;
}

div.formBox .selectFooter span	{
    width:8px;
    height:7px;
    background:transparent url(/images/bg-styled-select-footer-right-light.png) right bottom no-repeat;
}

div.formBox .option	{
    color:#a2a2a2;
}

div.formBox .selectArrow	{
    background-image: url(/images/bg-styled-select-arrow-light.png);
}

div.formBox .optionHover {
    background:#9ac37d;
    color:#393939;
}