﻿#OrderFormContainer
{
    
}

#OrderFormContainer #OrderQuantityForm
{
    float: left;
    width: 400px;
    height: 250px;
    
}

#OrderFormContainer #OrderQuantityForm .formField
{
    float:left;
    width:37px;
}

#OrderFormContainer #OrderQuantityForm .formField input
{
    width:35px;
    border:1px solid #C5C5C5;
    text-align: center;
    font-size:12px;
}

#OrderFormContainer #OrderQuantityForm .formLabel
{
    margin-left:20px;
    float:left;
    font-size:13px;
    padding-right:4px;
    width:230px;
}

#OrderFormContainer #OrderQuantityForm .formPriceLabel
{
    margin-left:20px;
    float:left;
    font-size:13px;
    padding-right:4px;
    width:39px;
    text-align:right;
}

#OrderFormContainer #OrderQuantityForm .formRow
{
    margin-bottom:5px;
    width:400px;
}

#OrderFormContainer #OrderQuantityForm .formSection textarea
{
    border:1px solid #C5C5C5;
    font-weight:normal;
}

#OrderFormContainer #ImagePlaceholder
{
    background-image:url('../../../images/orderimage.jpg');
    float:left;
    width: 325px;
    height:250px;
}

#OrderFormContainer #OrderBillShipForm
{
    float:left;
    width: 362px;
    height: 220px;
}

#OrderFormContainer #OrderBillShipForm .formField
{
    float:left;
    width:232px;
}

#OrderFormContainer .formFieldValidate
{
    float:left;
    width:10px;
}

#OrderFormContainer #OrderBillShipForm .formField input
{
    width:230px;
    border:1px solid #C5C5C5;
    text-align: left;
    font-size:12px;
}

#OrderFormContainer #OrderBillShipForm .formLabel
{
    float:left;
    font-size:12px;
    padding-right:4px;
    text-align:right;
    width:98px;
}

#OrderFormContainer #OrderBillShipForm .formRow
{
    margin-bottom:5px;
    width:362px;
}

#OrderFormContainer #OrderBillShipForm .formSection textarea
{
    border:1px solid #C5C5C5;
    font-weight:normal;
}

#OrderFormContainer .formButton
{
    border:none;
    font-size:16px;
    padding:5px 15px;
}

#OrderFormContainer .formButton:hover
{
    cursor:pointer;
}

#OrderFormContainer #formControls
{
    text-align:center;
    border-bottom:none;
}

#OrderFormContainer .formValidationMessage
{
    float:left;
    color:#F00;
    font-size:10px;
    font-style:italic;        
}

#OrderFormContainer .formValidationMessageAbsoluteShipping
{
    position:absolute;
    left:362px;
    top:356px;
    color:#F00;
    font-size:10px;
    font-style:italic;        
}
#OrderFormContainer .formValidationMessageAbsolute
{
    position:absolute;
    left:0px;
    top:356px;
    color:#F00;
    font-size:10px;
    font-style:italic;        
}
#OrderFormContainer .formValidationMessageAbsoluteGeneral
{
    position:absolute;
    left:250px;
    top:535px;
    color:#F00;
    font-size:10px;
    font-style:italic;        
}

#OrderFormContainer .formFieldValidate
{
    float:left;
    width:10px;
}

#OrderFormContainer .formFieldValidateNumber
{
    position:absolute;
    left:0px;
    top:97px;
    color:#F00;
    font-size:10px;
    font-style:italic;        
}

#OrderFormContainer .feedbackContainer
{
    padding:5px;
}

#OrderFormContainer .feedbackMessage
{
    font-size:12px;
    line-height:16px;                
}

#OrderFormContainer .errorFeedbackContainer
{
    border:1px solid #F00;        
}

#OrderFormContainer .errorFeedbackMessage
{
    color:#F00;
}

#OrderFormContainer .successfulFeedbackContainer
{
    border:1px solid #415E7E;
}

#OrderFormContainer .successfulFeedbackMessage
{
    color:#415E7E;
}   