/**
* Stylish Select 0.4.9 - $ plugin to replace a select drop down box with a stylable unordered list
* http://github.com/scottdarby/Stylish-Select/
* 
* Copyright (c) 2009 Scott Darby
* 
* Requires: jQuery 1.3 or newer
* 
* Dual licensed under the MIT and GPL licenses.
*/

/**
* Hide lists on page load
---------------------------------------------------------*/

.stylish-select .SSContainerDivWrapper {
    left:-9999px;
}

/*
* Red example
---------------------------------------------------------*/
.stylish-select .SSContainerDivWrapper {
    margin:0;
    padding:0;
    width:290px;
    position:absolute;
    top:22px;
    left:0;
    z-index:99;
}
.select_box .SSContainerDivWrapper {
    margin:0;
    padding:0;
    width:158px;
    position:absolute;
    top:22px;
    left:0;
    z-index:2;
}

.stylish-select ul.newList {
    margin:0;
    padding:0;
    list-style:none;
    color:#000;
    background:#fff;
    border:1px solid #ccc;
    overflow:auto;
    border-top: none;
}

.stylish-select ul.newList * {
    margin:0;
    padding:0;
}


.stylish-select ul.newList a {
    color: #777;
    text-decoration:none;
    display:block;
    padding:3px 8px;
    font:12px/14px 'Helvetica65MediumRegular',Arial,Helvetica,sans-serif;
    width: auto;
    float: none;
    cursor: pointer;
}
.select_box ul.newList a {
    text-transform: none !important;
    color: #777;
    font: 12px/14px 'Helvetica65MediumRegular',Arial,Helvetica,sans-serif;
    text-decoration:none;
    width: 142px;
    padding:3px 8px;
}
.select_box ul.newList li {
    padding: 0 !important;
}
.stylish-select .newListSelected {
    width:284px;
    color:#000;
    height:37px;
    padding:3px 0 0 6px;
    float:left;
    background: url(../images/select_bg.gif);
}
.stylish-select .edit-address .newListSelected{width:205px; background-image:url("../images/select-bg-205.jpg"); height:30px; padding:0; cursor:pointer;}
.stylish-select .edit-address .selectedTxt{width:172px; padding:8px 23px 0 9px; height:21px;}
.stylish-select .edit-address .SSContainerDivWrapper{width:205px;}

.select_box .newListSelected {
    width:154px;
    color:#000;
    height:30px;
    padding:0 0 0 6px;
    float:left;
    background: url(../images/select_bg01.gif) no-repeat;
    cursor:pointer;
}

.stylish-select ul.newList li a:focus {
    -moz-outline-style: none;
}

.stylish-select .selectedTxt {
    width:258px;
    overflow:hidden;
    height:32px;
    color: #777;
    font: 12px/14px 'Helvetica65MediumRegular',Arial,Helvetica,sans-serif;
    padding:8px 23px 0 0;
}
.stylish-select .color_form .selectedTxt{padding-left:3px; padding-top:11px; height:27px;}
.select_box .selectedTxt {
    width:127px;
    overflow:hidden;
    height:32px;
    color: #777;
    font: 12px/14px 'Helvetica65MediumRegular',Arial,Helvetica,sans-serif;
    padding:8px 23px 0 3px;
}

.stylish-select .hiLite, .stylish-select .hiLite.newListHover{
    background:#999!important;
    color:#fff!important;

}

.stylish-select .newListHover {
    background:#FAFAFA!important;
    color:#000!important;
    cursor:default;
}

.stylish-select .newListDisabled {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
}

.stylish-select .newListItemDisabled {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
}

.stylish-select .newListOptionDisabled {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
}


/*.stylish-select .newListSelHover,
.stylish-select .newListSelFocus {
        background-position:0 -22px;
        cursor:default;
}*/

.stylish-select .newListOptionTitle {
    font-weight:bold;
}

.stylish-select .newListOptionTitle ul {
    margin:3px 0 0;
}

.stylish-select .newListOptionTitle li {
    font-weight:normal;
}


.bottom_form .SSContainerDivWrapper{
    width: 160px;
}

.bottom_form .selectedTxt{
    width: 127px;
    padding-left:3px;
    padding-top:6px;
}

.bottom_form .newListSelected{
    background: url(../images/select_bg02.gif);
    width: 154px;
    height: 27px;
}
.bottom_form .stylish-select {
    background: url(../images/select_bg02.gif);
    width: 154px;
    height: 27px;
}

.sort .SSContainerDivWrapper{
    width: 120px;
}

.sort .selectedTxt{
    width: 120px;
    height: 17px;
    line-height: 17px;
    padding: 0px;
}

.sort .newListSelected{
    background: url(../images/drop-arrow.png) no-repeat right center;;
    width: 120px;
    height: 20px;
    padding-top: 1px;
}
.sort .stylish-select {

    width: 114px;
    height: 20px;
}
/**************/
.swatchHead .sort .SSContainerDivWrapper{
    width: 127px;
    left: -1px !important;
    top: 25px !important;
}

.swatchHead .sort .selectedTxt{
    width: 110px;
    height: 20px;
    line-height: 20px;
    padding: 0px;
    padding-left:2px;
}

.swatchHead .sort .newListSelected{
    background: url(../images/drop-arrow.png) no-repeat 103px 10px;
    width: 113px;
    height: 22px;
    padding-top: 1px;
    margin:-3px 0 0 6px;
    border: 1px solid #d0d0d0;
    padding: 4px 6px 0px;
    cursor:pointer;
}
.swatchHead .stylish-select .newListHover{background: #f5f5f5 !important; color: #777777 !important;}
.swatchHead .sort .stylish-select {

    width: 114px;
    height: 20px;
}
/*******/

.formRow .SSContainerDivWrapper{
    width: 203px;
}

.formRow .selectedTxt{
    width: 205px;
    height: 30px;
    line-height: 34px;
    padding: 0px;
}
.fileDownloadModal .formRow .selectedTxt{width:195px; padding-left:10px;}
.fileDownloadModal .formRow .SSContainerDivWrapper{left:-1px !important; width:205px;}

.formRow .newListSelected{
    background: url(../images/drop-arrow.png) no-repeat right center;;
    width: 205px;
    height: 30px;
    padding: 0px;

}
.fileDownloadModal .formRow .newListSelected{border:1px solid #CCCCCC; width:203px; background-position:97% 60%; cursor:pointer;}
.formRow .stylish-select {

    width: 205px;
    height: 30px;
}


.three-sixty .SSContainerDivWrapper{
    width: 357px;
    top: 29px !important;
}

.three-sixty .selectedTxt{
    width: 360px;
    height: 30px;
    line-height: 25px;
    padding: 0px;
}

.three-sixty .newListSelected{
    background: url(../images/select-bg-360_03.jpg) no-repeat;
    width: 350px;
    height: 30px;
    padding-left: 10px;
    cursor:pointer;

}
.three-sixty .stylish-select {

    width: 360px;
    height: 30px;
}


.address-select .SSContainerDivWrapper{
    width: 205px;
    top: 29px !important;
}
.payment_N_Shipping_left_section .address-select .SSContainerDivWrapper{ width:203px;}
.payment_N_Shipping_left_section .address-select .SSContainerDivWrapper li{width:100%;}

.address-select .selectedTxt{
    width: 205px;
    height: 30px;
    line-height: 25px;
    padding: 0px;
    padding-top:2px;
}

.address-select .newListSelected{
    background: url(../images/select-bg-205.jpg) ;
    width: 195px;
    height: 30px;
    padding: 0px;
    padding-left: 10px;
    cursor: pointer;
}
.address-select .stylish-select {

    width: 100px !important;
    height: 30px;
}





.hundred .SSContainerDivWrapper{
    width: 100px;
}
.hundred .SSContainerDivWrapper ul{
    width: 98px;
}
.hundred .SSContainerDivWrapper li{
    width: 98px;
}
.hundred .selectedTxt{
    width: 100px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
    cursor:pointer;
}

.hundred .newListSelected{
    background: url(../images/select-bg-100.jpg) ;
    width: 90px;
    height: 30px;
    padding: 0px;
    padding-left: 10px;

}
.hundred .stylish-select {

    width: 100px !important;
    height: 30px;
}