.mobile { display: none; }

body { 
    background-color: #fff; 
    color: #58585a; 
    font: 16px "Open Sans", sans-serif; 
    line-height: 24px;
}
body, select, input, textarea { color: #58585a; }
#menu:not( .mm-menu ) { display: none; }
a { color: #58585a; }
a:hover { color: #58585a; }
/* hides the spin-button for firefox */
input[type=number] {
    -moz-appearance:textfield; 
}
/* hides the spin-button for chrome*/ 
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}
li {padding-bottom: 0;}
.form-group { overflow: hidden; }
/********** LAYOUT STYLES **********/

#container { width: 100%; margin: 0 auto; }

#main {  margin: 0px auto; }

.menu-icon img {
    margin-top: 10px;
}
.menu-icon {z-index: 999;}


#container header { margin: 0;  position: relative; clear: both;}


#mainheadertop{
  margin-top: 15px;
}

#container header section figure { 
  float: left; clear: left; 
  padding: 0px 20px 0px 20px; 
  margin-top: 10px; 
  width: 60%;
  margin-left: 20%;
}
#container header section figure img{
  width: 100%;
}
#container header section figure figcaption { font-size: 13px; font-weight: bold; font-style: italic; color: #666666; margin: 0px; }
#container header section #search {  
    width:90%;
    padding: 10px 0; 
    margin-top: 20px;
}
#container header section #search #search_keyword {
    border: 1px;
    border-radius: 0;
    padding: 8px 10px;
    width: 100%;
    color: #2E2E2E;
    font-size: 16px;
    box-shadow: 1px 1px 6px 2px #e8dfdf;
    -webkit-box-shadow: 1px 1px 6px 2px #e8dfdf;
    -moz-box-shadow: 1px 1px 6px 2px #e8dfdf;
}
#search button.btn-sitesearch {
    position: absolute;
    right: 14%;
    top: 40px;
    background: none;
    border: none;
}

#minicart_container {
    float: right;
}

.header-links {
    float: right;
    text-transform: uppercase;
}

#container header section #cartitems {
    margin-bottom: 10px;
    display: inline-block;
    float: right;
    width: auto;
    text-align: right;
}
.header-links {
    display: inline-block;
    float: right;
    text-transform: uppercase;
    text-align: right;
    border: 0px solid red;
}

section#headerpromo {
    background: #31b44b;
    color: #fff;
    padding:8px 0 0 0;
}
section#headerpromo p {
    text-transform: uppercase;
    letter-spacing: 1px;

}
section#header-promo2 {
    /*background: #eceded;*/
    background: #d2b48c;
    color: #0077be;
    padding:8px 0 0 0;
}
section#header-promo2 p{
    text-transform: uppercase;
    letter-spacing: 1px;
}

.header-linkswrapper {
    margin-top: 15px;
}



#minicart_container #minicart section a, 
#container #header #cartitems a {
    text-decoration:none; margin-left:10px; }

aside#left_column { /*display: none;*/ display: block; }/*undid to show on checkout pages */
#content {  /*width: 960px;*/ position: relative; }

#category aside#left_column { /*width: 200px;*/ float: left; /*padding: 10px 10px; margin-right: 25px;*/ display: block; }
#category #content { /*width: 715px;*/ float: right; clear: right; }

#category_menu a { color: #333; text-decoration: none;}
#category_menu a:hover{ color: #333; text-decoration:underline;}
.hlink a { color: #407cc0 !important; font-size: 14px ;}
.hlink a:hover { color: #246291 !important; font-size: 14px ;}

/*ALTERNATE CATEGORY TEMPLATE*/

section#altcat-top {
    margin-top: 30px;
    line-height: 24px;
}
.alt-cat-desc p {
    font-size: 16px;
    line-height: 26px;
    color: #58585a;
}
ul.alt-cat-thumbs {
    margin: 10px 0;
    /*border: 1px solid red;*/
    display: inline-block;
    list-style: none;
    padding: 0;
}
.alt-cat-thumbs li {
    list-style: none;
    text-align: center;
    margin: 10px 0;
}

.alt-cat-thumbs li .image{
    max-height: 300px;
    overflow: hidden;
}

.alt-cat-thumbs li img{
    width: 100%;
    overflow: hidden;
    /*border:1px solid #58585b;*/
}
/*.alt-cat-thumbs li .info a {
    color: #c3b48b;
   
    text-transform: uppercase;
    border: 1px solid #c3b48b;
    padding: 5px 12px;
}*/

.alt-cat-thumbs li .info a {
    color: #75736c;
    /* color: #000; */
    text-transform: uppercase;
    border: 1px solid #b9b9b9;
    padding: 5px 12px;
}
section#alt-cat-static{
    background: #c3b48b;
    margin:40px auto;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}
section#alt-cat-static h3 {
    color: #fff;
    font-size: 22px;
}
section#alt-cat-static p{
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}
section#alt-cat-static hr {
    color: #87806f !important;
    border-color: #87806f;
    width: 50%;
    margin: 6% 25%;
}

/*#alternate_featured_products ul.grid li{
    float: left;
    width: 25%;
    

}*/
#alternate_featured_products ul.grid {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0;
    width: 100%;
}

#alternate_featured_products ul.grid li {
    display: inline-block;
    list-style: none;
    width: 25%;     
    margin: 0 0 10px 0;
    min-height: 250px;
    padding: 0;
    text-align: center;
}

#alternate_featured_products ul.grid li .info{
    display: none;
}


/* MINICART */
#minicart .mini-price { float: right; }
#minicart .mini-total { border-top: 1px solid #999; clear: both; float: right; font-weight: bold; margin: 5px 0; padding: 5px 0 0; text-align: right; width: 100%; } }
#minicart .mini-options { clear: both; text-align: center; }
#minicart .mini-options a { margin: 0 10px; }

#minicart_overlay_box { left:500px; margin-left:auto; margin-right:auto; position:fixed; right:0; top:20px; z-index:99999; width:500px; }
#minicart_overlay { background-color: #fff; border: 2px double #e4e1dc; /*border-radius: 10px 10px 10px 10px;*/ box-shadow: 0 0 20px #000000; font-size: 12px; color:#555555; margin: 0 auto; padding: 10px; width: 450px; }
#minicart_overlay .productname { color: #000; font-size: 22px; font-weight: bold; margin: 3px 10px 18px; text-transform: capitalize; text-align: left; }
#minicart_overlay .productname h3 { font-size: 24px; margin:0 0 5px 0;color: #000;  }

#welcome { }
#welcome .container{
    margin: 45px auto;
}
.welcomecontent {
    font-size: 18px;
/*    text-transform: uppercase;*/
    line-height: 34px;
}
#promoblocks .container{
    margin:15px auto;
}
section#static-content {
    background: #ececee;
    margin: 40px auto;
}

section#static-content .container {
    margin: 15px auto;
}
#static-content h2{
    color: #58585a;
    text-transform: uppercase;
    margin:40px 0;
}

section#visioncontent {
    margin: 10px auto 30px auto;
    text-transform: uppercase;
    font-size: 18px;
    color: #1278bd;
    line-height: 28px;
}

section#volunteerheader{
    background: #c7e1c4;
    color: #1d5a33;
    padding:9px 0 0 0;
}
section#volunteerheader h3 {
    text-align: center;
    text-transform: uppercase;
    color: #1d5a33;
    margin: 5px 0 12px 0;
}
section#volunteer {
    background: #ecedf0;
    margin: 0;
}
#volunteer h3 {
    font-size:56px;
    color: #000;
    font-family: 'Archivo Narrow', sans-serif;
}
.volunteercontent p {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #000;
    font-style: italic;
    font-family: 'Archivo Narrow', sans-serif;
}

img.volunteer-headphone {
    max-width: 140px;
    margin: 0 20px 10px 10px;
}


#volunteer .logoimg img {
    position: absolute;
    width: 75%;
    top: -75px;
    right: 5%;
}

section#testimonial {
    margin: 40px auto;
    color: #0076be;
    letter-spacing: 1.75px;
    text-align: center;
}
#testimonial h3 {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #0076be;
}
section.homeblog {
    margin: 40px auto 50px auto;
}
.blogwrapper {
    width: 70%;
    margin: 0 15%;
    text-align: center;
    text-transform: uppercase;
}

a.homebloglink {
    text-transform: uppercase;
    padding: 10px 12px;
    border: 1px solid #9e9b9a;
    display: inline-block;
    margin: 10px 0;
    letter-spacing: 1px;
    text-decoration: none;
}



section#socialbar {
    /*background: #ececee;*/
    background: #d2b48c;
    margin: 0;
    padding: 20px 0;
}

#socialbar h3 {
    color: #58585a;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    margin: 0 0 10px 0;
}

.social-images img {
    width: 48px;
}


#container footer, footer { 
  margin: 0;  
  background: none repeat scroll 0 0 #93b2dd; 
}



footer .footer-col { 

    display: inline-block; 
    vertical-align: top; 
    padding: 15px 15px 0; 
}
footer .footer-col ul li a {
    color: #58585a;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
footer .footer-col ul {/*width:370px;*/ /*float:left;*/}
footer .footer-col ul li{
    list-style:none; margin:0px; font-size:12px; 
     padding-bottom: 4px;}
footer .footer-col h3 {color:#fff; font-weight:normal; padding:10px 0px; font-size:16px; }

.nwslfooter .submitbtn{
    position: absolute;
    right: 13px;
    top: 67px;
    background: url(/images/homesubmit.png) no-repeat;
    background-size: 85%;
    color: transparent;
    border: 0;
}

.cprt {
    font-size: 11px;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 1.5px;
    word-spacing: 3px;
}

.footer-col #search input#search_keyword {
    width: 90%;
}

.footer-col #search button.btn-sitesearch {
    position: absolute;
    right: 15%;
    top: 75px;
    background: none;
    border: none;
}

#breadcrumb { padding: 10px 10px 10px 0px; font-size: 12px; color: #246291; text-transform: uppercase; text-transform: uppercase; }
#breadcrumb a:link, #breadcrumb a:visited { font-size: 12px; color: #246291; text-decoration: none; text-transform: uppercase;}
#breadcrumb a:hover, #breadcrumb a:active { font-size: 12px; color: #246291; text-decoration: underline; text-transform: uppercase; }

#category_options { /* background: #e1e1e1; */ padding: 10px; margin-top: 10px; line-height: 43px; border: 1px solid #ccc;  text-transform: uppercase;}
#category_options ul { float: left; list-style-type: none; width: 100%; margin-bottom: 0; }
#category_options li { float: left; margin: 0px 40px 0px 0px; padding: 0px; line-height: 22px; }
#category_options li#prev-next { float: right; margin: 0px; text-align: right; }
#category_filter { /*display: none;*/ background: #e1e1e1; padding: 10px; margin-top: 10px; }

#prev-next2 { clear: both; text-align: right; border-top: 1px solid #e1e1e1; margin: 10px 0px 0px 0px; padding: 10px 0px;  text-transform: uppercase; }

#prev-next2 > a { color: #246291; text-decoration: none;}
#prev-next2 > a:hover{ color: #246291; text-decoration: underline;}

/********** HEADING STYLES **********/

h1 { font-size: 24px; font-weight: normal; color: #000; margin: 0px 0px 20px 0px; text-transform: uppercase; }
#cat h1 { font-size: 24px; margin: 0px 0px 20px 0px; }
#product h1, #product_builder h1 { font-size: 24px; font-weight: normal; color: #000; margin: 0px 0px 5px 0px; }

h2 { font-size: 24px; font-weight: normal; color: #000; margin: 0px 0px 20px 0px; }
#category_menu h2,
#category_filters h2,
#shop_by_price h2,
#minicart h2,
#newsletter h2,
#recently_viewed h2 { font-size: 14px; font-weight: normal; text-transform: uppercase; color: #ffffff; background: #bbbbbb; margin: 0px 0px 10px 0px; padding: 10px 10px; }
#index #content h2, #related_products h2 { font-size: 14px; text-transform: uppercase; /*margin: 0px 0px 0px 0px;*/ }
#welcome h2 { 
    font-size: 24px; text-transform: uppercase; margin: 0px 0px 10px 0px; 
}
.display h2, .grid h2, .cat-thumbs h2 { font-size: 12px; font-weight: bold; margin: 5px 0px 10px 0px; }
#category_menu h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
    color: #393939!important;
    font-size: 24px!important;
    margin: 0 0 10px 0 !important;
    padding: 0!important;
    clear: both;
}

/********** LEFT NAV **********/

#category_menu,
#category_filters,
#shop_by_price,
#minicart,
#newsletter { margin-bottom: 10px; }

#category_menu{/*margin-left:-10px;*/}
#category_menu ul, 
#recently_viewed ul { list-style-type: none; }
#category_menu li, #recently_viewed li { padding-bottom: 0px; margin: 10px 0px; }
#category_menu ul li ul li { padding-left: 10px;}
#category_menu li.active { }
/*#category_menu ul li ul { display: none; } un-comment to hide subcategories */

#recently_viewed ul img { width: 75px; height: 75px; }

/********** PRODUCT/CATEGORY **********/

#category .qty, #product .product .qty, #product_builder .product .qty, .child-wrapper li.child-qty .qty, #viewcart .qty, #express_order .qty { width: 75px; }
#product .product .sku, #product_builder .product .sku { color: #407cc0; float: left; margin-top: 2px; }
#product .product .prod-desc, #product_builder .product .prod-desc { line-height: 1.5em; margin: 10px 15px 10px 0; clear: left; }
#product .product .status, #product_builder .product .status { color: green; }
#product .product .price, #product_builder .product .price { margin: 10px 0px 0px 0px; font-weight: normal; font-size:16px; color:#000;}
#product .product .price input.dynamic_qty, #product_builder .product .price input.dynamic_qty { font-weight: normal; font-size: 16px; max-width: 140px; }
#product .product .price label, #product_builder .product .price label { width: 145px; float: left; font-size: 16px; font-weight: normal; }
#product .product .price div.msrp, #product .product .price div.msrp label, #product_builder .product .price div.msrp { color: #666; font-size: 14px; }
#product .product .image, #product_builder .product .image { /*float: left; width: 300px; padding: 0px;*/ margin: 10px 0 0; overflow: hidden; }
#product .product .info, #product_builder .product .info {/* float: right; width: 450px; margin-left: 20px;*/ }
#product .product .form, #product_builder .product .form { margin: 10px 0px 20px 0px; overflow: hidden; }
#product .product .status, #product .product .emailafriend, #product .product .bookmark, #product .product .rev-stars, #product .product .qty-line, #product .product .attributes select, #product .product .btn-add, #product_builder .product .status, #product_builder .product .emailafriend, #product_builder .product .bookmark, #product_builder .product .rev-stars, #product_builder .product .qty-line, #product_builder .product .attributes select, #product_builder .product .btn-add { margin-top: 10px; }
#product .product .attributes select, #product .product .attributes select { display: block; }
.red, .sale-price { color: #dd1e16; font-size:16px !important;  font-weight: bold !important;}
.price > span { font-size: 14px; }
#product #TB_window { top: 25%; }
del {text-decoration: none!important; color:#000; font-weight:normal;}

#product_builder_steps { float:left; margin:10px 0 0; overflow:hidden; padding:0; width:70%; }
#product_builder_cost { float:right; margin:10px 0 0; overflow:hidden; width:28%; border-top:1px solid #e1e1e1; }
#product_builder ul { list-style-type:none; }
#product_builder_steps li { width:100px; text-align:center; margin:0; padding:5px; display:inline-block; float:left; border:1px solid #e1e1e1; border-width:1px 1px 1px 0; }
#product_builder_steps li img { width:75px; }
#product_builder_steps .step1 { border-width:1px; }
#product_builder_cost ul { list-style-type:none; clear:both; overflow:hidden; border:1px solid #e1e1e1; border-width:0 1px 1px 1px; }
#product_builder_cost li { padding:5px; margin:0; display:inline-block; float:left; }
#product_builder_cost .stepname { width:57%; text-align:left; border-right:1px solid #e1e1e1; }
#product_builder_cost .stepcost { width:30%; text-align:right; }
#product_builder_prods { clear:both; padding:20px 0 0; }
#product_builder_cost .btn-add, #product_builder_cost .btn-wishlist, #product_builder_cost .reorder { float:right; margin-top:3px }

.child-wrapper ul { list-style-type: none; margin: 10px 0 0; padding: 0px;  border: 1px solid #e1e1e1; border-width: 0 0 1px; overflow: hidden; }
.child-wrapper li { list-style-type: none; width: 100px; margin: 0 1px 0 0; padding: 5px; display: -moz-inline-stack; display: inline-block; float: left; vertical-align: top; zoom: 1; }
.child-wrapper li.header-desc, .child-wrapper li.child-desc { width: 23%; }
.child-wrapper li.header-price, .child-wrapper li.child-price { width: 20%; text-align: center; }
.child-wrapper li.header-qty, .child-wrapper li.child-qty { width: 15%; text-align: center; }
.child-wrapper .dynamic_qty { text-align: center; width:65px; }

#product_tabs { margin: 20px 0px 5px 0px; float: left; display: block; clear: both; width: 100%; overflow: auto; }
#tab-row { }
#tab-row li {
    float: left;
    display: block;
    position: relative;
    top: 1px;
    cursor: pointer;
    padding: 6px 10px;
    margin: 0 3px;
    background: #e1e1e1;
    border: 1px solid #BBBBBB;
}
#tab-row .active { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#tab_contents { clear: both; border: 1px solid #BBBBBB; background: #FFF; }
#tab_contents .content { display: none; padding: 10px 20px; min-height: 100px; /* hack for IE */ height: auto !important; height: 100px;/* overflow: scroll; */}
#tab_contents .content_box { border: #DDD 1px solid; padding: 5px; }

#related_products { /*float: right;*/ display: block; border:1px solid #ccc; text-align: center; /*width: 170px; */}
#related_products  h2{ font-size:24px!important; border-bottom:1px solid #ccc; text-transform:none; /*width: 150px;*/ padding: 10px; margin: 0; }
#related_products .grid li { margin: 0 0 30px; max-width:100%; min-height: 10px; }
#related_products .grid li .image { /*width: 150px;*/ height: 150px; }
#related_products .grid li .image img { /*max-width: 150px;*/ max-height: 150px; }
#related_products .name > a  { color: #2e6a9e; font-size: 13px; text-decoration: none; 
    /*font-family:'Droid Serif', serif;*/ }

.nxt_more_from_main_container_2123023651 {
    margin: 0 auto;
}

#customers_also_bought { clear: both; }
#customers_also_bought  h2 { color:#000 !important; border-bottom: 1px solid #c7c7c7; margin: 0 20px; padding-bottom: 20px; }
#customers_also_bought .name > a { color: #2e6a9e; font-size: 16px; text-decoration: none; 
    /*font-family:'Droid Serif', serif;*/ 
    padding: 10px 0; display: block; }
#customers_also_bought .rev-stars { display: block; }
#customers_also_bought .prod-rating { display: none; }
#customers_also_bought .review_links { display: none; }

#recently_viewed li { float: left; clear: both; margin-bottom: 10px; width: 100%; }
#recently_viewed .image { float: left; margin-right: 10px; }
#recently_viewed .info { width: auto; text-align: left; margin: 0px; }

.display, .cat-thumbs { list-style-type: none; margin: 0; padding: 0; }
.display li {text-align: center; float: left; /*clear: both;*/ margin: 10px 0px 0px 0px; /*width: 100%;*/ }
.display li section { padding: 10px; float: left; }
.display li .image { float: left; width: 152px; overflow: hidden; }
.display li .info { float: left; width: 100%; margin-left: 10px; }
.display li .content { float: left; width: 60%; }
.display li .sku, .display li .status, .display li p, .display li .price, .display li input.qty { margin: 0px 0px 10px 0px; }
.display li div.child { display: none; }
.display li .order {float: left; width: 150px; margin-left: 10px; }

.grid li { list-style-type: none; min-height: 445px; zoom: 1; }
.grid li .product { /*padding:0px;*/ padding:0 15px; }
.grid li.left, .grid li.center, .grid li.right { /*float: none;*/ }
.grid li.left { clear: both; }
.grid li section { padding: 0px; float: none; }
.grid li .image, .grid li .info, .grid li .content, .grid li .order { float: none; width: auto; margin: 0px; }
.grid li .image { height: 232px; overflow: hidden; }
.grid li .image img { max-height: 232px; }
.grid li.right { margin-right: 0px; }
.grid li .qty-label, .grid li div.child, .grid li div.status, .grid li input.qty { display: none; }
.grid li .sku, .grid li p, .grid li .price, .grid li .qanda { margin: 0px 0px 10px 0px; }
.grid li .rev-stars { display: none; }
.grid li .qanda { display:none; }


/* BLOG and ARTICLE TEMPLARE STYLE STARTS*/
    .blog_div {
        background: #ededed;
        padding: 0;
        min-height: 695px;
    }
    .blog-prd-image{
        width: 100%;
    }
    .blog-prd-image img{
        width: 100%;
    }
    .blog-prd-name {
        background: #AF936F;
        padding: 15px 10px;
        color: #fff;
        font-size: 16px;
        line-height: 22px;
        text-align: left;
        font-style: normal;
    }
    .blog-prd-name a {
        background: #AF936F;
        /*padding: 15px 10px;*/
        color: #fff;
        font-size: 16px;
        line-height: 22px;
        text-align: left;
        font-style: normal;
    }
    .blog-prd_desc {
        margin-top: 20px;
        /*padding: 15px 12%;*/
        font-size: 16px;
        text-align: left;
        color: #3c3c3c;
        line-height: 24px;
        /*min-height: 275px;*/
    }
    .blog-prd_desc.blogcat {
        padding: 15px;
    }
    .blog-prd_desc p{
        font-size: 16px;
        color: #3c3c3c;
        line-height: 24px;
    }
    

    a#blog-link {
        display: block;
        border: 1px solid #00447c;
        width: 110px;
        margin: 10px 0 15px 0;
        padding: 0px 0 0 6px;
        font-size: 12px;
        font-weight: normal;
        text-transform: uppercase;
    }

    .blog-product-image{
        width: 100%;
        max-height: 205px;
        overflow: hidden;
        position: relative;
    }
    .blog-product-image img {
        width: 100%;
        margin: -38% auto 0 auto;
    }
    .blog-product-name {
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        font-size: 26px;
        padding-top: 8%;
        background: #0000008f;
        width: 100%;
        height: 100%;
        padding-left: 18px;
        text-align: center;
    }
    .article-product-name {
    font-size: 24px;
    text-align: left;
    font-style: normal;
    padding-bottom: 14px;
}
.article-prd_desc,
.article-prd_desc p {
    
    font-size: 16px;
    text-align: left;
    color: #3c3c3c;
    line-height: 24px;
}

.article-right{
    /*Enable to use related product 
    border: 1px solid #333;*/
}
.article-right h3 {
   /*  Enable to use related product 
   font-weight: bold;
    text-decoration: underline;
    text-align: center;*/
}
.article-right ul {
    display: inline-block;
    list-style: none;
}

section#article_related_products li {
    list-style: none;
    height: auto;
    margin-bottom: 10px;
}

/* BLOG AND ARTICLE TEMPLATE STYLE ENDS */

#category .grid li .rev-stars {display:block; width:100%; text-align:center;}
#category .prod-rating {float:none;}
.cat-thumbs li { 
    border: 0px solid #e1e1e1; display: -moz-inline-stack; display: inline-block; vertical-align: top; 
    /*width: 218px;*/ margin: 0px;
    min-height: 365px;
     }
.cat-thumbs li .image { 
    /*padding: 10px 10px 0px 10px;*/ /*width: 198px;*/
     margin: 0px auto; text-align: center; 
     max-height: 225px;
     overflow: hidden;
 }
.cat-thumbs li .info { padding: 10px; font-size: 12px; /*width: 198px;*/ margin: 0px auto; text-align: center; }
.cat-thumbs li.right { margin-right: 0; }
 .img-responsive {display: inline-block;}
.thumb-product { padding: 10px; text-align: center;}
#recently_viewed .thumb-product { padding: 0px; }

#product_image { display: block; margin: 10px auto; border: #ccc 1px solid; }

.enlarge { display: inline-block; width: 145px; }
.emailafriend { display: inline-block; width: 145px; }
.enlarge img, .emailafriend img, .bookmark img { display: inline; vertical-align: middle; margin-right: 5px; }
.alternate_images { margin: 10px 0px 0px 0px; }
.alternate_images div { float: left; text-align: center; width: 75px; margin-bottom: 5px;}
.alternate_images img { width: 70px; height: 70px; border: 1px solid #e1e1e1; cursor: pointer; }

#fade { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.5; filter:alpha(opacity=50); display: none; }
#image_overlay { position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: none; }
#image_overlay img { position: relative; z-index: 1001; margin: 50px auto; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; cursor: pointer; }
#image_overlay #close { z-index: 1002; position: relative; margin-left: -25px; top: -380px; cursor: pointer; }

/********** CHECKOUT **********/

.header-row { background: #e1e1e1; }

.express { padding: 0 15px; }
.express ul { list-style-type: none; margin: 0px; padding: 0px; width: 100%; }
#express_order .express li.col-1 { width: 400px; float: left; vertical-align: top; margin: 0px; }
.express li.col-2 { text-align: center; float: left; margin-top: -10px; width: 320px; vertical-align: top; }
#express_order .express fieldset.order-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; overflow: visible; width: 300px; }
#express_order .express fieldset.order-item input[type="text"] {width:75px;}
#express_order .express fieldset.order-qty { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 70px; overflow: visible;   }
#express_order .express input[type=text], #express_order .express input[type=number] { margin: 0.25em 0; }
#express_order .express .buttonrow { text-align: center; margin: 10px 0px 0px 0px; }

/* CHECKOUT PROGRESS INDICATOR */
#steps { margin: 0px 0px 15px 0px; padding: 0px; overflow: hidden; text-align: center; }
#steps ol { text-align: center; margin: 0px auto; }
ol#progress { list-style:none; background:#e1e1e1; counter-reset:step; margin: 0px; padding: 0px; }
/*#progress li { float:left; font-size:0.75em; font-style:italic; margin: 0px 1px 0px 0px; }
#progress div { float: left; display:block; text-decoration:none; padding:10px 45px 10px 50px; background:#e1e1e1; color:#666; text-shadow:1px 1px 1px rgba(0,0,0,0.25); position:relative; white-space: nowrap; }
#progress span { font-size:1.333em; font-weight:bold; display:block; font-style:normal; }
#progress .active div { font-weight:normal; background:#dd2122; color:#FFF; }
#progress li div:before { font-style:normal; content:"\00BB"; text-align:center; font-weight:bold; font-size:15px;position:absolute; top:40%; left:5px; margin-top:-8px; margin-left: 10px; padding:2px 6px; background:rgba(0,0,0,0.40); -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; color:#FFF; }
#progress .step-1 div { -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px; }
#progress .step-4 div { -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; border-radius:0px 5px 5px 0px; border: none; }*/
.nav-tabs{border-bottom:0px;}
.nav-tabs.nav-justified>li { margin-left: 0; }
.nav-tabs > li > a { border: 1px solid #ccc; border-radius:0px; color: #666; font-size: 12px; padding: 10px; background:#e1e1e1 none repeat scroll 0 0; font-weight: bold; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ color:#fff; background: #dd2122; }
.nav-tabs > li > a:hover{ border:1px solid #ccc; }

#promo-box { 
    text-align: center; border: 1px solid #e1e1e1; padding: 5px 10px; margin: 0px 0px 10px 0px; display: block; float: left; width: 100%; 
}
#promo-box div.promo_applied { margin: 10px; padding: 5px 10px; border: #38A320 1px solid; background-color: #E2F4DE; color: #38A320; font-weight: bold; }

#viewcart .cart-wrapper ul { list-style-type: none; margin: 10px 0 0; 
    padding: 0px;  border: 1px solid #e1e1e1; border-width: 0 0 1px; clear: both; }
#viewcart .cart-wrapper li { 
    list-style-type: none; width: 100px; 
    margin: 0; padding: 10px 1%; min-height: 20px; 
    display: -moz-inline-stack; display: inline-block; vertical-align: middle; 
    zoom: 1; _height: 20px; 
}
#viewcart .cart-wrapper li.header-remove, #viewcart .cart-wrapper li.cart-remove { width: 10%; text-align: center; }
#viewcart .cart-wrapper li.header-desc, #viewcart .cart-wrapper li.cart-desc { width: 47%; }
#viewcart .cart-wrapper li.header-sku, #viewcart .cart-wrapper li.cart-sku { width: 10%; text-align: center; }
#viewcart .cart-wrapper li.header-unit, #viewcart .cart-wrapper li.cart-unit { width: 10%; text-align: center; }
#viewcart .cart-wrapper li.header-qty, #viewcart .cart-wrapper li.cart-qty { width: 10%; text-align: center; }
#viewcart .cart-wrapper li.header-total, #viewcart .cart-wrapper li.cart-total { width: 10%; text-align: right; }
#viewcart .cart-wrapper li.cart-total input.total { width: 85px; text-align: right; }
#viewcart .cart-wrapper .customTotal li.cart-desc { width: 47%; }
#viewcart .cart-wrapper .customTotal li.cart-unit, #viewcart .cart-wrapper .customTotal li.cart-sku { display: none; }
#viewcart .cart-wrapper .customTotal li.cart-qty { width: 30%; }

#viewcart .cart-wrapper .cart-image { width: 50px; height: 50px; float: left; display: block; margin-right: 10px; }

.update-total { overflow: hidden; display: block; margin: 10px 0px; }
.update-total div { float: left; margin: 0 10px 0 0; }
.update-total div.update_msg { width: 50%; overflow: hidden; }
.update-total .total, .update-total #total { float: right; text-align: right; overflow: visible; font-size: 16px; font-weight: bold; }
.update-total #total { width: 80px; }

.buttons { min-height: 70px; overflow: visible; display: block; margin: 10px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #e1e1e1; clear: both; }
.buttons div { margin: 0 0 2px; vertical-align: top; overflow: visible; }
.buttons div.btn-checkout { float: right; text-align: right; overflow: visible; }
.buttons div.btn-continue,
.buttons div.btn-addtowishlist,
.buttons div.btn-savecart { float: left; }
.buttons div.btn-checkout div { height: auto; }
.confirmation .buttons { border: none; margin: 0px; padding: 0px; }
/*.confirmation div { width: auto; }*/

.ship_estimator_header { min-height: 15px; _height: 15px; border: 1px solid #e1e1e1; border-width: 1px 0px; margin-bottom: 10px; padding: 10px 5px; overflow: hidden; clear: both; background: #e1e1e1; }
.ship_estimator { padding: 0px 5px 0px 5px; min-height: 15px; _height: 15px; overflow: visible; float: left; clear: after; }
.ship_estimator_header .col-1, .ship_estimator .col-1 { float: left; min-height: 15px; _height: 15px; width: 50%; overflow: visible; }
.ship_estimator_header .col-2, .ship_estimator .col-2 { float: left; min-height: 15px; _height: 15px; width: 50%; overflow: visible; text-align: right; }

.recipients ul { float: left; width: 100%; min-height: 20px; overflow: visible; list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; border: 1px solid #e1e1e1; border-width: 0 0 1px; clear: both; }
.recipients li { list-style-type: none; width: 33%; margin: 0px 1px 0px 0px; padding: 10px 0px; min-height: 20px; float: left; overflow: visible; vertical-align: middle; _height: 20px; text-align: center; }
.recipients .table-image { width: 50px; height: 50px; vertical-align: middle; }
.recipients .buttonrow { clear: both; padding-top: 10px; text-align: center; }

section.address, section.order { overflow: hidden; width: 100%; display: block; border: 1px solid #e1e1e1; border-width: 1px 0px; clear: both; margin: 0px 0px 10px 0px; }
section.address h3, section.address div, section.order h3, section.order div { width: 25%; float: left; padding: 10px 0px; vertical-align: middle; }

div.checkout-display-totals { text-align: center; margin: 0px auto; }
div.order-totals { clear: both; margin: 0px auto 10px auto; min-height: 50px; overflow: hidden; border: 1px solid #e1e1e1; border-width: 1px 1px 0px 1px; text-align: center; }
#checkout_display .order-totals h3 { clear: both; margin 0px auto; padding: 10px 0px; border-bottom: 1px solid #e1e1e1; background: #e1e1e1; }
.order-totals ul { float: left; width: 100%; min-height: 20px; overflow: visible; list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px; border: 1px solid #e1e1e1; border-width: 0px 0px 1px 0px; clear: both; }
.order-totals li { list-style-type: none; width: 40%; margin: 0px 1px 0px 0px; padding: 5px 10px; min-height: 20px; float: left; overflow: visible; vertical-align: middle; _height: 20px; text-align: left; }
.order-totals li.amount { text-align: right; float: right; }
#checkout_display .buttonrow { clear: both; text-align: center; }

.confirmation section { border: 1px solid #e1e1e1; margin-bottom: 10px; padding: 10px; }
.confirmation .heading { padding: 10px; background: #e1e1e1; overflow: hidden; }
.confirmation .heading input { float: right; }
.confirmation .heading h3 { float: left; width: auto; line-height: 29px; font-size:13px; margin: 0; }

#checkout_confirmation .cart-wrapper { border: 1px solid #e1e1e1; border-width: 1px 1px 0 1px; margin-bottom: 0px; }
#checkout_confirmation .cart-wrapper ul { list-style-type: none; margin: 0px; padding: 0px;  border-bottom: 1px solid #e1e1e1; }
#checkout_confirmation .cart-wrapper li { list-style-type: none; width: 100px; margin: 0px 1px 0px 0px; padding: 10px 5px; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; _height: 20px; }
#checkout_confirmation .cart-wrapper li.header-desc, #checkout_confirmation .cart-wrapper li.cart-desc { width: 50%; }
#checkout_confirmation .cart-wrapper .cart-image { width: 50px; height: 50px; float: left; display: block; margin-right: 10px; }
#checkout_confirmation .cart-wrapper li.header-unit, #checkout_confirmation .cart-wrapper li.cart-unit { width: 15%; }
#checkout_confirmation .cart-wrapper li.header-qty, #checkout_confirmation .cart-wrapper li.cart-qty { width: 10%; text-align: center; }
#checkout_confirmation .cart-wrapper li.header-total, #checkout_confirmation .cart-wrapper li.cart-total { width: 15%; text-align: right; }
#checkout_confirmation .cart-wrapper .cart-totals { padding: 10px; text-align: right; }
#checkout_confirmation .totals { text-align: right; }
#checkout_confirmation .grand-total { font-size: 14px; font-weight: bold; }
/*#checkout_confirmation #person_info, 
#checkout_confirmation #payment_info, 
#checkout_confirmation #total_info { width: 32%; margin-right:14px; float: left; }*/
#checkout_confirmation #total_info { margin: 0; }
#checkout_confirmation #person_info section, #checkout_confirmation #payment_info section, #checkout_confirmation #total_info section { min-height: 155px; }

#cartitems img { display: inline; vertical-align: middle; }

/********** FORM STYLES **********/

input[type=text], textarea, select, input[type=password], input[type=email], input[type=number], input[type=tel], input[type=url] {
    padding: 10px 15px;
    border: solid 1px #CCCCCC;
    outline: 0;
    font-size: 15px;
    background: #FFFFFF;  
    /*  -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
     border-radius: 4px; border-radius:0px \0/; */
}
/*input[type=text], textarea, input[type=password], input[type=email], input[type=tel], input[type=url] { width: 225px; }*/
#zip, .zip, #billing_zip { width:150px !important;}
#product select { padding: 2px 2px 2px 5px; max-width: 180px; }
input[type=text]:hover, textarea:hover, select:hover, input[type=password]:hover, input[type=email]:hover, input[type=number]:hover, input[type=tel]:hover, input[type=url]:hover,
input[type=text]:focus, textarea:focus, select:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=url]:focus, html input.focusField { background: #ffffff; border-color: #6699FF; box-shadow: 0px 1px 5px #6699FF; -webkit-box-shadow: 0px 1px 5px #6699FF; -moz-box-shadow: 0px 1px 5px #6699FF; transition:box-shadow 200ms linear 0s; -webkit-transition:box-shadow 200ms linear 0s; }
html input.dynamic_qty, html input.dynamic_qty:hover, html input.dynamic_qty:focus, input[readonly] { background: transparent; width: auto; padding: 0px; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; font-weight: bold; vertical-align: baseline; filter: none; font-size:15px; }
input[readonly]::-webkit-outer-spin-button,
input[readonly]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/*Un-comment to hide the spinning wheels in chrome and safari*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

p.legend { margin-bottom: 0; padding: 0; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #C00 1px solid; background-color: #FFF2F2; }
div.errors p { margin: 0; }
div.errors p em, .error { color: #C00; font-style: normal; font-weight: bold; }

div.messages { margin: 0 0 10px 0; padding: 5px 10px; border: #FFD819 1px solid; background-color: #FFF5C6; }
div.messages p { margin: 0; }
div.messages p em { color: #666; font-style: normal; font-weight: bold; }
div.messages label { margin-right: 10px; width: 40px; display: block; float: left; text-align: left; position: relative; }
div.messages ul { list-style-type: none; margin: 0px; padding: 0px; }
div.messages li { padding: 0px; margin: 0px; }

div.form-container p { margin: 0; }
div.form-container p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container fieldset { margin: 15px 0; padding: .70em; border: #DDD 1px solid; }
div.form-container legend { font-weight: bold; color: #666; font-size: 12px; border: none; width: auto; padding: 0 5px; }
div.form-container div { padding: 0.25em 0; overflow: hidden; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; font-weight: normal; }
div.form-container label.error, div.form-container span.error, div.form-container div.error { color: #C00; }
div.form-container label em, div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error, div.form-container div.error select, div.form-container div.error input { border-color: #C00; background: #FFF2F2 !important; }
div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus { background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

div.form-container2 div { padding: 0.25em 0; }
div.form-container2 label { margin-right: 10px; width: 100px; display: block; float: left; text-align: left; position: relative; font-weight: normal; }
div.form-container2 input:focus,div.form-container2 input.error:focus, div.form-container2 textarea:focus { background-color: #FFC; border-color: #FC6; }

/*div.login div { padding: 0.25em 0; }*/
div.login .welcome-back { border: #DDD 1px solid; padding: 10px; }
/*div.login .info { width: 70%; }*/
div.login fieldset { margin: 15px 0; padding: 10px; border: #DDD 1px solid; }
div.login fieldset.login-box { background: #e1e1e1; }
div.login legend { font-weight: bold; color: #666; font-size: 12px; border: none; width: auto; padding: 0 5px; }
#checkout div.login label, 
#checkout div.login span.label { margin-right: 10px; width: 100px; padding: 3px 0; display: block; float: left; text-align: left; position: relative; }
div.login input:focus,
div.login input.error:focus, 
div.login textarea:focus { background-color: #FFC; border-color: #FC6; }
/*div.login div.controlset label, 
div.login div.controlset input { display: inline; float: none; }*/
div.login div.controlset div { margin-left: 100px; }
div.login .buttonrow { margin-top: 10px; }*/

div.quick-checkout form p.note { margin-left: 110px; font-size: 90%; color: #333; }

/*div.quick-checkout #shipping_info, 
#checkout_billing #billing_info { width: 49%; float: left; clear: left; }
div.quick-checkout #billing_info, 
div.quick-checkout #payment_info { width: 49%; float: right; clear: right; }
*/
div.quick-checkout form fieldset { width:95%; margin: 15px 0; padding: 10px; border: #DDD 1px solid; }
div.quick-checkout form legend { font-weight: bold; color: #666; font-size: 12px; border: none; width: auto; padding: 0 5px; }
div.quick-checkout form div { padding: 0.25em 0; overflow: hidden; }
div.quick-checkout form fieldset hr { margin: 10px 0; }
div.quick-checkout label, div.quick-checkout span.label { font-size: 14px; margin-right: 5px; padding-right: 5px; width: 120px; display: block; float: left; text-align: right; position: relative; font-weight: 500; }
div.quick-checkout label.error, div.quick-checkout span.error, div.quick-checkout div.error { color: #C00; }
div.quick-checkout label em, div.quick-checkout span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.quick-checkout input.error, div.quick-checkout div.error select, div.quick-checkout div.error input { border-color: #C00; background: #FFF2F2 !important; }
div.quick-checkout input:focus, div.quick-checkout input.error:focus, div.quick-checkout textarea:focus { background-color: #FFC; border-color: #FC6; }
div.quick-checkout input[type="button"], div.quick-checkout input[type="submit"] { background-color: #dd2122; border-color: #dd2122; }
div.quick-checkout div.controlset label, div.quick-checkout div.controlset input { display: inline; float: none; }
div.quick-checkout div.controlset div { margin-left: 110px; }
div.quick-checkout div.buttonrow { margin-left: 180px; }
.choose_option {font-weight:bold; padding-bottom: 4px; color: #2e6a9e;}

/*#checkout_shippingaddress #shipping_info { width: 46%; float: left; clear:left; }
#checkout_shippingaddress #order_info, 
#checkout_shippingaddress #contact_info { width: 46%; float: right; clear: right; }
*/
#checkout_shippingaddress #contact_info_full { /*width: 100%;*/ clear: both; }
#cart_info legend { margin-bottom: 0; }
#cart_info .cart-contents { display: none; }
#cart_info hr {display: none; }

.datepicker { margin-bottom: 3px; }
.buttonrow { overflow: hidden; clear: both; }
.prod-form label, .prod-form span.label { width:auto !important; text-align: left !important; }
.controlset { font-size: 11px; }
.cc_logos { padding:0 0 5px 25px !important; }
#checkout_shipping .cc_logos { margin-left:130px; float: none; clear: none; }
.cc_logos img { display: inline; margin-left: 3px; box-shadow: 0px 2px 2px #000; -webkit-box-shadow: 0px 2px 2px #000; -moz-box-shadow: 0px 2px 2px #000; }

div.form-container-resp fieldset { margin: 15px 0; padding: .70em; border: #DDD 1px solid; }
div.form-container-resp legend { font-weight: bold; color: #666; font-size: 12px; border: none; width: auto; padding: 0 5px; }

/********** BUTTON STYLES **********/

.button {

    display: inline-block;
    zoom: 1;
    vertical-align: bottom;
    overflow: visible;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    /*  -webkit-border-radius: .5em;
     -moz-border-radius: .5em;
     border-radius: .5em; */
    -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);
}
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
.button:focus {background-color: red !important;}

.bigrounded { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; /*border-radius:0px \0/;*/ }
.slarge { font-size: 16px;  padding: .55em 1.0em; }
.medium { font-size: 14px;  padding: 0.7em 1.5em; }
.small { font-size: 11px; padding: .2em 1em .275em; }
.smalltext { font-size: 10px; color:#5473a9; }
.large { font-size: 16px; font-weight: bold; padding: .4em 1.5em .42em; }
.largest { font-size: 18px; padding: .4em .5em; }

/* GREEN button */
.style1, .style1:visited { color: #fff; border: solid 1px #dd2122; background:#dd2122; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }
.style1:hover, .style1:active { background:red;  }

/* WHITE button */
.style2, .style2:visited  { -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0; color: #FFF; border:none; background: #407dc0; /* url(/images/gradient.png) repeat-x  */ transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }
.style2:hover, .style2:active { background:#00457c; }

.style3, .style3:visited  { -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0; color: #FFF; border:none; background:#407dc0; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; margin:16px 0px; text-transform: uppercase; font-weight:normal;}
.style3:hover, .style3:active { background:#00457c; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; margin:16px 0px;text-transform: uppercase; font-weight:normal;}

.style4, .style4:visited  { -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0; color: #FFF; border:none; background: #8b8c8c; /* url(/images/gradient.png) repeat-x  */ transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }
.style4:hover, .style4:active { background:#78797a; }

/* GREEN button */
.usworkbtn, .usworkbtn:visited { color: #fff; border: solid 1px #3a88fd; 
    background:#2aa3d7; transition:background-color 200ms linear 0s; 
    -webkit-transition:background-color 200ms linear 0s; }

.usworkbtn:hover, .usworkbtn:active , .usworkbtn:focus{ background:#053670;  }

.btn_download, .btn_download:visited { color: #fff; border: solid 1px #dd2122; background:#dd2122; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; margin: 10px 0; }
.btn_download:hover, .btn_download:active { color: #fff; background:red;  }

.btn_link, .btn_link:visited { color: #dd2122; border: none; background: transparent; text-decoration: underline; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2); -moz-box-shadow: 0 0px 0px rgba(0,0,0,.2); box-shadow: 0 0px 0px rgba(0,0,0,.2); text-shadow: 0 0px 0px rgba(0,0,0,.3); padding: 0; margin: 5px 0; }
.btn_link:hover, .btn_link:active { text-decoration: none;  color: #407dc0; }

.grey_button{ background: none repeat scroll 0 0 #e1e1e1 !important; padding: 0.7em 1.5em; font-size: 14px; border: 1px solid #e1e1e1 !important; margin-left:10px; }
.grey_button:hover{ background-color:#efefef;}



/********** DROP DOWN MENU STYLES **********/

/*#horizontal { background: none;
 margin-bottom: 0;
  border-radius: 0; border-top:0; border-bottom: 0;
}

#horizontal ul {
    padding: 0;
    margin: auto;
    list-style-type: none;
    z-index: 1000;
    height: 58px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    border: 0px solid green;
    justify-content: center;
}
#horizontal ul li {
 margin: 0; float: left; display: inline; 
 position: relative; z-index: 1000; padding-bottom: 0px;
}
#horizontal ul li a,
#horizontal ul li a:visited{  margin: 0px;
    padding: 0px 12px 0px 11px;
    color: #58585a;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    transition: background-color 200ms linear 0s;
    
    line-height: 58px;
    height: 58px;
    font-family: sans-serif; 
}
#horizontal ul li a:hover,
#horizontal ul li:hover a { 
    background: none; 
    color: #0d79bd; 
    font-weight: bold;
    text-decoration: none;    
}

ul.dropdown-menu {
    display: none;
    background: #fff none repeat scroll 0 0;
    border-top: none;
    left: 0;
    right: 0;
}

.navbar-nav > li > .dropdown-menu {
    border-radius: 0;
    border: 1px solid #fff;
    margin: 0;
    padding: 0;
}

*/
/*#horizontal ul li ul { display: none; }
#horizontal table { margin: 0; border-collapse: collapse; font-size: 12px; position: absolute; top: 0; left: 0; }
#horizontal ul li:hover ul li { padding: 0px; }

#horizontal ul li:hover ul li ul { display:none;}
#horizontal ul li:hover ul li:hover ul { display: block; position: absolute; margin: 0px 0 0 190px; left: 0; top:0; width: 160px; z-index: 1000; height:auto !important; }
#horizontal ul li:hover ul li:hover ul li { margin: 0; float: left; display: inline; position: relative; z-index: 1000; white-space: nowrap; }
#horizontal ul li:hover ul li:hover ul li a { color:#FFF; width:200px;}

#horizontal ul li div.two_column_container {display:none;}
#horizontal ul li:hover div.two_column_container { display:block; background: #407dc0; float:left; color: #fff; text-decoration: none; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; width:400px; position:absolute;}
#horizontal ul li:hover div.two_column_container .col-left {float:left; border-right:1px solid white;}
#horizontal ul li:hover div.two_column_container .col-right {float:left; border-left:1px solid white; }
#horizontal ul li:hover div.two_column_container .col-left a, #horizontal ul li:hover div.two_column_container .col-right a { border: medium none;  color: #fff;  display: block;
                                                                                                                              font-size: 12px; font-weight: bold; height: auto; line-height: 15px; min-height: 15px;  padding: 5px 15px; text-align: left; text-decoration: none; text-transform: none; width: 160px;}
#horizontal ul li:hover div.two_column_container .col-left a:hover, #horizontal ul li:hover div.two_column_container .col-right a:hover {  background: none repeat scroll 0 0 #053670; color: #fff; }
#horizontal ul li:hover ul li:hover ul li ul { display:none;}
#horizontal ul li:hover ul li:hover ul li:hover ul { display: block; position: absolute; margin: 0px 0 0 229px; left: 0; top:0; width: 160px; z-index: 1000; height:auto !important; }
#horizontal ul li:hover ul li:hover ul li:hover ul li{ margin: 0; float: left; display: inline; position: relative; z-index: 1000; white-space: nowrap; }

#horizontal ul li:hover ul li:hover ul li:hover ul li:hover ul{ display: block; position: absolute; margin: 0px 0 0 200px; left: 0; top:0; width: 160px; z-index: 1000; }

#horizontal #search { margin: 5px 0px 0px 10px; width: 220px; overflow: visible; }
#horizontal #search input[type=text] { width: 115px; }

#horizontal ul li:hover ul { display: block; position: absolute; top: 58px; background: #407dc0; margin-top: 0px; left: 0; width: 160px; z-index: 1000; }
#horizontal ul li:hover ul li a { display: block; text-align: left; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: none; border: none; min-height: 15px; height: auto; line-height: 15px; padding: 5px 15px 5px 15px; width: 160px; }
#horizontal ul li:hover ul li a:hover { color: #FFF; background: #053670; }

#horizontal ul li a:hover ul { display: block; text-align: left; position: absolute; top: 40px; t\op: 39px; background: #407dc0; left: 0; margin-top: 1px; z-index: 1000; }
#horizontal ul li a:hover ul li a { display: block; text-align: left; color: #fff; text-decoration: none; text-transform: none; border: none; min-height: 15px; height: auto; line-height: 15px; padding: 5px 15px 5px 15px; width: 160px; width: 160px; font-size: 12px; }
#horizontal ul li a:hover ul li a:hover { color: #fff; background: #888; font-size: 12px; }

#secondary-nav { margin-bottom: 0; background: #fff; min-height: unset; height: auto;}
#secondary-nav .navbar-nav { float: right; }
#secondary-nav ul li a { color: #000; text-transform: uppercase; font-size: 18px; 
 
}
#secondary-nav ul li ul, #secondary-nav ul li.open a, #secondary-nav ul li a:hover, #secondary-nav ul li a:focus, #secondary-nav ul li a:active { background-color: #053670; color: #fff; }
#secondary-nav ul li, #secondary-nav ul li ul li { margin-left: 0; padding-left: 0; }
#secondary-nav ul li ul li a { color: #fff; text-transform: capitalize;}
#secondary-nav ul li ul li a:hover { background-color: #fff; color: #053670; }

    
*/

/* MAIN NAVIGATION STYLING STARTS */
#horizontal #nav-menu-container ul li{
    margin-left: 0px; padding-bottom: 0px; position: static; float: left;}
#horizontal #nav-menu-container ul li.mega-li {
 height: 100%; min-height: 190px; margin: 30px 0; width: 16%; }
#horizontal #nav-menu-container ul li.mega-li.border { 
    border-left: 1px solid #c3c3c3; height: 100%; min-height: 190px; 
    margin: 50px 0 10px; width: 19%; }
#horizontal #nav-menu-container ul li.mega-li:first-of-type { border: none; }
#horizontal #nav-menu-container ul li.mega-li.graybg { 
    background: #e1e1e1; margin: 0; padding: 50px 0 10px; border: none; 
    position: absolute; right: 21%; width: 19%; }
/*#horizontal #nav-menu-container ul li.cat-menu-img { 
    float: right; width: 43%; }*/
#horizontal #nav-menu-container ul li.cat-menu-img {
    width: 20%;
    margin-top: 25px;
}
#horizontal #nav-menu-container ul li.cat-menu-img img {
 float: right; margin-top: 15px; 
 width: 100%;
}
#horizontal #nav-menu-container .navbar-nav .dropdown { 
    width: auto;
    text-align: center;
}

.row.nav-wdmanage{
    /*margin-right: 0px;
    margin-left: 0px;
    height: 44px;
    margin-left: calc(-100vw / 2 + 500px / 2);
    margin-right: calc(-100vw / 2 + 500px / 2);
    background-color: #14259b;*/
}


.navbar {
    margin-bottom: 0;
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    /*background: #14259b;
    color: #fff;*/
    background: #fff;
    color: #b12237;
    text-decoration: none;
}
.navbar-default .navbar-nav>li>a:focus,
 .navbar-default .navbar-nav>li>a:hover {
    background: #fff;
    color: #b12237;
    text-decoration: none;
}
.navbar-default .navbar-nav>li>a {
    white-space: nowrap;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #57585a;
    text-align: center;
    padding: 12px 15px;
    text-transform: uppercase;
}
.navbar-default {
    background-color: #fff;
    border-radius: 0px;
    border: none;
    height: 44px;
    min-height: 44px;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
#horizontal #nav-menu-container {
    height: 44px; padding:0; 
    display: flex;
    justify-content: center;
}
#horizontal #nav-menu-container .navbar-nav { padding: 0; float: none; }
#nav-menu-container > .dropdown .dropdown-menu { 
  top: auto;
    left: 0;
    right: 0;
    width: auto;
    padding: 20px 15px 40px 15px;

}
.dropdown-menu h4.ddtitle { position: absolute; top: 5px; left: 15px; }
.nav-justified>.dropdown .dropdown-menu .mega-li { margin-top: 20px; }
.navbar-nav>li>.dropdown-menu { border-radius: 0; border: 1px solid #fff; margin: 0; padding: 0; }
.dropdown-menu {background: #fff none repeat scroll 0 0; border-top: none; left: 0; right: 0;}
.dropdown-menu > li > a {color: #57585a; font-size: 13px; font-family: "SourceSansPro", sans-serif; white-space: normal; }
.dropdown-menu > li > a.toplevel, .dropdown-menu > li > a > strong { font-weight: bold; color: #202981; }
.dropdown-menu > li > a.toplevel:nth-child(n+2) { margin-top: 0px; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover > strong {
    color: #b12237;
    text-decoration: underline;
}
.menu-icon img { margin-top: 8px; }
.navbar button {float: left;}
nav.nav-icons {margin-top: 8px;}
.sm-nav {border: none;}
.navbar-collapse {border-bottom: 1px solid #ccc; margin-bottom: 20px;}




/* MAIN NAVIGATION STYLING ENDS */

/********** SLIDESHOW **********/

#Carousel {
   
}
.carousel-control {
    width: 50px;
}
#Carousel .carousel-control.right img, #Carousel .carousel-control.left img {
    top: 45%;
    position: absolute;
}
.carousel-control.right {
    right: 0px;
    background-image: none;
}
.carousel-control.left {
    left: 0px;
    background-image: none;
    text-align: left;
}
#slideshow {margin: 0px 0px 10px 0px; /*width: 960px;*/ height: 425px; overflow:hidden; z-index: 800; display:block; float:left; }
#pre { position: absolute; top: 230px; left: -50px;  width: 60px;}
#next { position: absolute; top: 230px; right: -50px; width: 60px; text-align:right;}
#slideshow img { z-index: 800; }
#nav { text-align: right; padding: 0px 5px 0px 0px; position: relative; z-index: 900; margin-top: -42px; height: 32px; line-height: 32px; overflow: visible/*hidden*/; display:none; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; background:#000; }

#nav a { margin: 0px; padding: 5px; line-height: 18px; text-decoration: none; font-size: 12px; line-height: 32px; font-weight: normal; color: #cfcfcf; 
    /*font-family: Helvetica, sans-serif; */
    z-index: 901; }

#nav a.activeSlide { color: #FFF; font-weight: bold; }
#nav a:focus { outline: none; }
#container header section nav.nav-icons {
    z-index: 999;
    float: right;
    width: initial;
}
/********** MEMBERS SECTION **********/

.member-links ul { margin: 0px 0px 15px 0px; padding-left: 0; white-space: nowrap; width: 100%; overflow: hidden; }
.member-links li { float: left; list-style-type: none; line-height: 21px; margin: 0px 0px 10px 0px; padding-bottom: 0px; }
.member-links a { padding: 3px 10px; margin: 0px 1px 0px 0px; }
.member-links a:link, .member-links a:visited { color: #fff; background-color: #bbb; text-decoration: none; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }
.member-links a:hover { color: #fff; background-color: #888; text-decoration: none; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }

#member_wishlist .wishlist { width: 100%; padding: 10px 0 !important; }
#member_wishlist .wishlist ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; border: 1px solid #e1e1e1; border-width: 0 0 1px; clear: both; }
#member_wishlist .wishlist li { list-style-type: none; float:left; width: 100px; margin: 0px 1px 0px 0px; padding: 10px 5px; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; _height: 20px; }
#member_wishlist .wishlist li.wish-name { width: 15%; text-align: left; }
#member_wishlist .wishlist li.wish-desc { width: 40%; text-align: left; }
#member_wishlist .wishlist li.wish-exp { width: 17%; text-align: center; }
#member_wishlist .wishlist li.wish-count { width: 10%; text-align: center; }
#member_wishlist .wishlist li.wish-remove { width: 7%; text-align: center; }
#member_wishlist .wishlist li.wish-rank { width: 10%; text-align: center; }
#member_wishlist .wishlist li.wish-rank input { width: 30px; }
#member_wishlist .wishlist li.wish-sku { width: 10%; text-align: center; }
#member_wishlist .wishlist li.wish-prod { width: 35%; text-align: left; }
#member_wishlist .wishlist li.wish-need { width: 13%; text-align: center; }
#member_wishlist .wishlist li.wish-purch { width: 13%; text-align: center; }
#member_wishlist .wishlist li.wish-sku2 { width: 10%; text-align: center; }
#member_wishlist .wishlist li.wish-desc2 { width: 35%; text-align: left; }
#member_wishlist .wishlist li.wish-desc2 img { width:50px; padding:0 10px 10px 0; float:left; }
#member_wishlist .wishlist li.wish-price { width: 13%; text-align: center; }
#member_wishlist .wishlist li.wish-request { width: 10%; text-align: center; }
#member_wishlist .wishlist li.wish-need2 { width: 10%; text-align: center; }
#member_wishlist .wishlist li.wish-buy { width: 10%; text-align: center; }
#member_wishlist .wishlist li.wish-sku3 { width: 10%; text-align: center; }
#member_wishlist .wishlist li.wish-desc3 { width: 40%; text-align: left; }
#member_wishlist .wishlist li.wish-price2 { width: 13%; text-align: center; }
#member_wishlist .wishlist li.wish-qty { width: 13%; text-align: center; }
#member_wishlist .wishlist li.wish-add { width: 15%; text-align: right; }
#member_wishlist .wishlist li.wish-name2 { width: 22%; text-align: left; }
#member_wishlist .wishlist li.wish-loco { width: 22%; text-align: left; }
#member_wishlist .wishlist li.wish-desc4 { width: 50%; text-align: left; }

#member_wishlist div.form-container form fieldset { width: 45%; margin-right: 10px; float: left; height: auto; }
#member_wishlist div.form-container label { width: 90px; }
#member_wishlist div.form-container span.label { width: 90px; height: 50px; }

.wishlist_link { color: #0072CE; }

/********** RECIPE PAGES **********/

#recipes .button { float:right; margin-bottom:10px; }
#recipes .login input[type=text] { width:200px; }
#recipes .login .button { float:none; margin:0; }
.recipeinfo img { float:right; }
.recipecat { width:100%; overflow:hidden; }
.recipecat .header { font-weight:bold; }
.recipecat .catname { display:inline-block; float:left; width:48%; padding:5px; }
.recipecat .catproduct { display:inline-block; float:right; clear:right; width:47%; padding:5px; }
#recipe_category .on, #recipes .on { background:#e2dad0; }
#recipe .recipeinfo { padding:15px; }
#recipe h2 { padding:15px; margin:0; }
#recipe_view .sku { display:none; }


/********** Q AND A **********/

#qa_box { margin: 0px; padding: 0px; list-style-type: none;}
#qa_box li.ask {overflow: hidden;  margin: 2px; background: #fff; font-size: 16px;}
#qa_box li.question { overflow: hidden; margin: 2px;  background: #fff;  padding: 10px;  border: 5px solid #bbb; font-size: 16px;}
#qa_box li.answer { overflow: hidden; list-style-type: none; background: #e1e1e1; padding: 5px; margin: 2px; border: 1px solid #bbb;}
#qa_box li.response { overflow: hidden; list-style-type: none; background: #e1e1e1; padding: 5px; margin: 2px; border: 1px solid #bbb;  font-size: 12px;}
#qa_box hr.qa_rule { color: #999;  background-color: #e1e1e1; border: 0px; height: 1px;}
#qa_box .qa_info { font-size: 12px;}
#qa_box a { color: black; font-weight: bold; text-decoration: none;}
#qa_box .right { float: right; }
#qa_box textarea { width: 100%; }


/********** EXTRAS **********/

body.popup { padding:10px; }
#popup div { text-align: left; }
#popup p { margin-bottom: 15px; }
#popup div.col-1, #popup div.col-2 { width: 45%; float: left; overflow: visible; margin-right: 10px; }
.popupbuttons { text-align: center; padding: 20px 0; }
.nowrap { display:inline; white-space:nowrap; }

div .additional-prod { float: left; display: block; /*margin: 10px 0px; */padding: 0px 0px 10px 0px;  /*border: 1px solid #e1e1e1; */border-width: 1px 0px; overflow: visible; }

#member_checkout_container .login-box, #guest_checkout_container .login-box { min-height:303px; }

#freeprod { padding: 10px; }
#freeprod input { margin: .25em 0; }

/* Hides fields to cover slow JS loading */
#s_state1, #s_state2, #s_state3, #s_state4, #s_state5,
#ca_province, #ca_province1, #ca_province2, #ca_province3, #ca_province4, #ca_province5,
#province, #province1, #province2, #province3, #province4, #province5,
#ca_shipping_province, #shipping_province,
#billing_state, #ca_billing_province, #billing_province { display:none; }

/* Avoid the Checkout -(to hide something from all checkout pages, add the class 'checkout_hide')- */
#checkout .checkout_hide, #checkout_billing .checkout_hide, #checkout_payment .checkout_hide, #checkout_shippingdetailk .checkout_hide, #checkout_thanks .checkout_hide, #checkout_confirmation .checkout_hide, #checkout_shipping .checkout_hide, #express_order .checkout_hide, #express_info .checkout_hide, #checkout_fpinfo .checkout_hide, #checkout_freeprod .checkout_hide, #checkout_shippingdetail .checkout_hide, #quickbuy_confirm .checkout_hide, #checkout_shippingaddress .checkout_hide, #checkout_display .checkout_hide, #viewcart_freeprod .checkout_hide, #ship_calculator .checkout_hide, #cartitems .checkout_hide { display:none !important; }

#checkout_shippingaddress h1, #checkout_billing h1 { margin-bottom: 10px; }
#checkout_shippingaddress div.quick-checkout form fieldset, #checkout_billing div.quick-checkout form fieldset { margin: 10px 0; }
#checkout_shippingaddress div.quick-checkout label, #checkout_shippingaddress div.quick-checkout span.label, #checkout_billing div.quick-checkout label, #checkout_billing div.quick-checkout span.label { width: 25%; }
#checkout_shippingaddress input[type=text], #checkout_shippingaddress textarea, #checkout_shippingaddress select, #checkout_shippingaddress input[type=password], #checkout_shippingaddress input[type=email], #checkout_shippingaddress input[type=number], #checkout_shippingaddress input[type=tel], #checkout_shippingaddress input[type=url] { width: 73%; background: #eee; }

#checkout_billing input[type=text], #checkout_billing textarea, #checkout_billing select, #checkout_billing input[type=password], #checkout_billing input[type=email], #checkout_billing input[type=number], #checkout_billing input[type=tel], #checkout_billing input[type=url] { width: 73%; background: #eee;}
#checkout_billing #ccexpm, #checkout_billing select[name="ccexpy"] { width: auto; }

/********** CUSTOM CSS ADDED AFTER BUILD **********/
.social {/*width:250px;*/ padding-top:10px;}
.cright{color:#578ec6; float:right;}
.cirtification{padding-top:20px; float:right;}
.cert{ float: left;   min-height: 100px; min-width:140px;}
.spa{/*margin-left:40px;*/}
#welcome .callog {border: 1px solid #CCCCCC !important;margin: 0px; padding:0px;width: 100% !important;}
#welcome .callog h1{ color:#246291; margin:20px 10px; display: inline; }
#welcome .callog .catimg{margin:5px;display:inline;}
#welcome .callog .para{ float:left; width:200px; margin:20px 0px; border:none;}
#welcome div .col { /*float: left;*/ min-height: 253px; /*margin-right: 15px;*/ margin-top: 10px; /*width: 310px;*/}
#welcome .cr{margin-right: 0px !important;}
#welcome .backr{background:url('images/cat-bg.png');}
#welcome div .col h2{color:#fff;  font-size: 22px !important; margin-bottom: 10px !important; text-align:center; margin-top: 0; padding-top: 15px;}
#welcome div .col ul li{color:#578ec6; font-size:16px;  list-style: none; margin: 0px; text-align: center; text-transform:uppercase; padding-bottom: .85em;}
#welcome div .col ul li a{color:#578ec6; text-decoration:none;}
#welcome div .col ul li a:hover{color:#578ec6; text-decoration:underline;}
#welcome .big-col {/*width:475px;*/ /*height:165px;*/ /*float:left;*/ margin-top:20px;}
#welcome .im img { /*float: left; margin-right: 10px;*/ width: 100%;}
#welcome .cup {/*background:#cfdcec;*/}
#welcome .big-col .cup-img {margin:5px 20px;}
#welcome .big-col .cupdesc {float: right;    margin: 20px;    width: 230px;}
#welcome .big-col .cupdesc h1{font-size:20px;} 
#welcome iframe {
    max-width: 100%;
}
   #welcome div .col img {width: 100%;}
.cupdesc > a {color: #333333; /*font-weight: bold; */text-decoration: none; float:right; text-transform:uppercase;}
.cupdesc > a:before {color: #333333; content:">>"; font-size:9px; margin-right:5px;}
#welcome .big-col .mdesc{  color:#fff; float: right;    margin: 30px 50px; text-align:center;  width: 375px;}
#welcome .big-col .mdesc h1{font-size:20px; color:#fff;} 
.mdesc > a {color: #f1dd46; /*font-weight: bold; */text-decoration: none; text-transform:uppercase;}
.mdesc > a:before {color: #f1dd46; content:">>"; font-size:9px; margin-right:5px;}
.cofix {/*float:left;*/ margin:30px 0px; /*width:225px;*/ height:200px; text-align:center;}
.column2, .column3, .column4{/*margin-left:20px;*/}
.cofix > h2{color: #2e6a9e;font-size: 18px !important; margin: 0 0 10px !important; padding: 0 15px;}
.cofix > p{padding-top:10px; line-height:2; text-align:left;}
.cofix > a {color: #246291; /*font-weight: bold; */text-decoration: none; 
    /*font-family:'Droid Serif',serif;*/
     text-transform:uppercase;}
.cofix > a:after {color: #246291; content:">>"; font-size:9px; margin-left:5px;}
.slidcontent { margin: -315px 0 0 70px; width: 300px; z-index: 10000; position:absolute; }
.slidcontent > h1{ font-size:50px; font-weight:normal; text-transform:uppercase; margin-bottom:0px; color:#fff; }
.slidcontent > h3{ font-size:16px; color:#5473a9; margin-bottom:10px;}
.slidcontent > p{ color:#fff; }
#slideshow > a, #slideshow > a:hover{text-decoration:none;}
.slidcontent1 { margin: 110px 0 0 70px; width: 300px; z-index: 10000; position:absolute;}
.slidcontent1 > h1{ font-size:50px; font-weight:normal; text-transform:uppercase; margin-bottom:0px; color:#fff; }
.slidcontent1 > h3{ font-size:16px; color:#5473a9; margin-bottom:10px;}
.slidcontent1 > p{ color:#fff; }
footer .iefix1{/*width:40%;*/}
footer .iefix2{/*width:20%;*/}
footer .iefix3{/*width:35%;*/}
.mobile { display: none; }

/*********************  Static pages ******/
h3{ color: #2e6a9e;
    font-size: 18px;
    font-weight: normal;
    /* font-family: 'Droid Serif', serif;
    overflow: hidden; */
    margin: 15px 0 5px 0;}
#static_content { color: #484848; font-size: 12px; 
    /*font-family: Helvetica,sans-serif; */
    float:left; width:100%;}
#static_content h3, #careers-content h3  { color:#000; font-size: 16px; margin-bottom:25px; }
#static_content p h3 { color:#000; font-size: 16px; text-transform:uppercase; }
#static_content div.centerText h3 {color:#000; font-size: 12px; text-transform:uppercase; text-decoration:underline;}
#static_content .free_downloads h3 { color: #484848;  font-size: 18px;  font-weight: bold;    margin: 0 0 15px; padding: 0; }

#static_content h4 {color: #484848; padding-bottom: 18px;}
#static_content h4.light {color: #484848; padding-bottom: 18px; font-weight:normal; text-decoration:underline; font-size: 12px; }

#static_content h5 {background:#a7c2fa; padding:5px 0; font-size:11px; font-weight:bold; text-align:center; color:#000;}
#static_content .tbl_downloads h5 { width:97%; }

#static_content a { color: #0033ff; font-size: 12px; font-weight:normal;}
#static_content a:hover {text-decoration:none;}
#static_content a.back_link { #0000ff; }
#static_content div.centerText {width:100%; text-align:center; margin-bottom: 20px; }
#static_content div.centerTextL {width:100%; text-align:left; margin-bottom: 20px; }
.fixF{ font-size:16px !important; font-weight:normal; }
.fixF p {color:#000;}
.largFont p {font-size:16px !important; color:#000}
.largeF p { font-size:20px !important; font-weight:normal; line-height: 35px;}
.textwithbg {background:#eeefdd; padding:20px 15px;}
.textwithbg p, .textwithbg a, .payment_options{ font-size:16px !important; }
.payment_options p {font-size:16px !important; color:#000;}
.textwithbg a {  color: #000000 !important; }
.textwithbg a:hover {text-decoration: none;}
.textwithbg p.textindent {margin-left:50px;}
.boldText {font-size:12px; font-weight:bold;}
.centerText {width:100%; text-align:center;}
.payment_options div { width:100%; text-align:center;}
.payment_options figure {display: inline; margin:10px 0;}
.continue_conversation figure {float:left; width: 440px; margin-right:18px;}
.invest_kingdom figure {float:left; width: 480px; margin-right:18px;  margin-left: -77px;}
.back_link {margin-top:20px;}
.width695 {width:695px !important; }
.thekingdom { width: 482px !important;  margin-left: 20px;}

#static_content strong { font-weight:bold; }
#static_content span.small-text { font-size:11px; }
#static_content span.redText {color:#ff0000;}
#static_content nav{}
#static_content nav ul{margin: 10px 0 30px;}
#static_content nav ul li{list-style:none; padding-bottom:2px;  margin-left: 10px; }
#static_content nav ul li a{color: #0033ff;}
#static_content nav ul li a:hover{text-decoration:none;}

#static_content ul.banefits_cat {list-style:disc; color:#000;}
#static_content ul.banefits_subcat {list-style:disc; margin-left:30px; color:#000;}

#static_content .monthly_newsletter .newsletter_rcolumn nav{ float:left; width:100%; margin-left: 100px;}
#static_content .monthly_newsletter .newsletter_rcolumn nav ul { width:200px; height:200px; margin:10px 40px; float:left;}
#static_content .monthly_newsletter .newsletter_rcolumn nav ul {  float: left; height: 125px; margin: 10px 0 0 50px; width: 115px;}
#static_content .monthly_newsletter .newsletter_rcolumn nav ul li{ list-style:none;}
#static_content .monthly_newsletter .newsletter_rcolumn nav ul li a { color: #000000; 
     font-size: 12px; font-weight: normal;text-decoration: underline;}
#static_content .monthly_newsletter .newsletter_rcolumn nav ul li a:hover { text-decoration: none;}
#static_content .tbl_downloads .listText ul { text-align:left; margin-top:10px; }
#static_content .tbl_downloads .listText ul li { margin-left: 10px; padding-bottom: 0.25em;}
#static_content .tbl_downloads .listText ul li a { color: #000000;  font-size: 12px; font-weight: normal;text-decoration: underline;}
#static_content .tbl_downloads .listText ul li a:hover { text-decoration: none;}
#static_content ul em { margin-left:20px; color:#000; font-size:16px;}

#static_content div.tabular {float:left; width:100%; margin:20px 0;}
#static_content div.tabular .tbRow {float:left; width:100%; min-height:20px;}
#static_content div.tabular .tbRow span { padding:2px; }
#static_content div.tabular .tbHeader .tbColl { font-weight:bold;}
#static_content div.tabular .yellowC .tbColl { background-color:#fad980; }
#static_content div.tabular .tbRow .blueC { background-color:#5186c4; }
#static_content div.tabular .tbRow .normalC { background-color:#FFF;}
#static_content div.tabular .tbColl { float: left;  height: 100%;    text-align: center;  width: 6%; border: 1px solid #000; }
#static_content div.tabular .firstC { width:35%;; }

#static_content div.tblNoBorder {float:left; width:100%; margin-bottom:20px;}
#static_content div.tblNoBorder .tblRow { float:left; width:100%; height:20px; }
#static_content div.tblNoBorder .rowHeader { font-weight:bold; }
#static_content div.tblNoBorder .tblColl1 {  float: left;  height: 100%; padding-right:20px;  text-align: right;  width: 36%; }
#static_content div.tblNoBorder .tblColl2 {  float: left;  height: 100%;  text-align: left;  width: 55%; }

/*#static_content .tbl_downloads .tabular {float:left; width:100%; margin-bottom:20px;}
#static_content .tbl_downloads .tabular .tbRow {float:left; width:100%; height:auto;}
#static_content .tbl_downloads div.tabular .tbRow .tbColl {float:left; width:47%; padding:10px 0; border:0 !important;}
#static_content .tbl_downloads div.tabular .tbRow .tbColl div {float:left; width:135px;}
#static_content .tbl_downloads div.tabular .tbRow .tbColl div.listText { width:190px;}
#static_content .tbl_downloads div.tabular  div.listText { width:190px;}
*/
div.listText{ float:left; padding-left: 15px;}

#static_content .free_downloads, #static_content .monthly_newsletter {/*font-family: Verdana;*/}
#static_content .free_downloads { font-size: 11px; color: #000000; font-weight:bold;}
#static_content aside figure{ float:left; margin-top:20px;}
#static_content .monthly_newsletter, #static_content .tbl_downloads {float:left; width:100%;}
#static_content .newsletter_rcolumn {float:left; width:85%;}


#careers-content p { font-size:16px;/* font-family: Helvetica,sans-serif;*/}
.sheader {background: url("images/header_bar.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);  color: #fff; font-size: 32px;   font-weight: bold;  height: 70px;   line-height: 2; text-align: center; vertical-align: middle; width: 100%; position: absolute; }
.sleft_careers {background: url("images/cta_employees.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 1320px; margin-top: 20px; width: 440px; margin-right:15px; }
.sright_careers {   float: left;    padding: 10px 0 0 0px;  width: 500px;   }
.careersnavbox {    background: none repeat scroll 0 0 #519efa; border: 1px solid #fff; margin-left: 20px;  padding: 10px;
                 width: 156px;  }
.careersnavbox > ul {   list-style: none outside none;  }


.careersnavbox li { margin: 0px;    }
.careersnavbox a {  color: #fff !important; font-size: 14px !important; font-weight: bold !important;   text-decoration: none !important;   }
.careersnavbox a:hover {    color: #fff;    font-size: 14px;    font-weight: bold;  text-decoration: underline; }
.innerbanner {margin: 0 auto 15px; padding: 0;   /*width: 960px;*/}
.pagenumber > a {color: #246291; text-decoration: none;}
.pagenumber > a:hover{color: #246291; text-decoration: underline;}
#prev-next > a { color: #246291;  text-decoration: none;}
#prev-next > a:hover{ color: #246291;  text-decoration: underline;}
.content h2 {color: #2e6a9e; font-size: 18px; font-weight: normal; line-height: 1.5;
/* font-family:'Droid Serif', serif;*/ 
height: 54px; overflow: hidden; }
.content > a {text-decoration: none;}
.content > a:hover {text-decoration: underline;}

.promotxtcat { background: #053670;color: #fff;font-size: 14px;font-weight: bold;margin-top: -33px;
               opacity: 0.5;  padding: 5px; text-transform: uppercase;  width: 100%; text-align:center;}
.promotxtpro { background: #053670;color: #fff;font-size: 14px;font-weight: bold;margin-top: -67px;
               opacity: 0.5;  padding: 5px; text-transform: uppercase;  width: 100%; text-align:center;}
.popup-link { color: #246291; text-transform:uppercase; text-decoration:none;}
.emailafriend > a { color: #246291; text-transform:uppercase; text-decoration:none;}
.emailafriend > a:hover { color: #69f; text-transform:uppercase;}
.addprice{font-size:16px;}
.qanda > a {color: #246291; text-transform:uppercase; text-decoration:none;}
.qanda > a:hover{color: #246291; text-transform:uppercase; text-decoration:underline;}
.prod-rating { float: left; }
.review_links a {color: #246291; text-decoration:none;}
.review_links a:hover{color: #246291; text-decoration:underline;}
.btn-add { float: left;  width: 130px;}
.qty-line { float: left; width: 100px;}
.mline {text-decoration: line-through !important;}
.line {background: none repeat scroll 0 0 #ccc;  height: 1px;  margin-bottom: 20px;}

.rhead { color:#000 !important; border-bottom: 1px solid #c7c7c7; margin-bottom: 20px; padding-bottom: 20px; }
.review-top { margin-top: 30px; width: 70%; float: right; }
.review-content { margin-top: 30px; float:left; width:100%;}
.rev-title h2 { color: #00457c; /*font-family: 'Droid Serif', serif;*/ font-size: 18px; margin-bottom: 10px; }
.rev-info > img { width: 12px;}
.rev-info > span { color: #2e6a9e; font-size: 14px;}
.rev-comments { margin-top: 10px; margin-bottom: 20px; line-height: 1.5em; }

.content { margin-top: 30px; }
/*
.product { float: left; }*/
.content > h1 { font-weight: normal !important;}
#hideShowCalc{color:#246291; text-transform:uppercase; text-decoration:none;}
#hideShowCalc:hover{color:#246291; text-transform:uppercase; text-decoration:underline;}
.cart-desc.iefix > a {color:#246291; text-transform:uppercase; text-decoration:none;}
.cart-desc.iefix > a:hover{color:#246291; text-transform:uppercase; text-decoration:underline;}
.checkout-special .iefix {text-align: center;}
.checkout-special header {padding:10px 0;}
.checkout-special header h1 {}
.checkout-special .grid li .image {height:auto;}
.checkout-special .grid li .image img {max-height:106px; max-width:106px; }
.checkout-special .grid li {margin: 0px;}

.spl{float:left; padding:10px 5px ; }
.spl_qty{float:left; width:30px; margin-right:5px; padding: 10px !important; }
#product .choose_ap { /*max-width:390px;*/ max-width: 100%; }
#product .btn-wishlist { margin-top: 10px; }
.btn_link2, .btn_link2:visited { margin-top: 10px; color: #407dc0; border: none; background: transparent; text-decoration: underline; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2); -moz-box-shadow: 0 0px 0px rgba(0,0,0,.2); box-shadow: 0 0px 0px rgba(0,0,0,.2); text-shadow: 0 0px 0px rgba(0,0,0,.3); padding: 0; }
.btn_link2:hover, .btn_link2:active { text-decoration: none;  color: #407dc0; }
.more-link { font: 14px Helvetica, Helmet, Freesans, Arial, sans-serif; font-weight: bold; }

#continue-the-conversation #static_content { float: none; }

div#LP_DIV_1363979795380 { position: absolute; right: 11px; top: -8px; }

.gateway-error p em { font-size: 16px; }
#create_review #comments, #create_review small ul {float:left;}

/********************* CUSTOM PRODUCT STYLES ******/

.item-colors .color-swatch {
    border: 1px solid #C9CCD2;
    position: relative;
}
.item-colors a {
    background: #D0D0D0 none repeat scroll 0% 0%;
    display: block;
    height: 40px;
    position: relative;
    width: 40px;
}
.item-colors ul {
    margin: 0px;
    padding: 0px;
}

.item-colors li {
    float: left;
    line-height: 1;
    list-style: outside none none;
    margin: 0px 5px 5px 0px;
    padding: 0px;
}

.test_inksoft_div {
    color: black;
}

.text-center {text-align: center;}
.pdd_lt0 {padding-left: 0;}
.mar_btm { margin-bottom: 10px; }
.mar_top10{margin-top: 10px !important;}



.graybackground{
  background: #e3e3e3;
}

@media (min-width: 1200px) {
    /*.container { width: 990px; }*/
}
@media screen and (min-width: 992px) and (max-width: 1200px)  {
    #horizontal ul li a, #horizontal ul li a:visited, 
    #horizontal ul li a:hover {
        padding: 0px 10px 0px 10px;
        font-size: 15px;
    }
    #scroll-nav-wrapper ul li a
   {
    padding:0 8px 0 8px;
    
   }
   #volunteer h3{
    font-size: 42px;
    line-height: 46px;
   }
  .grid li { min-height: 375px; }
  .grid li .image { height: 183px; overflow: hidden; }
  .grid li .image img { max-height: 183px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
   #container header section figure img {width: 115px;}
   #container header section .tagline { margin-left: 0px; margin-right: -8px;}
   #welcome .callog h1 { font-size: 20px; }
   #welcome div .col {min-height: 185px;}
   #welcome div .col ul li {padding-bottom: 3px;}
   #welcome div .col h2 {padding-top: 5px;}
   #horizontal ul li a, #horizontal ul li a:visited, 
   #horizontal ul li a:hover {padding: 0px 5px 0px 6px; font-size: 12px;}
   #category_options li#per-page {clear: left; margin-top: 10px;}
   #minicart_overlay_box { left: auto; right: 30px; }
   #scroll-nav-wrapper ul li a
   {
    font-size: 11px;
    padding:0 6px 0 6px;
   }
   #welcome h2{
    line-height: 32px;
   }

   #volunteer h3{
    font-size: 28px;
    line-height: 32px;
   }
   img.volunteer-headphone {
        max-width: 90px;
        margin: 0 10px 10px 10px;
    }
    #volunteer .logoimg img {
        width: 65%;
        right: 5%;
    }
    .grid li {
        min-height: 330px;
    }
    .grid li .image { height: 128px; overflow: hidden; }
    .grid li .image img { max-height: 128px; }
}
/*@media screen and (min-width: 320px) and (max-width: 767px) {*/
@media screen  and (max-width: 767px) {
   #container header section .tagline {float: none; text-align: center; font-size: 14px; margin-left: 0;}
   #container header section #search { width: 100%;}
   #container header section #search #search_keyword {
    width: 100%;
    border:1px solid #efefef;
   }
   #search button.btn-sitesearch{right: 8%;}
   #welcome .callog { text-align: center; }
   #welcome .callog input.button.style3 { margin-top: 5px; margin-bottom: 5px; font-size: 14px; }
   footer .footer-col.spa h3 {margin-top: 0; padding-top: 0;}
   footer .footer-col {height: auto;}
   .cright {float: left; padding-bottom: 15px;}
   .cirtification {float: none; }
   #welcome div .col {margin-bottom: 15px;}
   #container header section figure {
      float: none;
      margin-top: 5px;
      width: 90%;
      margin-left: 5%;
    }
    #volunteer h3 {
        font-size: 34px;
        line-height: 36px;
    }
    #volunteer .logoimg img {
        position: relative;
        width: 70%;
        top: 0;
        right: 0;
        margin: 2% 15%;
    }
    
    #alternate_featured_products ul.grid li{
        width: 100%;
        margin:10px 0;
    }

   #category_menu h2, #cat h1  { font-size: 15px!important; font-weight: bold;}
   .content {margin-top: 10px;}
   .content h2 {height: auto; font-size: 14px !important;}
   #category_options li#prev-next {text-align: left; width: 100%;}
   #prev-next2 {text-align: left;}
   #related_products {margin-top: 15px;}
   .cat-thumbs li{min-height: 300px;}
   .grid li {min-height: 315px;}
   #viewcart .cart-wrapper li.cart-remove { width: 15%; }
   #viewcart .cart-wrapper li.cart-remove label { font-size: 10px; font-weight: normal; }
   #viewcart .cart-wrapper li.header-sku, #viewcart .cart-wrapper li.cart-sku{ width: 23%; }
   #viewcart .cart-wrapper li.header-unit, #viewcart .cart-wrapper li.cart-unit { width: 30%; }
   #viewcart .cart-wrapper li.header-desc, #viewcart .cart-wrapper li.cart-desc { width: 59%; }
   #viewcart .cart-wrapper li.header-qty, #viewcart .cart-wrapper li.cart-qty{ width: 30%; }
   #viewcart .cart-wrapper li.header-total, #viewcart .cart-wrapper li.cart-total{ width: 30%; }
   #viewcart .btn-addtowishlist input, #viewcart .btn-savecart input { margin-left: 0; margin-bottom: 10px; clear: left; }
   #viewcart #promo-box input[type=submit] { margin: 10px 0; }
   #member_info div.form-container label,
   #member_info div.form-container span.label { display: inline-block; float: left; width: 100%; text-align: left;}
   div.form-container div.buttonrow{margin-left: 0;}
   div.form-container label, div.form-container span.label, div.quick-checkout label, div.quick-checkout span.label { float: none; text-align: left; width: auto; }
   div.quick-checkout div.buttonrow { margin-left: 0; }
   #member_wishlist div.form-container form fieldset { width: 100%; margin-right: 0px; margin-bottom: 10px; float: none; height: auto; }
   #member_wishlist .header-row { display: none; }
   #member_wishlist .wishlist li.wish-rank { width: 20%; text-align: left; }
   #member_wishlist .wishlist li.wish-sku { width: 30%; text-align: left; }
   #member_wishlist .wishlist li.wish-prod { width: 45%; }
   #member_wishlist .wishlist li.wish-need, #member_wishlist .wishlist li.wish-purch, #member_wishlist .wishlist li.wish-remove { width: 30%; text-align: center; }
   #member_wishlist .wishlist li.wish-need { clear: left; text-align: left; }
   #static_content div.tabular .tbRow { float: left; width: 30%; min-height: 20px; }
   #static_content div.tabular .firstC { height: 60px; font-size: 14px; width: 100%; }
   #static_content div.tabular .tbColl { width: 100% !important; }
   #second-day .yellowC .tbColl:nth-of-type(2) { height: 40px; min-width: 50px !important }
   #static_content div.tblNoBorder .tblRow { height: auto; font-size: 14px; }
   #static_content div.tblNoBorder .tblColl1 { width: 45%; }
   #express_order .express fieldset.order-item {width: 100%;}
   #product #image_overlay img { max-width: 90%; }
   #product .handle-mobile { background-image: url('/images/tab_stepbystep.jpg'); width: 40px; height: 150px; display: block; text-indent: -99999px; outline: none; position: absolute; top: 250px; right: 0px; background-position: initial initial; background-repeat: no-repeat no-repeat; }
   #viewcart .cart-wrapper .customTotal li.cart-remove, #viewcart .cart-wrapper .customTotal li.cart-desc, #viewcart .cart-wrapper .customTotal li.cart-unit, #viewcart .cart-wrapper .customTotal li.cart-sku { display: none; }
   #viewcart .cart-wrapper .customTotal li.cart-qty { width: 48%; }
   #viewcart .cart-wrapper .customTotal li.cart-total { width: 48%; }
   #minicart_overlay_box {width: 100%;left: 0; }
   #minicart_overlay {width: 95%;}
   .article-right{margin-top: 15px;}

   /*STICKY PHONE */
  .sticky-phone {
    display: block;
    position: fixed;
    bottom: 0;
    background: #ce1f1f;
    width: 100%;
    padding: 10px;
  }
  .sticky-phone a {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
  }
  
  .grid li .image { height: 128px; }
  .grid li .image img { max-height: 128px; }
}

a.cta-btn {
    color: #fff;
    background: green;
    padding: 12px 21px;
    display: inline-block;
    border-radius:  9px;
    font-weight: bold;
    text-transform:  uppercase;
    margin: 12px 0 24px;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}

a.cta-btn:hover {
    background: rgb(5, 156, 5);
    text-decoration:  none;
}

a.cta-adv-link, a.cta-blog-link {
    position: absolute;
    bottom: -2px;
    z-index: 99;
    left: 59%;
    transform: translateX(-100%);
    font-weight: bold;
    font-size: 16px;
    background-color: rgba(64, 124, 192, 0.32);
    padding: 6px 12px 4px;
}

a.cta-adv-link:hover, a.cta-blog-link:hover {
    background-color: rgba(64, 124, 192, 0.2);
    bottom: -1px;
    text-decoration: none;
    color: #256191;
}

a.cta-blog-link {transform: translateX(10px);}

.img-right, .img-left {
    margin-left: 36px;
    margin-right: 0;
    margin-bottom: 16px;
    float: right;
    border-radius:  3px;
  max-width: 40%;
}

.img-left {
    margin-left: 0;
    margin-right: 36px;
    float: left;
}

.cta-pg p, .cta-pg ul {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    line-height: 1.42857143;
}

.cta-pg h1, .cta-pg h2, .cta-pg h3 {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}

.cta-pg h1 {
    font-size: 32px;
}

.cta-pg ul {
    margin-bottom: 24px;
}

.cta-pg ul li {
    margin-left: 24px;
    margin-bottom: 9px;
}

.cta-pg-banner {
    background: url(/images/ctadv-bg.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 40px 0;
}

.cta-pg-banner h1 {
    color: #fff;
    font-size: 42px;
    padding-bottom: 24px;
}

.cta-pg-banner p {
    font-size: 18px;
    border-top: 2px solid rgba(255, 255, 255, 0.6);
    padding-top: 32px;
}

.cta-pg-banner .img-right {
    border: 2px solid #fff;
}

.cta-pg-banner small {
    display: block;
    padding-top: 12px;
}

.cta-pg-banner small a {
    color: #9cc8ff;
    text-decoration:  underline;
}

.content .cta-pg h2 {
    height: unset;
}

.inline-btn {
    margin-bottom: 9px !important;
}

.cta-pg-banner ul.no-style li {
    margin-left: 0;
}

ul.no-style {
    list-style-type: none;
}

.cta-pg-banner ul img {
    max-height: 24px;
    padding-right: 5px;
}


}