@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script:700);

/* -------------------------
  Broad styles 
  -------------------------- */
*,*:after, *:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
html,body{
  width:100%;
  margin:0;
  padding:0;
  overflow-x:hidden;
}

.pure-u-md-1-5 {
  width:19.9%;
}
.pure-u-md-3-5 {
  width:59%;
}



body {
  color:#222;
  background:#333;
  font-size:100%;
  font-size:14px;
  line-height:1.5;
  margin:0 auto;
  overflow-x: auto;
  font-family:'Open Sans', 'Arial' , sans-serif;
}
/*
section {
  font-family:'Open Sans', 'Arial' , sans-serif;
}
*/
.btn-link {
  background:transparent;
  border:0;
}

a, .btn-link { 
  text-decoration:none;
  /*color:#58c;*/
  color: #0066ff
}

a:hover, .btn-link:hover {
  text-decoration:underline;
}

img {
  max-width:100%;
  max-height:100%;
}

.big {
  font-size:1.5em;
}

.fatter {
  font-weight:600
}

.field-vertical {
  margin-bottom: 8px;
}

.bold {
  font-weight:700;
}

.clickable { 
  cursor: pointer; 
}

.breadcrumb {
  background:none;
  box-shadow:none;
  font-size:0.85em;
}

.breadcrumb a {
  padding:0 4px 0 0;
}

.fa-remove:before {
  content: "";
  position: relative;
  left: -0.5px;
  background: #fff;
  border-radius: 9px;
  height: 10px;
  color: #D74C4C;
  display: inline-block;
  width: 10px;
  top: -.5px;
}

a:hover > .fa-remove:before {
  color: #EA4343;
}

.block {
  display:block;
}

.shadowed {
  text-shadow:0 0 4px rgba(0,0,0,0.15);
}

.box-shadow {
  box-shadow:0 0 6px rgba(0,0,0,0.3);
}

.chevron-link {
  position:relative;
  padding-right:32px !important;
  display:block;
}

.chevron-link::after, .header .nav-child .nav-item.parent > a::after {
  content:'»';
  right:1em;
  position:absolute
}

.vcentre {
  position:relative;
  top:50%;
  transform:translateY(-50%);
}

.unstyled, .unstyled li {
  margin:0;
  padding:0;
}

.centre-block {
  max-width:32em;
  margin:16px auto;
}


.image-checkbox input {
  display:none;
}

.image-checkbox {
  position:relative;
  overflow:hidden;
}

.image-checkbox img {
  position:absolute;
  top:8px;
  left:0;
  height:auto;
  width:auto;
  max-height:none;
  min-height:80px;
  max-width:110%;
  max-height:200%;
  max-width:none;
  transform: translateX(-40%);
  left:60%;
}

.image-checkbox-image {
  border:2px solid transparent;
  
}

input:checked + .image-checkbox-image {
  border:2px solid orange;
}

.bigger { font-size:1.4em}
.bit-bigger { font-size:1.2em}
.bit-smaller { font-size:.85em}

.noselect, .ns {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.horizontal-menu, .horizontal-menu li {
  margin:0;
  padding:0;
  list-style-type:none;
}

.horizontal-menu li {
  display:inline-block;
  float:left;
}

.preline {
  white-space:pre-line;
}

.unlink {
  color:inherit;
  text-decoration:none;
}

.unlink:hover {
  color:orange
}

.hidden, .dev { display:none; }
.visible {
  visibility: visible !important;
  opacity:1;
}

.ellipsis {
  text-overflow:ellipsis;
  overflow:hidden;
  max-width:100%
}

.tsp {
  background:transparent;
}

hr {
  border:none;
  border-top:1px solid rgba(0,0,0,0.2);
  border-bottom:1px solid rgba(0,0,0,0.1);
  height:0;
  margin:24px 0;
}

ul li {
  line-height:1.6
}

ol, ol li {
  margin:0;
  padding:0
}

ol {
  margin-left:16px;
}

ol li {
  padding-bottom:8px;
}

.small-print {
  font-size:.7em;
  color:#aaa;
  line-height:1.4;
}

sub, sup {
  font-size: 65%;
}

.condensed {
  line-height:1.3;
}

.condensed td, .condensed th {
  padding: 4px 8px;
}

address {
  font-style:normal;
}

.ucase {
  text-transform:uppercase;
}


/* -------------------------
  Clearfix
  -------------------------- */
.clearfix:before,.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;} /* IE 6/7 only */


/* -------------------------
  Navigation
  -------------------------- */
.nav {
  list-style:none;
}

.nav a {
  color:inherit;
}

.pure-menu {
  background:transparent !important;
}


.menu ul {
  left:0;
  top: 100%;
}

.link-list-h {
  margin:0;
  padding:0;
}
.link-list-h, .unstyled li{
  list-style:none;
}

.link-list-h li {
  display:inline-block;
}

.link-list-h a, .link-list-h .inactive {
  padding:4px 6px;
}

.link-list-h a:hover {
  background:#eee
}


/* -------------------------
  Tables
  -------------------------- */
table, .body-text {
  font-family:"Roboto", "Open Sans", sans-serif;
}

th {
  white-space:nowrap;
  line-height:1.1;
}

th, td {
  padding:8px;
  text-align:left;
  position:relative;
}

th a {
  color:inherit;
}

.lighter-headings th {
  font-weight:normal;
}

.table {
  border:1px solid #ccc;
  background:#fcfcfc;
  margin-bottom:8px;
}
.table tr {
  border-top:1px solid #ccc;
}
.table tr:hover {
  background:#f4f4f4;
  background-image: linear-gradient(to bottom, #f8f8f8, #f0f0f0);
}

.table th {
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  font-size:.9em;
  line-height:1.2;
  padding:12px 8px;
}

.table thead {
  background:#f1f1f1;
}

.inline-table {
  margin-bottom:16px;
}

.inline-table td, .inline-table th {
  padding: 2px 32px 2px 0px;
}

.inline-table th {
  font-weight:700;
  color:#111;
  text-align:left;
  padding-bottom:6px;
}

table .fa {
  min-width:18px;
  text-align:center;
}


td input[type="checkbox"] {
  left:3px;
  position:relative;
}

table.dark-bdr {
  border:1px solid #333;
}

.dark-bdr thead {
  background:#333;
  color:#fff;
}

.dark-bdr td, .dark-bdr th {
  border-right:1px solid #333;
}

.table-simple td, .table-simple th {
  padding:0 12px 2px 0;
  vertical-align:top;
}


/* -------------------------
  Header
  -------------------------- */
.header {
  margin:0;
  color:#fff;
  background:#1260b0;
  font-weight:600;
  padding:0;
}

.header a, .gold {
  color:#ffe010; /* Gold */
}

.header-side-ctrls {
  padding:0 12px 12px;
  text-align:right;
  line-height:1;
}

.header-bar {
  background: #333;
  padding: 8px;
}


.header-bar {
  color:#bbb;
}

.header-bar .menu {
  padding:0;
  margin:0;
}

.header-bar .menu li {
  float:left;
  font-size:small;
}

.header-bar {
  padding:0;
}

.header-bar .menu a {
  color:inherit;
  display:inline-block;
  padding:8px 24px;
  
}

.header-bar .login-link a {
  display:inline-block;
  padding:9px 0 8px;
}


/* -------------------------
  Main Menu
  -------------------------- */
#main-menu .nav {
  width:100%
}
#main-menu .menu > li > a {
  color:#fdfdfd;
}

#main-menu .menu > li:hover > a, 
#main-menu .menu > li:focus > a,
#main-menu .menu > li.pure-menu-selected > a {
  background:#fff;
  color:#369;
}

#main-menu .nav-item > a {
  /*padding:8px 10px;*/
  padding:14px 10px;
}

#main-menu > .menu > .nav-item {
  border-left:2px solid #105498;
}

#main-menu a:hover {
  text-decoration:none;
}

/* Show the next level down when hovering over item */
#main-menu .nav-item > .nav-child {
  opacity:0;
  transition: opacity .1s linear .5s, visibility 0s linear .4s, transform .1s linear 0.5s, -moz-transform .1s linear 0.5s;  
}

#main-menu .nav-child {
  border:2px solid #1260b0;
  border-top:0;
  padding:8px 0;
  background:#fff;
  left:-2px;
  box-shadow:0px 3px 4px rgba(0, 0, 0, 0.2);
  visibility: hidden;
}

#main-menu .nav-child .nav-child {
  border-top:2px solid #1260b0;
  padding:8px 0;
  left:100%;
  top:0;
  transform: translateX(-10px) scaleX(.9);
  -moz-transform: translateX(-10px) scaleX(.9);
  transform-origin:0 0;
}

#main-menu .nav-item:hover > .nav-child {
  visibility:visible;
  opacity:1;
  transform: translateX(0) scaleX(1);
  -moz-transform: translateX(0) scaleX(1);
}

#main-menu .nav-item .nav-child a {
  padding:2px 32px 2px 16px;
  font-weight:normal;
  color:#111;
}

.saving-msg {
  display:none;
}

/*
#main-menu .item-102 > a::before {
  content: ''; 
  font-family: 'FontAwesome';
  padding-right:8px;
  visibility:visible;
}*/

/* Tyre Store menu entry */
/*#main-menu .item-189, #main-menu .item-194 {
  float:right;
}
*/
#main-menu .item-189 > a {
  background: none repeat scroll 0% 0% rgb(222, 47, 10);
  text-shadow: #777 1px 1px 1px;
  background: #F52C2C linear-gradient(#ed2929, #b10e0e);
  background: -moz-linear-gradient(top,  #ed2929 5%, #b10e0e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ed2929), color-stop(100%,#b10e0e)); 
  background: -webkit-linear-gradient(top,  #ed2929 5%,#b10e0e 100%); 
  background: -o-linear-gradient(top,  #ed2929 5%,#b10e0e 100%); 
  background: -ms-linear-gradient(top,  #ed2929 5%,#b10e0e 100%); 
  background: linear-gradient(to bottom,  #ed2929 5%,#b10e0e 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed2929', endColorstr='#b10e0e',GradientType=0 );
  border: 1px solid #bc1212;
  box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.15) inset;
  border-radius:3px 3px 0 0;
  padding:14px;
}

/*
#main-menu .item-189 > a:before {
  font-family:'FontAwesome';
  padding-right:8px;
  content:'';
  text-shadow:none;
}
*/



#main-menu .item-189:hover > a, .header .item-189.current > a {
  background: #F52C2C linear-gradient(#ed2929, #b10e0e) !important;
  background: -moz-linear-gradient(top,  #ed2929 5%, #b10e0e 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ed2929), color-stop(100%,#b10e0e)) !important; 
  background: -webkit-linear-gradient(top,  #ed2929 5%,#b10e0e 100%) !important; 
  background: -o-linear-gradient(top,  #ed2929 5%,#b10e0e 100%) !important; 
  background: -ms-linear-gradient(top,  #ed2929 5%,#b10e0e 100%) !important; 
  background: linear-gradient(to bottom,  #ed2929 5%,#b10e0e 100%) !important; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed2929', endColorstr='#b10e0e',GradientType=0 ) !important;
  color:#fff !important;
}

#main-menu .item-189 .nav-child {
  min-width:200px;
  color:#222;
}

#main-menu .item-189 .nav-child .nav-header {
  font-weight:bold;
  margin:12px 0 8px;
  display:block;
}

#main-menu .item-189 .nav-child li {
  position:static;
}

#main-menu .item-189 .nav-child .nav-child {
  padding:16px;
  border-top:0;
  position:absolute;
  top:0;
  left:100%;
}

#main-menu .item-189 .nav-child .nav-child .nav-item:first-child .nav-header {
  margin-top:0;
  font-size:1.4em;
}

#main-menu .item-189 .nav-child .nav-child a {
  padding:0;
}

#main-menu .item-189 .nav-child .nav-item:nth-child(5n) > a {
  margin-bottom:16px;
}

#main-menu .item-189 .nav-child .nav-child .nav-child {
  position:static;
  border:0;
  padding:0;
  box-shadow:none;
  background:transparent;
}

#main-menu .item-189 .nav-item:hover  .nav-child .nav-child, .item-189 .nav-child .nav-item:hover  .nav-child .nav-child {
  visibility:visible;
  opacity:1;
  transform: translateX(0);
  -moz-transform: translateX(0);
}

#main-menu li.item-521, #main-menu li.item-521:hover {
  border-radius: 3px 3px 0px 0px;
  max-width: 16em;
  border: 1px solid green;
  border-left:2px solid #1260b0;
  border-bottom: none;
  background: none repeat scroll 0% 0% #268a26;
  text-shadow: #777 1px 1px 1px;
  background: #268a26 linear-gradient(#2ca02c, #268a26);
  background: -moz-linear-gradient(top,  #2ca02c 5%, #268a26 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#2ca02c), color-stop(100%,#268a26)); 
  background: -webkit-linear-gradient(top,  #2ca02c 5%,#268a26 100%); 
  background: -o-linear-gradient(top,  #2ca02c 5%,#268a26 100%); 
  background: -ms-linear-gradient(top,  #2ca02c 5%,#268a26 100%); 
  background: linear-gradient(to bottom,  #2ca02c 5%,#268a26 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ca02c', endColorstr='#268a26',GradientType=0 );
}

#main-menu li.item-521 > a, #main-menu li.item-521:hover > a {
  white-space: pre-line;
  line-height: 1.1;
  text-align: center;
  padding: 9px 12px;
  max-width:12em;
  height:3.6em;
  background:transparent;
  color:#fff;
}

/* Each column takes up half the width */
.halved + .nav-child .nav-child li, .halved > li {
  width:50%;
  float:left;
  clear:left;
}

/* Split to the second column after 15 elements */
.halved + .nav-child .nav-child li:nth-child(n+16), .halved > li:nth-child(n+16) {
  margin-left:50%;
  float:none;
  clear:none;
}

/* Admin tab */
#main-menu .item-194 > a {
  background:#555 linear-gradient(#555, #333);
  box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.05) inset;
  border-radius: 4px 4px 0 0;
  border:1px solid #444;
  border-bottom:0
}

#main-menu  .item-194 > a:before {
  font-family:'FontAwesome';
  padding-right:8px;
  content:'';
  text-shadow:none;
  font-weight:normal;
}



/* --------------------
  Footer
  --------------------- */
.footer {
  text-align:center;
  font-size:.8em;
}

footer {
  background:#eee;
  background-image:url('/images/icons/dash2.png');
  padding:32px 32px 64px;
}


/* --------------------
  Headings
  --------------------- */
h1,h2,h3,h4,h5{
  margin:8px 0 16px;
  line-height:1.2;
  /*font-family:Open Sans, sans-serif;*/
  font-family:Roboto, sans-serif;
  font-weight:600;
  color:#222
}

h1 {
  font-size:2.8em;
  font-weight:600
}

h2 {
  font-size:2.4em;
  margin:16px 0 24px;
}

h2 small {
  font-size:.7em;
  color:#ccc
}

h3 {
  font-size:1.4em;
  
}

h4 {
  font-size:1.2em;
}

h5 {
  font-size:1.05em;
  margin-bottom:16px;
}


/* --------------------
  Content
  --------------------- */
#page-content {
  width:100%;
  min-height:100%;
  position:relative;
  /*font-size:0.9em;*/
  background:#f3f3f3;
  background-image:url('/images/graphics/noisy_white_smoother.png');
}
.page-content {
  font-size:11pt
}

.page-header h1 {
  padding:64px 32px 32px;
  margin:0;
  text-align:left;
  color:#333;
}

.page-header + .page-content {
  padding-top:0;
}

.main {
  margin:0 !important;
}

.main-content .content-inner {
 /* padding: 16px;*/
  /*border: 1px solid #ccc;*/
  box-shadow:0 2px 2px rgba(0,0,0,0.3);
  background:#fff;
  margin: 0 0 32px;
  border-top: 0;
}

p {
  margin:0.5em 0 1em;
}

section {
  margin-bottom:4em
}

.caption  { font-size:0.9em;color:#555;line-height:1.4}

.aside {
  text-align:center;margin:16px 32px;max-width:200px;
}

.content-block {
  line-height:1.4;
  font-size:1.05em
}

.article-image {
  float: right;
  max-width: 350px;
  margin: 0 32px 32px;
}

.article-image img {
  height: auto;
}

.section-description {
  line-height:1.3;
	color: #444;
	font-weight: 700;
  text-align:left;
  margin:0 0 1.5em 0;
}

.main-image {
  height:auto;
}

section p {
  color:#333;
}



/* ---------------------
  Left content
  ---------------------- */
#left-content .nav {
  float:right;
  clear:left;
  padding:0;
  margin:0;
  background: #e3e3e3;
  padding: 8px;
  font-weight: 500;
  color: #222;
  min-width:150px;
}

#left-content .nav a {
  /*width:12em;*/
  width:100%;
  display:inline-block;
  padding:2px 6px;
  border:1px solid transparent;
}

#left-content .nav a:hover {
  /*background:#fff;*/
  border:1px solid #ddd;
  color:#1260b0;
  text-decoration:none;
}

#left-content .nav-header {
  margin-top:20px;
  font-weight:600;
  margin-bottom:4px;
  border-bottom:1px dotted #ccc;
  width:100%;
  display:inline-block;
  color:#444;
  text-transform:uppercase;
}

#left-content .pure-menu-selected.current {
  font-weight:bold;
}

#left-content .nav-child {
  padding-left:16px
}

input[type="radio"] {
  margin: 4px 6px;
  top: 2px;
  position: relative;
  left: 4px;
}

.control-group {
  display:inline-block
}

.control-group > label {
  padding:0;
  font-size:80%;
  margin-bottom:6px;
}

.radio-fade {
  padding:0;
}

.radio-fade span {
  font-weight:normal;
  padding:6px;
  color:#aaa;
  cursor:pointer;
}

.highlighted-row {
  background:#ffbf49;
}


.radio-fade:hover span {
  background:#eee;
  color:#222;
}

.radio-fade input {
  display:none;
}


.radio-fade :checked + span {
  color:inherit;
}




/* --------------------
  Buttons
  --------------------- */
/*#order-form button {
  padding:12px 16px;
}
*/
.btn, .btn-light {
  padding: 6px 12px;
  background: #25A425;
  border: 1px solid transparent;
  color: #fff;
  font-weight: 500;
  font-family: Roboto;
  border-radius:1px;
  cursor:pointer;
  transition: background-color .1s, color .1s;
  font-size:14px;
}

.btn:hover {
 background: #28B328;
}

.btn .fa, .btn-light .fa, button .fa  {
  font-size:.9em;
}

.btn-light, a.btn-light {
  background-color: #ccc;
  color: #444;
  font-weight: normal;
}

.btn-light:hover, a.btn-light:hover {
  background-color: #eee;
}

/*
.btn, .btn-light, a.btn, a.btn-light {
  -moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	padding:6px 16px;
	text-decoration:none;
  font-size:0.9em;
  text-shadow: 0 0 4px rgba(0,0,0,0.3);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.2);
  border:0;
}
*/
.btn:hover {
  text-decoration:none;
}

/*
.btn {  
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3AC544 ), color-stop(1, #35B03E ));
	background:-moz-linear-gradient(top, #3AC544  5%, #35B03E  100%);
	background:-webkit-linear-gradient(top, #3AC544  5%, #35B03E  100%);
	background:-o-linear-gradient(top, #3AC544  5%, #35B03E  100%);
	background:-ms-linear-gradient(top, #3AC544  5%, #35B03E  100%);
	background:linear-gradient(to bottom, #3AC544  5%, #35B03E  100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3AC544', endColorstr='#35B03E ',GradientType=0);
	background-color:#3AC544;
	color:#fff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  padding: 6px 12px;
  background: #25A425;
  border: none;
  color: #fff;
  font-weight: 500;
  font-family: Roboto;
  border-radius: 2px;
}*/


	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4ED158), color-stop(1, #47B650 ));
	background:-moz-linear-gradient(top, #4ED158 5%, #47B650  100%);
	background:-webkit-linear-gradient(top, #4ED158 5%, #47B650  100%);
	background:-o-linear-gradient(top, #4ED158 5%, #47B650  100%);
	background:-ms-linear-gradient(top, #4ED158 5%, #47B650  100%);
	background:linear-gradient(to bottom, #4ED158 5%, #47B650  100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ED158', endColorstr='#47B650 ',GradientType=0);
	background-color:#4ED158;*/

/*
.btn-blue {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #197bb0), color-stop(1, #0B63A2 ));
	background:-moz-linear-gradient(top, #197bb0 5%, #0B63A2  100%);
	background:-webkit-linear-gradient(top, #197bb0 5%, #0B63A2  100%);
	background:-o-linear-gradient(top, #197bb0 5%, #0B63A2  100%);
	background:-ms-linear-gradient(top, #197bb0 5%, #0B63A2  100%);
	background:linear-gradient(to bottom, #197bb0 5%, #0B63A2  100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#197bb0', endColorstr='#0B63A2 ',GradientType=0);
	background-color:#197bb0;
	color:#fff;
}*/


.btn-blue, .bkg-blue {
  background: #196bb0;
  color:#fff;
}

.btn-blue:hover {
  background:#1a74c0;
}

/*
.btn-blue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1C84BC), color-stop(1, #126FB1));
	background:-moz-linear-gradient(top, #1C84BC 5%, #126FB1 100%);
	background:-webkit-linear-gradient(top, #1C84BC 5%, #126FB1 100%);
	background:-o-linear-gradient(top, #1C84BC 5%, #126FB1 100%);
	background:-ms-linear-gradient(top, #1C84BC 5%, #126FB1 100%);
	background:linear-gradient(to bottom, #1C84BC 5%, #126FB1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C84BC', endColorstr='#126FB1',GradientType=0);
	background-color:#1C84BC;
}
*/
.btn .fa {
  padding-right:4px;
}

.btn:active, .btn-light:active {
	position:relative;
	top:0;
}
/*
.btn-light {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2f2f2), color-stop(1, #e3e3e3));
	background:-moz-linear-gradient(top, #f2f2f2 5%, #e3e3e3 100%);
	background:-webkit-linear-gradient(top, #f2f2f2 5%, #e3e3e3 100%);
	background:-o-linear-gradient(top, #f2f2f2 5%, #e3e3e3 100%);
	background:-ms-linear-gradient(top, #f2f2f2 5%, #e3e3e3 100%);
	background:linear-gradient(to bottom, #f2f2f2 5%, #e3e3e3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e3e3e3',GradientType=0);
	background-color:#f2f2f2;
	color:#4f4f4f;
  border:1px solid #dcdcdc;
  text-shadow:0px 1px 0px #ffffff;
}
.btn-light:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e3e3e3), color-stop(1, #f2f2f2));
	background:-moz-linear-gradient(top, #e3e3e3 5%, #f2f2f2 100%);
	background:-webkit-linear-gradient(top, #e3e3e3 5%, #f2f2f2 100%);
	background:-o-linear-gradient(top, #e3e3e3 5%, #f2f2f2 100%);
	background:-ms-linear-gradient(top, #e3e3e3 5%, #f2f2f2 100%);
	background:linear-gradient(to bottom, #e3e3e3 5%, #f2f2f2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#f2f2f2',GradientType=0);
	background-color:#e3e3e3;
}*/

.btn-sm, a.btn-sm {
  font-size:.8em;
  padding:4px 8px;
}


.btn-red {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #de0000), color-stop(1, #c60000));
	background:-moz-linear-gradient(top, #de0000 5%, #c60000 100%);
	background:-webkit-linear-gradient(top, #de0000 5%, #c60000 100%);
	background:-o-linear-gradient(top, #de0000 5%, #c60000 100%);
	background:-ms-linear-gradient(top, #de0000 5%, #c60000 100%);
	background:linear-gradient(to bottom, #de0000 5%, #c60000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#de0000', endColorstr='#c60000',GradientType=0);
	background-color:#de0000;
	color:#fff;
  border:1px solid #840000;
  border-top:1px solid #ff0707;
}

.btn-red:hover {
	background:#f81111;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f81111), color-stop(1, #DB0505 ));
	background:-moz-linear-gradient(top, #f81111 5%, #DB0505  100%);
	background:-webkit-linear-gradient(top, #f81111 5%, #DB0505  100%);
	background:-o-linear-gradient(top, #f81111 5%, #DB0505  100%);
	background:-ms-linear-gradient(top, #f81111 5%, #DB0505  100%);
	background:linear-gradient(to bottom, #f81111 5%, #DB0505  100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f81111', endColorstr='#DB0505 ',GradientType=0);
}

a.big-btn, .big-btn {
  padding:16px 48px;
  font-size:1em
}

.btn-transparent {
  background:transparent;
  border:none;
}

.btn-transparent:hover {
  background:rgba(0,0,0,0.1);
}

.toggle-btn {
  margin: 0px; 
  padding: 10px 0px; 
  width: 100%;
}

.toggle-btn-left {
  border-radius: 4px 0 0 4px;
  border-left:none;
}

.toggle-btn-right {
  border-radius: 0 4px 4px 0;
  border-right:none;
}

.btn-primary {
  margin-left:9.5em;
}

button:disabled, button:disabled:hover {
  background:#fcfcfc !important;
  border:1px solid #ddd !important;
  color:#aaa !important;
  cursor:not-allowed;
  text-shadow:none;
}






/* --------------------
  Tabbed Content
  --------------------- */
.tabs {
  background:#fff;
  border:1px solid #ccc;
  border-radius:4px;
  padding-bottom:16px;
  position:relative;
  overflow:hidden
}
.tabs > input[type=radio], .tab-content {
  display:none;
}

.tabs > label {
  float:left;
  text-align:center;
  padding:12px 16px 8px 16px;
  /*border-right:1px solid #ccc;*/
  border-bottom:1px solid #ccc;
  height:40px;
  position:relative;
  background:#eee;
  z-index:2;
  /*background:#eee*/
}

.tabs > label:last-of-type::after {
  content: " ";
  position:absolute;
  top:0;
  left:100%;
  width:3000px;
  display:block;
  border-bottom:1px solid #ccc;
  height:40px;
  background:#eee;
  z-index:1;
}
/*
.tabs > label:last-of-type {
  border-right:none;
}*/

.tabs > label:hover {
  /*background:#f2f2f2;*/
  cursor:pointer;
  color:#136CDE;
}

.tabs :checked + label {
  background:#fff;
  border-bottom:none;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
}

.tabs :checked + label:first-of-type {
  border-left:0;
}
.tabs :checked + label:last-of-type:after {
  left:101%;
}

.tabs :checked + label:hover {
  background:#fff;
  cursor:default;
  color:black;
}

.tab-content {
  padding:16px;
}

.fa-circle-o-notch.fa-spin {
  47% 44%
}

.fa-refresh.fa-spin {
  transform-origin: 37% 50%;
}


@keyframes movedowntop {
  0% {
    transform: translate(0,-100%);
    opacity: 0;
   /* display:hidden; */
  }
  100% {
    transform: translate(0,0);
    opacity: 1;
    /*isplay:initial;*/
  }
}

@keyframes movedownbottom {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    /*display:initial;*/
  }
  100% {
    -webkit-transform: translate(0, 100%);
    transform: translate(0,100%);
    opacity: 0;
    /*display:none;*/
  }
}

.slidedowntop {
  animation: movedowntop 1s linear forwards;  
}

.slidedownbottom {
  animation: movedownbottom 1s linear forwards;  
}


/*
.tabs input[type=radio]:checked + label .tab-content {
  display:block;
}
*/
.tabs .tab1:checked ~ .tab-content1,
.tabs .tab2:checked ~ .tab-content2,
.tabs .tab3:checked ~ .tab-content3, 
.tabs .tab4:checked ~ .tab-content4, 
.tabs .tab5:checked ~ .tab-content5 {
  display:block;
  clear:left;
}


/* --------------------
  Forms
  --------------------- */
form h3, .form-heading {
  /*color:#258;*/
  /*border-bottom:1px dotted #58b;*/
  border-bottom:1px dotted #555;
  padding-bottom:4px;
}

input, select, textarea {
  height: auto;
  display: inline-block;
  padding: 6px 8px;
  border: 1px solid #BBB;
  border-radius: 1px;
  background: none repeat scroll 0% 0% #FFF;
  color: #333;
  width: 100%;
  margin-right:8px;
  max-width:100%;
  min-height:1em;
}

input[type="checkbox"], input[type="radio"] {
  width:auto;
  border:none;
}

label {
  display:block;
  font-weight:600;
  font-size:0.95em;
  padding:14px 6px 2px 0;
  line-height: 1.1;
  padding-bottom: 8px;
}

.big-label {
  padding-bottom:8px;
  margin-left:0;
  color:#444;
}

select {
  padding:2px;
}

option { 
  padding:3px;
}
.field-tiny { max-width: 5em; }
.field-xs { max-width: 6em; }
.field-small  { max-width: 8em; }
.field-medium  { max-width:12em; }
.field-large  { width:18em }
.field-xl { max-width:30em}

.validation-error {
  color:red;
  font-size:0.8em;
  display:block
}

.horizontal-form label {
  width:9em;
  padding-top:0;
  float:left;
  display:inline-block;
  padding-top:0;
  line-height:1.2;
}

.horizontal-form .input-wrapper {
  margin-left:9em;
  margin-bottom:4px;
}

label {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sort-field {
  padding:0;
}

th.sort-field {
  cursor:pointer;
}

.sort-field a {
  padding:8px;
  display:inline-block;
}

.easy-autocomplete-container {
  position:relative;
  min-width:300px;
}
  
.easy-autocomplete-container ul {
  list-style: outside none none;
  margin: 0px;
  padding: 4px 8px;
  position: absolute;
  border: 1px solid rgb(204, 204, 204);
  width: 100%;
  top: 6px;
  display:none;
  background:white;
  max-height:300px;
  overflow-y:auto;
}

.easy-autocomplete-container li {  
  padding:2px;
}

.easy-autocomplete-container li:hover {  
  background:#eee;
  cursor:pointer;
}

#contact-form {
  max-width:800px;
  padding:16px;
}

#contact-form button {
  margin-right:0;
}
  
#contact-form h3 {
  border-bottom:none;
  padding-bottom:12px;
}

#contact-form td, #contact-form th {
  padding:2px;
}
  

  
  
/* --------------------
  Home page styles
  --------------------- */
.home-page-section {
  margin:8px;
  position:relative;  
  height:350px;
  overflow-y:hidden;
  color:#222;
  border:1px solid #ddd;
  box-shadow:0 0 6px rgba(0,0,0,0.05);
}

.tyre-search-form {
  border-top:3px solid #369;
  padding:16px 24px;
  background:#fff;
}

.tyre-search-form .corner-image {
  width:110px;
}

.size-search-form  {
  width:15em;
  padding-right:24px;
  
  /*border-right:1px solid #ccc;*/
  height:100%;
}

#type-links-list {
  padding-left:24px;
  border-left:1px solid #ccc;
}

.home-page-section .type-list {
  line-height:1.4em;
}

.home-page-section .img  {
  margin:12px;
}

.corner-image {
  position:absolute;
  right:12px;
  bottom:24px;
}

.home-page-section #contact-section-header {
  margin-bottom:-10px
}

.home-section-header {
  background:#fff;
  padding:8px 16px 12px;
  line-height:1.1;
}

.home-section-header h3 {
  font-weight:bold;
  font-size:1.2em;
}

#contact-section {
  height:300px;
  box-shadow:none !important;
  border:0;
}

#contact-section-inner {
  text-align:center;
  width:100%;
  height:208px;
  border:1px solid #ddd;
  border-top:0;
  background:#fff;
  box-shadow:0 0 8px rgba(0,0,0,0.1);
}

.page {
  max-width: 1400px;
  margin: 0 auto;
}

#tracks-section { background:#eee url('/images/home/tracks-bkg.jpg') no-repeat center center; padding-top:48px; }
#undercarriage-section { background:#eee url('/images/home/undercarriage-background.jpg') no-repeat center center; }
#mining-wheels-section { background:#eee url('/images/home/underground-mining-bkg.jpg') no-repeat center center; }
#mining-wheels-section img { margin-top:32px; }

#tracks-section, #undercarriage-section, #mining-wheels-section {
  background-size:cover;
  position:relative
}

#page-70 { /* New Homepage */
  /*background:url('/images/bigtyre-shed-blurred.jpg') no-repeat top center;
  background-size:contain;*/
  background:#f3f3f3;
}

#page-70 .item-page {
  padding:0;
}

section.pure-u-1-2 {
  padding-right:32px;
}

.pure-u-1-5 {
  width:19.969%;
}


/* ------------------
  Special Deals Page 
  ------------------- */
.deal-cont {
  margin:0 0 32px 0;
  border:1px solid #ccc;
}

.deal-details {
  margin-left:200px;
  height:100%;
  min-height:200px;
  padding: 12px 32px 12px 0;
  background:#fff;
}

.deal-image-cont {
  width:200px;
  overflow:hidden;
  line-height:200px;
  height:200px;
  background:#eaeaea;
  margin:0 16px 0 0;
  text-align:center;
}

.deal-price {
  font-size:1.2em;
  display:block;
}

.deal-title {
  font-weight:700;
}


.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --------------------
  New Home Page
  --------------------- */
.home-header {
  background:#eee url('/images/big-tyre-shed.jpg') no-repeat right; 
  background-size:cover; 
  height:450px;
  position:relative;
}
/*#page-79 {
  background:#eee url('/images/big-tyre-shed.jpg') no-repeat center top; 
  background-size:contain 500px; padding-top:500px;position:relative;
}*/

#page-79 .content-inner, #page-79 .item-page {
  padding:0;
}

#page-79 .content-inner {
  padding-top:1px;
}

header .menu-bar {
  background: #105498
}

/*
#body.isaac #site-search-form .search-box {
  border:1px solid #ccc;
}
#body.isaac #main-menu > .menu > .nav-item {
  border-left:transparent;
}
#body.isaac .menu-bar {
  background:transparent linear-gradient(0deg, rgb(39, 94, 149), rgb(49, 111, 174)) repeat scroll 0% 0%;
}

#body.isaac .header {
  background:#fff;
  color:#333;
}
*/
.header-inner {
  padding: 32px 0px;
  /*background:rgb(35,91,147);*/
}

#page-79 .home-section img {
  margin:0;
}
#page-79 .home-section {
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  line-height:0;
  background:#ddd;
}

#page-79 .pure-u-1-5:last-child .home-section {
  border-right:0;
}

#page-79 .home-section h3 {
  background:#258;
  color:#fff;
 /* text-transform:uppercase;*/
 font-weight:bold;
  text-align:center;
  padding:12px 0;
  font-size:1.3em;
  margin:0;
}

#page-79 .home-section .inner {
  padding:8px 16px;
  min-height:150px;
  line-height:1.5;
  background:#fff;
}
.inner-image img {
  width:100%;
  height:100%;
}
.inner-image {
  height:175px;
}

form {
  margin:0;
  padding:0;
}


/* --------------------
  Filter form
  --------------------- */
.filter-form {
  max-width:225px;
  float:right;
}

.filter-form > h4 {
  margin-bottom:16px;
}

#filter-form-inner {
  /*border:1px solid #ccc;*/
  border-radius:4px;
  overflow:hidden;
  box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

.filter-form .padded {
  padding:8px;
}

.filter-form .btn {
  margin:0;
}

.filter-form .option-list {
  /*margin:2px 0;*/
  /*padding-bottom:12px;*/
}

.filter-form label {
  padding-top:0;
}

.filter-form select {
  margin:2px 0;
}

.filter-form select option {
  padding:1px 2px;
}


.filter-selection {
  color:gold;
  font-size:0.9em;
  font-weight:500;
}

.filter-options {
  padding:8px 16px;
}

.filter-options p {
  margin:0;
  padding:0;
  font-size:0.9em;
  color:#555;
  line-height:1.2;
  padding-bottom:8px;
}

.filter-form section {
  margin:0;
  background:#fafafa;
  border-bottom:none;
  border-top:none;
}
.filter-form section:last-child {
  border-bottom:1px solid #aaa;
}

.filter-form .head {
  margin:0;
  font-size:1em;
  cursor:pointer;
  background: #2c5c7f; /* Old browsers */
  background: -moz-linear-gradient(top,  #2c5c7f 5%, #215373 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#2c5c7f), color-stop(100%,#215373)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #2c5c7f 5%,#215373 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #2c5c7f 5%,#215373 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #2c5c7f 5%,#215373 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #2c5c7f 5%,#215373 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c5c7f', endColorstr='#215373',GradientType=0 ); /* IE6-9 */
  color:#fff;
  border-top:1px solid #369;
  border-bottom:1px solid #1D3954;
  padding:12px 14px;
  line-height:1.3;
  position:relative;
}

.filter-form .head h3 {
  color:#fff;
  border:none;
  font-size:1em;
  margin:0;
  padding-bottom:0;
  font-weight:600;
  text-shadow:0 1px 2px rgba(0,0,0,0.2);
}

.filter-form .head h3::after {
  content:''; /* Chevron down in a circle */
  font-family:FontAwesome;
  position:absolute;
  right:12px;
  top:50%;
  transform: translateY(-50%);
  opacity:.3;
}


.filter-form .head span {
  line-height:1.1
}

.filter-form .head .condensed-list {
  font-size:0.95em;
  padding-bottom:6px;
}

.filter-form section:last-child .head {
  border-bottom:none;
}
.filter-form .head:hover {
  background: linear-gradient(to bottom, #375E9E 5%, #305B86 100%) repeat scroll 0% 0% #165D84;
}

.filter-form .twitter-typeahead {
  width:100%;
}

.head.disabled, .head.disabled:hover {
  background: linear-gradient(to bottom, #eee 5%, #ddd 100%) repeat scroll 0% 0% #197BB0;
  color:#bbb;
  cursor:not-allowed;
}
  
  
/* --------------------
  Twitter Typeahead
  --------------------- */
.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  width:100%;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
  max-height:250px;
  overflow-y:auto;
}

.tt-suggestion {
  padding: 3px 20px;
  font-size:1.1em;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion:hover { 
  cursor:pointer;
}

.tt-suggestion:hover p {
  color:#fff;
}

.tt-suggestion p {
  margin: 0;
}


/* --------------------
  Site Search
  --------------------- */

#site-search-form .search-box {
  /*width:13em;
  float:left;*/
  margin:0;
  border:0;
  border-radius:2px 0 0 2px;
}

#site-search-form .search-btn {
  width:3em;
  padding:0 !important;
  display:inline-block;
  margin:0;
  border:0;
  border-radius:0 2px 2px 0;
  box-shadow:none;
}

#site-search-form .search-box,
#site-search-form .search-btn {
  height:32px;
  min-height:32px;
  max-height:32px !important;
}

.search-result {
  border-bottom:1px solid #eee;
  padding:16px;
  line-height:1.4em;
}

.search-result b {
  font-weight:600;
}

.search-result a h4:hover {
  text-decoration:underline;
}

.search-results-list {
  margin:0;
  padding:0;
}

.search-results-list li {
  margin:0;
  list-style:none;
}

.search-result .img-cont {
  width:90px;
  height:120px;
  margin-right:16px;
  text-align:center;
}

.product-search-result img {
  margin:0 auto;
  max-width:100%;
  max-height:100%;
}

.search-results {
  max-width:55em;
  min-height:20em;
}

.search-results h4 {
  font-weight:normal;
  line-height:1;
  color:rgb(26, 13, 171);
}

.search-results a {
  color:rgb(26, 13, 171);
}


/* -------------------
  Sitemap
  -------------------- */
.sitemap {
  max-width:45em;
  margin:0 auto;
  list-style:none;
  padding:0 0 32px 0;
}

.sitemap li {
  margin:0;
  font-size:0.9em
}

.sitemap > .nav-item {
  display:inline-block;
  float:left;
  padding:16px 0;
  width:25%;
  /*font-size:0.95em;*/
}

.sitemap:before,.sitemap:after {
  content: " ";
  display: table;
}
.sitemap:after {clear: both;}

.sitemap .nav-header {
  font-weight:600;
  padding-bottom:16px;
}

.sitemap .nav-item li {
  /*font-size:0.9em;*/
  color:#555;
}

.sitemap > .nav-item > a {
  font-weight:600;
}
  
  
/* --------------------
  Colour overrides
  --------------------- */
.continental-bkg {
  background:#faaf30;
}

.dark-bkg {
  background:#111 !important;
  color:#fff;
}

.red { color:#f21 }
.green { color:#080; }
.blue { color:#369; }
.gst { color:#800;}
.faded, .faded a { color:#aaa !important;}
.muted {color:#555 !important;}
.gray-bkg {
  background:#f4f4f4;
}

.disabled, .disabled .red, .disabled label, .disabled small, .disabled input, .disabled select {
  color:#999 !important
}


/* --------------------
  Icons
  --------------------- */
.fa-sm {
  font-size:0.85em;
}

.fa-md {
  font-size:1.15em;
}

/* --------------------
  Tooltips
  --------------------- */
.tooltip {
  position:relative;
  cursor:pointer;
}

.tooltip-content {
  position:absolute;
  background:none;
  bottom:100%;
  left:50%;
  z-index:900;
  cursor:default;
  visibility:hidden;
  opacity:0.7;
  transform: scale(.95);
  transform-origin:0 0;
  transition:all .15s ease-in;
}

.tooltip:hover .tooltip-content {
  visibility:visible;
  opacity:1;
  transform: scale(1);
}

.tooltip:hover .tooltip-content.delayed {
  transition-delay:.6s;
}

.tooltip-body {
  font-family:'Open Sans', san-serif;
  background:#222;
  color:#fff;
  padding:12px 18px;
  line-height:1.4;
  font-size:.9em;
  box-shadow:1px 0 4px #888;
  transform:translateX(-50%);
  margin-bottom:12px;
}

.fa-lg .tooltip-body {
  font-size:.8em;
}

.tooltip-content > img {
  max-width:200px;
  height:auto;
  max-height:200px;
  transform:translateY(50%) translateX(32px);
}

.tooltip-body tr:hover {
  background:none;
}

.tooltip-body tr {
  border:0;
}


.tooltip-body td {
  padding:0 16px 0 0;
}

.tooltip-body table {
  margin:8px 0;
}

.tooltip-body::after {
  content: " ";
  position:absolute;
  left:50%;
  top:100%;
  transform:translateX(-50%);
  width: 0;
  height: 0;
  margin:0 auto;
  border-style: solid;
  border-width: 8px;
  border-color: #222 transparent transparent transparent;
}

.tooltip-down .tooltip-body::after {
  content: " ";
  position:absolute;
  left:50%;
  top:-8px;
  transform:translateX(-50%);
  width: 0;
  height: 0;
  margin:0 auto;
  border-style: solid;
  border-width: 8px;
  border-color: transparent transparent #222 transparent;
}

.pure-g [class*="pure-u"] {
  font-family:"Roboto", "Open Sans", sans-serif;
}


/* --------------------
  Store Styles
  --------------------- */
#product-list .sort-field:hover {
  background:#e1e1e1
}

.product-image {
  max-width: 280px;
  margin-right: 30px;
  margin-top: 80px;
}

.product-details {
  margin-top:8px
}

.product-details td, .product-details th {
  /*padding:4px 20px 10px 0px;*/
  padding: 4px 8px
}
.product-details th {
  vertical-align: top;
  padding-right: 24px;
  /*font-size: .9em;*/
  font-weight: 400;
  color: #888;
  white-space: nowrap;
  text-align: right;
}

.product-box {
  text-align:center;
  padding:4px 14px 18px;
  margin:0;
  position:relative;
  box-shadow:none;
}

.product-img-cont {
  padding-left:0;
  margin-top:16px;
}

.product-img-cont-inner {
  height: 160px;
  display:inline-block;
  max-height:100%;
  width:100%;
  text-align:center;
  overflow:hidden;
  position:relative;
  max-width: 160px;
  margin: 0 auto;
  height:180px;
}

.product-box .product-img-cont-inner img {
  max-height:180px;
  width:auto;
  max-width:100%;
  margin:0 auto;
  display:block
}

.product-img-cont-inner.empty {
  background:#eee;
  box-shadow: 0 2px 4px #ccc;
  border:1px solid #dfdfdf
}


.product-box .product-details {
  text-align:left;
  padding:0;
}
.product-box .product-details .btn {
  font-size:.8em;
  margin-top:8px;
  padding:0 24px 0 16px;  
}

.brand-description {
  margin:64px 0 96px
}

.brand-description-inner {
  margin-left:32px;
  padding-right:24px;
}

.brand-description-inner p {
  padding:8px 0;
}

.brand-link {
  display:block;
  padding:12px 16px;
}

.icon_att {
  background:url('/images/icons/att.png') no-repeat center center;
  background-size:contain;
}
.icon_t4u {
  background:url('/images/icons/t4u.png') no-repeat center center;
  background-size:contain;
}

.product-list .product-row {
  min-height:1px;
  line-height:1.2;
}

.product-row .on-special {
  background:#eeffee
}

.product-details-page {
  padding-top:64px;
}

.short-line {
  line-height:1
}




/* --------------------
  Option Lists
  --------------------- */
.option-label { font-weight:normal;padding:0;cursor:pointer;}
.option-label { width:100%;}
.option-label input, .option-label option{margin-right:6px; cursor:pointer;}
.option-label span {color:#555}
.option-label :checked + span {color:#222;font-weight:600;}

.condensed-list, .option-list {
  list-style:none;
  margin:0;
  padding:0;
  line-height:1.4;
  font-size:0.95em;
}

.option-list li label {
  margin:0;
  padding:2px 4px;
}

.option-list li label:hover {
  background:#eee;
}


/* --------------------
  Miscellaneous Styles
  --------------------- */
#page-73 .page-header {
  padding: 48px 32px;
  background: #333 url("/images/hay-bales-strip.jpg") no-repeat scroll center top / cover;
  text-shadow: 0 2px rgba(0, 0, 0, 0.5);
  margin: 0 0 0;
}
#page-73 .page-header h1 {
  padding:0;
  margin:0;
  color:#fff;
}

#page-73 .item-page, #page-73 .main-content .content-inner {
  padding:0;
}

#page-73 .page-inner {
  background: #FFF url('/images/lug_tracks_repeatable_light_smaller.png') repeat-x scroll center -16px;
  padding: 64px 48px;
}

  
.bordered-box {
  border: 1px solid #ccc;
  padding: 32px;
  /*box-shadow: 0px 2px 8px #CCC;*/
  box-shadow: 0px 2px 8px rgba(0,0,0,.2);
}

.no-img {
  color:#aaa;
  top:40%;
  position:relative;
  line-height:1.3;
}

.strikeout {
  position: relative;
}
.strikeout::after {
  border-bottom: 3px solid #f30;
  content: "";
  left: -5%;
  position: absolute;
  right: 0;
  top: 45%;
  width:110%;
  transform:rotate(-8deg);
}

.separator {
  line-height:0.4em;
}

.hvr-bdr {
  border:1px solid transparent;
}

.hvr-bdr:hover {
  border-color:orange;
}

.hvr-bdr img {
  margin-bottom:-8px;
}

td.thumbnail {
  padding:0 12px 0;
}
.thumbnail.empty {
  width:50px;
  height:60px;
  line-height:1.1;
  color:#888
}

.thumbnail-inner {
  display:inline-block;width:50px;height:45px;overflow:hidden;
  margin-bottom:-4px;
  position:relative;
}

.thumbnail-inner img {
  position: absolute;
  top:8px;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);

}

.bkg-symbol {
  position:absolute;
  bottom:0;
  right:0;
  color:#e5e5e5;
  font-size:7em
}

.collapsed {
  display:none;
}

.expanded {
  display:inherit;
}

.selected {
  font-weight:bold;
  color:#222;
  cursor:default;
}

.circular {
  border-radius: 500px; height: 250px; width: 250px; 
}
.centred {
  margin: 0px auto;
}



/* ------------------------
  Feature Comparison Table
  ------------------------- */
.comparison-table-large  {
  border:1px solid #ccc;
  /*box-shadow: 0 1px 3px rgba(0,0,0,0.5)*/
}
.comparison-table-large th, .comparison-table-large td  {
  line-height:1.1;
  text-align:center;
  padding:16px 8px;
}

.comparison-table-large thead th {
  background: #222;
  color:#fff;
  padding:16px 8px;
  font-size:.9em;
  font-weight:500;
  border-left:1px solid #777;
  border-bottom:1px solid #777;
  border-top:1px solid #222;
}

.comparison-table-large thead th:last-child {
  border-right:1px solid #222;
}

.comparison-table-large tr:nth-child(even) {
  background:#f5f5f5
}
.comparison-table-large tr,
.unstriped.comparison-table-large tr:nth-child(even) {
  background:#fff
}

.comparison-table-large thead th:first-child {
  border-left:0;
}

.comparison-table-large tbody td {
  border-left:1px solid #ddd;
}

.comparison-table-large tr.featured,
.comparison-table-large tr.featured:nth-child(even)  {
  background: #FFE5A6;
}

.large-rows td, .large-rows th {
  padding:9px 8px;
}

.btn-cell {
  padding:0 !important;
}

.btn-cell .btn, .btn-cell .btn:hover {
  padding:12px 8px 10px;
  display:block;
  width:100%;
  font-size:100%;
  border-radius:0;
  margin:0;
  text-shadow:none;
  border:0;
  min-height:42px;
}



.comparison-table-large {
  background:#fafafa;
}

.comparison-table-large thead th {
  background:#222;
}

/*
.comparison-table-large .standard {
  color:#555;
  background:#f3f3f3;
}*/

.comparison-table-large .featured {
  /*border-left:2px solid green;
  border-right:2px solid green;*/
  background:#fff;
  font-weight:500;
}
.comparison-table-large .featured.heavier {
  
  color:#222
}

.comparison-table-large tr:last-child .featured {
  /*border-bottom:2px solid green;*/
  padding:20px 0;
}

.comparison-table-large tbody th {
  text-align:left;
}

.top-bar {
 padding: 6px 0;
  background: #fff;
  border-bottom: 1px solid #ccc;
  font-size: .9em;
}

.pure-u-md-1-4 {
  width:24%
}

  
/* ------------------------
  Page Layout
  ------------------------- */ 
.centre-container {
  max-width:1100px;
  margin:0 auto;
}

.left-container {
  float:left;
  padding:16px 2% 16px 16px;
  
  /*margin-right:-500px;
  width:50%;*/
}

.left-container .content-inner {
  /*margin-right:505px;*/
  /*padding-right:32px*/
  
}


.page-content {
  min-height:600px;
  padding:16px 32px 32px;
  overflow:hidden;
  line-height:1.6;
  color:#333;
}

.bottom {
  padding:32px;
}

/* --------------------
  Sliding Site Menu
  --------------------- */
  .slide-menu {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:0;
  overflow-y:scroll;
  color:#fff;
  font-size:1.1em;
}

.slide-menu .nav-child {
  display:none;
  padding-left:24px;
}

.slide-menu .pure-menu-selected  > .nav-child {
  display:block;
}

.slide-menu > .menu > .pure-menu-selected > a {
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2);
  font-weight: 600;
  color:#56C33B
}

.slide-menu a {
  padding:8px 16px;
  /*font-weight:600;*/
  display:block;
}

.site-wrap {
  min-width:100%;
  min-height:100%;
  background-color:#fff;
  position:relative;
  top:0;
  bottom:100%;
  left:0;
  z-index:1;
  overflow-x:hidden;
}

.nav-trigger {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
  z-index: 2;
  padding:16px;
  font-size:1.2em;
}

label[for="nav-trigger"] .fa {
  padding-right:4px;
  position:relative;
  top:3px;
}

.nav-trigger:checked + label {
  left: 265px;
}
 
.nav-trigger:checked + .site-wrap {
  left: 250px;
}

.nav-trigger + label, .site-wrap {
  transition: left 0.2s;
  -webkit-transition: left 0.2s;
  -moz-transition: left 0.2s;
}


/* -----------------
  Login Form
  ------------------ */
.login {
  text-align:left;
}
.login form {
  margin:32px 0;
}
.login label {
  float:left;
  margin:0;
  padding:0;
  margin-right:1em;
  width:8em;
  display:inline-block;
}
.login input{
  max-width:12em;
  display:inline-block;
  margin-bottom:8px;
}

.login fieldset {
  border:none;
  padding:0;
  margin:0;
}

.login .nav a {
  color:blue;
  font-size:small;
}

.login-link {
  font-size:small;
  text-align:center;
}

/*.login-link a:before {
  content:''; /* Lock */ /*
  font-family:'FontAwesome';
  padding-right:8px;
}*/


/* ---------------------
  Product Comparison
  ---------------------- */
.comparison-table {
  border:1px solid #ddd;
  background:#fcfcfc;
  font-family:'Open Sans', sans-serif;
}

.comparison-table tr {
  border-bottom:1px solid #ddd;
}

.comparison-table th {
  text-align:right;
  padding:8px 12px;
  font-weight:600;
}

.comparison-table td {
  text-align:center;
  border-left:1px solid #ddd;
  padding:8px 12px;
}

.comparison-table tr.different {
  background:#F8F4A7;
  font-weight:600;
}


form section {
  margin-bottom:3em;
}

h3 + label, h3 + div > label {
  padding-top:0;
}

:disabled {
  background:#eee;
}


/* -------------------------
  Store Ordering
  -------------------------- */
#confirmation-form .details-table th, #confirmation-form  .details-table td {
  padding: 2px 16px 2px 0;
}

#order-form, #confirmation-form {
  padding:32px
}

.page-content #order-form, .page-content #confirmation-form {
  padding:0
}

.condensed-lines {
  line-height:1.2;
}

#order-form input[type="text"], #order-form select {
  height:2.2em;
}

.order-email {
  margin:32px 0;
  border:1px solid #ccc;
  padding:16px;
}
.order-email h2, h3 {
  font-family:'Open Sans', 'Segoe UI', Arial, sans-serif;
}


/* ----------------------
  Animation
  ----------------------- */
.inflate {
  transition: transform .3s;
  -moz-transition: -moz-transform .3s;
}

.inflate:hover {
  transform: scale(1.05, 1.05);
}
  
  
.fade {
  opacity:0;
  transition:opacity .3s;
}

.fade.show {
  opacity:1;
}
  /*
.fa-spin {
  -webkit-transform-origin: 35% 50%;
  -ms-transform-origin: 35% 50%;
  transform-origin: 35% 50%;
}*/
.fa-spin {
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
}
  
  /* --------------------
  Alignment & Positioning
  --------------------- */
.centre  {text-align:center;}
.right, .r  {text-align:right;}
.right th, .right td  {text-align:right;}
.left, .l  {text-align:left;}
.left th, .left td  {text-align:right;}
.justified {text-align:justify}
.pull-left, .fleft { float:left; }
.pull-right, .fright { float: right; }
.nw {white-space:nowrap;}
.m0 {margin:0}
.p0 {padding:0}
.pl {padding-left:8px !important;}
.pr {padding-right:8px !important;}
.pr0 {padding-right:0 !important;}
.pt {padding-top:4px !important;}
.pb {padding-bottom:4px !important;}
.ib { display:inline-block;}
.vtop { vertical-align:top;}
.padded { padding:16px;}
.mt0 {margin-top:0}
.mt {margin-top:16px !important;}
.mb {margin-bottom:16px !important;}
.mb0 {margin-bottom:0 !important;}
.pt0 {padding-top:0;}
.pv0 {padding-top:0;padding-bottom:0;}
.ph0 {padding-left:0;padding-right:0;}
.stretch { width:100%}
.half {
  width:50%;
  margin:0;
}
.pr0 {padding-right:0;}
  
  
.scroll-container {
  overflow-x:auto;
  overflow-y:hidden;
}

.radio-label {
  padding: 3px;
  font-size: 1em;
  font-weight: normal;
  display:block;
}
.radio-label input {
  top:2px;
  position:relative;
  margin-right:4px;
}
  
.bkg-blue {
  background:rgb(25, 123, 176) !important;
  background: transparent linear-gradient(to bottom, rgb(25, 123, 176) 5%, rgb(11, 99, 162) 100%) repeat scroll 0% 0%  !important;
  color:#fff;
}

.bkg-light-blue {
  background:rgb(219, 237, 255) none repeat scroll 0% 0%
}

@media all and (max-width:800px) {
  #contact-section, #contact-section-inner, .tyre-search-form {
    height:auto;
  }
  
  .size-search-form {
    width:100%;
    border:0;
  }
  .size-search-form input {
    display:block;
  }
  
  .home-page-section {
    min-height:400px;
  }
  
  #contact-section-inner {
    height:350px;
  }
}













/* Specific styles for the store */
/*
.detailed-submenu.atv-tyres + .nav-child { background:#fff url('/images/silhouettes/atv.png') no-repeat right bottom;}
.detailed-submenu.bobcat-tyres + .nav-child { background:#fff url('/images/silhouettes/bobcat.png') no-repeat right bottom;}
.detailed-submenu.compactor-tyres + .nav-child { background:#fff url('/images/silhouettes/compactor.png') no-repeat right bottom;}
.detailed-submenu.earthmover-tyres + .nav-child { background:#fff url('/images/silhouettes/earthmover.png') no-repeat right bottom;}
.detailed-submenu.grader-tyres + .nav-child { background:#fff url('/images/silhouettes/grader.png') no-repeat right bottom;}
.detailed-submenu.loader-tyres + .nav-child { background:#fff url('/images/silhouettes/loader.png') no-repeat right bottom;}
.detailed-submenu.tractor-tyres + .nav-child { background:#fff url('/images/silhouettes/tractor.png') no-repeat right bottom;}
*/
/* John Deere tractor - To tease Robert - TEMPORARY */
.robert .header .detailed-submenu.tractor-tyres + .nav-child {
  background:#fff url('/images/silhouettes/tractor-green.png') no-repeat right bottom;
}



/* -- Unsorted Rules -- */


.box-list li {
  background:#369;
  color:#fff;
  margin-bottom:4px;
  padding:8px 48px 10px 16px;
  font-size:1.05em
}

.box-list .fa {
  margin-right:4px;
}

.info-image {
  float:left;
  margin:0 16px 16px 0;
}



.dark-box {
  background:#292929;
  color:#eee;
  padding:8px 12px;
  font-weight:600;
  margin:0;
}

.heading-box {
  font-size: 1.4em; 
  padding: 16px 16px 16px 140px;
  height:90px;
  line-height:60px
}

.orange:hover .dark-box {
  color:orange !important;
}

/* Image gallery */
/*
.sigplus-gallery ul > li img {
  box-shadow: 0px 0px 12px rgba(0,0,0,0.25);
  width:175px;height:175px;
}*/

#page-content div.sigplus-gallery ul > li > img, #page-content  div.sigplus-gallery ul > li > a > img {
  margin: 4px !important;  
}


.special-details {
  margin-left:380px;
  line-height:1.4;
}



.contact-details-box {
  display:inline-block;
  float:left;
  border-bottom:1px solid #ccc;
  padding:8px 16px;
  margin:8px;
  line-height:1.6;
  background:#fefefe
}

.contact-details-box:last-of-type {
  border-bottom: none;
}

.contact-details-box address {
  color:#555;
}

.logo-thumb {
  height:24px;max-width:90%;margin:4px auto 8px
}

.right-headings th {
  text-align:right;
  padding-left:16px;
}

#enquiry-form h3 {
  color:#333;
  border:none;
  font-size:1.2em;
}

#enquiry-form h4 {
  font-size:1.1em;
  font-weight:500;
  color:#555;
}

.bt-gallery img {
  height:200px;
  width:auto;
  margin:8px;
}

#page-71 .content-inner, #page-71 .item-page {
  padding:0;
}

#page-83 .page-content {
  padding:0;
}



/* -------------------------
  Track Selector
  -------------------------- */
  .btn-radio, a.btn-radio {
  border: 1px solid rgb(204, 204, 204);
  padding: 5px 24px;
  border-radius: 4px;
  color:#000;
  text-shadow:none;
  background:linear-gradient(#ffffff, #f0f0f0);
  background: linear-gradient(#ffffff, #ededed);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f0f0f0));
	background:-moz-linear-gradient(top, #ffffff, #f0f0f0);
	background:-webkit-linear-gradient(top, #ffffff, #f0f0f0);
	background:-o-linear-gradient(top, #ffffff, #f0f0f0);
	background:-ms-linear-gradient(top, #ffffff, #f0f0f0);
	background:linear-gradient(to bottom, #ffffff, #f0f0f0);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0 ',GradientType=0);
	background-color:#f0f0f0;  
  text-shadow:none;
}

.btn-radio input {
  display:none;
}

.btn-radio:hover {
  background: linear-gradient(#fafafa, #ededed);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #fafafa, #ededed);
	background:-webkit-linear-gradient(top, #fafafa, #ededed);
	background:-o-linear-gradient(top, #fafafa, #ededed);
	background:-ms-linear-gradient(top, #fafafa, #ededed);
	background:linear-gradient(to bottom, #fafafa, #ededed);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ededed ',GradientType=0);
	background-color:#fafafa;
}

.btn-radio-checked, .btn-radio-checked:hover {
  border-color:transparent;
  background: linear-gradient(rgb(37, 110, 193), rgb(27, 100, 183));
  
  color:#fff;
}

.btn-agco, .btn-agco:hover, .btn.agco.btn-radio-checked, .agco.btn-radio-checked:hover,
.btn-cat, .btn-cat:hover, .btn.cat.btn-radio-checked, .cat.btn-radio-checked:hover {
  background: transparent linear-gradient(#FFD356, #EFBE19) repeat scroll 0% 0%;
  color:#000;
  border:1px solid #F2C852;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFD356), color-stop(1, #EFBE19));
	background:-moz-linear-gradient(top, #FFD356, #EFBE19);
	background:-webkit-linear-gradient(top, #FFD356, #EFBE19);
	background:-o-linear-gradient(top, #FFD356, #EFBE19);
	background:-ms-linear-gradient(top, #FFD356, #EFBE19);
	background:linear-gradient(to bottom, #FFD356, #EFBE19);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD356', endColorstr='#EFBE19 ',GradientType=0);
	background-color:#FFD356;
  text-shadow:none;
}

.btn-case, .btn-case:hover, .btn.case.btn-radio-checked, .case.btn-radio-checked:hover {
  background: transparent linear-gradient(#F32730, #C62F2F) repeat scroll 0% 0%;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #F32730), color-stop(1, #C62F2F));
	background:-moz-linear-gradient(top, #F32730, #C62F2F);
	background:-webkit-linear-gradient(top, #F32730, #C62F2F);
	background:-o-linear-gradient(top, #F32730, #C62F2F);
	background:-ms-linear-gradient(top, #F32730, #C62F2F);
	background:linear-gradient(to bottom, #F32730, #C62F2F);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F32730', endColorstr='#C62F2F ',GradientType=0);
	background-color:#F32730;
  border:1px solid #CC3940;
  text-shadow:none;
  color:#fff;
}

.btn-john-deere, .btn-john-deere:hover, .btn.john-deere.btn-radio-checked, .john-deere.btn-radio-checked:hover {
  background: transparent linear-gradient(#269B3E, #258038) repeat scroll 0% 0%;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #269B3E), color-stop(1, #258038));
	background:-moz-linear-gradient(top, #269B3E, #258038);
	background:-webkit-linear-gradient(top, #269B3E, #258038);
	background:-o-linear-gradient(top, #269B3E, #258038);
	background:-ms-linear-gradient(top, #269B3E, #258038);
	background:linear-gradient(to bottom, #269B3E, #258038);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#269B3E', endColorstr='#258038 ',GradientType=0);
	background-color:#269B3E;
  border:1px solid green;
  text-shadow:none;
  color:#fff;
}

.btn-new-holland, .btn-new-holland:hover, .btn.new-holland.btn-radio-checked, .new-holland.btn-radio-checked:hover {
  background: transparent linear-gradient(#4f6eae, #244e90) repeat scroll 0% 0%;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #4f6eae), color-stop(1, #244e90));
	background:-moz-linear-gradient(top, #4f6eae, #244e90);
	background:-webkit-linear-gradient(top, #4f6eae, #244e90);
	background:-o-linear-gradient(top, #4f6eae, #244e90);
	background:-ms-linear-gradient(top, #4f6eae, #244e90);
	background:linear-gradient(to bottom, #4f6eae, #244e90);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f6eae', endColorstr='#244e90 ',GradientType=0);
	background-color:#4f6eae;
  border:1px solid #315EE0;
  text-shadow:none;
  color:#fff;
}

.btn-cont {
  padding:0 !important;
  padding-top:4px !important;
  display:inline-block;
  
}
.btn-cont:hover {
  padding:0 !important;
  padding-top:4px !important;
}
.agco:hover, .agco.btn-radio-checked:hover , .cat:hover, .cat.btn-radio-checked:hover  {
  border:1px solid #FFC600;
}
.case:hover, .case.btn-radio-checked:hover  {
  border:1px solid #CC3940;
}
.john-deere:hover, .john-deere.btn-radio-checked:hover {
  border:1px solid green;
}
.new-holland:hover, .new-holland.btn-radio-checked:hover {
  border:1px solid #315EE0;
}
.grey { color:#555;}



.search-input-wrapper > span {
  display: block;
  overflow: hidden;
 /* padding-right: 32px*/
}
.search-input-wrapper input[type=text] {
  width: 100%
}
.search-input-wrapper button {
  float: right
}



/* ------------------------ 
  Large screens 
  ------------------------- */
@media only screen and (max-width:1400px) {
  /*.main-content.centre-container.with-sidebar {
    width:900px;
    float:right;
    margin-right:32px;
  }
  
  .left-container {
    margin-right:-375px;
  }
  .left-container .content-inner {
    margin-right:375px;
  }*/
  
  .item-189 {
    float:none;
  }
}


/* ------------------------ 
  Medium to large screens 
  ------------------------- */
@media only screen and (min-width:1024px) {
  .hidden-md {
    display:none !important;
  }
  
  #left-content.fixed .content-inner {
    position:fixed;
    top:0;
    left:0;
    padding:16px 2% 16px 16px;
    width:20%;
    height:100%;
    overflow-y:auto;
  }
}


/* ------------------------ 
  Small to medium screens 
  ------------------------- */
@media only screen and (max-width:800px) {
  .main-content.centre-container {
    width:100%;
    float:none;
  }
  .left-container {
    width:100%;
    margin:16px 0;
    float:none;
  }
  .left-container .content-inner {
    margin-right:0;
    padding:0 5% 32px;;
  }
  
  .filter-form {
    max-width: 100%;
  }
  
  .header-side-ctrls.fright {
    float:none;
    text-align:left;
  }
  
  .header .fleft, .header .fright {
    float:none;
  }
  
  #left-content .nav {
    float:none;
  }
  .sm-reduced {
    font-size:.9em;
  }
  .sm-np {
    padding:0;
  }
  .hidden-sm {
    display:none  !important;
  }
  .sm-stretch {
    width:100%;
  }
  .sm-m16 {
    margin:16px;
  }
  
  input[type="text"], select, .head {
    min-height:28px;
  }
  
  select option, .filter-form select option {
    padding:4px 2px;
  }
  
  button {
    min-height:55px;
  }
  
  .product-box .product-img-cont-inner {
    height:auto;
  }
  
  .product-box .product-img-cont-inner.empty {
    height:160px;
  }
  
  .product-box .product-img-cont-inner img {
    max-height:220px
  }
  
  .centre-container, .main-content.centre-container.with-sidebar{
    width:100%;
    margin:0;
    padding:0 16px;
  }
  
  .main-content .content-inner {
    margin:0 auto;
  }
  
  .main-content, #filter-form {
    font-size:1.2em;
  }
  
  .product-details td, 
  .product-details th {
    padding:0;
    display:block;
  }
  
  .product-details th {
    text-align:left;
    font-size:1em;
    color:#aaa;
    padding-bottom:6px;
  }
  
  .product-details td {
    padding-bottom:16px;
    text-align:left;
  }
  
  .brand-description .brand-logo {
    margin:8px auto;
  }
  
  .brand-description-inner {
    margin-left:0;
    padding-right:0;
  }
  
  .horizontal-form label {
    float:none;
    display:block;
  }
  
  .horizontal-form .input-wrapper {
    margin-left:0;
  }
  
  .product-image {
    margin-top:16px;
  }
  
  .sm-stretch {
    width:100%;
  }
  
  .page-header {
    padding:16px 32px 8px;
  }
  .page-content, #left-content .content-inner {
    padding:16px 32px;
  }
  
  hr {
    margin:8px 0;
  }
  
  .sitemap > .nav-item {
    font-size:1.4em;
    width:100%;
  }
  
  .sitemap > .nav-item  a {
    padding:4px;
    display:block;
  }
  
  .transform-table, 
  .transform-table thead, 
  .transform-table tbody, 
  .transform-table td, 
  .transform-table th, 
  .transform-table tr {
    display:block;
    border:none;
  }
  
  .transform-table thead {
    display:none;
  }
  
  .transform-table tr {
    background:none;
    margin-bottom:16px;
    border:1px solid #ccc
  }
  
  .transform-table td { 
    border-bottom:1px solid #ddd;
    text-align:left;
    position:relative;
    padding:16px 8px 16px 105px;
    min-height:48px;
  }
  .transform-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 9px;
		left: 8px;
		width: 100px; 
		padding: 10px; 
		white-space: nowrap;
    color:#aaa;
    content: attr(data-heading);
    font-size:.8em;
    text-transform:uppercase;
    
	}
  
  .transform-table .btn {
    padding:16px;
    height:auto;
    text-align:center;
  }
}

/* ----------------------
  Small screens
  ----------------------- */
@media only screen and (max-width:480px) {
  .page-content {
    width:100%;
    margin:0;
  }
  .centre-container {
    padding:0;
    margin:0;
    width:100%;
  }
  

  h1 {
    font-size:2.2em;
    text-align:center;
  }
  menu, ol, ul {
    padding:4px;
  }
  
  .sitemap > .nav-item {
    float:none;
    display:block;
  }
  
  .pure-menu {
    visibility:visible;
    z-index:20;
  }
  
  .content-block p, .content-block h2, .content-block h3 {
    text-align:center
  }
  
  .logo {
    height:auto;
    width:90%;
    margin:0;
    
  }
  
  .tyre-search-form .corner-image {
    position:static;
    margin:16px auto;
    width:120px;
  }
  
  .option-list {
    font-size:1.2em;
  }
  
  .header {
    position:relative
  }
  
  * {
    max-width:100% !important;
    overflow-x: auto;
  }
  
  html, body { /*, .page-content {*/
    width:100%;
    overflow-x:hidden;
  }
  
  .nw {
    word-wrap:normal;
  }
  
  .header .pure-menu {
    display:block;
    z-index:4 !important;
    position:relative !important;
  }
  
  .header .pure-menu-horizontal li {
    display:block !important
  }
 
  .spacer {
    display:none;
  }
  
  .header .fright {
    float:none;
  }
  
  .sm-nofloat {
    float:none !important;
  }

  h2 {
    font-size: 2em;
  }
  
  .header .pure-menu-horizontal {
   position:relative !important;
   top:0 !important;
   margin:0 !important;
   padding:0 !important;
   display:block;
  }
  
  .header .right {
    text-align:left;
  }
    
  .pure-menu.pure-menu-horizontal > ul {
    width:100%;
    display:block !important;
    position:relative !important;
    top: 0 !important;
    padding:0 !important;
  }
  
  .header .nav-child {
    display:none;
  }
  
  .content-inner {
    padding:16px !important;
  }
  
  .fright {
    float:none;
  }
  
  .filter-form {
    padding:0 !important;
    margin:0 !important;
    float:none;
  }
  
  .filter-form .head {
    padding:16px 12px 
  }
  
  .option-label .fright {
    float:right;
    margin-right:8px;
  }
  
  
  .product-box .product-details {
    width:100%;
    padding:0;
  }
  
  .content .content-ribbon {
    margin:0;
  }
  
  .header-inner {
    padding:0;
  }
  
  .header #menu-link {
    background: rgba(0,0,0,0.2);
    margin-bottom: 16px;
  }
  
  .product-box {
    /*border:0;
    border-bottom:1px solid #ccc;*/
    box-shadow:2px 0 4px rgba(0,0,0,0.2);
    margin-bottom:16px;
  }
  
  .product-box .btn {
    display:block;
    text-align:center;
    padding:16px;
  }
  
  .filter-form, #left-content, #left-content .content-inner {
    margin:0 !important;
    padding:0 !important;
    overflow-x:visible;
  }
  
  #left-content .content-inner {
    width:100%
  }
  
  .product-box .product-details .btn {
    padding:8px 0;
    font-size:1em;
    margin-top:6px;
  }
  
  #enquiry-form h3 {
    font-size:1.3em;
  }

  #enquiry-form h4 {
    font-size:1.1em;
  }
  
  .header .pure-menu-horizontal .nav-item > a {
    font-size:1.2em;
    padding:16px 16px;
    margin-top:2px !important;
    background:rgba(0,0,0,0.05);
  }

  .hidden-sm {
    display:none  !important;
  }
  
  #contact-form {
    margin:0;
  }
  
  #contact-form th {
    padding: 16px 8px 0;
  }
  
  #contact-form th, #contact-form  td {
    display:block;
    margin:0;
  }
  
  #contact-form input, #contact-form select , #contact-form textarea {
    margin:0;
    max-width:90% !important;
  }
  
  #contact-form .btn {
    width:95%;
  }
  
  div.sigplus-gallery > ul > li {
    width:100%;
  }
  
  h3 {
    margin-bottom:16px;
  }
  
  #left-content .nav a {
    padding:8px;
  }
  
  #site-search-form .search-box,
  #site-search-form .search-btn {
    height:40px;
    min-height:40px;
    max-height:40px !important;
    font-size:1.1em;
    padding:0 8px;
  }
  
  a.btn-radio {
    padding:16px;
    margin:0;
  }
  
  #site-search-form {
    
  }
    
  .content-inner {
    width:100%;
    margin:0;
  }
  
  .page-content, .page-header {
    padding:16px;
  }
  
  .page-content > h1 {
    text-align:left;
    padding-top: 8px !important;
  }
  
  .page-content .content-inner {
    padding:16px;
  }
  
  .page-content {
    padding:4px;
  }
  
  .stack-table th,
  .stack-table td {
    display:block  !important;
  }
}

.print-only {
  display:none;
}


/*
 Product details page load table
*/
#product-details .load-table th {
  background: #105498;
  padding: 8px 16px;
  color: white;
  border: 2px solid white;
  text-align: center;
}

#product-details .load-table td {
  background: #eee;
  border: 2px solid white;
  padding: 8px 12px 6px 12px;
  text-align: center;
}


/* ------------------
  Print styles
  ------------------- */
@media print {
.page-content {
  font-size:14px
}
  
  .print-only {
    display:initial;
  }

  html, body {
    width:100%;
    height:auto;
    padding:0;
  }
  
  .main-content {
    width:auto !important;
    padding:0;
    clear:both;
    float:none;
    display:inline;
  }
  
  .item-page {
    display:inline;
  }
  
  .content-block p {
    text-align: justify;
  }
  
  .article-image {
    max-width:50%;
  }
  
  .large-rows td, .large-rows th {
    padding-top:8px;
    padding-bottom:8px;
    font-size:14px;
  }
  
  .print-together {
    page-break-inside:avoid;
  }
  
  .main-content .content-inner {
    box-shadow:none;
  }
  
  .page-content {
    padding-bottom:0;
  }
  
  .comparison-table-large,
  .comparison-table-large td,
  .comparison-table-large th {
    border-color: #000;
  }
  
  .comparison-table-large tbody td,
  .comparison-table-large thead th {
    border-left-color: #000;
  }
  
  .comparison-table-large tbody td.featured {
    border-left-color:green;
  }
  
  .comparison-table-large tbody tr:first-child td.featured {
    border-top: 2px solid green;
  }
  
  .header, footer, .no-print, #left-content, .slide-menu {
    display:none !important;
  }
}