@font-face {
    font-family: 'Bebas';
    src: url('../Content/fonts/bebasneue-webfont.eot');
    src: url('../Content/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/fonts/bebasneue-webfont.woff') format('woff'),
         url('../Content/fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../Content/fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*# General items */
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll;}
body {background: #000 url(/Images/bike-bg-5.png) no-repeat center top; font-family:Open Sans, sans-serif; font-size:0.9em;}
h1, h2, h3, h4, h5, h6 {color:#0A223E; font-family:Open Sans Condensed,sans-serif; font-weight:normal; text-transform:uppercase;}
h2 {line-height:28px;}
h4 { font-weight: bold; margin-top: 0; margin-bottom: 10px; }
ul, li {list-style-type:none;}
p {font-size:0.9em; margin:0 0 15px;}
img{ -ms-interpolation-mode: bicubic; }
.container-fluid {margin:0 auto; padding:0 !important;}
.container {max-width:1200px;}
.main-padded{ background-color:#FFF; padding: 20px 25px 0; }
form input[type=text], form input[type=password], form input[type=email], form input[type=url] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 36px; line-height:36px; margin-bottom:10px; padding: 0 10px; width: 100%;}
textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; padding: 0 10px; }
select { margin-bottom: 10px; padding: 5px; height: 36px; width:100%; }
input, textarea, button {font-family:Open Sans,sans-serif;}
a {color:#0A223E; outline:none;}
a:hover {color:#666666; text-decoration:none;}
a.back-link { font-weight: bold; margin:20px 0; }
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {color:#ffffff !important;}
::selection {background: #0A223E; color:#ffffff; /* Safari */}
::-moz-selection {background: #0A223E; color:#ffffff; /* Firefox */}
.hidden {display:none;}
.no-left-margin {margin-left:0 !important;}
.no-top-margin {margin-top:0 !important;}
.white {color:#ffffff !important;}
.shadow {text-shadow: 2px 2px 3px rgba(0,0,0,1);}
.center-align {text-align:center;}
.right-align {text-align:right;}
.right {float: right;}
.left {float: left;}
.inline-form { display:inline; }
.clear {clear:both;}
.error { color:red; font-size: .9em; display:block; margin-bottom:10px; }
.panel-heading {overflow:hidden;padding:4px;}
.search table td {padding:5px;}
.bold { font-weight:bold;}

/* 
    Old Blue - #233E5F
    New Blue - #0A223E
*/

/* Buttons */
input[type=submit], button, .button {background-color: #0A223E; border-radius:4px; border:none; box-shadow:none; color:#ffffff; font-weight: normal !important; outline:none; padding:5px 10px; text-decoration: none !important; transition: all .2s;}
input[type=submit]:hover, button:hover, .button:hover {background-color: #3f6b9b; color:#fff;}
input[type=submit][disabled], button[disabled], .button[disabled] { color:#fff; cursor: not-allowed; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
input[type=submit][disabled]:hover, button:disabled:hover, .button:disabled:hover { background-color: #0A223E; }
button a, button a:hover { color:#ffffff; }

/* Info Messages */
.msg-warning { background-color: #fcf2de; border:1px solid #8A6D3B; -webkit-border-radius: 4px; border-radius: 4px; color:#cb9135; padding: 10px; margin-bottom: 20px; }

/* Header */
.header {background-color:#0A223E; color:#ffffff; left:0; right:0; top:0; z-index:9999; padding:15px 0;}
.header h1 { color:#FFF; font-size:4em;  font-family: 'Bebas', Open Sans, sans-serif; line-height: .75em; margin: 10px 0 0; }
.header h1 span { color: #0575f5; }
.header .main-heading { display: block; margin: 10px 0; }

.sign-out {margin-top:30px;}
.sign-out a:hover {color:#999999 !important;}
ul.login-dtls { text-align: right; padding: 0; margin: 5px 0 0 0; }
ul.login-dtls li { line-height: normal; font-family: Open Sans Condensed,sans-serif; font-weight: normal; text-transform: uppercase; }
ul.login-dtls li a { color:#FFF; }
ul.admin-dtls-header { margin-top:15px; }

/* Main Content */
.main-content { min-height: 600px; }
.main-content h1{ font-size: 31.5px; line-height:28px; margin-top:0; }
.main-content h2{ font-size: 25.5px; line-height:28px; margin-top:0; }
.main-content a { font-weight: bold; text-decoration: underline; }

/* Navbar */
.navbar {margin-bottom:30px;}
.navbar span {margin-top:3px;}
.navbar ul { margin:0; }
.navbar ul li {margin-bottom:10px;}
.navbar ul li:first-child {margin-left:0px;}
.navbar ul li a {color:#666666;font-size:14px;}
.navbar ul li a:hover {color:#0A223E;}
.navbar .current a {color:#0A223E;}
.navbar .btn-navbar .icon-bar {background-color:#0A223E;}

/* Register Links */
.register-links{ margin-bottom: 25px; }

/* Login Buttons */
.account-button {display:block; margin-bottom:5px; text-align:center;}
.account-button img{margin:0 auto;}

/* Primary Brands */
.primary-brand {margin-bottom:5px; text-align:center;}
.primary-brand img {margin:0px 5px 0px 0px; max-height:40px;}

/* News */
.news-item {background-color:#f8f8f8; border: 3px solid #0A223E; margin-bottom:10px; padding:10px;}
.news-item h5 {font-weight:bold; margin-bottom:5px; margin-top:5px;}
.news-item > a {display:block; font-size:0.8em;}

.news-feed .news-item h5 {font-weight:bold; margin-bottom:5px; margin-top:5px;}
.news-feed h3{ margin-top: 0; }
.news-feed a{ font-weight: normal; text-decoration: none; }
.news-feed.feed-home h3{ margin-top: 25px; }
.news-feed .news-item{ border: 3px solid #0A223E; }
.news-feed .news-item h5 a{ font-weight: bold; }
.news-feed .news-item > a { display: block; font-size: 0.8em; }

/* Search */
.search { background-color: #f8f8f8; border-radius:2px; clear:both; margin-bottom:20px; padding:10px; overflow:hidden; }
.search select { padding:5px; }
.search h3 { margin-bottom:15px; margin-top:5px; }
.search input[type=submit] { height: 36px; }

/* Tyre Range - Index */
.tyre-range .tyre-brand {background-color:#f8f8f8; float:left; margin:0 0 20px 1%; padding:2.4330900243309%; text-align:center; width:44%; }
.tyre-range .tyre-brand:first-child { margin-left:0; }
.tyre-range .tyre-brand h4 {margin-bottom:0px;}
.tyre-range .tyre-brand img {max-height: 60px;}
.tyre-range .brand-small img { max-height:40px; }

/* Tyre Range - Brand */
.tyre-pattern { border: 3px solid #0A223E; min-height: 358px; margin-bottom: 20px; padding:20px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tyre-pattern h2 { color: #3F6B9B; font-size: 2em; font-weight: bold; margin:0 0 10px; }
.tyre-pattern .button { display: inline-block; font-size: .9em; font-weight: normal; text-decoration:none; margin-top: 15px; }
.tyre-pattern .tp-images a { display: block; }
.tyre-pattern .tp-images img { display:block; max-height:150px; margin:0 auto; }
.tyre-pattern .tp-brand { max-width: 120px; }
.tyre-pattern .tp-strap { font-style: italic; }

/* Tyre Range - Detail*/
.td-images img { display:block; margin: 0 auto; }
.td-brand {margin-bottom:10px;max-width:250px;}
.td-desc h1, .td-strap { text-align: center; }
.td-desc div, .td-desc ul { font-size: .9em; }
.td-desc ul { padding-left:20px; }
.td-desc ul li { list-style-type: disc; margin-bottom: 10px; }
.td-strap { font-size: 1.1em; font-style: italic; margin-bottom: 20px; text-align: center; }

/* Results */
.tyre-search-result input[type="text"] {height:20px; line-height:20px; text-align:center; padding:0; width:40px !important;}
.tyre-search-result input[type=submit] {margin:0 auto; max-width:95%;}
.tyre-search-result .panel-heading { padding:4px 0; }
.tyre-search-result .panel-body {margin:20px; padding:4px 0; overflow:hidden;}
.tyre-search-result .panel-body h2 {font-weight:bold; margin-top:0px;}
.tyre-search-result .panel-body .tyre-image {background-color:#ffffff; margin-bottom:10px; text-align:center;}
.tyre-search-result .panel-body .tyre-image img {max-height:200px;}
.tyre-search-result .panel-collapse { min-height: initial; }
.tyre-search-result:hover .panel-collapse { /*background-color: #FFF;*/ }
.tyre-strap { font-size: 1em; font-style:italic; font-weight:bold; }
.tyre-stock-code { display: block; font-size: .75em; }
.tyre-brand, .tyre-price { color: #0A223E; font-weight: bold; }
.stock-inline { display: none; }
.tr-desc ul{ padding-left: 20px; }
.tr-desc ul li { font-size: .9em; list-style-type: disc; margin-bottom: .9em; text-align: left; }

.no-info { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.btnBig {padding: 5px 10px !important;}

/* Basket */
.basket-modal { padding: 20px; width: 86%; max-width: 1000px; right: 0; left: 0; margin-left: auto; margin-right: auto; }
.basket-modal .close-basket { float:left; }
.basket-modal .checkout { float:right; }
.basket-modal .basket-actions { margin-top:25px; }
.basket-modal h2, #basket-items h4 { font-weight:bold; margin-top:0; margin-bottom:10px; }
.basket-modal h2 { margin-bottom:25px; }
.basket-summary { display: none; }
#basket-items .item-quantity { height: 20px; line-height:20px; padding:0; text-align: center; width: 40px; }
a.remove-basket-item { font-size: 1.2em; text-decoration:none; }

/* Fluid Table - Matt */
.table-fluid { clear:both; }
.table-fluid .table-row { border-top: solid 1px #0A223E; padding: 5px 0; overflow:hidden; transition: background-color .3s; }
.table-fluid .table-row:last-child { margin: 0; }
.table-fluid .table-row:hover { background-color: #f8f8f8; }
.create-btn { float: right; margin-top: -54px; }

/* Pager */
.pager > li > a{ font-weight: normal; text-decoration: none; }

/* Register */
.register input[type="radio"] { width: auto; vertical-align: top; margin-left: -20px; }
.register label.radio { display: inline; padding-left: 5px; }
.register-details { background-color: #F8F8F8; border: 5px solid #2F537F; -webkit-border-radius: 2px; border-radius: 2px; padding: 20px 10px; margin: 20px; }
.register-details h2 { text-align: center; }
    .register-details ul li div label {
        font-weight: bold;
    }

/* Login */
.login input[type="checkbox"] { width: auto; vertical-align: top; }
.login label.checkbox { display: inline; font-size: .9em; padding-left: 5px; }
.forgot-pw-link { float:right; font-size: 0.9em; }

/* Forms */
.validation-summary-errors { color:red; font-size:0.9em; }
.field-validation-error{ color:red; display:block; font-size:0.9em; margin-bottom:10px; }
form ul, form ul > li { overflow: hidden; }
form ul > li { margin-bottom: 10px; }

/* Orders */
.order-history-item {border-top:solid 1px #eeeeee; padding:5px 5px 5px 0px;}
.order-history-item:last-child {border-bottom:solid 1px #eeeeee;}
.order-details ul { margin:0; }
.order-details, .order-status { background-color: #f8f8f8; padding:15px; }
.order-status textarea{ width:100%; }
.back-link { clear:both; display:block; margin-top:20px; }

/* Checkout */
.checkout .checkout-item {border-top:solid 1px #eeeeee; padding:5px 5px 5px 0px;}
.checkout .checkout-item:last-child {border-bottom:solid 1px #eeeeee;}
.checkout .checkout-total {background-color:#f0f0f0; border-radius:4px; margin-top:10px; padding: 10px 10px 1px 10px;}
.checkout .checkout-total h3 { margin-top: 5px; }
.checkout .checkout-total div h4 span { font-weight: normal; }

.payment-details {background-color:#f0f0f0; border-radius:4px; margin-bottom:10px; padding:10px;}
.payment-details input[type="text"] {width:94%;}
.checkout-button button {margin-bottom:20px; margin-top:10px; padding:15px;}

/* Secondary Brands */
.secondary-container {background-color:#0A223E; border-radius:2px; color:#ffffff; margin-bottom:10px; margin-top:10px; padding:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.secondary-container .copyright {font-size:0.9em; padding:5px;}
.secondary-brand {background-color:#ffffff; border-radius:2px; padding:5px;}
.secondary-brand img {max-height:20px;}

/* Cookie Control */
.js .cookie-wrap { display: none; }
.cookie-wrap { background-color: #0A223E; }
.cookie-control { background-color: #3F6B9B; color: #FFF; position: relative; margin:0 auto; padding: 10px 25px; max-width: 1260px; width: 100%; border-radius: 0 0 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.cookie-control p, .cookie-control a { color:#FFF; margin:0; }
.cookie-control p { padding-right: 95px; }
.cookie-control p > a { font-weight:bold; font-style: italic; text-decoration: underline; }
.cookie-control .accept{ position: absolute; right: 25px; top: 50%; margin-top: -14px; background-color: #0A223E; color: #FFF; font-weight: bold; font-size: .8em; border-radius: 4px;  padding: 4px 20px; text-decoration: none; text-transform: uppercase; }

/* Admin Home Dashboard */
.dashboard-tile { background-color: #F8F8F8; border: 5px solid #2F537F; -webkit-border-radius: 2px; border-radius: 2px; padding: 20px 10px; margin-bottom: 20px; text-align: center; }
.dashboard-tile h2 { font-weight: bold; font-size: 1.5em; }
.dashboard-tile span { background-color: #2F537F; -webkit-border-radius: 50%; border-radius: 50%; color: #FFF; display: block; font-size: 5em; height: 100px; margin: 0 auto 20px; line-height: 98px; width: 100px; }

/* Specials */
.specials-icon { color: #008000; font-size: 18px; }
.specials-cta { display: block; float: right; max-width: 570px; }

/* Footer */
.footer {color:#0A223E;}
.footer {border-top:solid 1px #999999; padding-top:15px;}
.footer ul {font-size:0.8em; padding:0; margin-top:0px; text-align:center;}
.footer ul li { display: inline; }
.footer ul li a { margin:0 5px; }

/* Media queries */
@media (min-width:1011px) {
	.mobile {display:none !important;}
	.desktop-center {text-align:center;}
	.navbar-inner {padding-left:0 !important;}
	.navbar ul li {display:inline; margin:0 2.25% 5px 0.4347826086956522%;}
    .model {left:2%;}
}

@media (min-width: 1240px) {
	.navbar ul li {display:inline; margin:0 3.91304347826087% 5px 0.4347826086956522%;}
}

@media (max-width:1010px) {
	.navbar {background-color:#f8f8f8;}    
}

@media (max-width:795px) {
	body { background-color: #FFF; padding-left:0 !important; padding-right:0 !important;}
	.main-padded {margin-left:10px; margin-right:10px; padding: 20px 0 0;}
	.desktop {display:none !important;}
	.header {padding: 15px;}    
	.header .main-heading{ text-align:center; }
    .header .container, .header .login-dtls { text-align: center; }
	.mobile-center {text-align:center;}	
	/*form input[type=text], form input[type=email], form input[type=password], form input[type=number], select {width:95% !important;}*/
    form input[type=submit], form input[type=button], button { display:block; margin:0px 0px 10px 0px; width:100%; text-align:center; }
    .register input[type="radio"] { margin-left: 0px; }
	.tyre-size-search button {margin-top:10px; width:100%;}        
    .table-fluid .table-row { border:5px solid #2F537F; margin:5px 0 20px; text-align:center; }
	.tyre-search-result button { padding: 5px; margin-bottom:5px;}
	.tyre-search-result .info-mobile {background-color: transparent; margin-bottom:5px; padding:3px 0px;}
    .tyre-brand, .tyre-price { font-size: 1.2em; }
    .tyre-stock-code { font-size: .9em; font-style: italic; }
    .stock-inline { display: inline; }
	.checkout-button button {width:100%;}	
	.tyre-product-description button {margin-bottom:20px; width:100%;}	
    .create-btn { display:block; float:none; margin:0 0 20px; text-align:center; }
    .search input[type=submit]{ margin-top:20px; }
    .checkout-button { margin-top:20px; }
    .account-details { margin-bottom: 30px; }
    .basket-modal { width: 75%; }
    .basket-modal .table-fluid { display: none; }
    .basket-modal .basket-summary { color: #000; display: block; }
    .tyre-pattern h2, .tyre-product-desc h1 { margin-top:20px; }
    .tyre-product-imgs img{ max-width:50%; }
    .cookie-control p { padding:0; }
    .cookie-control .accept { position: relative; display: block; margin: 10px 0 0; right: auto; text-align: center; }
    .specials-cta { float: none; }
}

@media (max-width: 480px) {   
    .header h1 { font-size:3em; }
    .tyre-range .tyre-brand { float:none; margin:0 0 20px; /*padding:2.4330900243309%;*/ width:95.1338199513382%; }
    .tyre-product-imgs img { max-width: 56%; }

    .basket-modal .close-basket {
        float: left;
        width: 92.5%;
        margin-bottom: 5px;
    }
}

/* Extra Print Styles */
@media print {
    * { border-color:#000 !important; }
    .navbar, .register-links, .feed-title, .news-feed, .secondary-container, .footer { display: none !important; }
    .table-row { page-break-inside: avoid; }
}



.min-h-85 {
    min-height: 85px !important;
}

.min-h-230 {
    min-height: 230px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.w-150 {
    width: 150px !important;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-t-20 {
    margin-top: 20px !important;
}

/* Error Messages */
.msg-error {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #721c24;
    padding: 10px;
    margin-bottom: 20px;
}

.error-message {
    font-size: unset !important;
    margin-bottom:5px;
}

.btn-payment {
    margin-top:25px;
    clear:both;
}

.form-container {
    margin-left: unset !important;
    margin-right: unset !important;
}

.word-wrap {
    overflow-wrap: break-word
}

.adyen-checkout__field--storedCard .adyen-checkout__input[readonly], .adyen-checkout__field--storedCard .adyen-checkout__input[readonly]:hover {
background: none !important;
}

.adyen-checkout__card__holderName__input {
    background: #fff !important;
    border: 1px solid #b9c4c9 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    caret-color: #0075ff !important;
    color: #00112c !important;
    display: block !important;
    font-family: inherit !important;
    font-size: 1em !important;
    height: 40px !important;
    outline: none !important;
    padding: 5px 8px !important;
    position: relative !important;
    transition: border .2s ease-out,box-shadow .2s ease-out !important;
    width: 100% !important;
}