/* skin specific styles for skin_1 */

/* global element styles */
/*
body {
	color: #333;
	margin: 0px auto;
	text-align: center;
	background-color: #ccc;
	font-size: 14px;
	font-family: Tahoma, Verdana, sans-serif;
	line-height: 1.3em;
}

*/

a {
  color: #0066c0;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 25px;
  line-height: 32px;
  font-weight: normal;
  color: #0066c0;
  padding: 0px;
  margin: 0px 0px 8px 0px;
}

h2 {
  color: #333;
  font-size: 22px;
  line-height: 28px;
  font-weight: normal;
  padding: 0px;
  margin: 0px 0px 8px 0px;
}

h3 {
  color: #333;
  font-size: 22px;
  line-height: 28px;
  font-weight: normal;
  padding: 0px;
  margin: 0px 0px 8px 0px;
}

h4 {
  color: #0066c0;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  padding: 0px;
  margin: 0px 0px 8px 0px;
}

h5 {
  color: #333;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  padding: 0px;
  margin: 0px 0px 8px 0px;
}

h6 {
  color: #333;
  font-size: 16px;
  line-height: 18px;
  padding: 0px;
  margin: 0px 0px 8px 0px;
}

ol,
ul {
  padding: 0px 5px 0px 5px;
  margin: 0px;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

ul ul,
ol ol {
  padding: 0px 5px 0px 5px;
}

ul ul li {
  list-style-type: circle;
}

ol ol li {
  list-style-type: lower-alpha;
}

em,
i {
  font-style: italic;
}

strong,
b {
  font-weight: bold;
}

p,
blockquote {
  padding-bottom: 16px;
}

img {
  vertical-align: middle;
}

textarea {
  font-family: inherit;
}

/* tables */
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 12px;
}

th {
  text-align: left;
  font-weight: bold;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table > tbody > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > tbody:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #f9f9f9;
}

.table > thead > tr > .active,
.table > tbody > tr > .active,
.table > tfoot > tr > .active,
.table > thead > .active > td,
.table > tbody > .active > td,
.table > tfoot > .active > td,
.table > thead > .active > th,
.table > tbody > .active > th,
.table > tfoot > .active > th {
  background-color: #f5f5f5;
}

/* utitlity classes */

.wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0px auto;
  text-align: left;
}

.bar {
  padding: 5px 0px;
  margin-bottom: 8px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  border-bottom: solid 1px #e4e4e4;
}

/* buttons */

.button {
  border: 1px solid #cacaca;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 20px 10px 20px;
  margin: 2px;
  text-decoration: none;
  font-weight: bold;
  color: #666;
  background-color: #e6e6e6;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e6e6e6),
    to(#cccccc)
  );
  background-image: -webkit-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: -moz-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: -ms-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: -o-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: linear-gradient(to bottom, #e6e6e6, #cccccc);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);
  cursor: pointer;
}

.button:hover {
  border: 1px solid #b3b3b3;
  background-color: #cdcdcd;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#cdcdcd),
    to(#b3b3b3)
  );
  background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
  background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
  background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
  background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
  background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}

.call-to-action {
  border: 1px solid #25729a;
  -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  color: #ffffff !important;
  background-color: #3093c7;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#3093c7),
    to(#1c5a85)
  );
  background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
  background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
  background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
  background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
  background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
}

.call-to-action:hover {
  border: 1px solid #1c5675;
  background-color: #26759e;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#26759e),
    to(#133d5b)
  );
  background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
  background-image: -moz-linear-gradient(top, #26759e, #133d5b);
  background-image: -ms-linear-gradient(top, #26759e, #133d5b);
  background-image: -o-linear-gradient(top, #26759e, #133d5b);
  background-image: linear-gradient(to bottom, #26759e, #133d5b);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}

.button:disabled {
  background: #eee;
  border: 1px solid #ddd;
  color: #bbb;
  -webkit-text-shadow: none;
  text-shadow: none;
}

/* header elements */
.header {
  min-height: 50px;
  position: relative;
}

.header .phone {
  padding-top: 35px;
  float: right;
  color: #666;
}

.header .logo {
  margin: 15px 0px 15px 0px;
  float: left;
}

.user-links {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  padding: 2px 10px 2px 10px;
  background-color: #f5f5f5;
  font-size: 13px;
  border-bottom: solid 1px #e4e4e4;
  border-left: solid 1px #e4e4e4;
  border-right: solid 1px #e4e4e4;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #666;
}

.user-links a {
  padding: 0px 3px 0px 6px;
  border-left: solid 1px #666;
}

.user-links a:first-child {
  border: none;
  padding-left: 0px;
}

/* horizontal navigation */
.top-nav-wrapper {
  background: #f5f5f5;
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#f5f5f5),
    to(#e4e4e4)
  );
  background: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
  background: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
  background: -ms-linear-gradient(top, #f5f5f5, #e4e4e4);
  background: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
  padding: 4px 0px;
}

.top-nav-wrapper a {
  color: #333;
}

.top-nav {
  text-align: left;
  background-color: #4776bd;
  line-height: 32px;
}

.top-nav-list {
  margin: 0px;
  padding: 0px;
  float: left;
  line-height: 24px;
  margin-top: 6px;
}

.top-nav-list li {
  list-style: none;
  display: inline;
  padding-right: 4px;
}

.top-nav-list li a {
  display: inline-block;
  padding: 0px 15px 0px 0px;
  text-decoration: none;
  color: #333;
}

.top-nav-list li a:hover {
  color: #666;
}

/* search styles */
.search-wrap {
  float: right;
  width: 328px;
  text-align: right;
  margin-top: 4px;
}

.search-form {
  margin: 0;
  width: 100%;
}

.search-form .search-text {
  padding: 3px 12px;
  display: inline-block;
  width: 250px;
}

.search-form .button {
  padding: 2px 10px;
  margin: 0px;
  line-height: 20px;
}

/* main body */

.body-wrapper {
  padding: 16px 0px;
  background-color: #fff;
}

/* left navigation */

.vertical-nav-wrapper {
  float: left;
  width: 200px;
}

/* entity menu */

ul.entity-menu {
  margin: 0px 0px 16px 0px;
  padding: 0px 0px 16px 0px;
}

ul.entity-menu ul {
  margin: 0px 0px 0px 8px;
  padding: 0px;
}

.entity-menu li.menu-item,
.entity-menu li.menu-item-more {
  list-style: none;
  padding: 4px;
}

.entity-menu .menu-item-more {
  font-weight: bold;
}

/* content area */

.breadcrumb {
  padding: 6px 0 6px 0;
  background-color: #f5f5f5;
  border-bottom: solid 1px #e4e4e4;
  font-size: 12px;
}

.content-wrapper {
  float: right;
  /*	width: 600px;*/
  margin-right: 10px;
}

.content {
  min-height: 300px;
}

/* footer elements */

.footer {
  text-align: center;
  margin-bottom: 16px;
}

.footer-list {
  padding: 0px;
  margin: 0px;
}

.footer-list li {
  display: inline;
  list-style: none;
  padding: 0px 8px;
}

.sub-footer {
  font-size: 14px;
  text-align: center;
  padding-bottom: 16px;
}
.footer {
  font-size: 12px;
}
.footer a {
  font-size: 11px;
  color: #222;
  text-decoration: underline;
  font-weight: normal;
}

/* account & checkout page styles */

.account-form .form-group,
.address-control .form-group {
  width: 85%;
  vertical-align: top;
}

.account-form .first-name,
.account-form .last-name,
.address-control .first-name,
.address-control .last-name,
.account-form .password-one,
.account-form .password-two,
.address-control .company,
.address-control .residence-type,
.address-control .city,
.address-control .state,
.address-control .zip-code {
  width: 41%;
  display: inline-block;
}

.address-control .first-name,
.account-form .first-name,
.account-form .password-one,
.address-control .company,
.address-control .city {
  margin-right: 3%;
}

/* Add To Cart Form Styles */
.add-to-cart-form span {
  display: block;
}

.table-order {
  text-align: right;
}

.tbw-header {
  background: url(images/tbw/MainMast2.jpg) transparent 0 0 no-repeat;
  height: 171px;
}

.tbw-header > a {
  display: inline-block;
  width: 800px;
  height: auto;
  /*height: 171px;*/
}

.tbw-header-login {
  height: 35px;
  background-color: #fff;
  padding: 5px;
}

.tbw-header-login div {
  display: inline-block;
}

.tbw-header-login span {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.tbw-header-login #loginl {
  float: left;
}

.tbw-header-login #login a {
  font-size: 10px;
}

.tbw-header-login #loginr {
  float: right;
}

.tbw-header-shipping {
  background: url(images/tbw/Free-Shipping.jpg) transparent 0 0 no-repeat;
  height: 50px;
}

.tbw-wrapper {
  background: #fff;
}

.tbw-content {
  padding-top: 10px;
}
/*
.tbw-main-left {
	width: 180px;
	float: left;
text-align:center;
	margin-left: 10px;
	
}
*/
.tbw-main-right {
  /*width: 610px;*/
  /*width:100%;*/
  float: right;
  padding-left: 2px;
}

.input-qty {
  vertical-align: middle;
}
.DarkCell {
  background-color: #bdbdbd;
}
.LightCell {
  background-color: #fff;
}
.tbw-addtocart .form-group {
  margin: 0 0 0 9px;
}
.tbw-addtocart .add-to-cart-form span,
.tbw-addtocart label,
.tbw-addtocart .add-to-cart-button {
  display: inline-block;
  font-size: 10px;
}
.tbw-addtocart .add-to-cart-quantity {
  font-size: 10px;
  color: maroon;
  vertical-align: top;
  margin-top: 2px;
  margin-right: 2px;
  height: 54px;
  border: 1px solid maroon;
}
.tbw-addtocart .quantity-label {
  background-color: silver;
  border-bottom: 1px solid maroon;
}
.tbw-addtocart .quantity-field {
  width: 42px;
  padding: 0;
  display: block;
}
.tbw-addtocart .add-to-cart-buttons {
  margin-left: -10px;
}
.tbw-addtocart .add-to-cart-button {
  padding: 5px 10px;
  vertical-align: bottom;
  background: url(images/tbw/addtocart4a.jpg) no-repeat transparent 0 0;
  background-size: 107px 54px;
  width: 107px;
  height: 54px;
  font-size: 1px; /*hide text*/
  color: red; /*hide text*/
}
.navHeader {
  background: url("images/nav-header-bg.gif") no-repeat scroll 2px bottom
    rgba(0, 0, 0, 0);
  color: #4776bd;
  font-size: xx-small;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  padding-left: 5px;
  width: 176px;
  margin-bottom: 5px;
}
.ProductNameText {
  font-weight: bold;
}

.product-datalist-table input {
  font-size: 12px;
  border-collapse: collapse;
}
.table-tire-details td {
  line-height: 1.1em;
}
.left-search-previous-searches {
  display: inline-block;
  width: 144px;
  padding: 5px 0;
}
.btn-search-vehicle {
  width: 170px;
  display: block;
  margin: auto;
}
.form-email-friend {
  margin: 0;
}

.tbw-specialty-product td {
  vertical-align: top;
}

/*shopping cart and one page checkout*/
.opc-wrap {
  padding-left: 15px;
}
.shopping-cart-page div[id$="AmazonCheckoutTop"],
.shopping-cart-page div[id$="AmazonCheckoutBottom"] {
  text-align: right;
}

h1.product-name {
  color: #333333;
  line-height: 28px;
  font-size: 20px;
}

.shopping-cart-page {
  width: 600px;
}

.shopping-cart-page .form-control {
  display: block;
  width: 100% !important;
}

/* redirect customers offsite changes*/
.left-nav-container {
  display: none;
}
font[id*="VariantPrice"] {
  display: none;
}
.nav {
  z-index: 999;
}
.loginWrap,
#ctl00_hlMenuLogin,
.shoppingCart {
  display: none;
}
/* direct offsite topic */
.offsite-container {
  position: relative;
  background: rgb(199, 98, 0);
  background-image: url(/images/wheel-semi-transparent-12.png),
    linear-gradient(
      172deg,
      rgba(199, 98, 0, 1) 22%,
      rgba(199, 0, 0, 1) 79%,
      rgba(180, 0, 72, 1) 97%
    );
  background-position: bottom right, center;
  background-repeat: no-repeat;
  border-radius: 3px;
  margin-bottom: 2rem;
}
.offsite-link {
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  transition: color 0.6s, text-shadow 0.6s;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0), 0 1px 1px rgba(255, 255, 255, 0);
}
.offsite-link:hover,
.offsite-link:active,
.offsite-link:focus {
  color: #990000;
  text-decoration: none;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 7), 0 1px 1px rgba(255, 255, 255, 0.5);
}
.offsite-title {
  padding: 6rem 1rem 1rem;
  font-size: 2.3rem;
  line-height: 3rem;
  text-transform: uppercase;
  border-bottom: 0.50rem solid #fff;
  box-shadow: 0 0.75rem 0 #333;
  z-index: 999;
}
.offsite-text {
  border-top: 0.50rem solid #fff;
  padding: 2rem 1rem 2rem;
  font-size: 1.5rem;
  margin-top: 0.75rem;
}
.custom-shape-divider-top-1609698226 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
.custom-shape-divider-top-1609698226 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 60px;
}
.custom-shape-divider-top-1609698226 .shape-fill {
  fill: #ffffff;
}
/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
  .custom-shape-divider-top-1609698226 svg {
    width: calc(100% + 1.3px);
    height: 50px;
  }
}
/** For mobile devices **/
@media (max-width: 767px) {
  .custom-shape-divider-top-1609698226 svg {
    width: calc(100% + 1.3px);
    height: 40px;
  }
}

/* click to order offsite topic */
.click-to-order-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  z-index: 100;
  margin-bottom: 1.5rem;
}
.click-to-order-icon {
  z-index: 100;
  flex: 3;
}
.click-to-order-icon img {
  max-height: 180px;
  max-width: 180px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.click-to-order-text-wrap {
  position: relative;
  background: rgb(199, 98, 0);
  background-image: linear-gradient(
    172deg,
    rgba(199, 98, 0, 1) 22%,
    rgba(199, 0, 0, 1) 79%,
    rgba(180, 0, 72, 1) 97%
  );
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  max-height: 150px;
  left: -2rem;
  z-index: 99;
  flex: 8;
}
.click-to-order-cta {
  font-size: 1.1rem;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding: 1rem 0 0 3rem;
}
.click-to-order-desc {
  font-size: 1.5rem;
  font-weight: bold;
  color: #4575bc;
  text-transform: uppercase;
  padding: 0 0 1rem 3rem;
  /* -webkit-text-stroke: 2px #fff; */
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
    1px 1px 0 #fff;
}
.click-to-order-desc a,
.click-to-order-desc a:link,
.click-to-order-desc a:hover {
  color: #4575bc;
  text-decoration: none;
  word-break: keep-all;
}
.click-to-order-cta a,
.click-to-order-cta a:link,
.click-to-order-cta:hover {
  color: #fff;
  text-decoration: none;
  word-break: keep-all;
}