@charset "utf-8";
/* CSS Document */

h6.redText {
	color: #c00c00;
}

/* new for Tire Merchandising */ 
.panel-default.mgrSpecial > .panel-heading {
    background-color: #333333;
	text-align: center;
}
.panel.panel-default.tireResults.mgrSpecial {
    border-color: #333333;
}
.bgMgrHeader {
	background-color: #333333;
}
.mgrSpecial h2 {
    font-size: 28px;
}
.mgrSpecial h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}
.mgrSpecBanner {
	text-align: center;
	background-color: #c00c00;
	width: 350px;
	height: 35px;
	line-height: 35px;
	color: white;
	margin: 0 auto;
	position: relative;
}
.mgrSpecBanner:before{
	content: "";
	width: 0px;
	height: 0px;
	border-bottom: 35px solid #c00c00;
	border-left: 35px solid transparent;
	position: absolute;
	right: 100%;
	top: 0px;
}
.mgrSpecBanner:after{
	content: "";
	width: 0px;
	height: 0px;
	border-top: 35px solid #c00c00;
	border-right: 35px solid transparent;
	position: absolute;
	left: 100%;
	top: 0px;
}

.panel-default.buy3get1 > .panel-heading {
    background-color: #c00c00;
	text-align: center;
}
.panel.panel-default.tireResults.buy3get1 {
    border-color: #c00c00;
}
.bgBuy3Header {
	background-color: #c00c00;
}
.buy3get1 h2 {
    font-size: 28px;
}
.buy3get1 h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}

.mgrBuy3Banner {
	text-align: center;
	background-color: #ffffff;
	width: 350px;
	height: 35px;
	line-height: 35px;
	color: #333333;
	margin: 0 auto;
	position: relative;
}
.mgrBuy3Banner:before{
	content: "";
	width: 0px;
	height: 0px;
	border-bottom: 35px solid #ffffff;
	border-left: 35px solid transparent;
	position: absolute;
	right: 100%;
	top: 0px;
}
.mgrBuy3Banner:after{
	content: "";
	width: 0px;
	height: 0px;
	border-top: 35px solid #ffffff;
	border-right: 35px solid transparent;
	position: absolute;
	left: 100%;
	top: 0px;
}
/* end Tire Merchandising */

.affix {
  position: fixed;
  top: 317px;
}
.affix-top {
  position: absolute;
  top: 308px;  
}
.affix-bottom {
  position: absolute;
}
.rebateScroll {
	width: 11%;
	margin-left: 81%;
	background-color: #f2f2f2;
	border: 2px solid #dddddd;
    text-align: center;	
}
.CClogo {
	height: 90px;
	margin-bottom: 10px;
}
.rebateScroll h5 {
    text-transform: uppercase;
	padding-top: 10px;
}
.rebateScroll .btn-blueRebateBrand {
    margin-bottom: 10px;
}
.navbar-rebateAd {
    background-image: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ffffff;
    border-top-color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom-color: #ffffff;
}
    
.modal-body .row {
    margin-top: 10px;
}

.creditCard {
    text-align: center;
    margin-top: 10px;
}

html, body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
    font-family: 'Open Sans', sans-serif;
}
.row {
    margin-top: 25px;
    margin-bottom: 25px;
}
.tireResults .row {
	margin-top: 0;
	margin-bottom: 0;
}
.btn .badge {
    color: #337ab7;
    background-color: #ffffff;
    border-radius: 0;
}
span.badge.rear {
    margin-left: 12px;
}
.col-xs-6.left {
    text-align: left;
}
.pricingPanel {
	min-height: 300px;
}
.freeServPanel {
	min-height: 300px;
}
.panel.panel-default.freeServPanel {
	min-height: 310px;
}
u {
    color: #c00c00;
    text-decoration: none;
    font-size: 16px;
}
.right h1 {
    margin-top: 10px;
	font-weight: bold;
}
.tirePrice h1 {
    margin-top: 10px;
	font-weight: bold;
}
.tirePrice {
	text-align: right;
}
.tireImage {
    max-height: 200px;
    overflow: hidden;
    margin-bottom: 10px;
}
.img-responsive.logo {
	height: 40px;
	padding-bottom: 2px;
}
.tireImage img {
    border: 1px solid #dddddd;
    cursor: pointer;
}
img.img-responsive.buy3.center-block {
    cursor: default;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
h2 {
	font-weight: bold;
}
h3 {
	font-size: 28px;
	font-weight: bold;
}
h3.brand {
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
	margin-top: 5px;
}
h3.brand.blueText {
    color: #337ab7;
}
h5.brand.blueText {
    color: #337ab7;
}
h4 {
	font-size: 16px;
	font-weight: bold;
}
h5 {
	font-size: 16px;
	color: #c00c00;
	font-weight: bold;
	margin-top: 5px;
    margin-bottom: 5px;
}
h5.brand {
	margin-bottom: 10px;
	color: #333333;
}
h5.compare {
    font-size: 14px;
}
h6 {
    font-size: 14px;
    font-weight: bold;
}
h6.foundLower {
    font-size: 16px;
    font-weight: bold;
}
.staggered h6 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.staggered .top {
	margin-top: 10px;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 18px;
}
.noBold {
	font-weight: normal;
}
.noBoldwhite {
	color: #ffffff;
}
.underline {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 5px;
}
.tireDetails h6 {
    margin-top: 5px;
    margin-bottom: 0;
}
.freeServices li {
    display: block;
	margin-left: -17px;
}
.freeServices li:before
{
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -20px;
    color: #ffffff;
    background-color: #c00c00;
    padding: 2px;
}
.tireExpert .col-xs-6 {
    padding-right: 5px;
    padding-left: 5px;
}
.col-xs-6.right {
    text-align: right;
}
.col-xs-4.right {
    text-align: right;
}
.col-sm-2.right {
    text-align: right;
}
.col-sm-3.right {
    text-align: right;
}
.col-sm-4.right {
    text-align: right;
}
.col-sm-12.hidden-xs {
    margin-top: 10px;
}
.tireResults .col-sm-2 {
    padding-left: 5px;
    padding-right: 5px;
}
.tireResults .col-sm-3 {
    padding-left: 5px;
    padding-right: 5px;
}
.tireResults .col-sm-4 {
    padding-left: 10px;
    padding-right: 5px;
}
.tireResults .col-sm-10 {
    padding-left: 5px;
}
.tireResults .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-3.filter {
    text-align: left;
}
.carousel-inner {
	max-height: 200px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	height: auto;
}
.greyStar {
    color: #d2d2d2;
    font-size: large;
    cursor: not-allowed;
}    
.greenStar {
	color: green;
	font-size: large;
}
.yellowStar {
	color: gold;
	font-size: large;
}
.orangeStar {
	color: DarkOrange;
	font-size: large;
}
.redStar {
	color: red;
	font-size: large;
}
span.glyphicon.glyphicon-star-empty {
    color: #d2d2d2;
	font-size: large;
}
.starRatings {
    margin-bottom: 15px;
}
span.underline {
    border-bottom: 4px solid #c00c00;
}
.resetFilter a {
    color: #ffffff;
}
.panel-default > .panel-heading.resetFilter {
    background-color: #c00c00;
}
.panel-title {
    text-transform: uppercase;
}
.panel {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ffffff;
	border-radius: 0px;
}
.panel.panel-default.sideFilter {
    border: 1px solid #dddddd;
}
.panel.tireResults {
    border: 2px solid #dddddd;
}
.panel.sortCompare {
    border: 1px solid #dddddd;
	background-color: #f2f2f2;
	margin-bottom: 10px;
}
.tireResults .panel-body {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.sortCompare .panel-body {
    padding-left: 10px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-top: 10px;
}
#searchForm .control-label {
    padding-left: 0;
    padding-right: 0;
}
#searchForm .form-group {
    margin-bottom: 5px;
}
.sideFilter .panel-body {
    background-color: #f2f2f2;
}
.panel-default > .panel-heading {
	background-image: none;
	background-color: #666666;
	color: #ffffff;
	filter: none;
}
.panel-group .panel {
    border-radius: 0px;
}
.panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 6px 15px;	
}
.panel-heading.filterHeader {
    background-color: #ffffff;
	border-color: #ffffff;
}
.nav-tabs > li > a {
    margin-right: 5px;
    border: 1px solid transparent;
    border-radius: 0;
	color: #c00c00;
}
.nav-tabs.nav-justified > li > a {
    border-radius: 0;
}
.panel.with-nav-tabs .panel-heading{
    padding: 0;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
span.underlineTab {
    border-bottom: 4px solid transparent;
}
li.active span.underlineTab {
    border-bottom: 4px solid #c00c00;
    color: #333333;
}
.nav > li > a {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 3px;
}
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #333333;
    font-weight: bold;
    font-size: 14px;
	text-transform: uppercase;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #ffffff;
	background-color: #c00c00;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a, 
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, 
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    color: #c00c00;
    background-color: #ffffff;
    border-color: #ffffff;
    border-bottom-color: #dddddd;
    font-weight: bold;
    font-size: 14px;
	text-transform: uppercase;
}
.mainCat:nth-of-type(odd) {
	background-color: #bfbfbf;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
}
.mainCat:nth-of-type(even) {
	background-color: #dddddd;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
}
.review .mainCat {
	color: #c00c00;
}
.subCat {
    font-weight: bold;
    text-align: center;
    font-size: 12px;
	background-color: #f2f2f2;
}
td {
    font-size: 12px;
    text-align: center;
}
.specialPricing td {
    text-align: left;
    font-size: 14px;
}
.table-hover > tbody > tr:hover {
	background-color: #f5f5f5;
	font-weight: bold;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
	white-space: normal;
}
.table {
    margin-bottom: 0;
}
.table-responsive.review {
    border: 1px solid #c00c00;
	margin-bottom: 20px;
}
.table-bordered {
    border: none;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 1px;
    border-color: #c00c00;
}
.specialPricing thead {
    background-color: #bfbfbf;
    color: #333333;
}
.specialPricing tr {
    text-align: left;
}
thead {
    background-color: #c00c00;
    color: #ffffff;
}
.sideFilter .table > tbody > tr > td {
    border-top: none;
    text-align: left;
    font-size: 14px;
}
.sideFilter label {
    font-weight: bold;
    margin-bottom: 0;
}
.sideFilter.performance label {
	display: inline;
}
.form-control {
	border: 1px solid #dddddd;
	border-radius: 0px;
    box-shadow: none;	
}
.form-control:focus {
    border-color: #dddddd;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-group .col-sm-12 {
    text-align: right;
}
input[type="checkbox"] {
    margin: 0 0.4em 0.4em 0;
    border: 1px solid #dddddd;
    background: none;
    -webkit-appearance: none;
    -webkit-transition: none;
    box-shadow: none;
	border-radius: 0px;
	background-color: #ffffff;
}
/*.performance input[type="checkbox"] {
	display: inline-table;
}*/
.checkbox.compare {
    margin-top: 0;
    margin-bottom: 3px;
}
input[type="checkbox"]:checked:before {
    color: #ffffff;
}
input[type="radio"]:checked, input[type="checkbox"]:checked {
    border-color: #c00c00;
    background-color: #c00c00;
}
input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: none;
    box-shadow: none;
}
.pagination {
    border-radius: 0;
}
.pagination-md > li:first-child > a, .pagination-md > li:first-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	color: #c00c00;
    border: 1px solid #dddddd;
}
.pagination-md > li:last-child > a, .pagination-md > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #c00c00;
    border: 1px solid #dddddd;	
}
.pagination-md > li > a, .pagination-md > li > span {
    margin-right: 10px;
	color: #c00c00;	
	border: none;
	font-size: 16px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #c00c00;
    border-color: #c00c00;
}
ul.pagination.pagination-md {
    margin-top: 0;
    margin-bottom: 5px;
}
#ContentPlaceHolder1_lblCurrentPage .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #ffffff;
    color: #dddddd;
}
.fa-lg {
    font-size: 2em;
}
.btn-block + .btn-block {
    margin-top: 10px;
}
.btn {
    border: 2px solid transparent;
    border-radius: 0px;
	white-space: normal;
	text-transform: uppercase;
}
.btn-red {
	color: #ffffff;
	font-weight: bold;
	background-color: #c00c00;
	border-color: #c00c00;
	margin-top: 10px;
	font-size: 16px;
	text-transform: uppercase;
}
.btn-red:hover {
    color: #c00c00;
	font-weight: bold;
    background-color: #ffffff;
    border-color: #c00c00;
	background-image: none;
	margin-top: 10px;
	font-size: 16px;	
}
button.btn.btn-red.btn-sm.btn-block {
    font-size: 14px;
}
.btn-compare.active {
	color: #ffffff;
	font-weight: bold;
	background-color: #c00c00;
	border-color: #c00c00;
	margin-bottom: 5px;
    box-shadow: none;
}
.btn-compare 
{
    color: #c00c00;
	font-weight: bold;
    background-color: #ffffff;
    border-color: #c00c00;
	background-image: none;
	margin-bottom: 5px;
}
.btn-compare.disabled {
    color: #bfbfbf;
    font-weight: bold;
    background-color: #ffffff;
    border-color: #bfbfbf;
    margin-bottom: 5px;
}
.btn-filter {
	color: #ffffff;
	font-weight: bold;
	background-color: #c00c00;
	border-color: #c00c00;
	margin-right: 10px;
	margin-bottom: 5px;
}
.btn-filter:hover {
    color: #c00c00;
	font-weight: bold;
    background-color: #ffffff;
    border-color: #c00c00;
	background-image: none;
	margin-right: 10px;
	margin-bottom: 5px;
}
.btn-green {
	color: #ffffff;
	font-weight: bold;
	background-color: #3e8f3e;
	border-color: #3e8f3e;
	margin-top: 10px;	
}
.btn-green:hover {
    color: #3e8f3e;
	font-weight: bold;
    background-color: #ffffff;
    border-color: #3e8f3e;
	background-image: none;
	margin-top: 10px;
}
.btn-greenRebate {
    color: #ffffff;
	font-weight: bold;
    background-color: #3e8f3e;
    border-color: #3e8f3e;
	background-image: none;
	margin-top: 5px;
}
.btn-greenRebate:hover {
	color: #ffffff;
	font-weight: bold;
	background-color: #3e8f3e;
	border-color: #3e8f3e;
	margin-top: 5px;
}
.btn-blueLink {
    color: #337ab7;
	font-weight: bold;
	font-size: 16px;
    background-color: #ffffff;
	background-image: none;
	margin-top: 10px;
	text-align: right;
}
.btn-blueLink:hover {
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	background-color: #337ab7;
	border-color: #337ab7;
    margin-top: 10px;
	text-align: right;	
}
.btn-blue {
	color: #ffffff;
	font-weight: bold;
	background-color: #337ab7;
	border-color: #337ab7;
    margin-top: 10px;	
}
.btn-blue:hover {
    color: #337ab7;
	font-weight: bold;
    background-color: #ffffff;
    border-color: #337ab7;
	background-image: none;
	margin-top: 10px;
}
.btn-blueRebateBrand {
    color: #337ab7;
	font-weight: bold;
    background-color: #ffffff;
    border-color: #337ab7;
	background-image: none;
	margin-top: 5px;
}
.btn-blueRebateBrand:hover {
	color: #ffffff;
	font-weight: bold;
	background-color: #337ab7;
	border-color: #337ab7;
	margin-top: 5px;
}
.btn-grey {
	color: #333333;
	font-weight: bold;
	background-color: #dddddd;
	border-color: #dddddd;
	margin-top: 10px;
}
.btn-grey:hover {
    color: #333333;
	font-weight: bold;
    background-color: #ffffff;
    border-color: #dddddd;
	background-image: none;
	margin-top: 10px;
}
.btn-NoShip {
	color: #ffffff;
	font-weight: bold;
	background-color: #d58512;
	border-color: #d58512;
	text-transform: uppercase;
}
.btn-NoShip:hover {
	color: #ffffff;
	font-weight: bold;
	background-color: #d58512;
	border-color: #d58512;
	text-transform: uppercase;
}
.btn-FreeServices {
	color: #ffffff;
	font-weight: bold;
	background-color: #d58512;
	border-color: #d58512;
	text-transform: uppercase;
	margin-top: 10px;
}
.btn-FreeServices:hover {
	color: #d58512;
	font-weight: bold;
	background-color: #ffffff;
	border-color: #d58512;
	text-transform: uppercase;
	margin-top: 10px;
}
.btn-winter {
	color: #ffffff;
	font-weight: bold;
	background-color: #00CED1;
	border-color: #00CED1;
	text-transform: uppercase;
    margin-top: 10px;	
}
.btn-winter:hover {
	color: #ffffff;
	font-weight: bold;
	background-color: #00CED1;
	border-color: #00CED1;
	text-transform: uppercase;
    margin-top: 10px;	
}
.rebateBlock {
    margin-bottom: 10px;
    margin-top: 10px;
}
.rebateText {
    display: table-cell;
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
    text-align: center;	
}
.buy3Block {
    margin-bottom: 10px;
    margin-top: 10px;
}
.buy3Panel {
    position: relative;
    width:100%;
    font-weight: bold;
    text-align: center;
	min-height: 250px;
	margin-bottom: 10px;
	color: #ffffff;
}
.buy3 {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/buy3_get1free_750.jpg') no-repeat center center;
	background:	linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/buy3_get1free_750.jpg') no-repeat center center;
	background: url('../images/buy3_get1free_750.jpg') no-repeat center center, -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#7f000000, endColorstr=#000000)";
}
.buy3Text {
    display: table-cell;
    vertical-align: middle;
}
.buy3Text h1 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 50px;
}
.superLarge {
	font-size: 65px;
	color: #c00c00;
}
.bfgoodrich {
    overflow: hidden;
    height: 250px;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7f000000, endColorstr=#7f000000)", url('../images/tire_track_750.jpg') no-repeat center center;
}
.bridgestone {
    overflow: hidden;
    height: 250px;
	display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;
	background: linear-gradient(rgba(254, 9, 24, 0.5), rgba(254, 9, 24, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7ffe0918, endColorstr=#7ffe0918)", url('../images/tire_track_750.jpg') no-repeat center center;
}
.continental {
    overflow: hidden;
    height: 250px;
    z-index: 2;
	display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background:	linear-gradient(rgba(255, 168, 19, 0.5), rgba(255, 168, 19, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7fffa813, endColorstr=#7fffa813)", url('../images/tire_track_750.jpg') no-repeat center center;
}
.cooper {
    overflow: hidden;
    height: 250px;
    z-index: 2;
	display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(28, 59, 114, 0.5), rgba(28, 59, 114, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7f1c3b72, endColorstr=#7f1c3b72)", url('../images/tire_track_750.jpg') no-repeat center center;
}
.dunlop {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7f000000, endColorstr=#7f000000)", url('../images/tire_track_750.jpg') no-repeat center center;
}
.eldorado {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(35, 31, 32, 0.5), rgba(35, 31, 32, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7f231f20, endColorstr=#7f231f20)", url('../images/tire_track_750.jpg') no-repeat center center;
}
.falken {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(1, 79, 154, 0.5), rgba(1, 79, 154, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7f014f9a, endColorstr=#7f014f9a)", url('../images/tire_track_750.jpg') no-repeat center center;	
}
.firestone {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(49, 49, 49, 0.5), rgba(49, 49, 49, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7f313131, endColorstr=#7f313131)", url('../images/tire_track_750.jpg') no-repeat center center;
}
.general {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(211, 17, 69, 0.5), rgba(211, 17, 69, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7fd31145, endColorstr=#7fd31145)", url('../images/tire_track_750.jpg') no-repeat center center;	
}
.goodyear {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(19, 57, 132, 0.5), rgba(19, 57, 132, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7f133984, endColorstr=#7f133984)", url('../images/tire_track_750.jpg') no-repeat center center;		
}
.hankook {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(245, 92, 25, 0.5), rgba(245, 92, 25, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7ff55c19, endColorstr=#7ff55c19)", url('../images/tire_track_750.jpg') no-repeat center center;	
}
.kelly {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(1, 153, 102, 0.5), rgba(1, 153, 102, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7f019966, endColorstr=#7f019966)", url('../images/tire_track_750.jpg') no-repeat center center;	
}
.kumho {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(241, 47, 35, 0.5), rgba(241, 47, 35, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7ff12f23, endColorstr=#7ff12f23)", url('../images/tire_track_750.jpg') no-repeat center center;	
}
.mastercraft {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#7f000000, endColorstr=#7f000000)", url('../images/tire_track_750.jpg') no-repeat center center;
}
.michelin {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(2, 1, 155, 0.5), rgba(2, 1, 155, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7f02019b, endColorstr=#7f02019b)", url('../images/tire_track_750.jpg') no-repeat center center;		
}
.nexen {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(130, 33, 102, 0.5), rgba(130, 33, 102, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7f822166, endColorstr=#7f822166)", url('../images/tire_track_750.jpg') no-repeat center center;
}
.pirelli {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(226, 200, 1, 0.5), rgba(226, 200, 1, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7fe2c801, endColorstr=#7fe2c801)", url('../images/tire_track_750.jpg') no-repeat center center;	
}
.toyo {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(1, 98, 177, 0.5), rgba(1, 98, 177, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7f0162b1, endColorstr=#7f0162b1)", url('../images/tire_track_750.jpg') no-repeat center center;		
}
.vogue {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;	
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(255, 199, 38, 0.5), rgba(255, 199, 38, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7fffc726, endColorstr=#7fffc726)", url('../images/tire_track_750.jpg') no-repeat center center;		
}
.uniroyal {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;	
	background: url('../images/tire_track_750.jpg') no-repeat center center;	
	background: linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7fff0000, endColorstr=#7fff0000)", url('../images/tire_track_750.jpg') no-repeat center center;		
}
.yokohama {
    overflow: hidden;
    height: 250px;
    z-index: 2;
    display: table;
	background: url('../images/tire_track_750.jpg') no-repeat center center;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/tire_track_750.jpg') no-repeat center center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#7f000000, endColorstr=#7f000000)", url('../images/tire_track_750.jpg') no-repeat center center;
}
.excellent {
	background-color: #33cc00;
}
.good {
	background-color: #99ff99;
}
.fair {
    background-color: #ffff00;
}
.poor {
    background-color: #ff9999;
}
.unacceptable {
    background-color: #cc0000;
}
.talkbubble {
	height: 50px;
	background: #d58512;
	position: relative;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-left: 20px;
	margin-right: 20px;   
}
.staggered .talkbubble {
    margin-left: 15px;
    margin-right: 15px;
}
.winter h5 {
    color: #3399ff;
}
.winter h6 {
    color: #3399ff;
}
.winter {
    text-align: center;
	margin-top: 10px;	
}
.talkbubble h5 {
    color: #333333;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    text-align: center;
}
.talkbubble h6 {
    color: #333333;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    text-align: center;
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li > a {
		border-bottom: 1px solid #ddd;
		border-radius: 0;
	}
}

/* Off Canvas */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .sidebar-offcanvas {
    position: absolute;
    width: 100%;
    display: none;
  }
  .row-offcanvas-right {
    right: 0;
  }
  .row-offcanvas-right.active
  .sidebar-offcanvas {
    display: block;  
    right: 0;
    top: 50px;
    z-index: 1;
	background-color: #ffffff;
  }
  .row-offcanvas-right.active {
    
  }
    .col-xs-6.center {
        text-align: center;
    }  
}

@media screen and (max-width: 767px) {
	.rebateScroll {
		width: 100%;
		margin-left: 0;
	}
	.rebateScroll .col-sm-9 {
		padding-left: 0;
		padding-right: 0;
	}
	.rebateScroll .col-sm-3 {
		padding-left: 0;
		padding-right: 0;
		padding-top: 15px;
	}
	.rebateScroll h5 {
		font-size: 14px;
		padding-top: 5px;
	}	
	.rebateScroll h6 {
		font-size: 12px;
		text-align: left;
		margin-top: 5px;
		margin-bottom: 5px;		
	}
	.rebateScroll .col-md-10 {
		padding-left: 0;
	}    
	.mgrSpecial h2 {
	    font-size: 20px;
	}
	.mgrSpecBanner {
	    width: 250px;
	}
	.buy3get1 h2 {
	    font-size: 20px;
	}
	.mgrBuy3Banner {
	    width: 250px;
	}    
	.row {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.tireResults .row {
		margin-left: 3px;
	}
	h1, .h1 {
		font-size: 32px;
	}	
	.tireResults .col-xs-9 {
		padding-left: 2px;
	}
	.col-xs-3.right {
		padding-left: 0;
	}
	.col-xs-6.right {
		padding-right: 5px;
		padding-left: 10px;
	}		
	.tireImage .img-responsive {
		height: auto;
	}
	.table-responsive > .table-bordered {
		border: 0;
		table-layout: fixed;
		word-wrap: break-word;
	}
	.starRatings {
		margin-bottom: 0;
	}
	.greyStar {
        font-size: x-large;
    }
	.greenStar {
		font-size: x-large;
	}
	.yellowStar {
		font-size: x-large;
	}
	.orangeStar {
		font-size: x-large;
	}
	.redStar {
		font-size: x-large;
	}
	span.glyphicon.glyphicon-star-empty {
		font-size: x-large;
	}	
/*	h3 {
		font-size: 24px;
	}*/
	h4.brand {
		text-transform: uppercase;
		/*font-size: 16px;*/
		margin-top: 0;
		margin-bottom: 0;
	}	
/*	h5 {
		font-size: 14px;
	}*/
	h5.brand {
		margin-bottom: 5px;
	}	
	h6 {
		font-size: 16px;
	}
	.tireSpecs h6 {
		font-size: 14px;
	}
	h6.brand {
		margin-top: 0;
		margin-bottom: 0;
	}	
	.subCat {
		font-size:12px;
	}	
	td {
		font-size: 12px;
	}
	.btn-green {
	    text-transform: uppercase;
	}
	.btn-green:hover {
	    text-transform: uppercase;
	}	
	.btn-red {
		color: #ffffff;
		font-weight: bold;
		background-color: #c00c00;
		border-color: #c00c00;
		background-image: none;
		margin-top: 10px;
		font-size: 16px;
	}
	.btn-red:hover {
		color: #ffffff;
		font-weight: bold;
		background-color: #c00c00;
		border-color: #c00c00;
		margin-top: 10px;
		font-size: 16px;
	}
	.btn-compare {
		margin-left: 0;
	}	
	.btn-blueLink {
		color: #337ab7;
		font-weight: bold;
		background-color: #ffffff;
		border-color: #337ab7;
		background-image: none;
		margin-top: 10px;
		text-align: center;
	}
	.btn-blueLink:hover {
		color: #ffffff;
		font-weight: bold;
		background-color: #337ab7;
		border-color: #337ab7;
		margin-top: 10px;
		text-align: center;
	}
	.panel.panel-default.freeServPanel {
		margin-top: 20px;
	}
	.with-nav-tabs.panel-default .nav-tabs > li.active > a, .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
		border-color: #c00c00;
		border-bottom-color: #c00c00;
	}	
	.panel-default > .panel-heading .tireInfo {
		background-color: #ffffff;
	}
	.panel-group .panel + .panel {
		margin-top: 0;
	}	
	.nav-tabs > li > a {
		border: 1px solid #c00c00;
	}
	.with-nav-tabs.panel-default .nav-tabs > li > a, .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
		color: #ffffff;
		background-color: #c00c00;
	}
	.panel.panel-default.sortCompare {
		margin-top: 20px;
	}
	.freeServPanel {
		visibility: hidden;
		display: none;	
	}
	.tireResults .panel-body {
		padding: 5px;
	}
	.tireResults.staggered .col-sm-10 {
		padding-left: 5px;
	}
	.col-xs-12.pricing {
		padding-right: 0;
		padding-left: 0;
	}
	.col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.col-xs-8.right {
		text-align: right;
	}	
	.col-xs-12.right {
		text-align: left;
	}
	.pagination-md > li > a, .pagination-md > li > span {
		margin-right: 5px;
	}
	#searchForm label {
		visibility: hidden;
		display: none;
	}
	.freeServices li {
		font-size: 12px;
	}
	ul, ol {
		margin-bottom: 5px;
	}
	.col-xs-4.visible-xs {
		padding-left: 5px;
		padding-right: 0;
	}
	.col-xs-8.visible-xs {
		padding-left: 10px;
		padding-right: 5px;
	}	
	.panel-heading.filterHeader {
		margin-bottom: 30px;
	}
	.table-responsive.sideFilter {
		border: none;
	}	
}

@media (min-width: 768px) and (max-width: 1023px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .sidebar-offcanvas {
    position: absolute;
    width: 100%;
    display: none;
  }
  .row-offcanvas-right {
    right: 0;
  }
  .row-offcanvas-right.active
  .sidebar-offcanvas {
    display: block;  
    right: 0;
    top: 50px;
    z-index: 10;
	background-color: #ffffff;
  }
  .row-offcanvas-right.active {
    
  }	
	#searchForm label {
		visibility: hidden;
		display: none;
	}
	.right h1 {
		font-size: 28px;
	}
	.panel-heading.filterHeader {
		margin-bottom: 30px;
	}
	.col-xs-6.center {
		text-align: center;
	}	
}

@media (min-width: 768px) and (max-width: 1024px) {
	.talkbubble {
		margin-left: 10px;
		margin-right: 10px;
	}
	.winter h6 {
		font-size: 12px;
	}
	.staggered .talkbubble {
		margin-left: 5px;
		margin-right: 5px;
        height: 40px;
	}
	.talkbubble h6 {
		font-size: 12px;
		padding-top: 5px;
	}
	.winter .fa-lg {
		font-size: 1em;
		vertical-align: -10%;
	}
	.winter h5 {
		font-size: 14px;
	}
	.rebateScroll {
		width: 100%;
		margin-left: 0;
	}
	.rebateScroll .col-sm-9 {
		padding-left: 0;
		padding-right: 0;
	}
	.rebateScroll .col-sm-3 {
		padding-left: 0;
		padding-right: 0;
		padding-top: 15px;
	}	
	.rebateScroll .col-md-10 {
		padding-left: 0;
	}	
	.rebateScroll h6 {
		text-align: left;
		margin-top: 5px;
		margin-bottom: 5px;	
	}			
}

@media (min-width: 1025px) and (max-width: 1199px) {
	.rebateScroll {
		width: 100%;
		margin-left: 0;
	}
	.rebateScroll .col-sm-9 {
		padding-left: 0;
		padding-right: 0;
	}
	.rebateScroll .col-sm-3 {
		padding-left: 0;
		padding-right: 0;
		padding-top: 15px;
	}	
	.rebateScroll .col-md-10 {
		padding-left: 0;
	}	
	.rebateScroll h6 {
		text-align: left;
		margin-top: 5px;
		margin-bottom: 5px;	
	}    
}

@media (min-width: 1200px) {
	.rebateScroll {
		width: 100%;
		margin-left: 0;
	}
	.rebateScroll .col-sm-9 {
		padding-left: 0;
		padding-right: 0;
	}
	.rebateScroll .col-sm-3 {
		padding-left: 0;
		padding-right: 0;
		padding-top: 15px;
	}	
	.rebateScroll .col-md-10 {
		padding-left: 0;
	}	
	.rebateScroll h6 {
		text-align: left;
		margin-top: 5px;
		margin-bottom: 5px;	
	}	
	.hidden-lg {
        visibility: visible;
        display: block !important;
	}	
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 374px) { 
	h1, .h1 {
		font-size: 26px;
	}
	.panel-heading.filterHeader {
		margin-bottom: 50px;
	}	
}

@media only screen 
and (min-device-width : 568px) 
and (max-device-width : 765px) {
    .creditCard h5 {
        text-align: right;
        margin-right: 45px;
    }
    .creditCard {
        text-align: right;
    }
    .creditCard .center-block {
        display: block;
        margin-right: 0;
        margin-left: auto;
    }        
}

/*ccw 03/2017 - add from external css for tire compare...*/
@media only screen 
and (min-device-width : 550px) and (max-device-width : 767px) and (orientation: landscape) {
    .col-sm-4.col-xs-4.right.hidden-xs {
        visibility: visible;
        display: block !important; 
    }
    .checkbox.compare.visible-xs {
        visibility: hidden;
        display: none !important;         
    }
	.creditCard {
		float: right;
	}	
}

@media only screen 
and (min-device-width : 550px) and (max-device-width : 767px) and (orientation: portrait) {
    .col-sm-8.col-xs-8 {
        width: 100%;
    }
}

@media (min-width: 1865px) {
	.visible-lg {
        visibility: visible;
        display: block !important;
	}
}

@media (max-width: 1864px) {
	.visible-lg {
        visibility: hidden;
        display: none !important; 
	}
}