body.login {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
	background-color: #efefef;
	background-image: none;
}

.login .page {
	background-image: url(images/HeaderBG.png);
	background-position: center top;
	background-repeat: repeat-x;
	
}

.login h1 {
	padding-left: 30px;
	margin-bottom: 10px;
}

.login .login-logo.frontend {
	background-image: url(images/header.png);
	background-position: center top;
	background-repeat: no-repeat; 
	height: 233px;
	z-index: 4;
	position: relative;
}

.login .login-logo {
	height: 5px;
	background-image: none;
}

.login .login-region {
    background-color: #fff;
    background-image: url(images/LoginPage22032024.png);
    background-repeat: no-repeat;
    margin-top: -10px;
    width: 1024px;
    height: 800px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    margin-top: -10px;
    z-index: 1;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.login .login-area .login-submit-area {
  padding-left: 315px;
}

.page .page-inner #header_wrap #header #logo_wrap #logo {
	background-image: url(images/logo_small.png);
}

.page .page-inner #pre_header_wrap {
	background-image: url(images/header-bg.jpg);
}

.page .page-inner #pre_header_wrap #pre_header {
	background-image: url(images/logo_noheader.png);
    height:130px;
}

.theme-26 .page .page-inner #header_wrap #header #logo_wrap #logo {
	width: 160px;
}

.theme-28 .page .page-inner #header_wrap #header #logo_wrap #logo {
	margin-top: -5px;
}

.layout-1 .page .page-inner #header_wrap #header #logo_wrap #logo {
	background-image: url(images/logo_medium.png);
	margin-left: 18px;
}

.home .tire-search { margin: 0; float:left; min-width:50%; text-align:center; padding: 20px 0; width:initial;}
.home .tire-search #search_text { width:225px; }
.home .tube-search { margin: 0; float:left; text-align:center; padding: 20px 20px; width:initial; }
.tires .search-area-inner input[type="text"] { width: 225px; }

.home .tire-search .tire-search-title, .home .tube-search .tube-search-title { font-size:16px; font-weight:bold; padding-bottom:10px; }

.home .after-search { clear:both; height:10px; }

.home .tube-search select {
    font-size:14px;
    width:199px;
}

.tires .results-area .results-area-inner table td p.product-code-cell { font-size:12px; }
.tires .pd-n-c { min-width: 150px; }
.tires table tr td.cntr { font-size:12px; }
.tires img.mk-em { max-width: 75px; }

.checkout .delivery-option-wrap {
    display: none;
}

.checkout .checkout-table-wrapper { margin-bottom: 20px; }

.Receivable
{
  font-family: sans-serif;
}

.Receivable .ConnectionText
{
  position: relative;
  top: -3px;
}

.Receivable .portlet-content
{
    background: #fff url(icon.png) 4px 5px no-repeat;
    height: 55px;
}

.Receivable .clickable p
{
    padding-left: 55px;
}

.Receivable .clickable-list 
{
    padding-top: 15px;
}

.Receivable .dataTables_wrapper .dataTables_filter {
    padding-bottom: 15px;
    padding-right: 15px;
    color: #fff;
}

.Receivable .dataTables_wrapper {
    width: 910px;
    padding-top: 15px;
    background-color: #333;
    border-radius: 10px;
    margin-top: 7px;
    padding-bottom: 25px;
}

.Receivable table.dataTable {
    border-collapse: collapse;
}

.Receivable thead tr {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

.Receivable .GradientBackground
{    
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

.Receivable img.SupplierLogo
{
    width: 60px;
    height: 27px;
    border: 1px solid #C9C9C9;
    top: -7px;
    left: -7px;
    position: relative;
    float: right;
}

.Receivable .connectionBox {
    height: 65px;
    float: left;
    margin-right: 20px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.Receivable .application-area-inner {
    padding-left: 24px;
    padding-bottom: 20px;
}

.Receivable #application {
    padding-top: 20px;
}

body .Receivable .Hover 
{
    background: rgba(250,250,250,1);
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 47%, rgba(219,219,219,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(47%, rgba(240,240,240,1)), color-stop(100%, rgba(219,219,219,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 47%, rgba(219,219,219,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 47%, rgba(219,219,219,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 47%, rgba(219,219,219,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 47%, rgba(219,219,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dbdbdb', GradientType=0 );
    cursor: pointer;
}

.Receivable tr.Hover 
{
    background-color: #24ff00;
}

.Receivable .connection
{
    border: solid black 1px;
    border-radius: 5px;
    width: 250px;
    display: block;
    height: 34px;
    text-align: left;
    margin-top: 5px;
    padding-top: 20px;
    cursor: pointer;
}

.Receivable .AccountsBalanceTable caption, .Receivable .LineItemDetails caption, .Receivable .InvoiceDetails caption {
    background-color: #222;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #333;
    border-bottom-left-radius: 0px;
    font-weight: bold;
    text-align: center;
}

.Receivable .AccountsBalanceTable, .Receivable .LineItemDetails, .Receivable .InvoiceDetails  {
      border: 1px solid #ddd;
     border-collapse: collapse;
     margin: 35px auto 15px auto;
}

.Receivable .AccountsBalanceTable td, .Receivable .LineItemDetails td, .Receivable .InvoiceDetails td {
    min-width: 100px;
      border: 1px solid #ddd;
}

.Receivable .AccountsBalanceTable th, .Receivable .LineItemDetails th, .Receivable .InvoiceDetails th  {
    min-width: 100px;
      border: 1px solid #ddd;
}

.Receivable .BackButton {    
  float: right;
  position: relative;
  left: -15px;
  top: -20px;
}

.Receivable .BackButton2 {    
  float: right;
  position: relative;
  left: -15px;
}

.Receivable table.dataTable thead .sorting {
  background: url("/app_styles/images/sort_both.png") no-repeat center right;
}

.Receivable table.dataTable thead .sorting_asc {
  background: url("/app_styles/images/sort_asc.png") no-repeat center right;
}


.Receivable table.dataTable thead .sorting_desc {
  background: url("/app_styles/images/sort_desc.png") no-repeat center right;
}

.Receivable table.dataTable thead th { 
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}	


.Receivable .DateRange {
	text-align: center;
}


.Receivable .DateRangeLabel {
  font-weight: bold;
  padding: 5px;
}

.Receivable .EndDateLabel {
   padding-left: 10px;
}

.Receivable .Title {
   float: left;
}

.Receivable .SpecificInvoiceSearch {
    padding-top: 15px;
    padding-right: 15px;
    float: right;
}

@media print {
    .Receivable .DataTables_Table_0_wrapper {
        width: 730px;
    }
}

.tires .results-area .results-area-inner table td.qty-avail-cell,
.tires .results-area .results-area-inner table td.m-sp {
    font-weight: bold;
    background: rgb(250, 250, 231);
}

p.custom-ss-ordernotice { line-height:18px; }

.tires table.dataTable tr.ss-red td { background:red; }
.tires .results-area .results-area-inner table tr.ss-red td.qty-avail-cell,
.tires .results-area .results-area-inner table tr.ss-red td.m-sp {
    background:red; 
}


/* RESPONSIVE */

/* Mobile Footer */
.page .page-inner #mobile_footer_wrap { background:#384047; border:0 none; }
.page .page-inner #mobile_footer_wrap #mobile_footer_items_wrap a { color:#7A8289; background:#30373D; border:0 none; }
.page .page-inner #mobile_footer_wrap #mobile_footer_items_wrap a:hover { color:white; }

/* Responsive Width */

body.resp-size-960-or-less .page .page-inner #content_wrap { width:100%; box-sizing:border-box; overflow:hidden; }
body.resp-size-960-or-less .page .page-inner #content_wrap #content .results-area { display:none; }
body.resp-size-960-or-less .page .page-inner #content_wrap #content .results-area-mobile { display:block; }
body.resp-size-960-or-less .page .page-inner #content_wrap #content #checkout_content_region_wrap .checkout-table-wrapper .checkout-table { font-size: 0.9em; }
body.resp-size-960-or-less .page .page-inner #pre_header_wrap #pre_header { width: 100%; }
body.resp-size-960-or-less .page .page-inner #header_wrap #header { width:100%; }

body.resp-size-640-or-less .page .page-inner #mobile_header_wrap { background: #EEEEEE; }
body.resp-size-640-or-less .page .results-area-mobile .results-area-mobile-inner #mobile_results td.mobile-wide-cell {display:none;}
body.resp-size-640-or-less .page .results-area-mobile .results-area-mobile-inner #mobile_results td.mobile-thin-cell {display:table-cell;}
body.resp-size-640-or-less .page .results-area-mobile .results-area-mobile-inner #mobile_results td .tire-class-subtext {display:none;}
body.resp-size-640-or-less .page .page-inner #content_wrap { padding-top:2px; }
body.resp-size-640-or-less .page .page-inner #mobile_header_wrap #mobile_header_title { background: url('images/mobile_header_logo.png') 20px center no-repeat; }
body.resp-size-640-or-less.viewcart .page .page-inner .cart-table-area { display:none; }
body.resp-size-640-or-less.viewcart .page .page-inner .cart-table-thin-area { display:block; }
body.resp-size-640-or-less .page .page-inner #content_wrap #content #checkout_content_region_wrap { padding: 0 10px 10px 10px; }
body.resp-size-640-or-less .page .page-inner #content_wrap #content #checkout_content_region_wrap .checkout-table-wrapper { display: none; }
body.resp-size-640-or-less .page .page-inner #content_wrap #content #checkout_content_region_wrap .checkout-table-mobile { display: table; }
body.resp-size-640-or-less .page .page-inner #content_wrap #content #checkout_content_region_wrap .checkout-details-area { width:100%; }
body.resp-size-640-or-less .page .page-inner #content_wrap #content #checkout_content_region_wrap .checkout-details-area table { width:100%; }
body.resp-size-640-or-less .page .page-inner #content_wrap #content #checkout_content_region_wrap .checkout-details-area table td { display: block; }
body.resp-size-640-or-less .page .page-inner #content_wrap #content #checkout_content_region_wrap .checkout-details-area table td #orderNotes { width:100%; }
body.login.resp-size-640-or-less .page .page-inner .login-logo { background: url('images/login_logo_sml.png') center center no-repeat; height: 100px;}

body.resp-size-640-or-less .page .page-inner { padding-top: 80px; background: url(images/logo_home_page.png) left top no-repeat;}
body.resp-size-640-or-less .page .page-inner #pre_header_wrap {display:none;}
body.resp-size-640-or-less .page .page-inner #tm_ext_header { display: none; }

body.resp-size-640-or-less .page .page-inner #mobile_footer_wrap { display:block; }
body.resp-size-640-or-less .page .page-inner #menu_wrap { display: none; }

body.resp-size-480-or-less.login .page .page-inner .region .login-region {
    height:auto;
    background:#fff;
    border:0 none;
}

body.resp-size-480-or-less.login .page .page-inner .region .login-logo { display:none; }

body.resp-size-480-or-less .page .page-inner #content_wrap {padding: 0; border:0 none; }
body.resp-size-480-or-less .page .page-inner #content_wrap #content .ui-widget-content { background: white; border: 0 none; padding: 0; }
body.resp-size-480-or-less .page .page-inner #content_wrap #content .ui-widget-content .content-region-padded { padding: 15px 0 10px 0; }
body.resp-size-480-or-less .page .page-inner .search-area { padding: 0 10px; }
body.resp-size-480-or-less .page .page-inner .connections-area-mobile { padding: 10px; }
body.resp-size-480-or-less .page .page-inner .results-area-mobile .results-area-mobile-inner #mobile_results td.pd-i-m-c { display:none; }
body.resp-size-480-or-less .page .page-inner .results-area-mobile .results-area-mobile-inner #mobile_results td input.quantity-input-mobile { display:none; }
body.resp-size-480-or-less .page .page-inner .results-area-mobile .results-area-mobile-inner #mobile_results td.mobile-addtocart-wide { display:none; }
body.resp-size-480-or-less .page .page-inner .results-area-mobile .results-area-mobile-inner #mobile_results td.mobile-addtocart-thin { display:table-cell; }
body.resp-size-480-or-less .page .page-inner .results-area-mobile .results-area-mobile-inner #mobile_results td.mobile-addtocart-thin button { background:#fff; }
body.resp-size-640-or-less.resp-size-480-or-less .page .page-inner #mobile_header_wrap #mobile_header_title { background-position: 10px center; }

body.resp-size-480-or-less .page .page-inner { padding-top: 60px; background: url(images/logo_home_page_sml.png) left top no-repeat;}

body.resp-size-320-or-less .page { background: #FFFFFF; }
body.resp-size-320-or-less .page .page-inner #content_wrap #content .content-region-spacer {display: none; }
body.resp-size-320-or-less .page .page-inner #content_wrap #content #fitment_guide_content_region_wrap {display: none; }
body.resp-size-320-or-less .page .page-inner .results-area-mobile .results-area-mobile-inner #mobile_results td { font-size:10px; }
body.resp-size-320-or-less .page .page-inner .search-area .search-area-inner #search_spacer { display:block; height:10px; }
body.resp-size-320-or-less .page .page-inner .search-area .search-area-inner #search_text { width:100%; margin:0; padding:10px 7px; box-sizing: border-box; }
body.resp-size-320-or-less .page .page-inner .search-area .search-area-inner #search_button { width:100%; padding:10px 0; }
body.resp-size-320-or-less .page .page-inner .connections-area-mobile .connections-area-mobile-inner #connection-selector-mobile { width:100%; }
body.resp-size-320-or-less .ui-widget-content button.ui-state-default,
body.resp-size-320-or-less .ui-widget-content input[type="button"]  {
	font-size:1.1em; padding: 6px 5px;
	background:transparent;
}

body.resp-size-320-or-less button.ui-corner-all,
body.resp-size-320-or-less input[type="button"].ui-corner-all { -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; }
body.resp-size-320-or-less .ui-widget-content select { height:40px; }

/* Mobile Footer */
.page .page-inner #mobile_footer_wrap #mobile_footer #mobile_footer_list li { width:25%; text-align:center; }
.page .page-inner #mobile_footer_wrap #mobile_footer #mobile_footer_list a { background: url('images/icons_mobile.png') 27px 7px no-repeat; }
.page .page-inner #mobile_footer_wrap #mobile_footer #mobile_footer_list #mobile_footer_list_tires a { background-position-y: -43px; }
.page .page-inner #mobile_footer_wrap #mobile_footer #mobile_footer_list #mobile_footer_list_cart a { background-position-y: -93px; }
.page .page-inner #mobile_footer_wrap #mobile_footer #mobile_footer_list #mobile_footer_list_more a { background-position-y: -143px; }

.page .page-inner #mobile_footer_wrap #mobile_footer #mobile_footer_list #mobile_footer_list_home a:hover,
.page .page-inner #mobile_footer_wrap #mobile_footer #mobile_footer_list #mobile_footer_list_tires a:hover,
.page .page-inner #mobile_footer_wrap #mobile_footer #mobile_footer_list #mobile_footer_list_cart a:hover,
.page .page-inner #mobile_footer_wrap #mobile_footer #mobile_footer_list #mobile_footer_list_more a:hover
    { background-position-x: -73px; }

/* Retina Displays */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
    body.resp-size-640-or-less .page .page-inner #mobile_header_wrap #mobile_header_title {
        background-image: url('images/mobile_header_logo_2x.png?100');
		background-size: 22px 22px;
    }
	.page .page-inner #mobile_footer_wrap #mobile_footer #mobile_footer_list a {
		background: url('images/icons_mobile_2x.png?100') 27px 7px no-repeat;
		background-size: 124px 174px;
    }
}

.ss-notice-med { display:none; }
.ss-notice-sml { display:none; }

body.resp-size-960-or-less .ss-notice-lg { display:none; }
body.resp-size-960-or-less .ss-notice-med { display:inherit; }

body.resp-size-640-or-less .ss-notice-lg { display:none; }
body.resp-size-640-or-less .ss-notice-med { display:none; }
body.resp-size-640-or-less .ss-notice-sml { display:inherit; }
body.resp-size-640-or-less .ss-notice-sml.ss-block { display:block; }

body.ss-no-qty2 .ss-q2 { display:none; }

.logo::after {
    content: url('images/logo_small.png'); max-height: 110px; max-width: 500px;
}

.ui-widget-content .ui-icon.tm-rebate { background-image: url(images/ui-icons_4eb305_256x240.png); }

/* Highlighting */
.tires table tr.item-flag-1 td {
    color: #eb0505;
    font-weight: bold;
}


/* Cooper to Goodyear ALT product code */
.altProductCodetxt {
    color: black;
}

/* Moved down to avoid Userway widget */
.sup-cog {
    top:initial;
    bottom:10px;
}

.product-code-helptext {
    color: red;
    font-weight: bold;
    font-size: 12px;
}

#tire-search-area .tire-search .productcode-search-input-container {
    margin-right: 35px;
}

#tire-search-area .tube-search {
    margin-top: 15px;
}