/* 
    Created on : 20/08/2014, 12:14:43 PM
    Description: Base styles for the item configurator
*/
.item-configurator-tabs{
    margin-bottom: 8px;
}

.item-configurator-tabs .clearBlock,
.item-configurator-clearBlock{
    clear: both;
}


.item-configurator-tabs .option{
    padding-bottom: 4px;
}

.item-configurator-tabs .option .left{
    
    float: left;
    margin: 0 0 5px 5px;
    min-height: 50px;
}
.item-configurator-tabs .option .left .image-con{
    width: 100%;    
}

.item-configurator-tabs .option .main{
    display: inline-block;
    padding: 7px;
    margin: 0 0 5px 5px;
    min-height: 50px;
    border: 1px solid #dadada;
    background-color: #f6f6f6;
    /*width: 80%;*/
}

.item-configurator-tabs .option .main textarea {
    width: 500px;
}

.configurator-price-con {
    margin-bottom: 8px;
    /*float: right;*/
    clear: both;
}

.item-configurator-tabs .configurator-price-con{
    display: table;
}
.item-configurator-tabs .configurator-price-con .table-row{
    display: table-row;
}
.item-configurator-tabs .configurator-price-con .table-row-left-head,
.item-configurator-tabs .configurator-price-con .table-row-right{
    display: table-cell;
}
.item-configurator-tabs .configurator-price-con .table-row-left-head{
    padding-right: 8px;
}

.item-configurator-tabs .configurator-price-con.no-main-items{}
.item-configurator-tabs .configurator-price-con.no-main-items .main-price-con{
    display: none;
}
.item-configurator-tabs .configurator-price-con.no-main-items .additional-price{
    display: none;
}
.item-configurator-tabs .configurator-price-con.no-main-items .total-price .heading{
    display: none;
}

/* --- CART BUTTON STYLES --------------------------------------------------- */
.product-view .add-cart-wrapper .add-to-cart {
    /*float: right;*/
    clear: both;
}
.product-view .add-cart-button.isNotOrderable{
    display: none;
}

/* --- MESSAGE STYLES ------------------------------------------------------- */
.product-view .item-configurator-qty-msg p{
    margin: 5px 0;
}
.item-configurator-qty-msg .low-qty{
    color: #cc0000;
}

/* --- PRODUCT IMAGE SWITCHER STYLES ---------------------------------------- */
.imageList.deactive{
    display: none;
}
.imageList img{
    padding: 0 2px 4px 2px;
}

.item-configurator-tabs .option .main {
    width: 80%;
    float: right;
}

.item-configurator-tabs .option .main select {
    width: 100%;
}