html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	
    -webkit-text-size-adjust: 100%;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
/border-collapse: collapse;
	border-spacing: 0;
}
/*************************************************** colour ***********************/
.green {
	color: #083;
}
.grey {
	color: #bbb;
}
.dark_grey {
	color: #2f2f2f
}
.dark_grey_light {
	color:#696969
}
.dark_grey_hover {
	color:#808080
}
.str_green {
	color:#10be8f;
}
.lightest_grey {
	color: #f2f2f2;
}
.light_grey {
	color: #e8e8e8;
}

	.invisible{
	display:none;
}
/*************************************************** micro-clearfix ***********************/
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}

/***************************************** BASIC STYLING  ***********************************/
@font-face {
 font-family: 'p';
 src: url('fonts/proximanova-light-webfont.eot');
 src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-light-webfont.woff') format('woff'), url('fonts/proximanova-light-webfont.ttf') format('truetype'), url('fonts/proximanova-light-webfont.svg#proxima') format('svg');
 font-weight: 300;
 font-style: normal;
}
@font-face {
 font-family: 'p';
 src: url('fonts/proximanova-regular-webfont.eot');
 src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-regular-webfont.woff') format('woff'), url('fonts/proximanova-regular-webfont.ttf') format('truetype'), url('fonts/proximanova-regular-webfont.svg#proxima') format('svg');
 font-weight: 400;
 font-style: normal;
}
body {
	font-family:'open sans', sans-serif;
	font-weight:400;
	background-color:#f2f2f2;
	font-size:14px;
	line-height:1.4;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased; 
	color:#333;

}
h1 {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-weight:700;
	padding:15px 0;
	text-align:center;
		font-family:'lato', sans-serif;
}
a {
	text-decoration:none;
	font-weight:400;
	color:#000;
}
a:hover, a:active {
	text-decoration:none;
	font-weight:400;
	color:#999;
}
header {
	background-color:#fff;
}
button {
	font-family:'p', sans-serif;
	font-weight: 400;
	font-size:12px;
	text-transform:uppercase;
	display: inline-block;
	padding: 0 22px;
	padding-top:8px;
	padding-bottom:5px;
	line-height: 1.8;
	background: #e8e8e8;
	margin-top:10px;
 transition: background .15s ease-in-out;
	outline: none;
	border:none;
}
button:focus {
	outline: none
}
button:hover, button:active {
	background: #d1d1d1;
	cursor:pointer;
}
.comment {display: none;}
/****************************************   STRUCTURE ************************************/
#main_logo {
	float:left;
	display:block;
}
#logo_767 {
	display:none;
}
#inner_header {
	width:1180px;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:5px;
}
#middle {
	width:1180px;
	margin-left:auto;
	margin-right:auto;
}
#big_image {
}
#big_img_960 {
	display:none;
}
#big_img_1180 {
	display:block;
	width:100%;
}
#about_us {
	float:left;
	width: 44%;
	margin-top:25px;
	
}
#about_us p {
	padding-bottom:10px;
	text-align:justify;
	font-size:15px;
}
#about_us > p > img:first-child {
	float:left;
	margin: 25px 0;
	margin-top:10px;
	width:250px;
}
#about_us > p > img:last-child {
	float:right;
	margin: 25px 0;
	margin-top:10px;
	width:250px;
}
.agri {
	margin-top:30px;
	margin-bottom:55px;
}
.agri a {
	text-decoration:underline;
}
#browse {display: none;}
#homepage_right {
	float:right;
	width: 50%;
	margin-top:25px;
	margin-bottom:70px;
}
#homepage_right table {
	font-size:13px;
	margin-top:3px;
}

#homepage_right table tr td {
	padding-top:10px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	background-color: #f9f9f9;
}
#homepage_right table tr td:last-child p {
	padding-left:12px;
	padding-right:12px;
	line-height:1.5;
}
#homepage_right table tr td:first-child {
	background-color: #fff;
}
#homepage_right table tr td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#homepage_right table tr td:first-child {
	border-left: 1px solid #CCC;
}
#homepage_right table tr:first-child td {
	border-top: 1px solid #CCC;
}
#status{
	margin-top:20px;
	text-align:center;
	background-color:#333;
	color:#FFF;
	padding: 7px 0;
	}
	.status-a {
background-color: #FFE1E2;
border:1px solid #bbb; 
border-top:none; 
background-image:none;
}
.status-i { 
display:none;
}
.input #email {color:#999;}
.image-link { width:200px;}
.full_details {display:block;}
.min_details { display:none;}
.more_info {
	text-align:right;
}

.ask_tyres {text-align:center;}
#arriving_soon table tr td p {
	padding-top:7px;
}
#new_in_stock, #arriving_soon {
	padding-top:20px;
}

.news_form {
	padding:10px 20px; 
	padding-bottom:5px; 
	text-align:center;
	}
#unsub_middle {
	margin-top:55px;
	width: 580px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	.output_message { font-size:15px;}
#middle_top {
	width:100%;
	padding-top:10px;
	padding-bottom:35px;
}
#middle_top button {
	margin-right:40px;
}
#middle_filter {
	width:220px;
	float:left;
	margin-bottom:60px;
}
#middle_filter ul {
	border:1px solid #ccc;
}
#middle_filter ul li:first-child {
	padding-top:2px;
}
.dark_header {
	background-color:#666;
	color:#FFF;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}
#mobile_filter {
	display:none;
	}
#middle_filter ul {
	background-color:#FFF;
}

#middle_filter ul li {
	height:35px;
	padding-left:5px;
	font-size:12px;
	text-transform:uppercase;
	font-family:'p';
	font-weight:400;
}
#middle_filter ul li:hover {
	background-color:#e8e8e8;
	cursor:pointer;
}
#middle_filter ul li.active {
	background-color:#e8e8e8;
}
#middle_filter ul li img {
	width:30px;
	margin-right:15px;
	padding-top:2px;
	padding-left:4px;
}
#middle_filter ul li p {
	padding-top:9px;
}
#middle_stock {
	width:930px;
	float:right;
	margin-bottom:60px;
}
#middle_tyres{
	width:930px;
	float:right;
	margin-bottom:60px;
}

#details_left {
	width:390px;
	float:left;
	font-size:13px;
	margin-bottom:60px;
}
#details_left h1{
	padding:8px 0;}
#details_left table {
	width: 100%;
	margin-top:25px;
	font-weight:400;
}
#details_left table td{
	padding: 10px 10px;
	}
	
	#details_left table th {
		background-color:#bbb;
	
		}
#details_left table td:first-child{
	font-weight:600;
	width:110px;
	}
		#details_left table tr:nth-child(2) td{
		padding-top:20px;
		}
	#details_left table tr:nth-child(odd) {
		background-color: #e6e6e6;
		}
		#details_left table tr:nth-child(even) {
		
		}
#details_right {
	width:726px;
	float:right;
	padding-top:25px;

	
}
#details_right img {
	width:100%;
	
	}
 .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
#details_top_left {
	width: 150px;
	float:left;
	padding-top:15px;
}
#details_top_center {
	width: 880px;
	float:left;
	
padding-top:8px;
}
#details_top_right {
	width: 150px;
	float:right;
	padding-top:25px;
	text-align: right;
}
#preform_details {
	background-color:#ddd;
	margin-bottom:80px;
	margin-top:45px;
}
#contact_left {
	width:500px;
	float:left;
}
#contact_right {
	width:600px;
	float:right;
}
#preform {
	background-color:#ddd;
	margin-bottom:80px;
	margin-top:35px;
}
table#contact_details {
	margin-top:25px;
	margin-bottom:20px;
}
table#contact_details td:first-child {
	width:60px;
}
footer {
	background-color: #CCC;
	clear: both;
	color:#444;
	font-size:13px;
}
#footer_inner {
	width:1180px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
}
#footer_inner_mobile {
	display:none;
}
/******* TABLE STOCK ********/
	
#middle_stock table {
	width: 100%;
	border-collapse:collapse;
	margin-bottom:35px;
	font-size:12px;
	
}
#middle_stock table tr td {
	border: 1px solid #ccc;
	padding:5px;
	background-color:#f9f9f9;
	font-weight:400;
}
#middle_stock table tr td:first-child {
	background-color:#FFF;
	width:70px;
	
}
#middle_stock table tr td:first-child img{
	padding:0;
	margin:2px;
	width:68px;
	}
 #middle_stock table tr td:nth-child(2) {
width:190px;
}
 #middle_stock table tr td:nth-child(3) {
width:55px;
}
 #middle_stock table tr td:nth-child(4) {
width:70px;
}


#middle_stock table tr td:last-child {
	width:66px;
}

	.base_details {
	margin-left:20px;
	}
	.deep_details {
	margin-left:20px;
	}
	.deep_details_t_a {
	margin-left:20px;
	}
	.deep_details li {
		margin-bottom:4px;
		}

/********************  ****************/
#middle_tyres table {
	width: 100%;
	border-collapse:collapse;
	margin-bottom:35px;
	font-size:13px;
	line-height:1.6;
}
#middle_tyres table tr td {
	border: 1px solid #ccc;
	padding:5px;
}
#middle_tyres table tr td:first-child {
	background-color:#FFF;
	width:70px;
}
 #middle_tyres table tr td:nth-child(2) {

}

#middle_tyres table tr td:last-child {
	width:66px;
}
.plop {
	width:480px;
	}
.pulp {
	margin-bottom:10px;
	}
.tyres_enquiry_table tr td {
	background-color: #f8f8f8;}
.base_details {
	display:none;
}
.deep_details {
	display:block;
}
.img {
	border: 1px solid #999;
	margin-bottom:10px;
	width:220px;
	margin-top:3px;
}
#middle_stock table tr th, #middle_tyres table tr th {
	background-color:#666;
	color:#FFF;
	padding-top:5px;
	padding-bottom:6px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#middle_stock table tr th:first-child, #middle_tyres table tr th:first-child {
	border-left: 1px solid #666;
}
#middle_stock table tr th:last-child, #middle_tyres table tr th:last-child {
	border-right: 1px solid #666;
}
/*********************************** MAP *********************************************/
		
		#map_canvas {
	width:598px;
	height:520px;
	border: 1px solid #ccc;
	margin-bottom:30px;
}
/**********************************
nav {
	margin:0;
	padding:0;
	padding-left:4px;
	padding-top:0px;
	float:right;
}
nav ul, nav li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
nav li {
	padding-left: 1.6em;
	padding-top:25px;
}

nav li:last-child {
	padding-left: 0.4em;
	padding-top:23px;
}
nav li:nth-last-child(2) {
	padding-top:23px;
	}

nav li a {
	color: #666;
	text-transform:uppercase;
	font-size:13px;
	}
nav li a:hover {
	color: #999;
	}
nav li .fa {
	font-size:16px;
	padding-right: .9em;
}


/**********************************
* Smaller Screens
**********************************/
html {
	position: relative;
	min-height: 100%;
}
body {
	margin: 0 0 40px; /* bottom = footer height */
}
footer {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 40px;
	width: 100%;
	background-color:#ccc;
}
 @media only screen and (max-width: 1200px) {
	 

 button {
	 margin-right:4px;
}
#main_logo img {
 width: 240px;
}
 #inner_header {
 width: 960px;
}
#middle {
 width:960px;
 margin-left:auto;
 margin-right:auto;
}
 #big_img_1180 {
 display:none;
}
 #big_img_960 {
 display:block;
 width:100%;
}
 #about_us > p {
	 padding-left:5px;
	 padding-right:5px;
	
	 }
	 #about_us  p{
		  font-size:14px;
		 }
 #about_us > p > img:first-child {
 float:left;
 margin: 25px 0;
 margin-top:10px;
 width:204px;
}
 #about_us > p > img:last-child {
 float:right;
 margin: 25px 0;
 margin-top:10px;
 width:204px;
}
#homepage_right table tr td:last-child p {
font-size:13px;
}
#homepage_right table {
 font-size:14px;
 width:100%;
}
#homepage_right table tr td {
	padding-left:0;
	padding-right:0;
	}
#middle_filter {
width:192px;
}
#details_left {
	width:335px;
	float:left;
	font-size:12px;
}
#details_left table {

	margin-top:25px;
	
	
}
#details_left h1 {
	padding-top:10px;
	padding-bottom:10px;
	}
#details_left table td:first-child{
	font-weight:400;
	width:85px;
	}
#details_right {
	width:590px;
	float:right;
	padding-top:25px;
}
#small-gallery {margin-left:3px;}
	#small-gallery  img{ margin-right: 6px; width: 140px; border: 1px solid #ccc;}

#details_top_left {
	width: 150px;
	float:left;
	padding-top:15px;
}
#details_top_center {
	width: 680px;
	float:left;
	padding-top:15px;
}
#details_top_right {
	width: 150px;
	float:right;

	padding-top:15px;
}
 #contact_left {
width:450px;
float:left;
}
#contact_right {
width:490px;
float:right;
}
	/*********************************** MAP *********************************************/
		
		#map_canvas {
width:488px;
 height:450px;
 border: 1px solid #ccc;
 margin-bottom:30px;
}
 #middle_filter ul li img {
 width:28px;
 margin-right:8px;
}
 #middle_filter ul li p {
 padding-top:5px;
}
#middle_stock, #middle_tyres {
width:760px;
}
 #middle_stock table tr td,  #middle_tyres table tr td {
 border: 1px solid #ccc;
 padding:5px;
}
 #middle_stock table tr td:first-child,#middle_tyres table tr td:first-child {
background-color:#FFF;
width:68px;
padding:0
}
 #middle_stock table tr td:nth-child(2) {
width:140px;
}
 #middle_stock table tr td:nth-child(3) {
width:53px;
}
 #middle_stock table tr td:nth-child(4) {
width:70px;
}
 #middle_stock table tr td:last-child, #middle_tyres table tr td:last-child {
width:58px;
}
.base_details {
display:none;
}
.deep_details {
display:block;
}
 #footer_inner {
 width:960px;
 display:block;
}
#footer_inner_mobile {
 display:none;
}
}



/**********************************
* Mobile Devices
* - All columns are full width
**********************************/
@media only screen and (max-width: 767px) {
	.font13 {font-size:13px;}
.font14 {font-size:14px;}
 #middle_top {
display:none;
}
 #middle_filter {
display:none;
}
 #middle_stock, #middle_tyres {
width:96%;
margin-left:auto;
margin-right:auto;
}
 #middle_stock table tr td:first-child, #middle_stock table tr th:first-child, #middle_tyres table tr td:first-child, #middle_tyres table tr th:first-child {
display:none;
}
 #middle_stock table tr td:nth-child(2), #middle_stock table tr th:nth-child(2) {
display:none;
}
 #middle_stock table tr td:nth-child(3), #middle_stock table tr th:nth-child(3) {
display:none;
}
 #middle_stock table tr td:nth-child(4), #middle_stock table tr th:nth-child(4) {
display:none;
}
 #middle_stock table tr td:last-child, #middle_stock table tr th:last-child, #middle_tyres table tr td:last-child, #middle_tyres table tr th:last-child  {
display:none;
}
 #middle_stock table tr th {
border-left:1px solid #666;
border-right:1px solid #666
}
 .base_details {
display:block;
}
 .deep_details {
display:none;
}
 body {
 font-size:14px;
}
 h1 {
font-size: 20px;
}
.welcome_mob {
	font-size:18px;
	}
 #big_img_1180 {
 display:none;
}
 #big_img_960 {
 display:block;
 width:100%;
}
 #inner_header {
 width: 96%;
}
#middle {
 width: 96%;
}
 #main_logo {
 display:none;
}
#logo_767 {
 margin-top:12px;
 display:block;
 float:left;
}
#about_us {
 float:none;
 width: 100%;
 margin-top:25px;

}
 #about_us > p > img:first-child{
 float:left;
 margin: 25px 0;
 margin-top:10px;
 width:49%;
}
 #about_us > p > img:last-child {
 float:right;
 margin: 25px 0;
 margin-top:10px;
 width:49%;
}
#browse {
	display:block;
	
	background-color:#ddd;
	margin-top:25px;
	  width: 100%;
 
padding-top:15px;
  padding-bottom:25px;
  text-align:center;

	}
	#br{
		width:92%;
		 margin-left:auto;
  margin-right:auto;
		}
		
	
	
	
#browse button {
	width: 92%;
  height: 52px;
  background: #eee;
  color: inherit;
 font-family:'p', sans-serif;
 font-weight:400;
  cursor: pointer;
  transition: background .3s ease-in-out;
  margin-top:0;
  font-size:14px;
			   	  margin-left:auto;
  margin-right:auto;
    -webkit-appearance: none;
  -moz-appearance:    none;}	
.agri {
    margin-top: 30px;
    margin-bottom: 30px;
}
#homepage_right {
 float:none;
 width: 100%;
 margin-top:15px;
}
#unsub_middle {
	width: 96%;
	margin-left:auto;
	margin-right:auto;
	
	}
.more_info {
text-align:center;
margin-top:5px;
margin-bottom:5px;
}
#footer_inner {
display:none;
}
 #footer_inner_mobile {
 display:block;
 width:96%;
 padding-top:10px;
 text-align:center;
}
 #footer_inner_mobile ul li {
 padding-bottom:10px;
}
 #footer_inner_mobile ul li:last-child {
 padding-bottom:20px;
}

#homepage_right table tr td:first-child {
 display:none;
}
#homepage_right table tr td:last-child {
 border-left:1px solid #ccc;
}
#homepage_right:last-child {
 margin-bottom:50px;
}
#homepage_right table tr td:last-child p {
 font-size:14px;
}
.full_details {display:none;}
.min_details { display:block;}
 #contact_left {
width:100%;
}
 #preform {
margin-bottom:20px;
}
#contact_right {
width:100%;
}
 #map_canvas {
width:100%;
height:340px;
}
 body {
margin: 0;
}
 footer {
 position: static;
 height:auto;
}
#details_right {
	width:100%;
	padding-top:25px;

}
#middle_stock {
	float:none;
	}
#mobile_filter {
display:block;

}
#mobile_filter_menu{

	font-size:14px;
	}

select#mobile_filter_menu {
   -webkit-appearance: button;
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../img/15xvbd5.png);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #666;
   font-size: inherit;
  margin-bottom:20px;
  margin-top:20px;
   overflow: hidden;
   padding: 10px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
}


#details_left {
	width:100%;
	padding-top:0;
}
.swiper-button-white {display:none;}
#details_top_left {
	width: 150px;
	float:left;
	padding-top:0;
}
#details_left table {
	margin-top:10px;
	}
#details_top_center {
	width: 100%;
	float:left;
	
}
#details_top_center h1 {font-size:13px; padding-bottom:0;}
#details_top_right {
	width: 150px;
	float:right;
	
}
.ask_tyres {display:none;}

#middle_tyres table tr td { padding-bottom:12px; padding-top:10px;}
}