﻿.btncheckout {
    margin:0 10px 0 0;
}

#leftNavSide {
    width: 20%;
    height: 100%;
    float: left;
    padding: 5px;
}

/*#ltcontent {
    float: right;
    width: 75%;
    padding: 20px;
    vertical-align: top;
}*/

.productHead {
    border-top: 1px solid #C4C4C4;
    padding: 20px 0 20px 0;
}

    .productHead .title {
        float: left;
        font-size: 15px;
        font-weight: 600;
        padding: 3px 0 0 7px;
        color: #3F3F3F;
    }

    .title p {
        display:none;
    }

.price {
    float: right;
    padding: 0px 50px 5px 0;
    font-size: 15px;
    font-weight: bold;
    color: #3F3F3F;
}

.actionButton {
    border-radius: 2px;
    border: 1px solid #4B6994;
    font-weight: 700;
    font-size: 13px;
    height: 100%;
    padding: 5px 5px 5px 5px;
    margin: -5px;
    text-align: center;
    color: #fff;
    background: #5d95b2;
    background: -moz-linear-gradient(top, #5d95b2 0%, #4b687c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d95b2), color-stop(100%,#4b687c));
    background: -webkit-linear-gradient(top, #5d95b2 0%,#4b687c 100%);
    background: -o-linear-gradient(top, #5d95b2 0%,#4b687c 100%);
    background: -ms-linear-gradient(top, #5d95b2 0%,#4b687c 100%);
    background: linear-gradient(to bottom, #5d95b2 0%,#4b687c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d95b2', endColorstr='#4b687c',GradientType=0 );
    text-transform: uppercase;
    text-decoration: none;
}

.detailsButton {
    float: left;
    text-decoration: underline;
    color: #7C7C7C;
    font-size: 14px;
    margin-left: 15px;
}

    .detailsButton div {
        position: relative;
        top: 3px;
        margin: 0 5px 0 0;
        float: left;
        width: 10px;
        height: 10px;
        background-image: url('../pics/dashboard.png');
    }

    .detailsButton.closed div {
        background-position: 0px 0px;
    }

    .detailsButton.open div {
        background-position: 0 -10px;
    }

    .detailsButton:hover {
        cursor: pointer;
        color: #333;
    }

.detailsLevel1 {
    /*display:none;*/
    background: #BFBFBF;
    width: 100%;
    font-size: 13px;
    width: 100%;
    color: #7F7F7F;
    display: none;
}

.floatright {
    float: right;
    text-align: right;
}

.flrspan {
    padding: 0 10px 0 10px;
}

.floatleft {
    float: left;
}
.productheader {
    font-size:16px;
    font-weight:bold;
    padding-bottom: 10px;
}

/*------------------------- LEARNING TOOLS PRODUCTS --------------------------*/

.ltProduct {
    box-sizing: border-box;
    background:#EDEDED;
    padding:10px;
    background:#fff;
    margin-top:10px;
    width:100%;
}

.ltProduct:first-child {
    margin-top:0px;
}

.ltProductBody {
    display:block;
    float:left;
    max-width:80%;
}

.lt-image-td {
    width:50px;
}

.ltIcon {
    height:35px;
    width:35px;
    float:left;
    margin-right:10px;
}

.audiobook .ltIcon {background:url('../../images/learningTools/audio.png') center center no-repeat;}
.audioLightning .ltIcon {background:url('../../images/learningTools/audioLightning.png') center center no-repeat;}
.manual .ltIcon {background:url('../../images/learningTools/book.png') center center no-repeat;}
.dictionary .ltIcon {background:url('../../images/learningTools/dictionary.png') center center no-repeat;}
.ope .ltIcon {background:url('../../images/learningTools/exam.png') center center no-repeat;}
.examCD .ltIcon {background:url('../../images/learningTools/CD2.png') center center no-repeat;}
.videoLecture .ltIcon {background:url('../../images/learningTools/vidLecture.png') center center no-repeat;}
.crossword .ltIcon {background:url('../../images/learningTools/crossword.png') center center no-repeat;}
.flashcards .ltIcon {background:url('../../images/learningTools/flashcards.png') center center no-repeat;}
.quickGuide .ltIcon {background:url('../../images/learningTools/quickGuide.png') center center no-repeat;}
.noIcon .ltIcon {background:url('../../images/learningTools/noIcon.png') center center no-repeat;}
.cramCourse .ltIcon {background:url('../../images/learningTools/cramCourse.png') center center no-repeat;}

.mainRow {
    /*display:flex;*/
}

.secondaryRow {}

.ltProductBody h2 {
    font-size:1.143em;
    color:#4C4C4C;
    text-shadow: 0px 1px 2px rgba(255, 255, 255, 1);
    font-weight:600;
    margin-top:0px;
    float:left;
}

.lt-price, .lt-buy {
    float:right;
}

#product-table {
    width:100%;
}

.lt-image-div {
    border: 1px solid #444;
    padding: 15px;
    margin-right: 10px;
    cursor: pointer;
}

.lt-title {
    vertical-align: top;
    font-size: 16px;
}

.lt-price {
    padding: 3px 0 0 30px;
    font-weight: bold;
    font-size: 14px;
    color: darkgreen;
    text-align: right;
}

.lt-more-td {
    position: relative;
    top: -22px;
}

.lt-more-div {
    color:#7A7A7A;
    font-size: 12px;
    padding-bottom: -10px;
    text-decoration: underline;
    cursor: pointer;
    margin-bottom:20px;
}

#type_dropdown {
    margin: 0 0 10px 0;
}

.morePar {
    color:#7A7A7A;
    margin: 20px 0px 20px 0px;
}

.addRemoveBtn {
    margin-left:30px;
}

#checkoutlt2 {
    margin-top:10px;
}

@media screen and (max-width: 700px) {
    
    .ltIcon {
        display:none;
    }

    .ltProductBody {
        max-width:none;
        float:none;
    }

    .ltProductBody h2 {
        float:none;
    }

    .ltProduct .actions {
    }

    .lt-price {
        float:left;
        padding:6px 0 0 0;
    }

}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}