﻿a {
    color: #006fd3;
}
a:hover {
    color: #0054a0;
}

.situation:hover {
    cursor: pointer;
    color: #006fd3;
    background-color: #fbfcfc;
}

.situation:hover, .situation.active {
    opacity: 1;
}

.situation.active {
    background-color: #006fd3;
    color: #fbfcfc;
    padding: 7px;
}

.situation {
    background-color: #f4f5f7;
    margin: 15px 0;
    position: relative;
    padding: 10px;
}
    .situation > .icon {
        height: 40px;
    }

        .situation > .icon > i {
            display: block;
            font-size: 4rem;
            margin-bottom: 10px;
        }

    .situation > .text {
        height: 58px;
    }

        .situation > .text > p {
            width: 100%;
            font-size: 19.2px;
            font-size: 1.2rem;
            font-weight: 400;
            line-height: 1.4;
            margin: 0;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

.product:hover, .product + .product-secondary-cta, .product.active, .product.active + .product-secondary-cta, .product.disabled:hover, .product.disabled:hover + .product-secondary-cta {
    opacity: 1;
}

.product.disabled, .product.disabled + .product-secondary-cta {
    opacity: .3;
}

.product.active + .product-secondary-cta {
    border-color: #006fd3;
    border-top-width: 1px;
}

.product.active.popular + .product-secondary-cta {
    border-color: #a1bc17;
}

.product.active {
    border-color: #006fd3;
}

    .product.active.popular {
        border-color: #43505c;
    }

        .product.active.popular:before {
            background-color: #43505c;
            border-color: #43505c;
        }

    .product.active:before {
        display: block;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        text-align: center;
        background-color: #006fd3;
        position: absolute;
        top: 0px;
        left: -1px;
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: #fbfcfc;
        border: 1px solid #006fd3;
    }

.product.recommended:before {
    content: "Recommended";
}

.product.popular:before {
    content: "Most Popular";
}

.product.exclusive-offer:before {
    content: "Bundle & Save";
}

.product h1 {
    margin-top: 0;
}

.product, .situation {
    border: 1px solid #e5e9ec;
    color: #43505c;
    min-height: 110px;
}

.product {
    background-color: #fff;
    position: relative;
    padding-top: 40px;
}

.product-state-pricing {
    margin-top: 10px;
    color: #8c9dac;
}

.product-details, #wizard-header h3, .product-state-pricing {
    margin-bottom: 25px;
}

.product-details {
    font-size: 1.3rem;
}

.product-secondary-cta {
    padding: 15px 0;
    border: 1px solid #e5e9ec;
    border-top: none;
}

#wizard-header h3 {
    color: #43505c;
}

#compare-container {
    padding: 100px 15px 15px 15px;
    font-size: 2rem;
    position: relative;
    border-top: 1px solid #e5e9ec;
    border-bottom: 1px solid #e5e9ec;
}

#compare-link {
    position: absolute;
    bottom: 5px;
}

.carousel-control {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: none;
    line-height: 1;
    height: 100%;
    margin: 0;
    border-radius: 0;
    border: none;
    background: none;
    color: #006fd3;
    opacity: 1;
}

    .carousel-control.right {
        right: 0;
    }

    .carousel-control > span {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        display: block;
    }

    .carousel-control:hover,
    .carousel-control:active,
    .carousel-control:focus {
        color: #0075e0;
    }

.product-more-info-subhead {
    font-weight: 400;
    color: #637789;
}

.row.more-info ul {
    list-style-type: none;
}

    .row.more-info ul li {
        padding: 15px 0;
        text-indent: -1.8em;
    }

        .row.more-info ul li:before {
            font-family: ta-icons;
            content: "\e91f";
            float: left;
            width: 1.8em;
        }

.more-info-head {
    padding: 35px 0;
}

.text-info {
    color: #0054a0;
}

.text-muted {
    color: #8c9dac;
}

.icon-prev:before,
.icon-next:before {
    font-family: "ta-icons";
}
.icon-prev {
    content: "\e811";
}
.icon-prev {
    content: "\e812";
}

.comparison-column.recommended .cell.value-column {
    border-right: #006fd3 1px solid !important;
    border-left: #006fd3 1px solid !important;
}

    .comparison-column.recommended .cell.value-column.top {
        border-top: #006fd3 1px solid !important;
    }

    .comparison-column.recommended .cell.value-column.bottom {
        border-bottom: #006fd3 1px solid !important;
    }

.comparison-column.popular .cell.value-column {
    border-right: #43505c 1px solid !important;
    border-left: #43505c 1px solid !important;
}

    .comparison-column.popular .cell.value-column.top {
        border-top: #43505c 1px solid !important;
    }

    .comparison-column.popular .cell.value-column.bottom {
        border-bottom: #43505c 1px solid !important;
    }

.comparison-column.active .cell.value-column,.comparison-column.disabled:hover .cell.value-column{
    margin-right: 0 !important;    
}
.comparison-column:hover .cell.value-column, .comparison-column.active .cell.value-column, .comparison-column.disabled:hover .cell.value-column{
    opacity: 1;
}

.comparison-column.disabled .cell.value-column {
    opacity: .3;
}
.comparison-chart .comparison-column{
    border-top:none;
    margin-top: 0px;
}

.icon-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

/* Custom AmEx Styles*/
#compare-container.amex-container{
    padding-top: 0;
    padding-left: 0;
}

#compare-container.amex-container .amex-promo{
    padding-left: 15px;
}

#compare-container.amex-container .amex-serve{
   max-height: 60px;
}

#compare-container.amex-container p{
    font-size: 1.6rem;
}

/* Custom Miliary Promo Styles */

#compare-container.military-container .military-promo{
    padding-left: 15px;
}

#compare-container.military-container p{
    font-size: 1.6rem;
}
/* Styleguide style */
.text-warning {
    color: #eb5e06;
}