﻿body.login {
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('images/pg-inner2.png') center no-repeat;
	background-color: #666666;
}

body.login .page .page-inner .login-logo {
	background: url('images/login_logo.png') center center no-repeat;
	height: 197px;
	background-size: 300px;
}
body.login {

}
body.login .login-region {
	width: 750px;
	border: 0 none;
}

body.login .login-area .login-username-area, .login-area .login-password-area, .login-area .login-submit-area {
	padding: 10px 0 10px 205px;
}

body.login .login-area .login-submit-area {
	padding-left: 348px;
}

body.login .login-contact-details {
	width: 730px;
}
/* Details image */
.page .page-inner #special_header_wrap #special_header_inner #special_header_details div {
	position: absolute;
	font-size: 22px;
	font-family: 'Gotham', sans-serif;
}


.page .page-inner #special_header_wrap #special_header_inner #special_header_details div a {
	color: black;
	text-decoration: none;
}

#header_wrap {
	display: none;
}

#special_header_details_phone {
	right: 10px;
	bottom: 70px;
}

#special_header_details_email {
	right: 10px;
	bottom: 1px;
}
.page {
	background-image: url(../images/pg-inner2.png);
	background-position: center 15px;
	background-repeat: no-repeat;
}
/* Details image */
.page .page-inner #special_header_wrap #special_header_inner #special_header_details {
	height: 130px;
	width: 600px;
	float: left;
	padding-right: 8px;
	position: relative;
	margin-left: 60px;
}

#special_header_details_phone {
	top: 10px;
}

#special_header_details_email {
	top: 70px;
	left: 256px;
}

.page .page-inner #special_header_wrap #special_header_inner #special_header_details div {
	position: absolute;
	font-size: 17px;
	font-family: 'Gotham', sans-serif;
}


.page .page-inner #special_header_wrap {
	display: block;
}

.page .page-inner #special_header_wrap #special_header_inner {
	height: 110px;
	background: url('images/special_header.png') 101px 10px no-repeat;
}

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.login.resp-size-640-or-less .page .page-inner .login-logo {
	background: url('images/login_logo_sml.png') center center no-repeat;
	height: 100px;
}

@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 #special_header_wrap #special_header_inner {
		background-image: url('images/special_header_2x.png');
		background-size: 450px 89px;
	}
}

/* Specials */
.tires table tr.is-special td {
	color: #00AA00;
}

.logo::after {
	content: url('images/login_logo_sml.png');
	max-height: 110px;
	max-width: 500px;
}

.home .tire-search {
	margin: 0;
	float: left;
	width: 50%;
	text-align: center;
	padding: 20px 0;
}

	.home .tire-search #search_text {
		width: 225px;
	}

.home .tube-search {
	margin: 0;
	float: right;
	width: 50%;
	text-align: center;
	padding: 20px 0;
}

.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;
}

/* WheelUnity */
.wheels #content_wrap #page_title {
	display: none;
}

.wheels #content_wrap {
	padding-left: calc(2% + 83px) !important;
	padding-top: 20px !important;
	padding-right: 2% !important;
	padding-bottom: 0px !important;
	max-width: 96% !important;
	box-sizing: initial !important;
}

	.wheels #content_wrap #content {
		box-sizing: border-box !important;
	}

@media screen and (max-width: 977px) {
	.wheels #content_wrap {
		padding-left: 0px !important;
		padding-top: 0px !important;
		padding-right: 0px !important;
		padding-bottom: 0px !important;
		max-width: 100% !important;
	}
}
