/* Logon Page */
body.login {
    background: white;
}


    body.login .page .page-inner .login-logo {
        display: none;
    }

    body.login .login-region {
        width: 750px;
        margin-top: 100px;
        background-color: black;
    }

        body.login .login-region h1 {
            display: none;
        }

    body.login .login-area .login-username-area, .login-area .login-password-area, .login-area .login-submit-area {
        margin-top: 30%;
        padding: 10px 0 10px 205px;
    }

    body.login .login-area .login-submit-area {
        padding-left: 348px;
        margin-top: 20px;
    }

    body.login .login-contact-details {
        width: 730px;
        padding-top: 30px;
    }

    body.login .login-area {
        height: 350px;
        color: black;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    body.login .login-region {
        border: solid;
        border-color: #b4b6ba;
        border-radius: 12px;
        background: url('images/master.png') center 50px/35% no-repeat;
        background-color: white;
    }

    body.login .login-username-area, body.login .login-password-area, body.login .login-submit-area {
        margin: 10px;
    }


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; }



.page .page-inner #special_header_wrap { display: block; }
.page .page-inner #special_header_wrap #special_header_inner { height:106px; background: url('images/special_header.png') 101px bottom 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: 231px 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;
}