/*
Theme Name: rudolph
Theme URI:
Author: Fusionfarm
Author URI: https://www.fusionfarm.com/ */

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

/* This is a small security for too long strings titles */
body {
    word-wrap: break-word; 
    background: rgba(219,219,219,1);
    background: -moz-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(244,244,244,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,219,219,1)), color-stop(100%, rgba(244,244,244,1)));
    background: -webkit-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(244,244,244,1) 100%);
    background: -o-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(244,244,244,1) 100%);
    background: -ms-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(244,244,244,1) 100%);
    background: linear-gradient(to bottom, rgba(219,219,219,1) 0%, rgba(244,244,244,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f4f4f4', GradientType=0 );  
}
body a,
body a:active,
body a:visited {
    color: #990000;
    outline:none;
}
body a:hover,
body a:focus {
    color: #2b4c7e;
    /*text-decoration: none;*/
    outline: none;
}

p a {
    text-decoration: underline;
}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
.sticky {
    display: block;
}


.topmarg20 {
    margin-top: 20px;
}
.topmarg50 {
    margin-top: 50px;
}
.pad30 {
    padding: 30px 15px;
}
.margbtm10 {
    margin-bottom: 10px;
}
.m-hide {
    display: block;
}
.bold {
    font-weight: 700;
}
.blue {
    color: #2b4c7e;
}



/* header tags */
body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #2b4c7e;
    font-weight: 700;
    border: 0 none;
    margin-top: 0;
}
body .h1, body h1 { font-size: 32px; }
body .h2, body h2 { font-size: 26px; }
body .h3, body h3 { font-size: 22px; }
body .h4, body h4 { font-size: 18px; }
body .h5, body h5 { font-size: 16px; }
body .h6, body h6 { font-size: 13px; }



/* Images and wp-captions should always fit and be responsive */
img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
img[class*="wp-image-"] {
    margin-top: 10px;
    margin-bottom: 10px;
}
.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    max-width: 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 10px;
}
.wp-caption.aligncenter {
    margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
}
.wp-caption .wp-caption-text {
    text-align: center;
    margin-top: 10px;
}

/* WP Gallery */
.gallery {
    margin-bottom: 1.5em;
}
.gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}
.gallery dd {
    margin: 0;
}
.gallery-caption {
    display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

/* BLOCKQUOTE */
body blockquote {
    border: 1px solid #ffc000;
    border-left: 10px solid #ffc000;
    font-size: 16px;
}

/******************/
/****** CHAT ******/
/******************/
.chat {
    position: fixed;
    top: 400px;
    left: 0;
    max-width: 30px;
    background-color: #990000;
    padding: 10px 8px 10px 5px;
    border-radius: 0 10px 10px 0;
    -moz-border-radius:  0 10px 10px 0;
    -webkit-border-radius:  0 10px 10px 0;
    text-align: center;
    z-index: 1040;
}
a.chatbox,
a.chatbox:active,
a.chatbox:visited {
    font-size: 25px;
    line-height: 1;
    color: #ffffff;
    word-break: break-all;
    font-weight: bold;
    outline: none;
}
a.chatbox:hover,
a.chatbox:focus {
    text-decoration: none;
    color: #ffffff;
    opacity: 0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    outline: none;
}


/********************/
/****** slider ******/
/********************/
.rudolph-slider {

}
.rudolph-slider .slider { padding-left: 0; padding-right: 0; }
.rudolph-slider .carousel-caption {
    color: #000;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    bottom: auto;
    top: 30px;
    left: 15%;
    right: 15%;
    padding: 20px;
    position: absolute;
    text-align: left;
    text-shadow: none;
    z-index: 10;
}
.rudolph-slider .carousel-caption h1 {
    font-weight: 700;
}
.rudolph-slider .carousel-caption .btn {
    color: #ffffff;
}
.rudolph-slider .btn-danger {
    background-color: #990000;
    border: transparent;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}
.rudolph-slider .btn-danger:hover {
    opacity: 0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
}


/************************/
/****** Navigation ******/
/************************/
.nav-prev,
.nav-next {
    padding: 0;
}
.nav-prev a,
.nav-next a {
    background-color: #e21c23;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    display: block;
    padding: 5px 0;
}
.nav-prev a:hover,
.nav-next a:hover {
    background-color: #59595b;
}

.logo-area .navbar-default .navbar-nav > .active > a,
.logo-area .navbar-default .navbar-nav > .active > a:focus,
.logo-area .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #990000;
}
.logo-area .navbar-default .navbar-nav > li > a:focus,
.logo-area .navbar-default .navbar-nav > li > a:hover {
    color: #777;
}
.logo-area .navbar-default .navbar-nav > li > a {
    color: #990000;
    margin: 0 -2px;
}
.logo-area .dropdown-menu {
    background-color: #e7e7e7;
}
.logo-area .dropdown-menu li a:hover,
.logo-area .dropdown-menu li a:focus {
    background-color: #990000;
    color: #fff;
    background-image: none;
}
.logo-area .caret {
    color: #2b4c7e;
}
.logo-area .pipe {
    padding: 13px 0 0 0;
    color: #7e7e7e;
} 

.salesrep-info {
    display:none;   
    background: rgba(89, 89, 89, 1) url('../../images/black-bg.png') repeat;
    color: #fff;
    padding-top:40px;          
}

.salesrep-info .salesperson {
    border-right:1px solid #eaeaea;
    margin-bottom:20px;
}

.salesrep-info .pickup {
    float:right; 
    text-align: center;
}
.salesrep-info .salescontact1 {
    color:#FFF; 
    text-decoration:none; 
    text-align:center;
}

.salesrep-info .salescontact2 {
    display:none;
    border-right:1px solid #eaeaea;
}

.salesrep-info .connect {
    text-align:center;  
    border-right:1px solid #eaeaea;
}

.salesrep-info .connect a {
    color:#FFF; 
    text-decoration: none;
}

.salesrep-info .connect a:hover {
    color:#ddd;
}

.salesrep-info .fa {
    padding: 10px;
    font-size: 24px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    color:#FFF;
    margin:0px;
    margin-right:5px;
    border-radius: 4px;
    
}
.salesrep-info .fa:hover {
    opacity: 0.7;
    color:#FFF;
    text-decoration: none;
}

.salesrep-info .fa-facebook {
    background: #3B5998;
    color: white;
}

.salesrep-info .fa-twitter {
    background: #55ACEE;
    color: white;
}

.salesrep-info .fa-google {
    background: #dd4b39;
    color: white;
}

.salesrep-info .fa-linkedin {
    background: #007bb5;
    color: white;
}

.salesrep-info .fa-youtube-play {
    background: red;
    color: white;
}

.navbar-default .navbar-toggle {
    z-index: 999999;
}

.drawer-nav {
    width:75% !important;
}
.drawer-header {
    height:95px; 
    margin-bottom:20px; 
    text-align:center; 
    background: rgba(89, 89, 89, 1) url('../../images/black-bg.png') repeat-x scroll center center;
}

.drawer--left .drawer-nav {
    left: -75% !important;
}

.drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-nav, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left:0rem !important;
}

.drawer-nav .drawer-menu-item,
.drawer-nav .drawer-menu-item:visited {
    margin-left:20px;
    color:#333333;
    font-size:16px;
}

.drawer-menu-heading {
    margin-top:20px; 
    color:#990000; 
    margin-left:27px; 
    font-size:14px; 
    margin-bottom:5px;
}

.logo-area .logo {
    margin-left:0px;
    width:220px; 
    margin-top:15px;
    margin-bottom:10px;
}

.logo-area .mobile-nav {
    margin-top:5px;
  }
.logo-area .mobile-search {
  display:none;
}
.logo-area .mobile-menu {
    display:none;
}

.logo-area .link-more {
    display:none;
}

.logo-area .fa {
    padding: 0px;
    font-size: 32px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    color:#333;
    margin:0px;
    margin-right:5px;
    
}
.logo-area .fa:hover {
    opacity: 0.7;
    color:#FFF;
    text-decoration: none;
}

.logo-area .icons {
    margin-top:28px;
    width:105px; 
    float:right;
    margin-left:25px;
} 
.logo-area .mobile-icons {
    margin-top:15px;
    display:none;
    width:100px; 
    float:right;
    margin-left:10px;
    margin-right:10px;
} 

.logo-area .search {
    margin-top:25px; 
    min-width:350px;
}

.logo-area .search2 {
    margin-top:10px; 
    margin-bottom:15px;    
}

.logo-area .phone {
    margin-top:20px;
    min-width:310px; 
    text-align:right; 
    float:right;
    
}


/***************************/
/****** HEADER STYLES ******/
/***************************/
/*body .navbar-fixed-bottom,
body .navbar-fixed-top {
    z-index: 1075;
} */

header {
    background: #ffffff url(../../images/red-bar-bg.jpg) repeat-x scroll 0 bottom;
}

.logo-area .container-full {
    padding: 0 15px 15px;
}
.logo-area .navbar {
    margin-bottom: 0;
}
.logo-area .navbar-default {
    background-color: transparent;
    border: 0 none;
}
.logo-area .navbar-header {
    float: none;
}
.logo-area .navbar-brand {
    height: auto;
}
.logo-area .phone-local {
    float: right;
    text-align: right;
    padding: 15px 0;
}
.logo-area .phone-local .phone {
    color: #2b4c7e;
    font-size: 36px;
    font-weight: 700;
}
.logo-area .phone-local .local {
    font-size: 20px;
}

/* heaader when logged in */
.logo-area .salesrep {
    float: left;
    padding: 10px;
    margin-top: 10px;
    background-color: #313131;
    color: #ffffff;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(138,138,138,1);
    -moz-box-shadow: 0px 0px 3px 1px rgba(138,138,138,1);
    box-shadow: 0px 0px 3px 1px rgba(138,138,138,1);
}
.logo-area .salesrep .rep-img {
    padding: 0;
}
.logo-area .salesrep .rep-info {
    padding: 10px 0 0 0px;
    text-align: center;
}

.logo-area .salesrep .rep-info .rep-email a,
.logo-area .salesrep .rep-info .rep-email a:active,
.logo-area .salesrep .rep-info .rep-email a:visited {
    color: #ffffff;
    text-decoration: none;
}
.logo-area .salesrep .rep-info .rep-email a:hover,
.logo-area .salesrep .rep-info .rep-email a:focus {
    color: #ffffff;
    text-decoration: underline;
}


.dropdown .dropdown-menu > .active > a, .dropdown .dropdown-menu > .active > a:focus, .dropdown .dropdown-menu > .active > a:hover {
    background-color: #990000;
}


/***********************/
/****** PromoBar *******/
/***********************/
.promobar {
    background: rgba(89, 89, 89, 1) url('../../images/black-bg.png') repeat-x scroll center center;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    padding: 5px 10px 7px;
    text-align: center;
}
.promobar .slogan-lg {
    font-size: 36px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700;
}
.promobar .slogan-sm {
    font-size: 24px;
    line-height: 1.1;
    font-style: italic;
}

/***********************/
/****** Tiles *******/
/***********************/

.card-columns {
                          
    -webkit-column-count: 6; /* Chrome, Safari, Opera */
    -moz-column-count: 6; /* Firefox */
    column-count: 6;
  }  

  .card-team-deck {      
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
  }  
  
  .card:hover {
      box-shadow: 3px 3px 3px #808080;
  }

  .card-team:hover {
    box-shadow: 3px 3px 3px #808080;
}
  
  .card {
    min-height: 250px;
    margin:5px;
    background: rgba(89, 89, 89, 1) url('../../images/black-bg.png') repeat-x scroll center center;
    color:#FFFFFF;
  } 

  .card-team {
    height: 405px;
    /*background-color:#fff; */
    background: rgba(89, 89, 89, 1) url('../../images/black-bg.png') repeat-x scroll center center; 
    color:#FFF;
    margin-bottom:10px;
    border:1px solid #000;
    max-width:350px;
  }
  
  .card-team-blank {
    height: 405px;
    color:#FFF;
    margin-bottom:10px;
    max-width:350px;
  }

  .card-team-body { 
    padding-top: 10px;
  }
  .card-team-body h5{
      color:#FFF;
      margin-top:8px;
  }
  .card-team-body a {
      color:#FFF;
  }
  
  .card-body { 
    padding:10px;
    padding-top: 20px;
    }
                  
  .card-image {
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .card-team-image {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top:20px;
    border-radius: 6px;
  }
  
  .card-rebateimage {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .card-salesimage {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width:75px;
  }
  
  .card-title {
    margin-top:15px;
    font-size: 14px;
    color:#990000;
  }
  
  .card-add {
    display: block;
  }


/************************/
/****** thumbnail *******/
/************************/
.products .thumbnail {
    /*min-width: 65px;
    min-height: 75px;
    overflow: hidden;*/
}
.products .thumbnail.col-sm-1 {
    width: 10%;
}

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

.btn-darkred {
    background-color: #990000;
    color:#FFF;
}

.btn-darkred:visited {
    color:#FFF !important;
}

.btn-darkred:hover {
    color: #FFFFFF !important;
    background-color: #333;
    text-decoration: none;
    cursor: pointer;
}
.btn.btn-red,
.btn-red,
.button,
a.button:focus,
a.button:visited,
.account .btn-red,
.sidepromo .btn-red {
    font-size: 17px;
    font-weight: 700;
    background-color: #990000;
    color: #FFF;
    display: block;
    width: 100%;
    padding: 12px 0px;
    text-align: center;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    outline: none;
    border:none;
    border-radius:4px;
}
.btn.btn-blue,
.btn-blue,
.button,
a.button:focus,
a.button:visited,
.account .btn-blue,
.sidepromo .btn-blue {
    font-size: 17px;
    font-weight: 700;
    background-color: #2b4c7e;
    color: #FFF;
    display: block;
    width: 100%;
    padding: 12px 0px;
    text-align: center;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    outline: none;
    border:none;
    border-radius:4px;
}
.btn-red:hover,
.btn-blue:hover,
.button:hover {
    color: #FFF;
    background-color: #333;
    text-decoration: none;
    cursor: pointer;
}

/*button.btn.btn-red {
    margin-top: 15px;
}*/


/*********************/
/****** Content ******/
/*********************/
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
  
.sticky + .wrapper {
    padding-top: 139px;
}

.wrapper .container {
    padding-bottom: 0;
    background-color:#FFF;
    min-height:450px;
}
.wrapper .container .page-container {
    background-color: #ffffff;
    padding:40px 100px 60px 100px;
}

.wrapper .container .main-content-home {
    background-color: #eeeeee;
    padding: 30px;
}


/*******************/
/****** home *******/
/*******************/
#home {  }
#home .main-content-home h2 {
    margin-top: 0;
}


/***************************/
/****** home sidebar *******/
/***************************/
.account .form-group {
    margin-bottom: 5px;
}
.account,
.sidepromo {
    background-color: #eeeeee;
    padding: 30px;
}
.account h3 {
    margin-top: 0;
    text-align: center;
    font-weight: 700;
}
.account p {
    text-align: center;
    font-size: 13px;
}
.account .btn-red {
    margin-top: 20px;
}
.rightside hr {
    border-color: #777777 -moz-use-text-color -moz-use-text-color;
}
.sidepromo {
    margin-top: 30px;
}


/*****************************/
/****** search results *******/
/*****************************/
.products.col-xs-12 {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 20px;
    min-height:100px;
}

.products .product-detail.col-md-7 {
    width: 55%;
}
.products .product-detail .manufacturer {

}
.products .product-detail .manufacturer .m-title {
    font-size: 16px;
    font-weight: 700;
}
.products .product-detail .manufacturer .tiresize {
    font-size: 14px;
}

.products .product-detail .part-number,
.products .product-detail .warranty,
.products .product-detail .available {
    font-size: 14px;
    line-height: 1.3;
}

.products .product-detail .warranty {
    font-weight: 700;
}
.products .product-detail .available {
    font-style: italic;
}

.products .add-bonus,
.products .add-bonus .price,
.products .qnty-cartbtn,
.products .qnty-cartbtn .qnty,
.products .qnty-cartbtn .cartbtn,
.add-bonus .bonus-btns,
.bonus-btns .rebate-btn,
.bonus-btns .mbp-btn,
.bonus-btns .oe-btn {
    padding-left: 0;
    padding-right: 0;
}
.products .add-bonus .price {
    font-size: 32px;
    color: #2b4c7e;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 10px;
    width:100px;
}

.qnty-cartbtn {

}
.search-results .qnty-cartbtn .qnty,
.qnty-cartbtn .qnty {
    text-align: left;
    padding-right: 5px;
    /*margin-top: 2px;*/
}
.qnty-cartbtn .qnty input {
    text-align: center;
    width: 3.631em;
    max-width: 48px;
    border: 1px solid #990000;
    height: 31px;
    font-size: 16px;
}
.qnty-cartbtn .cartbtn {
    text-align: left;
}

.products .add-bonus .bonus-btns {
    margin-top: 10px;
}

.products .add-bonus.col-md-3 {
    width:330px;
}

.products .add-bonus .bonus-btns .col-xs-4 {
    width: 32%;
}
.bonus-btns .rebate-btn,
.bonus-btns .mbp-btn,
.bonus-btns .oe-btn {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: 10px;
    text-align: center;
    font-weight: 700;
    padding: 3px 0;
    max-width: 70px;

}
.bonus-btns .rebate-btn {
    background-color: #00a450;
    color: #ffffff;
}
.bonus-btns .mbp-btn {
    background-color: #ffc000;
    color: #000000;
    margin-left: 3px;
}
.bonus-btns .oe-btn {
    background-color: #323492;
    color: #ffffff;
    margin-left: 3px;
}

.page-pagination ul {
    margin: 0;
}
.page-pagination .pagination > li > a, .pagination > li > span {
    color: #990000;
}
.page-pagination .pagination > .active > a,
.page-pagination .pagination > .active > a:focus,
.page-pagination .pagination > .active > a:hover,
.page-pagination .pagination > .active > span,
.page-pagination .pagination > .active > span:focus,
.page-pagination .pagination > .active > span:hover {
    background-color: #990000;
    border-color: #990000;
    color: #ffffff;
}

.excel-download {
    font-weight: 700;
    text-align: right;
    margin-top: 10px;
}
.excel-download a {
    text-decoration: underline;
}


/***************************/
/****** search sidebar *****/
/***************************/
.sidepromo-text {
    background-color: #ffc000;
    padding: 15px 35px;
    color: #2d2d2d;
    font-size: 30px;
    line-height: 1.1;
    text-align: center;
    font-weight: 700;
    font-style: italic;
    margin-top: 30px;
}


/************************/
/****** specials ********/
/************************/
.main-promo,
.secondary-promo {
    margin-bottom: 30px;
}
.main-promo img,
.secondary-promo img {
    border: 1px solid #e4e4e4;
}

.warrantyThumbnail {
    position:relative;
    display: inline-block;
    border:none;
}
.warrantyCaption {
    position:absolute;
    top:26px;
    left:40px;
    transform: translate(-50%, -50%);
    text-align: center;
}
.warrantyImage {
    height:75px; 
    margin-top:5px;
}
.warrantyText {
    color:white; 
    font-size: 16px;
    font-weight:900;
}


/************************/
/****** details ********/
/************************/
.img-detail {
    margin-bottom: 30px;
}
.img-detail .lg-detail {
    height: 470px;
    padding: 8px;
    border: 1px solid #eeeeee;
    text-align: center;
}
.img-detail .lg-detail img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.img-detail .sm-detail div {
    width: 133px;
    height: 133px;
    overflow: hidden;
    /*margin: 10px;*/
    position: relative;
    border: 1px solid #eeeeee;
}
.img-detail .sm-detail img {
    position: absolute;
    margin: auto;
    min-height: 100%;
    /*min-width: 100%;*/
    /* For the following settings we set 100%, but it can be higher if needed
    See the answer's update */
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
}
.img-detail .lg-detail,
.img-detail .sm-detail {
    /*padding-left: 0;
    padding-right: 0;*/
}
#imgDetail .item-details {
    background-color: #eeeeee;
    padding: 30px;
}
.item-details .details {
    font-weight: 700;
}
.item-details h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 28px;
}
#imagemodal .modal-dialog {
    width: 100%;
    max-width: 1000px;
}

.indent {
    text-indent: 20px;
}
.details .indent {
    margin-bottom: 15px;
}
.big-price {
    font-size: 72px;
    color: #2b4c7e;
    font-weight: 700;
}
.item-details .detail-partnumber,
.item-details .detail-manufacturer,
.item-details .detail-tread,
.item-details .detail-tiresize,
.item-details .detail-price {
    padding: 0;
}


#imgDetail .item-details .qnty-cartbtn {
    padding-left: 0;
    padding-right: 0;
}
#imgDetail .item-details .qnty-cartbtn .qnty {
    padding-left: 0;
}
#imgDetail .item-details .qnty-cartbtn .cartbtn {
    padding-left: 0;
    padding-right: 0;
}

#imgDetail .modal {
    z-index: 10000;
}

/************************/
/********* Table *********/
/************************/

.table-info {
    border-collapse: collapse;
}

.table-info  td, .table-info  th {
    padding: 4px;
}

.table-primary {
    border-collapse: collapse;
    width: 100%;
}

.table-primary  td, .table-primary  th {
    border: 1px solid #ddd;
    padding: 8px;
}

.table-primary.single tr:nth-child(odd){background-color: #f2f2f2;}

.table-primary.double tr:nth-child(4n){background-color: #f2f2f2;}
.table-primary.double tr:nth-child(4n+1){background-color: #f2f2f2;}


.table-primary th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #2b4c7e;
    color: white;
}

.table-wrap {
    width: 950px;
}

.table-wrap table {
    width: 950px;
    table-layout: fixed;
}

.table-inner {
    height: 500px;
    overflow-y: auto;
}


.page-item-active a {
    color:#FFFFFF !important; 
    background-color:#990000 !important; 
    border-color:#990000 !important; 
}

.page-item a:hover {
    color:#FFFFFF !important; 
    background-color:#990000 !important; 
    border-color:#990000 !important; 
}

.page-item a {
    color:#333 !important; 
}

/************************/
/********* tabs *********/
/************************/
#no-more-tables .nav-pills > li > a {
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}
#no-more-tables .tab-content {
  background-color: #eeeeee;
  padding: 15px;
}

#no-more-tables .nav-pills > li.active > a,
#no-more-tables .nav-pills > li.active > a:focus,
#no-more-tables .nav-pills > li.active > a:hover {
    background-color: #990000;
    color: #ffffff;
    font-weight: 700;
}

#no-more-tables .nav-pills > li > a {
    background-color: #dddddd;
    color: #990000;
    font-weight: 700;
}
#no-more-tables table {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#no-more-tables .table-bordered > tbody > tr > td,
#no-more-tables .table-bordered > tbody > tr > th,
#no-more-tables .table-bordered > tfoot > tr > td,
#no-more-tables .table-bordered > tfoot > tr > th,
#no-more-tables .table-bordered > thead > tr > td,
#no-more-tables .table-bordered > thead > tr > th {
    border: 0 none;
    /*width: 50%;*/
}

/************************/
/****** ACCORDIAN *******/
/************************/

.panel {
    margin-bottom:20px !important;
}

.panel-heading {
    background: rgba(89, 89, 89, 1) url('../../images/black-bg.png') repeat-x scroll center center !important;
    color:#FFF !important;
    padding:20px !important;
}

.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}

.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
    color:#FFF;
}


/************************/
/********* CART *********/
/************************/
.cart a,
.cart a:visited,
.cart a:active,
.cart a:hover {
    color: #ffffff;
}
.cart a:hover {
    text-decoration: none;
}
#shopping-cart {

}
.cart-head {
    font-size: 30px;
    font-weight: 700;
    color: #2b4c7e;
    margin-bottom: 15px;
}
#info-bar {

}
#info-bar .info-block {
    background-color: #ffc000;
    border: 1px solid #7e7e7e;
    border-collapse: collapse;
    min-height: 62px;
    padding: 10px;
}
.purchase-order,
.hold-for-pu {
    text-align: center;
}

#shopping-cart .in-cart {
    margin-top: 20px;
    font-size: 16px;
}
.in-cart .blue.bold {
    font-size: 18px;
}
body .availability {
    font-style: italic;
    font-size: 14px;
    padding-left:0;
}
#shopping-cart thead.cf {
    background-color: #414141;
    color: #ffffff;
}

.in-cart input.qty {
    max-width: 45px;
    min-width: 45px;
}
#no-more-tables.in-cart .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fff;
}
#no-more-tables.in-cart .table-bordered {
    border: 0 none;
}
.in-cart .table-bordered > tbody > tr > td.tooltip {
    border: 0 none;
    padding: 5px;
}

.cart-price {
    color: #2b4c7e;
    font-weight: 700;
    font-size: 20px;
}
.cart-sub-price {
    color: #2b4c7e;
    font-weight: 700;
    font-size: 24px;
}
.remove {
    min-width: 30px;
    width: auto;
}
a.remove-btn {
    background-color: #990000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border: 0 none;
    padding: 7px 11px;
}
a.remove-btn:hover {
    color: #ffffff;
    text-decoration: none;
}
.table-condensed > tbody > tr > td.in-cart-input {

}
.in-cart-input input {
    width: 62%;
}

.cart-icon{
    position:relative;
    float:left;
}

.badge {
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 50%;
    position:absolute;
    top:-4px;
    right:5px;
    padding:5px;
}

#shopping-cart .button-row {
    padding-right: 0;
    padding-left: 0;
}
.button-row .cancel-btn,
.button-row .review-btn,
.button-row .save-btn {
    margin-bottom: 10px;
}
.button-row .update-order {

}
select.custom {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
    padding: 5px 5px 5px 10px;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
  
select.custom::-ms-expand {
    display: none;
}

input[type=text], textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border: 1px solid #333;
    padding:10px;
  }
   
input[type=text]:focus, textarea:focus {
    box-shadow: 0 0 5px #333;
    background-color:#FFF;
    border: 1px solid #ddd;
  }

.totals {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    text-align: center;
    font-weight: 700;
    border-bottom: 1px solid #eee;
}
.totals .units,
.totals .total-price {
    font-size: 18px;
}
.totals .unit-num,
.totals .price-num {
    font-size: 34px;
    color: #2b4c7e;
}

.cart-disclaimer {
    padding: 15px;
    font-size: 16px;
    font-style: italic;
}


/********************/
/****** forms *******/
/********************/
.form-group label {
    font-size: 13px;
    margin-bottom: 2px;
    padding: 0;
}
.form-group div {
    padding: 0;
}
.form-group label.checkbox-inline,
.form-group label.radio-inline {
    padding: 0 15px;
}
.form-group input {
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.form-group input.form-control {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset;
}

.rightside .form-horizontal .control-label { text-align: left; }
.rightside .form-group {
    margin-bottom: 5px;
}
.refine-search,
.sidepromo {
    background-color: #eeeeee;
    padding: 30px;
}
.refine-search h3 {
    margin-top: 0;
    text-align: center;
    font-weight: 700;
}
.rightside .refine-search .btn-red {
    margin-top: 20px;
}

.form-example .h1 {
    margin-bottom: 20px;
}

#piNewPass,
#piNewPassRepeat {
    color: #000000;
}


/********************/
/****** footer ******/
/********************/
.row.foot {
    margin-top: 50px;

}
footer.top-section {
    background-image: none;
    background-color: #ffffff;
}
footer.top-section h4 > a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    margin:0;
}
footer.top-section ul {
    list-style-type: none;
    padding: 0px;
}
footer.top-section ul li,
footer.top-section ul li a {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
}
footer.top-section ul li a:hover,
.foot-links a:hover {
    color: #777;
}
footer.top-section .foot-links {
    padding: 0;
}
footer.top-section .foot-links h2 {

}
footer.top-section .foot-text {
    text-align: center;
}
footer.top-section .foot-text .ft-lg {
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    line-height: 27px;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
}
footer.top-section .foot-text .ft-md {
    font-size: 18px;
    margin-bottom: 10px;
}
footer.top-section .foot-text .ft-sm {
    font-size: 16px;
    font-style: italic;
}
footer.top-section .foot-logos {
    

}
footer.top-section .foot-logos .footer-logo:first-child {
    margin: 15px 0 30px;
}


footer.bottom-bar {
    background: rgba(89, 89, 89, 1) url('../../images/black-bg.png') repeat;  
    /*background-color:#000; */
    color: #fff;
}
footer.bottom-bar {

}
footer.bottom-bar .container {
    padding-bottom: 35px;
}

.row.copyright {
    float:left;
    margin-left:0px;
    margin-top:30px;
}

.row.copyright2 {
    display:none;
}
.row.copyright2 a, .row.copyright a {
    color:#FFF; 
    font-size:14px; 
    margin-left:10px; 
    text-decoration: none;
}

.row.copyright2 a:hover, .row.copyright a:hover {
    color: #777;
}

footer.bottom-bar .social {
    text-align: center;
}
footer.bottom-bar .social .social-icons {
    margin-right: 10px;
    display: inline;
}
footer.bottom-bar .social .social-icons:last-child {
    margin-right: 0;
}

footer.bottom-bar .fa {
    padding: 10px;
    font-size: 24px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    color:#FFF;
    margin:0px;
    margin-right:5px;
    
}

.login h4
{
    color:#FFFFFF; 
    font-size:14px;
    font-weight:normal;
}

.login {
    margin:0 auto; 
    max-width:450px; 
    background-color:#333; 
    padding:40px; 
    background: rgba(89, 89, 89, 1) url('../../images/black-bg.png') repeat; 
}


footer.bottom-bar .fa:hover {
    opacity: 0.7;
    color:#FFF;
    text-decoration: none;
}

footer.bottom-bar .fa-facebook {
    background: #3B5998;
    color: white;
}

footer.bottom-bar .fa-twitter {
    background: #55ACEE;
    color: white;
}

footer.bottom-bar .fa-google {
    background: #dd4b39;
    color: white;
}

footer.bottom-bar .fa-linkedin {
    background: #007bb5;
    color: white;
}

footer.bottom-bar .fa-youtube-play {
    background: red;
    color: white;
}

footer.bottom-bar .termlink {
    text-align: right;
}
footer.bottom-bar .termlink a  {
    color: #fff;
    padding-top: 2px;
}
footer.bottom-bar .termlink a:hover {
    color:#ddd;
    text-decoration: none;
}
.foot-logos .footer-logo {
    width:220px;
}
.foot-logos .footer-logo a:hover {
   opacity: 0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
}


/***********************/
/****** Clearing *******/
/***********************/

.clear {
    clear: both;
}


.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}

.headroom--pinned {
    transform: translateY(0%);
}

.headroom--unpinned {
    transform: translateY(-100%);
}