/*# Custom Styles#*/
.CartItemSelectorContainer{
  width:210px;
}
.AddToCartContainer {
  width:210px;
}

    .AddToCartContainer input.AddToCartTextBox {
        -moz-box-sizing: border-box;
        margin-right: 3%;
        width: 55px;
        color: #434343;
        font-size: 14px;
    }


    .AddToCartContainer input.AddToCartButton {
        background: url("/images/bluebuttonbg.png") no-repeat scroll left top transparent;
        background-position: -50px -13px;
        font-size: 14px;
        height: 28px;
        width: 129px;
        margin: 4px 0;
        border-radius: 3px;
        box-shadow: 0 4px 2px -2px #dbd9d9;
        color: #fff;
        cursor: pointer;
        letter-spacing: 1px;
        /*font-family: "Questrial", Verdana, Arial, Helvetica, sans-serif;*/
        font-family: "questrialregular", Verdana, Arial, Helvetica, sans-serif;
        /*-webkit-text-stroke: 1px rgba(255,255,255,0.5);*/
        padding: 0;
        border: 0;
        box-sizing: border-box;
        -webkit-align-items: flex-start;
        text-align: center;
        -webkit-appearance: button;
    }

.askTheLab {
}

.TextBoxField {width: auto !important;}

    .askTheLab div.row-sep {
        margin-bottom: 30px!important;
    }

    .askTheLab div.row {
        margin-bottom: 5px;
    }

        .askTheLab div.row label.EditingFormLabel {
         /*   display: inline;
            float: left;
            width: 150px;*/
        }

        .askTheLab div.row div.EditingFormControlNestedControl {
         /*   width: 250px;
            float: right;*/
        }

            .askTheLab div.row div.EditingFormControlNestedControl .TextAreaField {
               /* margin: 0;
                width: 185px;
                margin-left: 3px;*/
            }

            .askTheLab div.row div.EditingFormControlNestedControl input[type="text"] {
            /*    width: 185px;*/
            }

        .askTheLab div.row.inputLeft div.EditingFormControlNestedControl {display: inline;}


.buttonWrapper .FormButton {
    background: url("/images/bluebuttonbg.png") no-repeat scroll left top transparent;
    background-position: -50px -13px;
    font-size: 14px;
    height: 28px;
    width: 129px;
    margin: 4px 0;
    border-radius: 3px;
    box-shadow: 0 4px 2px -2px #dbd9d9;
    color: #fff;
    cursor: pointer;
    letter-spacing: 1px;
    font-family: "Questrial", Verdana, Arial, Helvetica, sans-serif;
    -webkit-text-stroke: 1px rgba(255,255,255,0.5);
    padding: 0;
    border: 0;
    box-sizing: border-box;
    -webkit-align-items: flex-start;
    text-align: center;
    -webkit-appearance: button;
}

.askTheLab .buttonWrapper .FormButton {
    background-position: 0 0;
    font-size: 19px;
    height: 48px;
    width: 219px;
}

/*.askTheLab div.row span.EditingFormErrorLabel {
    margin-left:5px;
    font-size:11px;
    
}*/

.askTheLab div.row span.EditingFormErrorLabel {
    color: red;
    font-size: 13px;
    font-weight: bold;   
}

.productImage{
    
}

input[type="submit"].remove{
    border:none;    
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 4px 2px -2px #DBD9D9;
    box-shadow: none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 19px;
    letter-spacing: 1px;
    -moz-box-sizing: border-box;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);  
}

/* No Location Message */
.nolocation{
  color:#FF0000;
  font-size:14px;
}

.shoppingCartHeader{
  margin:0px;
  padding:0px;
  width:185px;
}

/** TEST TEST **/ /** Test Add 10/24/13 #2 **/


/* Autocomplete
----------------------------------*/
.ui-autocomplete { cursor: default;background:#fff; width: 500px; border:solid 1px #a5a09b;margin-top: 2px; z-index: 101 !important;}       
.ui-autocomplete-loading { background: white url('/CMSPages/images/ui-anim_basic_16x16.gif') right center no-repeat; }
.ui-autocomplete li {
    font-size: 16px;
}

.ui-autocomplete.ui-state-active {
    outline: none;
    border: 1px solid #7ea4c7;
    -moz-box-shadow: 0 0 5px rgba(50,150,255,0.5);
    -webkit-box-shadow: 0 0 5px rgba(50,150,255,0.5);
    -khtml-box-shadow: 0 0 5px rgba(50,150,255,0.5);
    box-shadow: 0 0 5px rgba(50,150,255,0.5);
}

/*----------------The following was added per Kentico ticket number 496411 
so the hidden button in forms won't show--------------*/
.HiddenButton
{
    display: none;
}
 /*----------------END Kentico ticket number 496411--------------*/

/*------Add custom style to make bootstrap columns equal height----*/


.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='thirds'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
/*---------------end custom style-------------------------*/