@import url(/css/everypageStyles.css);
/* XS - initial classes */
/* Homepage wrapper class */
.appBannerHeader h2 {
    text-align:center;
    margin-top:25px;
    margin-bottom:25px;
    font-weight:900;
    color:#333;
}
.overlayContainerApp {
    
}
.overlayContainerApp:hover .overlayShadeApp {
    opacity:.8;
    cursor:pointer;
    transition:.5s opacity ease-in-out;
}
.overlayContainerApp:hover .overlayContentApp {
    opacity:1;
    transition:.5s opacity ease-in-out;
    cursor:pointer;
}
.overlayShadeApp {
    background:#0099ff;
    opacity:0;
    width:100%;    
    transition:.5s opacity ease-in-out;
}
.overlayContentApp {
    opacity:0;
    transition:.5s opacity ease-in-out;
}
.overlayContentApp h2 {
    font-size:2.0em;
    max-width:150px;
    margin:auto;
    font-weight:700;
    line-height:150%;
    text-align:center;
    text-transform:uppercase;
}
.overlayContentApp img {
    margin:auto;
    margin-bottom:-15px;
}
.overlayContentApp h2:last-child:after {
    content:'>>';
    display:block;
    font-size:1.2em;
    margin-top:5px;   
}

.overlayContentApp h2 strong {
    font-size:1.8em;
    line-height:175%;
    font-weight:900;
}
.cellTitle {
    background-color:#0099ff;
    opacity:.8;
}
.cellHoverFlag:hover .cellTitle{
    opacity:0;
}
.cellHoverFlag .arrow-right:hover {
    border-left: 25px solid rgba(255,255,255,.8);
    transform:scale(1.1);
    transition:.5s all ease-in-out;
}




.pg {
    width:100%;
    height:auto;
    background-color:#fff;
    font-size:12px;
    line-height:12px;
}
.contactSection {

}
.contactSection h1{
    color:#0099ff;
    font-size:2.75em;
    font-weight:500;       
    font-family: 'Roboto Slab', sans-serif; 
    text-align:center;
    margin:0;
    padding:0;
}
.contactSection p{
    font-weight:400;
    color:#333;    
    font-size:1.25em;
    line-height:1.75em;
    margin-bottom:0;
}
.contactSection p strong{

}
.contactSection a {
    display:block;
    margin-bottom:25px;
    margin-top:5px;
    color:#0099ff;
    font-size:1.25em;
}
.contactSection p a{
    display:inline;
    font-size:1em;
}
/* Orange section wrapper class */
.contentSection {
    padding-top:50px;
    padding-bottom:35px;        
}
@media(min-width:768px) {
    #shipBillForm .contentSection {
        font-size:11px;
    }
}
@media(min-width:992px) {
    #shipBillForm .contentSection {
        font-size:12px;
    }
}
.contentSection.tinyH2 h2 {
    font-size:1.75em;
    margin-top:15px;
    margin-bottom:15px;
}
.contentSection h2, .contentSection h1{
    color:#0099ff;
    font-size:2.75em;
    font-weight:500;       
    font-family: 'Roboto Slab', sans-serif; 
    text-align:center;
    margin:0;
    padding:0;
}
.contentSection h3 {
    margin-top:5px;
    margin-bottom:35px;
    text-align:center;
}
.contentSection hr {
    width:25%;
    height:3px;
    margin-bottom:15px;
    background-color:#fb9100;
}
.contentSection p {    
    
}
.contentSection h2 strong{
    font-weight:700;
    font-family: 'Roboto Slab', sans-serif; 
}

.contentSection p{
    font-weight:400;
    color:#333;    
    font-size:1.3em;
    line-height:1.75em;
}
.contentSection p strong{
    font-weight:700;
}
.contentSection ul, .contentSection ol {

}
.contentSection ul li, .contentSection ol li{
    color:#333;
    font-size:1.3em;
    line-height:1.75em;
    font-weight:400;
    color:#333;    
}
.brandingSection h2 {
    text-align:center;
    margin-top:0;
    padding-top:0;
    font-weight:900;
    color:#333;
}
.brandingSection hr {
    background-color:#fb9100;
    height:3px;
    margin:auto;
    width:25%;
    margin-top:25px;
    margin-bottom:25px;
}
.brandingSection .col-sm-2 {
    padding-left:0;
    padding-right:8px;    
}
.brandingSection img {
    border:1px solid #777;
}
.featureBox {
    padding-top:30px;
    padding-bottom:30px;
}
.featureBox img{

}
.featureBox h2{
    color:#333;
    font-weight:900;
    text-transform:uppercase;
    text-align:center;
    font-size:20px;
    margin-bottom:15px;
    margin-top:15px;
}
.featureBox h3{
    text-transform:uppercase;
    color:#333;
    text-align:center;
    font-size:16px;
    margin-bottom:0;
}



/*Overlay section*/
.overlayContainer {
    position:relative;
    height:325px;
    background-color:#fff;
    padding:5px;
    cursor:pointer;
    display:block;
}
.overlayContainer img {

}
.overlayContainer .overlayShade {
    background-color:rgba(0,0,0,.7);
    position:absolute;
    height:325px;
    width:100%;
    top:0;
    left:0px;
    z-index:0;
    opacity:0;
    transition:1s opacity ease-in-out;
}
.faqSection p {
    margin-bottom:0;
}
.faqSection .btn.btn-primary {
    width:100%;
    border-radius:0;
    margin-bottom:0;
    text-align:left;
    white-space:normal;
}
.faqSection .card.card-block {
    width:100%;
    padding:25px;
    line-height:200%;
}
/* XS-big */
@media(min-width:500px) {

}
/* SM  */
@media(min-width:768px) {
    .overlayContainer {
        height:225px;
    }
    .overlayContainer .overlayShade {
        height:225px;
    }
    .contentSection.listContent ul {
        color:#fff;
        list-style:none;
        font-size:1.5em;
    }
    .contentSection.listContent ul li {
        line-height:150%;
    }
    .bannerOverlay {
        top:125px;
    }

}
/* MD  */
@media(min-width:992px) {
    .overlayContainer {
        height:275px;
    }
    .overlayContainer .overlayShade {
        height:275px;
    }
    .contentSection {
        max-width: none;
    }
        .contentSection.listContent ul {
            font-size:2em;
        }
}
/* LG */
@media(min-width:1200px) {
    .overlayContainer {
        height:325px;
    }
    .overlayContainer .overlayShade {
        height:325px;
    }
}
.batteryDetails h1 {
    font-size:1.75em;
    color:#777;
    font-weight:900;
    text-transform:uppercase;
}
.batteryDetails p {
    color:#777;
    line-height:175%;
    margin-bottom:20px;
    font-size:1.25em;
}
.featuredBatteryBox h2 {
    font-size:1.75em;
    color:#777;
    font-weight:700;
}
.featuredBatteryBox #featured_battery_name_holder h6 {
    color: #fb9100;
    font-size:1.5em;
    font-weight:400;
    text-align:center;
    margin-bottom:5px;
}
.featuredBatteryBox #imgMainBatt {    
    max-width:200px;
    width:95%;
    margin:auto;
}
#imgPolarity {            
    max-width:100px;
    margin:auto;
}
.purchaseBox {
    
}
.purchaseBox .social-menu {
    float:right;    
    list-style:none;
    margin-top:10px;
}
.purchaseBox .social-menu li {    
    float:right;    
    font-size:1.25em;
    color:#777;
    font-weight:700;
}
.purchaseBox .social-menu li:last-child:after {
    content:'|';
    margin-left:15px;
}
.purchaseBox .social-menu li:last-child {
    margin-right: 15px;
}
.purchaseBox #lblBuyNow .text-side {
    color:#fb9100;
    font-size:1.5em;
    font-weight:700;
    float:right;
    margin-right:10px;
    text-transform:uppercase;
}
.purchaseBox #lblBuyNow .value-side {
    float:right;
    font-size:1.5em;
    font-weight:700;
    color:#777;
}
.purchaseBox label {
    max-width:33%;
    float:right;
    font-size:1.25em;
    color:#777;
    font-weight:700;
    margin-top:7.5px;
    margin-right:15px;
}
.purchaseBox #quantityTB {
    max-width:33%;
    width:80px;
    float:right;
    padding:5px 0px 5px 0px;
    margin-right:15px;
}
.purchaseBox p {
    margin-bottom:0;
    margin-top:0;
    line-height:150%;
    text-align:right;
}
.purchaseBox .darkBtn {
    max-width:33%;
    float:right;
    background-color:#777;
    color:#fff;
    padding:9px 15px 9px 15px;
    border-radius:4px;
    cursor:pointer;
}
.purchaseBox .darkBtn.proceedToCheckout{
    max-width:none;
    margin-left:10px;    
    background-color:#0099ff;
}
.darkBtn.addToCart {
    font-size:.99em;
}
.specification-section h6 {
    color:#777;
    font-size:1.5em;
    font-weight:700;
    text-transform:uppercase;
}
.specification-section ul {
    list-style:none;
    padding-left:0;
}
.specification-section ul li{
    padding-top:10px;
    padding-bottom:10px;
    font-size:1.25em;

}
.specification-section ul li span.text-side {    
    float:left;
    color:#777;
    font-weight:900;
    margin-left:15px;
    width:100px;
}
.specification-section ul li span.value-side {    
    color:#777;        
    margin-left:30px;
}

.replacementOptionSection h2{            
    font-size:1.75em;
    color:#777;
    font-weight:700;
    margin-top:30px;
    text-align:center;
}
.replacementCell {
    padding:10px;    
    height:753px;    
}
.replacementCell .cellContainer {
    background-color:#fff;
    margin-top:10px;
    margin-bottom:10px;    
    height:733px;
}
.replacementCell .detailsContainer {
    margin-top:10px;
    margin-bottom:10px;
}
.replacementCell > div {
    border:1px solid #ccc;
    padding:15px;
}
.replacementCell h2 {
    color:#777;
    border-bottom:1px solid #ccc;   
    padding-bottom:10px;
    text-align:left; 
}
.replacementCell .replace_batt_price {
    color:#fb9100;
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    font-size:1.5em;
    font-weight:900;
}
.buyNowMessagePanel {
    display:none;
}
.buyNowMessagePanel.active {
    display:block;
    color:#777;
    text-align:center;
    font-weight:600;
}
/*.squeezeContainer-xs {
    max-width:425px !important;
    margin:auto;
}*/
/*@media(min-width:768px) {
    .squeezeContainer-xs {
        max-width:none;
    }
}*/
.replacementCell img {
    width:95% !important;
    height:auto;
    margin:auto;
}
.replacementCell img.polarity {
    max-height:68px;
    max-width:99px;    
    width:95%;    
    height:auto;
    position:relative;
    left:50%;
    margin-left:-50px;
    margin-bottom:15px;
}
.replacementCell .text_SPECS_sm {
    font-size:1.2em;
    line-height:200%;    
}
.replacementCell .text_SPECS_sm .label-side {    
    font-weight:700;
}
.replacementCell .text_SPECS_sm .value-side {    
    float:right;    
}
.replacementCell a {
    color:#777;
}
.replace_polarity_img_holder {
    width:100%;
    text-align:center;
}
.row.no-purchases-made {
    display:none;
}
.row.purchases-made {
    display:block;
}
.productImage {
    max-height:100px;
    margin-bottom:20px;
}
.replace_batt_buy_now_btn {
    width:100%;
    text-align:center;
    background-color:#0099ff;
    color:#fff;
    border-radius:5px;
    padding-top:15px;
    padding-bottom:15px;
    margin-bottom:15px;
    cursor:pointer;
    transition:.5s background-color ease-in-out;
}
    .replace_batt_buy_now_btn.purchased {
        background-color:#fb9100;
        transition:.5s background-color ease-in-out;
    }
.cellContainer:hover .dimmer {
    opacity:.5;
}
.addInvoiceHere {
    max-width:700px;
    margin:auto;
}
.pageHeadingSection h1 {
    text-align:center;
    font-size:2.0em;
    color:#777;
    margin:25px 0px 0px 25px;
}
.transactionDetailsSection {
    color:#777;
    line-height:150%;
}
.transactionDetailsSection div.col-xs-12 {
    padding-left:0;
}
.transactionDetailsSection h2 {
    display:inline-block;
    font-size:1em;
    font-weight:700;
    margin:0;
}
.transactionDetailsSection h3 {
    display:inline-block;
    font-size:1em;
    margin:0;
}
.cartContentsSection {
    margin-top:25px;
    border:1px solid #ccc;
    border-bottom:none;
}
.cartContentsSection h4 {
    color:#777;
    text-align:center;
    font-size:1.5em;
    font-weight:700;
}
.cartContentsSection div:first-child {
    border-bottom:1px solid #ccc;
}
.cartContentsSection h5 {
    float:left;
    font-size:1.25em;
    color:#777;
}
.cartContentsSection h6 {
    float:right;
    font-size:1.25em;
    color:#777;
}
.cartContentsSection h3 {
    float:left;
    font-size:1.25em;
    color:#777;
    margin:0;
    margin-bottom:10px;
}
.cartContentsSection h4:first-child {
    float:none;
    margin-top:15px;
    margin-bottom:15px;
}
.cartContentsSection h4 {
    float:right;
    font-size:1.25em;
    color:#777;
    margin:0;
    margin-bottom:10px;
}
.addressSection {
    
    
}
.row .addressSection:first-child {
    border-bottom:1px solid #ccc;
    
}
.addressSection h4 {
    text-align:center;
    font-size:1.25em;
    color:#777;
    margin-top:15px;
    font-weight:700;
    margin-bottom:15px;
}
.addressSection h5 {
    text-align:left;
    font-size:1.25em;
    color:#777;
    font-weight:700;
}
.addressSection h3 {
    text-align:left;
    font-size:1.25em;
    color:#777;
    margin:0;
    margin-bottom:10px;
}
.pricingSection {      
    padding-top:50px;
}
.pricingSection h2 {
    display:inline-block;
    float:right;
    font-size:1em;
    color:#777;
    font-weight:700;
    margin:0;
}

.pricingSection h3 {
    display:inline-block;        
    float:right;
    font-size:1em;
    color:#777;
    margin:0;
    margin-bottom:10px;
}
.addressSectionRow {
    border:1px solid #ccc;
}
.shippingSection {
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.shippingSection h4 {
    text-align:center;
    color:#777;
    font-weight:700;
    font-size:1.25em;
}
.shipSpeedSection h6 {
    text-align:right;
    color:#777;
    font-weight:700;
    font-size:1.25em;
}
.shipSpeedSection h3 {
    text-align:right;
    color:#777;    
    font-size:1.25em;
}