/* Amba theme changes */
body { background-color: #f5f5f5; }

/*div#product-product .custom_html,
div#product-category .custom_html,
div#information-information .custom_html,
div#information-contact .custom_html,
div#information-sitemap .custom_html,
div#product-search .custom_html,
div#error-not-found .custom_html,
div#account-login .custom_html,
div#account-register .custom_html,
div#account-download .custom_html,
div#account-account .custom_html,
div#account-edit .custom_html,
div#account-password .custom_html,
div#account-address .custom_html,
div#account-wishlist .custom_html,
div#account-return .custom_html,
div#account-transaction .custom_html,
div#account-recurring .custom_html,
div#account-affiliate .custom_html,
div#account-newsletter .custom_html,
div#account-order .custom_html,
div#account-address .custom_html,
div#account-password .custom_html,
div#common-success .custom_html { display: none; }*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
h3 { font-size: 28px; }
a { color: #ff3300; transition: all 250ms linear; }
a:hover { color: #464646; transition: all 250ms linear; }

/* Buttons */
.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ff3300;
    background-image: linear-gradient(to bottom, #ff3300, #ff3300);
    background-repeat: repeat-x;
    border-color: #ff3300 #ff3300 #ff3300;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #e92f01;
    background-position: 0 -15px;
}
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#fa6600;border-color:#ec6101}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #ff3300;
    border-color: #e92f01;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #ff3300;
    border-color: #e92f01;
	outline-color: #ffa500;
}
.btn-primary:hover {
    color: #fff;
    border-color: #de5b00;
}
.btn-link { color: #ff3300; }

/* Forms */
.form-group .input-group-addon { position: relative; left: 3px; }

/* Tables */
.table-bordered {
    border: 1px solid #ececec;
    background: #fff;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ececec;
}
.table>tbody+tbody {
    border-top: 2px solid #ececec;
}

/* Forms */
form {
    background: #fff;
    padding: 5px 15px;
    border: 1px solid #ececec;
}
form .buttons {
    text-align: right;
}
form .buttons .pull-right {
    float: inherit !important;
}

/* Wells */
.well {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.well form { border: 0; padding: 0; }

/* Menu */
.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #ff3300;
    background-image: linear-gradient(to bottom, #ff3300, #ff3300);
    background-repeat: repeat-x;
}

/* Panels */
.panel-default > .panel-heading {
    color: #646464;
    background-color: #fff;
    border-color: #ececec;
}

/* Alerts */
.alert-dismissable .close, .alert-dismissible .close {
    top: 0px;
    right: -8px;
}

/* -- HOME -- */

/* Top */
#top { background-color: #dadcdd; padding: 0; margin-bottom: -12px; min-height: inherit; }
#top .btn-link, #top-links li, #top-links a { color: #303030; }
#top ul.list-inline { margin: 0; margin-top: -10px; }
#top-links { padding-top: 0; }
#top-links .list-inline > li:last-child { padding-right: 0; }
#top .fa { margin-right: 3px; }

/* Cart */
#cart { margin-bottom: 0; top: 7px; }
#cart > .btn {
    font-size: 14px;
    line-height: 20px;
}
#cart .btn-inverse {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ff3300;
    background-image: linear-gradient(to bottom, #ff3300, #ff3300);
    background-repeat: repeat-x;
    border-color: #ff3300 #ff3300 #ff3300;
}
#cart .btn-lg {
    padding: 23px 16px 16px;
}

/* Header */
header { margin-bottom: 20px; background: #303030; }

/* Logo */
#logo {
    margin-top: -11px;
}
#logo a:after {
    color: #ff3300;
	content: 'The Professional Touch for Brake Caliper Refurbishment.';
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
	font-weight: 600;
	margin: 0px 0px 0px 5px;
    padding: 0px;
}
#logo img { display: inline-block; }

/* Search */
#search { margin-top: 35px; margin-right: 4px; }
#search .form-control {
	border: 1px solid #fff;
	-webkit-box-shadow: none;
    box-shadow: none;
}
#search .btn-default {
    color: #303030;
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff, #fff);
    border-color: #fff #fff #fff #fff;
}
#search .btn-lg {
    padding: 10px 15px 10px 55px;
}
#search .btn {
    border: 1px solid #fff;
    box-shadow: none;
}
#search .btn i.fa.fa-search { font-size: 16px; }

/* Categories sidebar */
@media screen and (min-width:768px) {
	aside#column-left {
		padding-right: 5px;
	}
}
ul.cats { background: #fff; border: 1px solid #ececec; list-style: none; padding: 0px 5px 15px; columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style-position: inside; }
ul.cats li { display: table; position: relative; left: 5px; }
ul.cats li:first-child { margin-top: 8px; }
ul.cats li a { background: transparent; border: 0; line-height: 15px; display: table-cell; vertical-align: middle; }
ul.cats li a.list-group-item:before {
    content: "\f101";
	color: #ff3300;
    font: normal normal normal 12px/1 FontAwesome;
	position: absolute;
    left: 1px;
}
.list-group ul.cats li a.active, .list-group ul.cats li a.active:hover, .list-group ul.cats li a:hover {
    color: #fff;
    background: #ff3300;
    border: 0;
    text-shadow: none;
    border-radius: 0;
}

/* Product Thumbs */
.product-thumb { background-color: #fff; border: 1px solid #ececec; }
.product-thumb .image { text-align: center; border-bottom: 1px solid #ececec; padding-bottom: 8px; }
.product-thumb .caption { min-height: 60px;  }
.product-thumb .caption h4 a {
    text-decoration: none;
    font-size: 18px;
    color: #141C87;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 18px;
    display: block;
    margin-bottom: 7px;
}
.product-thumb .caption p {
	display: none;
	visibility: hidden;
}
.product-thumb .button-group {
    border-top: 1px solid #ececec;
}

/* Welcome module */
div#common-home .custom_html {
	background: url(https://www.uber9.co.uk/image/data/system/uber-home-decals-img.jpg) top no-repeat #000;
    color: #FFF;
    margin-bottom: 20px;
    padding: 20px 30px 30px;
    min-height: 500px;
}

/* --- INFORMATION --- */
.content {
    background: #fff;
    border: 1px solid #ececec;
    padding: 15px 20px;
}

/* --- FOOTER --- */
footer { background: #ced2d3; padding-top: 20px; padding-bottom: 10px; }
footer p { color: #666; }
footer a { color: #303030; }
footer a:hover { color: #ff3300; }
footer h5 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #464646;
}
.card-icons {
    width: 201px;
    height: 24px;
    background-image: url(../image/card-icons.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.footer_info {
	background: #909393;
	position: relative;
}
.footer_info ul {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}
.footer_info ul li {
	display: inline-block;
	padding-right: 20px;
}
.footer_info ul li:last-child {
	padding-right: 0;
}
.footer_info ul li a {
	color: #fff;
}
.footer_info ul li a:hover {
	color: #464646;
}
.footer_info .copyright { font-size: 10px; position: absolute; right: 15px; bottom: 0px; color: #464646; }
.footer-dis {
    font-size: 10px;
    padding-top: 5px;
    color: #464646;
}

/* menu icon */
.ubermenu-container {
	padding: 0 0 10px;
    border-bottom: 1px solid #e4e1e1;
	margin-bottom: 10px;
}
.ubermenu-icon {
  cursor: pointer;
  display: none;
  float: right;
  padding: 16px 0px 16px 50px;
  position: relative;
  user-select: none;
}

.ubermenu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.ubermenu-icon .navicon:before,
.ubermenu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.ubermenu-icon .navicon:before {
  top: 5px;
}

.ubermenu-icon .navicon:after {
  top: -5px;
}

.ubermenu-side h3 {display: none;}

.ubermenu-side {
  clear: both;
  transition: max-height .2s ease-out;
}

/* menu btn */

.ubermenu-btn {
  display: none;
}

.ubermenu-btn:checked ~ .ubermenu-side {
}

.ubermenu-btn:checked ~ .ubermenu-icon .navicon {
  background: transparent;
}

.ubermenu-btn:checked ~ .ubermenu-icon .navicon:before {
  transform: rotate(-45deg);
}

.ubermenu-btn:checked ~ .ubermenu-icon .navicon:after {
  transform: rotate(45deg);
}

.ubermenu-btn:checked ~ .ubermenu-icon:not(.steps) .navicon:before,
.ubermenu-btn:checked ~ .ubermenu-icon:not(.steps) .navicon:after {
  top: 0;
}

.custom_html h2 { color: #FFF; margin-bottom: 15px; }
.custom_html p { font-size: 16px; line-height: 22px; }

.pp-checkout-button-container { text-align: center; }
.pp-checkout-button-container:before {
    content: "Please select Paypal or click on a card icon";
	display: block;
	font-weight: 700;
	margin-bottom: 10px;
}

/* 48em = 768px */
@media (max-width: 48em) {
	.ubermenu-h3 {display: inline;}
	.ubermenu-side {
		max-height: none;
	}
	.ubermenu-icon {
		display: block;
	}
	.ubermenu-side {
		display: none;

	}
	.ubermenu-btn:checked ~ .ubermenu-side {
		display: block;
		
	}
}

@media screen and (max-width: 425px) {
	#logo img { margin-top: -11px; }
	#logo a:after { font-size: 24px; line-height: 30px; margin: 10px 0; display: block; }
	#search { margin-top: 20px; }
}
@media screen and (max-width: 375px) {
	#top .container { padding: 10px 20px 7px; }
	#cart { top: 0px; }
	#cart .btn-lg { padding: 15px 10px 10px; }	
	#logo img { max-width: 100px; margin-top: -4px; }
	.custom_html p { font-size: 14px; line-height: 20px; }
}

@media screen and (max-width: 320px) {
	.list-inline>li { padding-right: 0; }
	#cart .btn-lg { padding: 15px 5px 10px; margin-top: -3px; }
	#cart > .btn { font-size: 12px; line-height: 18px; }
	#logo img { max-width: 90px; }
	.custom_html h2 { font-size: 23px; }
}

.payment-form-wrapper form { padding: 0 !important; }
.button-checkout-page { background-color: #ff3300 !important; }