﻿.feature-image {
    border: 2px solid #22BAA0;
}

.cd-value {
    font-size:30pt;
    padding:0;
    margin:0;
}

.cd-value-md {
    font-size:20pt;
    padding:0;
    margin:0;
}

#terms-scroll {
    max-height:220px;
    margin-left:20px;
    margin-right:20px;
    border: solid 1px #aaaaaa;
}

.green-text {
    color: #22BAA0;
}

.grey-text {
    color: #888888;
}

.vertical-align-top {
    vertical-align:top;
}

.vertical-align-bottom {
    vertical-align:bottom;
}

/*Popup cart styles*/
.modal-cart {
    width:370px;
}

.modal-content {
    height:480px;
}

.cart-container {
    display:block;
    width:100%;
    height:100%;
}

.cart-body {
    display:block;
    width:100%;
}

.cart-footer {
    display:block;
    width:100%;
    border-top:1px solid #cccccc;
}

.cart-footer label {
    padding-top:2px;
    text-align:right;
    float:right;
}

.cart-footer div {
    text-align:right;
    float:right;
    min-width:70px;
}

.cart-footer-row {
    display:block;
    width:100%;
}

#cart-lines {
    margin:0;
    padding:0;
}

#cart-lines li{
    list-style: none;
    border-bottom:solid 1px #eeeeee;
    padding-bottom:3px;
    margin-bottom:5px;
    box-sizing:border-box;
}

.price {
    font-size:11pt;
    font-weight:700;
    color: #4bbea5;
    padding:0;
    margin:0;
}

#cart-close {
    position:absolute;
    bottom:0;
    margin-bottom:0px;
    width:100%;
    text-align:left;
    padding:0;
    padding-left:20px;
    padding-bottom:5px;
}

/*End popup cart*/

.table-a {
    width:100%;
    padding:0;
}

    .table-a tr {
        vertical-align: top;
    }

    .droplink {
        position:relative;
        cursor:pointer;
    }

    .droplink ul {
        list-style:none;
        padding:0px;
        margin:0px;
    }

    .sub-menu {
        display:none;
        position:absolute;
        background-color:white;
        z-index:3000;
        border:solid 1px #cccccc;
        border-top-width:0;
        min-width:280px;
        padding:0;
        margin:0;
    }

    .sub-menu li {
        padding:0px;
        margin:0;
        width:100%;
        background-color:white;
        color:black;
        font-weight:700;
        border-bottom: 1px dashed #e1e1e1;
    }
    
    .sub-menu li a:hover{
        display:inline-block;
        width:100%;
    }

    .sub-menu li a:hover{
        text-decoration:underline;
    }

    .sub-menu i{
        color:#aaaaaa;
        font-weight:400;
    }

    .text-white {
        color:white;
    }

    .temp-annotation {
        font-weight:400;
        font-style:italic;
    }

    .product-menu { 
        box-sizing:border-box;
        text-align:center;
    }

    .product-menu p {
        padding-left:3px;
        padding-right:5px;
        border-bottom:3px solid #aaaaaa;
    }

    .product-menu p:hover {
        color: #22baa0;
        border-bottom:3px solid #22baa0;
    }

    .product-menu p.active {
        color:white;
        background-color: #22baa0;
        border-bottom:3px solid #22baa0;
    }

    .product-menu-list {
        margin-top:70px;
    }

    .home-menu {
        display:inline-block;
        color:#333;
        padding-bottom:3px;
        font-size:10pt;
    }

    .home-menu:hover {
        color: #666;
    }

    .home-menu.active {
        color:#666;
    }

    .home-menu p {
        color:#333;
        border-bottom:3px solid #22baa0;
        font-size:10pt;
    }
    
    .margin-top-40 {
        margin-top: 40px;
    }
    
    .margin-top-20 {
        margin-top: 20px;
    }

    .margin-top-10 {
        margin-top: 10px;
    }

    .margin-top-5 {
        margin-top: 5px;
    }

    .accessory {
        padding:2px;
        padding-bottom:20px;
    }

    .accessory input {
        font-size:14pt;
        width:40px;
        text-align:right;
    }

    .accessory b {
        font-size:12pt;
        display:inline-block;
        vertical-align:top;
    }
    
    .margin-bottom-10{
        margin-bottom:10px;
    }

    .margin-bottom-5{
        margin-bottom:5px;
    }

    .margin-0{
        margin:0;
    }
    
    .min-width-440 {
        width:440px;
    }

    .min-width-280 {
        width:280px;
    }

@media (max-width: 768px) {
    #product-menu {
        display:none;
    }
}

.hilight-label {
    border-color: orange;
    color:orange;
}

.margin-top-0{
    margin-top:0px;
}

.hilight-button {
    border-color: orange;
    background-color: orange;
    color:white;
}

.hilight-button:hover {
    border-color: orangered;
    background-color: orangered;
    color:white;
}

.panel-default{
    border-radius:0;
}

.panel-body{
    padding:10px;
}

.padding-right-0{
    padding-right:0px;
}

.padding-left-0{
    padding-left:0px;
}

.bottom-right{
    position:absolute;
    bottom:0;
    right:0;
    padding:10px;
}

.min-height-102{
    min-height:102px;
}

.float-right{
    float:right;
}

.buy-controls {
    display:inline-block;
    margin-top:20px;
}

.buy-controls div{
    float:left;
    display:block;
}

.buy-controls input[type=number] {
    width:55px;
    font-size:18pt;
    text-align:right;
}

.product-features-list {
    list-style:none;
    margin:0;
    padding:0;
}

.product-features-list li{
    margin:2px;
}

.mouse-pointer{
    cursor:pointer;
}

.table-cart-summary {
    border:0;
}

.table-cart-summary td{
    padding-left:30px;
    font-weight:700;
}

#cart-rows{
    width:100%;
}

#cart-rows tr{
    vertical-align:top;
    border-bottom:solid 1px #eeeeee;
    margin-bottom:10px;
    padding-bottom:10px;
}

#cart-rows tr:hover{
    background-color:#eeeeee;
}

#cart-rows td{
    vertical-align:top;
    padding:10px;
}

.remove-line {
    cursor:pointer;
}

.update-line {
    cursor:pointer;
}

#confirm-checkout {
    display:none;
}

.btn-orange{
    color:white;
    background-color:orange;
}

.btn-orange:hover{
    color:white;
    background-color:orangered;
}

.tabs-style-linebox nav a:hover::after,
.tabs-style-linebox nav a:focus::after,
.tabs-style-linebox nav li.tab-current a::after {
	background: #aaaaaa;
}