/* custom APPEARANCE */


    /* Layout: Two Column
    Theme: Basic Beige v.2

The following styles control fonts, colors and background images
===============================================================*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
    font: 15px/1.5 'Open Sans', Arial, sans-serif;
    color: #222;
    }



/* LEFT SIDEBAR AND MAIN NAVIGATION
===============================================================*/

#nav {
    border: 1px solid #6c888a;
    background-color: #fff;
    border-radius: 4px;
 }

#nav li {
    /* border-bottom: 1px solid #ecdfc9; */
    }

#nav .last {
    border: none;
    }

#nav a {
    color: #444;
    }

#nav a:hover {
    background-color: #fff8f0;
    }

.listHeader {
    /* background: -webkit-gradient(linear, left top, left bottom, from(#fefcf9), to(#ecdfc9)); */
    background: -moz-linear-gradient(top,   #fefcf9,  #ecdfc9);
    /* background: linear-gradient(to bottom, #fefcf9, #ecdfc9); */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcf9', endColorstr='#ecdfc9');
    color: #444;
    font-weight: bold;
    }



/* CONTENT / PRODUCT
===============================================================*/

.priceBold {
    font-weight: bold;
    }

.productName {
     /* Product name in product grid */
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    }

.productLarge {
    border: 1px solid #ddd;
}

.productOutOfStockBanner {
    background-color: rgba(211, 211, 211, 0.95);
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.subscriptionPrice {
    font: 16px "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #444;
    }

#productGrid a {
    color: #222;
    text-decoration: none;
    }

#productGrid img {
    border: 1px solid #ddd;
    }

#productGrid a:hover {
    text-decoration: underline;
    }

.productOutOfStock {
    border-color: rgb(194, 194, 194);
    border-style: solid;
    border-width: 1px 0 1px 0;
    display: inline-block;

}


/* CART AND CHECKOUT
===============================================================*/

.cartDiscount {
    /* Discount shown in cart */
    color: #d44;
    }

.cartProduct {
    /* Product name in cart */
    font-weight: bold;
    color: #444;
    }

.cartThumb {
    border: 1px solid #ddd;
    }

.removeItem {
    /* Remove item link in cart */
    color: #999;
    }

 .discountedPrice {
    /* Slashed price in cart */
    text-decoration:line-through;
    }

.promoField {
    /* Text fields for search and promo code */
    color: #000;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 13px;
    color: #777;
    }

.search {
    /* Text fields for search and promo code */
    color: #000;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 11px;
    color: #777;
    }

.checkout, .checkoutShort, .checkoutShortest, .checkoutBottom, .checkoutTop, .checkoutTopShort, .signinField, .signinTop, .productQty, .qtyField, .checkoutInput  {
    /* Form fields used in checkout forms */
    border: 1px solid #ddd;
    font-size: 13px;
    color: #777;
    }

.viewCart, .summaryCart, .payPlan, .paymentInfo, .shippingInfo, .billingInfo, .shippingTable, .billingTable, .shippingTable, .paymentMethodTable, .signinTable {
    outline: 1px solid #111;
    border-collapse: collapse;
    box-shadow: 0px 5px 15px 1px rgba(0,0,0,0.2);
    margin: 0px 0px 20px;
    }


.promoCode th {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    }

.viewCart th, .viewCartShort th, .payPlan th, .summaryCart th, .shippingInfo th, .billingInfo th, .billingTable th, .shippingTable th, .paymentInfo th, .signinTable th, .paymentMethodTable th {
    /* background: #eee; */
    /* background: -webkit-gradient(linear, left top, left bottom, from(#fefcf9), to(#ecdfc9)); */
    background: -moz-linear-gradient(top,   #fefcf9,  #ecdfc9);
    background: #eee;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcf9', endColorstr='#ecdfc9');
    }

.viewCart td, .viewCartShort td, .payPlan td, .summaryCart td, .shippingInfo td, .billingInfo td, .paymentInfo td {
    border-top: 1px solid  #ddd;
    }

.subtotal {
    background-color: #fff;
    font-weight: bold; !important
    }

.financeCharge {
    font-size: 12px;
    color: #777;
    }



/* UPSELLS
===============================================================*/

#upsellContainer {
    overflow: hidden;
    }

.upsell {
    background-color: #fff;
    border: 3px solid orange;
    box-shadow:0px 3px 10px 1px rgba(0,0,0,0.2);
    padding: 15px 25px 20px !important;
    }

.upsellRegPrice {
    font-style: italic;
    }

.upsellPrice {
    color: #ff0000;
    }
    
.upsell img {
    border: 1px solid #ddd;
    }



/* TYPOGRAPHY
===============================================================*/

h1 {
    /* Used for product and page headers */
    font-size: 32px;
    color: #444;
    font-weight: normal;
    }

#contentWide h1 {
    /* Headings on checkout pages */
    font-size: 24px;
    text-transform: uppercase;
    }

#upsellContainer h2 {
    /* Used for product description header */
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
    border: none; !important
    text-align:;
    }

h2 {
    /* Used for product description header */
    font-size: 18px;
    color: #444;
    border-bottom: 4px double #ecdfc9;
    }

h3 {
    /* Used for product grid headline */
    font-size: 18px;
    color: #444;
    border-bottom: 4px double #ecdfc9;
    }

.tableHeader {
    /* Used for billing address and shipping options header on summary page */
    font-weight: bold;
    }



/* LINKS AND BUTTONS
===============================================================

a {
    color: #1675a2;
    }

a:hover {
    color: #1675a2;
    }

.newsButton, .formButton {
    background-color: #555;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-shadow: 0 1px 0 #ebfeff;
    }

.buttonRight a:hover, .buttonLeft a:hover {
    color: #fff;
    }

.cartButton, .codeButton, .continueButton  {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    border: solid 1px #62210b;
    background: -webkit-gradient(linear, left top, left bottom, from(#985e30), to(#62210b));
    background: -moz-linear-gradient(top,  #985e30,  #62210b);
    background: linear-gradient(to bottom, #985e30, #62210b);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#985e30', endColorstr='#62210b');
    }

.searchButton:hover, .cartButton:hover, .codeButton:hover, .continueButton:hover, .upsellButton:hover {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#8f582d), to(#3a1307));
    background: -moz-linear-gradient(top,  #8f582d,  #3a1307);
    background: linear-gradient(to bottom, #8f582d, #3a1307);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f582d', endColorstr='#3a1307');
    text-decoration: none;
    }

.searchButton:active, .cartButton:active, .codeButton:active, .continueButton:active, .upsellButton:active {
    position: relative;
    top: 1px;
    }

.searchButton, .upsellButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    border: solid 1px #62210b;
    background: -webkit-gradient(linear, left top, left bottom, from(#985e30), to(#62210b));
    background: -moz-linear-gradient(top,  #985e30,  #62210b);
    background: linear-gradient(to bottom, #985e30, #62210b);
    }

*/

/* LINKS AND BUTTONS
===============================================================*/

a {
    color: #1675a2;
    }

a:hover {
    color: #1675a2;
    }

.cartButton, .codeButton, .continueButton, .upsellButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-weight: 100;
    font-size: 13px;
    color: #fff;
    border-radius: 0px;
    background: #01b0e9;
    text-transform: uppercase;
    padding: 7px 19px !important;
}
    
/* .upsellButton  {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    border: solid 1px #666;
    background: #444;
    background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#444444));
    background: -moz-linear-gradient(top,  #777777,  #444444);
    background: linear-gradient(to bottom, #777777, #444444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#444444');
    }
    */

.codeButton:hover, .continueButton:hover, .upsellButton:hover {
    color: #fff;
    background: #444;
    }


/* FOOTER
===============================================================*/

#footer {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    border-top: 4px double #ecdfc9;
    }



/* MISC
===============================================================*/

.errorMessage {
    color: #dd4949
    }




/* TECHGUYS CUSTOM RESPONSIVE CODE */

@media(max-width:992px){
    
    div#wrapper {
        width: 100%;
        float: left;
        /* padding: 20px; */
    }

    div#header {
        width: 100%;
        float: left;
    }

    div#topNav {
        float: left;
        width: 100%;
    }

    div#leftBar {
        width: 30%;
    }

    div#leftBar a{
        font-size:12px
    }

    a {}

    #nav a {
        width: 100%;
        height: auto !important;
        padding: 5px 10px;
    }

    body {
    }

    div#content {
        width: 70%;
    }

    #PRODUCTS #featured h3{
        padding:15px 0px 0px 15px; 
        margin:0;
        float:left;
        width:100%
    }

    #productGrid ul {
        float: left;
        width: 100% !important;
    }

    #productGrid li {
        width: 90% !important;
        min-height: 0px;
        height: auto !important;
        padding: 15px;
        text-align: left !important;
        border-bottom:1px dotted #ddd;
    }

    #productGrid .last{
        padding:15px !important;
    }

    div#productImage {
        float: right;
    }

    div#productImage a{
        padding:10px;

    }

    div#productImage a img{
        border:none !important;
        max-width:120px;
    }

    div#NAVIGATION {
        /* position: fixed; */
    }

    div#leftBar a {
        overflow: overlay;
        /* float: left; */
        /* width: 100%; */
        white-space: pre-line;
    }

    div#nav {
        float: left;
        width: 100%;
    }
}


#MicrosoftTranslatorWidget{
    font-family:'Helvetica',Arial,sans-serif;

}

#MicrosoftTranslatorWidget div{
    padding:5px 15px;
    width:auto;
    border-radius:5px !important;
    

}

#MicrosoftTranslatorWidget div span{
    font-size:13px !important;
}



@media(max-width:460px){
    #leftBar a{
        font-size:11px !important;
    }

     #leftBar {
         width:95% !important;
         padding:0px !important;
     }

     #content, #footer{
         float: left !important;
         width:92% !important;
         padding:0px !important;
     }
  
     #productGrid li {
        padding-right:0px !important;
     }
}

#nav a{
    height:auto !important;
}

.productName{
  color:#6c888a;
}




@media(max-width:992px){
    .cartDescription{
        line-height:120% !important;
        float:left !important;
    }
}

@media(max-width:768px){
    .cartDescription{
        font-size:13px !important;
    }
}