.modal-upsell-title
{
    color: #018383;
    font-size: 28px;
    text-align: center;
}
.modal-upsell-left-layout
{
    position: relative;
    float: left;
    width: 20%;
    margin-top: 1%;
    margin-left: 2%;
    margin-bottom: 1%;
}
.modal-upsell-right-layout
{
    position: fixed;
    float: left;
    width: 65%;
    margin-top: 1%;
    margin-right: 2%;            
    left: 27%;
}
.modal-upsell-button
{   
    background-color:#8FAF4A;
    color:White;
    float:right; 
    margin-right:7%;
    font-size:16px;
}
.modal-non-upsell-button
{
    float:right;
    margin-right:20px;
    color:gray;
    font-size:15px;   
}        
.modal-arrow-property
{
    position:absolute;           
    width:50px;
    height:50px;
    z-index: 1;
}
.modal-submit-button
{   
    float:right; 
    margin-right:2%;
    font-size:16px;
}
.modal-cancel-button
{
    float:right;
    margin-right:10px;
    color:gray;
    font-size:15px;   
}        
.modal-text-center-align
{
    text-align: center;
}
.modal-horizontal-align-center
{
    margin: 0px auto;
    width: 100%;            
}        
.modal-vertical-align-center
{
    margin-top:0px;
    margin-right:0px;
}
.modal-product-name
{   
    /*font-weight: bold;*/
}
.modal-product-item
{
    color: gray;
}
.modal-product-price
{
    color:#D9534F;
    font-weight: bold;
}
.modal-content-height
{
    height: 350px;
}
.modal-content-desc-height
{
    height: 310px;
}
.modal-content-layout
{
    position: relative;
    width: 100%;                        
    margin-top: 1%;
}
.modal-subbox-layout
{       
    width: 98%;
}
.modal-left-layout
{
    position: relative;
    float: left;
    width: 96%;
    margin-top: 1%;
    margin-left: 2%;
    margin-bottom: 1%;
}
.modal-left-layout-sub
{
    position: relative;
    float: left;
    width: 25%;            
}
.modal-left-layout-qualifier-sub
{
    position: relative;
    float: left;
    width: 40%;            
}
.modal-mid-layout
{
    position: relative;
    float: left;
    width: 15%;
    margin-top: 1%;
    margin-bottom: 1%;
    left: -2.4%;
}
.modal-right-layout
{
    position: absolute;
    float: left;
    width: 65%;
    margin-top: 1%;
    margin-right: 2%;            
    left: 33.3%;
}
.modal-right-layout-sub
{
    position: absolute;
    float: left;
    width: 75%;    
    right: 0px;
}
.modal-left-remove-layout
{
    clear: left;
}
.modal-remove-layout
{
    clear: both;
}
.modal-image-layout
{
    display: block;
    max-width:160px;
    max-height:200px;
    width: auto;
    height: auto;   
    margin:0 auto;         
}
.modal-subbox-left
{
    position: relative;
    float: left;
    width: 85%;            
}
.modal-subbox-right
{
    position: relative;
    float: left;
    width: 10%;
}
.modal-remove-layout
{
    clear: both;
}
.modal-display-show
{
    display:block;
}

.modal-setup-assistance-title {
    color: #018383;
    font-size: 28px;
    text-align: center;
}

.modal-setup-assistance-sub-title {
    color: #000000;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.modal-setup-assistance-right-layout {
    position: fixed;
    float: left;
    margin-top: 4%;
    margin-right: 2%;
    left: 22%;
}
ul {
    margin-left: 1em;
}

li {
    list-style-position: outside;
    padding-left: 0.5em;
}
.modal-setup-assistance-content {
    color: #000000;
}
.modal-non-setup-assistance-button {
    color: gray;
    font-size: 12px;
    margin-top: 10px;
}   
.modal-setup-assistance-button {
    background-color: #8FAF4A;
    color: White;
    font-size: 16px;
}


     

@media (min-width: 768px)
{
    .modal-dialog
    {
        width: 750px;
        margin: 30px auto;
    }
}