@import url("ProductSelectorBase.css");

.ui-field-contain .ui-controlgroup-controls {
    width: 98%;
    display: block;
    margin: 0 auto;
}

.ui-controlgroup-label legend {
    padding: 10px;
}

.ui-controlgroup-label {
    font-weight: bold;
}

#Results {
    font-weight: bold;
    vertical-align: top;
    display: block;
    width: auto;
    background-color: #eceef0;
    padding: 10px 24px 10px 24px;
    margin: 10px auto 10px auto;
}

#ProductResults h2 {
    font-size: 16px;
    color: #666;
    padding-left: 10px;
}

.ui-field-contain, .ui-mobile fieldset.ui-field-contain {
    margin-top: 0px;
}

.ui-field-contain .ui-controlgroup-label {
    vertical-align: top;
    display: block;
    width: auto;
    background-color: #eceef0;
    padding: 10px 24px 10px 24px;
    margin: 0px auto 10px auto;
}

.ui-icon-radio-on {
    background-position: -721px 50%;
}

.ui-btn-up-c, .ui-btn-hover-c {
    font-weight: bold;
    color: #f37a1f; 
    text-shadow: none;
}

.ui-btn-up-c {
    border: 1px solid #E4E4E4;
    background: #EBEBEB;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EBEBEB));
    background-image: -webkit-linear-gradient( #FFF, #EBEBEB);
    background-image: -moz-linear-gradient( #FFF, #EBEBEB);
    background-image: -ms-linear-gradient( #FFF, #EBEBEB);
    background-image: -o-linear-gradient( #FFF, #EBEBEB);
    background-image: linear-gradient( #FFF, #EBEBEB);
}

.ui-btn-hover-c {
    border: 1px solid #D3D3D3;
    background: #D8D8D8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#D8D8D8));
    background-image: -webkit-linear-gradient(#F0F0F0, #D8D8D8);
    background-image: -moz-linear-gradient(#F0F0F0, #D8D8D8);
    background-image: -ms-linear-gradient(#F0F0F0, #D8D8D8);
    background-image: -o-linear-gradient(#F0F0F0, #D8D8D8);
    background-image: linear-gradient(#F0F0F0, #D8D8D8);
}

.ui-checkbox, .ui-radio {
    position: relative;
    clear: both;
    margin: 0px 12px 0px 12px;
}

.ui-listview .ui-li > .ui-btn-text {
    padding: 5px 0px 10px 15px;
}

.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content {
    float: none;
    margin-right: 0;
}

.ui-li-thumb, .ui-listview .ui-li-icon {
    position: relative;
    max-height: none;
    max-width: none;
}

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb {
    min-height: 59px;
    padding-left: 0;
}

.ui-controlgroup-label {
    font-size: 14px;
}

#SelectorTitle, #SelectorDescription {
    margin-right: 24px;
    margin-left: 24px;
}

#SelectorTitle {
    margin-bottom: 3px;
    font-weight: normal;
    color: #f37a1f;
}

#SelectorDescription {
    margin-top: 0px;
}

.gradient-hr {
    margin-top: 20px;
    margin-bottom: 0px;
}

.gradient-hr span {
    display: block;
    border: none;
    color: white;
    height: 1px;
    background: #f37a1f;
    background-image: -ms-linear-gradient(right, #FFFFFF 0%, #F37A1F 50%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(right, #FFFFFF 0%, #F37A1F 50%, #FFFFFF 100%);
    background-image: -o-linear-gradient(right, #FFFFFF 0%, #F37A1F 50%, #FFFFFF 100%);
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(0.5, #F37A1F), color-stop(1, #FFFFFF));
    background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #F37A1F 50%, #FFFFFF 100%);
    background-image: linear-gradient(to left, #FFFFFF 0%, #F37A1F 50%, #FFFFFF 100%);
}

.ui-li-heading {
    font-size: 14px;
    color: #f37a1f;
}

.ui-li-desc, .ui-btn-inner  {
    white-space: initial;
}

.ui-li-desc {
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin: -.5em 0 .6em;
    text-overflow: initial;
    overflow: initial;
}

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {

    padding-top: 0px;
    padding-bottom: 0px;
}

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding-top: 0px;
    padding-bottom: 0px;
}