@charset "UTF-8";
/* CSS Document */

@media (max-width: 979px) {
	.navbar-inverse .navbar-inner {
	  background-color: #6F8777;
	  background-image: none;
	  border-color: #6F8777;
	}
	.spotlight h3 {
	font-size: 1.3em;
	}
	.inner3column .row.special {
	margin-left: -5px;
	}
	.inner3column .row.special .span2 {
	margin-left: 10px;
	width: 111px;
	font-size: 0.9em;
	}

	#probeselector.modal.fade.in { /* added 09/05/16 to make the Selector modal sit higher for Matt's 7inch table (and smaller) */
	  top: 5%;
	}

	#top_navbar .nav-collapse.in, #top_navbar .nav-collapse.in.collapse { /* this is "hidden" in bootstrap's default CSS, but we're attempting to allow visibility of Bob's bespoke country choosing dropdown list. The "in" element is my attempt to only affect it when the top-nav mobile menu is actually open. */
    overflow: visible;
	}
	#country-select { /* This is where at 480px wide and less, the country dropdown gets hidden by various pieces of page content. This change makes the actual top-nav fill the depth of the country menu, thus no overlay */
    position: relative;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
  /* CUSTOM SPANS FOR A THIN MARGIN AT 8PX */
  .span3 {
	width: 175px;
  }
  .select2-container.span3 {
	width: 163px;
  }
  .span6 {
	width: 358px;
  }
  .span9 {
	width: 541px;
  }
  /* END OF CUSTOM SPANS FOR A THIN MARGIN AT 8PX */

.span3.thinmarginfirst {
	width: 178px; /* this is 724px divided by 4 (span3x4=12), then 3px off. Note: no margin-left 0 for this initial span */
  }
  .span3.thinmargin {
	width: 181px; /* this is 724px divided by 4 (span3x4=12). Then margin of 3px */
	margin-left: 3px;
  }
  .span6.thinmargin {
	width: 359px; /* this is 724px divided by 2 (span6x2=12), then 3px off. Then margin of 3px */
	margin-left: 3px;
  }
  .span9.thinmargin {
	width: 543px; /* this is 724px divided by 12 times 9. Then margin of 3px */
	margin-left: 3px;
  }
  .span2.nomarginfirst {
	width: 120px; /* this is 724px divided by 6 (span2x6=12) Note: no margin-left 0 for this initial span */
  }
  .span3.nomarginfirst {
	width: 181px; /* this is 724px divided by 4 (span3x4=12) Note: no margin-left 0 for this initial span */
  }
  .span3.nomargin {
	width: 181px; /* this is 724px divided by 4 (span3x4=12) */
	margin-left: 0;
  }
  .span6.nomargin {
	width: 362px; /* this is 724px divided by 2 (span6x2=12) */
	margin-left: 0;
  }
  .span7.nomargin {
	width: 422px; /* this is 724px divided by 12 times 7 (span7x12/7=12) */
	margin-left: 0;
  }
  .span10.nomargin {
	width: 603px; /* this is 724px divided by 12 times 10 (span10/12x10=12) */
	margin-left: 0;
  }
  .navbar .brand {
  padding: 4px 0px 4px 7px;
  min-width: 173px;
  }
  .login {
	min-height: 55px;
  }
  .innercontent.login h2 {
	font-size: 0.65em;
  }
  .innercontent.login #loginbox p {
	font-size: 0.65em;
  }
  .innercontent.login #loginbox p a {
	margin-left: 15px;
  }
  .bigbanner h3 {
	font-size: 1.7em;
  }
  .bigbanner h4 {
	margin-top: 55px;
  }
  .quickorder .input-small {
	width: 80px;
  }
  .searchresults .cell.product {
	width: 40%;
  }
.innercontent.targetspecies .speciestitle, .innercontent.targetspecies .species {
	width: 73.5%;
}
  .span6.nomargin.righthand {
	overflow: hidden;
	width: 266px; /* was 271 amended 16/10/14 - UPDATE: was 270, amended to 266 27/01/15 */
  }
  .span6.nomargin.fixedright {
	  overflow: auto;
	  width: 271px;
  }
  .innercontent.prodindextitle h2 {
	  font-size: 1.3em; /* updated from 1em by MJWEBB 130315 */
  }

  .innercontent.techhelp .btn.btn-bottlegreen.question {
	  width: 75px;
  }

  .innercontent.login #loginbox .form-inline {
	width: 170px;
  }

  .span12.footer { /* ADDED 160414 */
	min-height: 105px;
  }

  .span12.footer #bsilogo { /* ADDED 160414 */
	position: absolute;
	bottom: 20px;
	right: 5px;
  }
  .span12.footer #bsilogo img {
	  width: 86px;
	  height: 40px;
  }
  .span12.footer #bsilogo.eulogo img {
	width: 76px;
	height: 55px;
  }
  .span12.footer #bsilogo.eulogo {
  position: absolute;
  bottom: 25px;
  right: 5px;
  }
  .span12.footer h3 {
  font-size: 0.65em;
  }

  .rslides_tabs { /* ADDED 160414 */
	padding-top: 24px;
	padding-bottom: 25px;
	}

  /* SPOTLIGHT PAGES */
  .span3.thinmargin.spotlightmiddle {
	  width: 181px;
  }
  .span6.thinmargin.spotlightcontent {
	  width: 359px;
  }

  .innercontent h2 {
	font-size: 1.1em;
  }


  .span3.middleblocks1 {
	width: 178px;
	margin-left: 5px;
  }
  .span3.middleblocks2 {
	width: 178px;
  }
  .specialoffers h3 {
	  font-size: 1.3em;
	  margin-bottom: 0px;
  }
  .spotlight {
	min-height: 259px;
  }
  .spotlight.resultsalt {
	min-height: 258px;
  }
  .specialoffers {
	min-height: 259px;
  }
  .exhibition h3 {
	  font-size: 1.3em;
	  margin-bottom: 0px;
  }

  .exhibition p {
	  font-size: 0.7em;
  }
  .specialoffers .jirtable {
	  font-size: 0.8em;
  }

  .spotlight h3 {
	  margin-bottom: 0px;
  }

  /* Search Results version 6b */
  .results-blank-row th {
	font-size: 0.65em;
  }
  .innercontent.searchresults h3 {
	font-size: 1.3em;
  }
  .innercontent.searchresults h3 .smaller {
	font-size: 0.6em;
  }
  .innercontent.productdetails2 #item-quantity {
	width: 70px;
  }
  .span6.prodtabs {
	width: 320px;
  }
  .productdetails2 .btn.specsheets {
	padding: 1px 1px;
	font-weight: normal;
	width: 97%;
  }
  .productdetails2 .btn.msds {
	padding: 1px 10px;
	font-weight: normal;
	width: 88%;
  }
  .techhelp .btn.question {
	padding: 1px 0px;
	font-weight: normal;
  }

  /* Additional footer element for description of red boxed "to be discontinued" */
  #disconfooter {
	  width: 531px;
  }

  /* basket page */
  .basketcontent .code a {
	font-size: 0.8em;
  }
  .innercontent.basketcontent table tr .description {
	font-size: 0.8em;
  }

  /* NEW CODE 10/07/14 for reformatted basket, using unordered list instead of a table */
  .basketcontents li.basketcontentscode {
  width: 13%;
  }
  .basketcontents li.basketcontentsquantity {
  width: 16%;
  }
  #confirmation .basketcontents li.basketcontentscode {
  width: 15%;
  }

  /* Registration */
  .span6.thinmargin.registration {
	width: 359px;
  }
  .span2.nomargin {
	width: 119px;
	font-size: 0.9em;
  }
  .span2.nomarginfirst {
	font-size: 0.9em;
  }
  #customer-registration fieldset .control-group .control-label {
	width: 120px;
	font-size: 1em;
  }
  #customer-registration fieldset .control-group .controls {
	margin-left: 135px;
  }
  #customer-registration fieldset .control-group .controls input {
	width: 150px;
  }
  #customer-registration #regborder .control-group .control-label {
	width: 120px;
	font-size: 0.9em;
  }
  #customer-registration #regborder .control-group .controls {
	margin-left: 135px;
  }
  #customer-registration #regborder .control-group .controls input {
	width: 150px;
  }
  .captcha { /* STOLEN FROM BOB'S RWS.CSS FILE */
	margin-left: 135px;
  }
  #customer-registration #regborder .form-actions {
	padding-left: 155px;
  }
  #customer-registration .tab-content #billing-address fieldset .control-group .controls select#billing_country {
	width: 150px;
  }
  #customer-registration .tab-content #shipping-address fieldset .control-group .controls select#shipping_country {
	width: 150px;
  }
  #shipping-address fieldset .label {
	margin-left: 15px;
  }

  div#total-wrapper { /* STOLEN FROM BOB'S RWS.CSS FILE AND AMENDED */
	width: 169px!important;
	margin-top: 50px; /* added after filter doubled in height */
	clear: both; /* added after filter doubled in height */
  }
  div#search-actions { /* STOLEN FROM BOB'S RWS.CSS FILE AND AMENDED */
	clear: both;
	width: 163px!important;
  }
  form.productsearch .btn-primary, form.techsearch .btn-primary { /* STOLEN FROM BOB'S RWS.CSS FILE AND AMENDED */
	margin-top: 10px;
	float: left!important;
  }
  form.productsearch .btn-primary { /* BRAND NEW, Jan 2016 - for the little note text under the Product Filter button */
	width: 100%;
  }
  form.productsearch .probe-btn { /* BRAND NEW, March 2016 - for the new Probe Selector open/close button in Product Filter */
	width: 100%;
  }
  div.productsearch { /* BRAND NEW, March 2016 - for the new Probe Selector open/close button in Product Filter */
    min-height: 587px!important; /* was 335px before the filter doubled in height */
  }
  form.productsearch .searchNote { /* BRAND NEW, Jan 2016 - for the little note text under the Product Filter button */
	display: block;
	line-height: 1.2em;
	margin-top: 10px;
  }
  form.productsearch .product-search-help { /* BRAND NEW, Jan 2016 - for the little note text under the Product Filter button */
	display: none!important;
	visibility: hidden;
  }
  span.product-search-help { /* STOLEN FROM BOB'S RWS.CSS FILE AND AMENDED */
	font-size: x-small;
	color: darkred;
	width: 85px!important;
	display: block!important;
	float: right!important;
	line-height: normal!important;
	margin-top: 10px!important;
  }

  form.productsearch label.control-label {
    margin-top: 14px!important;
  }

  form.productsearch div#search-actions {
    margin-top: 30px;
  }

  form.productsearch #total-wrapper #active-probes {
    line-height: 16px;
  }

  /* ADDITIONAL CODE TO STYLE MOBILE NAVIGATION MENU ON IPAD SIZE =============================================================================================================== */
  /*.navbar-inverse .navbar-inner {
	  background: red;
	} */
	.navbar .btn-navbar {
	  background: #273828; /* KEEP */
	  background-image: none;
	  background-repeat: repeat-x;
	  border-color: none;
	  filter: none;
	}
	.navbar .btn-navbar:hover,
	.navbar .btn-navbar:focus,
	.navbar .btn-navbar:active,
	.navbar .btn-navbar.active,
	.navbar .btn-navbar.disabled,
	.navbar .btn-navbar[disabled] {
	  color: #ffffff;
	  background-color: #273828; /* KEEP */
	}
	.navbar .nav > li {
	  border-top: solid 2px #576D59;
	  border-right: solid 0px #576D59;
	}
	.nav-collapse .nav > li > a {
	  margin-bottom: 0px;
	}
	.nav-collapse .nav {
	  margin: 0 0 0;
	}
	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
	  padding: 0px;
	}
	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
	  color: #D4E336;
	  background-color: #304531; /* KEEP */
	}
	.navbar-inverse .nav-collapse .active > a, .navbar-inverse .nav-collapse .active > a:hover, .navbar-inverse .nav-collapse .active > a:focus {
	  color: #ffffff !important;
	  background-color: #576D59 !important;
	}
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	  -webkit-border-radius: 0px;
	  -moz-border-radius: 0px;
	  border-radius: 0px;
	}

	.navbar-inner {
	padding-left: 0px;
	}
	.navbar .brand {
	margin-left: 0px;
	}
	.navbar .nav > li > a {
	border-right: solid 0px #FFF;
	}
/* END OF ADDITIONAL CODE TO STYLE MOBILE NAVIGATION MENU =============================================================================================================== */

  .span12.footer h2 {
	font-size: 0.65em;
  }

  /* Tech Questionnaire - taken from Bob's own CSS file */
  .questionnaire .control-group label {
	width: 200px!important;
  }
  .questionnaire fieldset legend {
	width: 200px!important;
	line-height: normal!important;
  }
  .questionnaire fieldset .control-group label {
	margin-left: 200px!important;
  }
  .questionnaire .form-horizontal .control-label {
	padding-top: 0px;
  }
  .questionnaire fieldset .control-group .control-label {
	width: 100px;
  }
  .questionnaire .text .control-group label.control-label {
	width: 130px!important;
  }
  .questionnaire .control-group label.radio {
	width: 50px!important;
  }

  .innercontent.bigbanner #homeCentreTextOne {
	  font-size: 11px;
  }
  .innercontent.bigbanner #homeCentreTextTwo h4 {
	  font-size: 0.9em;
  }
  .innercontent.bigbanner #homeCentreTextTwo h3 {
	  font-size: 1.1em;
  }

  .span3.nomargin.tabs.widerlast { /* 4th tab on prod page (with tall filter) which is wider than first 3 tabs */
    width: 183px;
  }
  .span9.tabs .span4.prodtabs { /* with reduced width of prod page tabs in total, on portrait ipad we need to make tab content single column only */
    width: 100%;
  }
  .span9.tabs .tab-content #images #piclegend:before { /* with reduced width of prod page tabs, on portrait ipad we need to mimic smartphone styling */
	top: -10px;
	left: 25px;
  }
  .span9.tabs .tab-content #images #piclegend { /* with reduced width of prod page tabs, on portrait ipad we need to mimic smartphone styling */
	margin-top: 25px;
  }

}

/* Retina iPad Landscape Only */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	.span12.basketminheight {
	  min-height: 150px;
	}
}
/* End of Retina iPad Landscape Only */

@media (max-width: 767px) {

	/* NEW CODE 09/07/14 for reformatted basket, using unordered list instead of a table */
	ul.basketcontents {
	border-bottom: solid 1px #CCC;
	margin-bottom: 8px;
	}
	ul.basketcontents.header {
	margin-bottom: 0px;
	}
	.basketcontents li .basketcontentspadding {
		padding: 4px 4px;
	}
	.basketcontents li.basketcontentsremove {
	width: 20.8%;
	}
	.basketcontents li.basketcontentscode {
	width: 30.8%;
	}
	.basketcontents li.basketcontentsproduct {
	width: 47.2%;
	text-align: right;
	}
	.basketcontents li.basketcontentsquantity {
	width: 51.6%;
	}
	.basketcontents li.basketcontentsprice {
	width: 23.6%;
	}
	.basketcontents li.basketcontentstotal {
	width: 23.6%;
	}
	.basketcontents li.basketcontentsremove .btn {
	margin-top: 2px;
	}
	/* END OF NEW CODE 09/07/14 */

	/* ADDED FOR REARRANGING DIV ORDER */
	#rearrange {display:table;width:100%} /* MARTIN ADDED WIDTH - 080915 - for landscape iPhone6 */
	#lefthandcolumn {display:table-footer-group; border: solid 1px green;}
	.righthandrearrange {display:table-header-group; border: solid 1px blue;}
	/* ADDED FOR REARRANGING DIV ORDER */


  [class*="span"] {
	width: 100%;
	margin-left: 0;
  }
  .row {
	margin-left: 0;
  }
  .select2-container.span3 {
	width: 450px; /* was "100%" - amended by martin 080915, to cover landscape iphone misaligning. See BB issue 404 */
  }

  .productsearch form fieldset label, .techsearchbox form fieldset label {
	margin-bottom: 0px;
	line-height: 20px;
	margin-top: 3px;
  }
.span3.thinmarginfirst {
	width: 100%;
  }
  .span3.thinmargin {
	width: 100%;
	margin-left: 0;
  }
  .span6.thinmargin {
	width: 100%;
	margin-left: 0;
  }
  .span9.thinmargin {
	width: 100%;
	margin-left: 0;
  }
  .span2.nomarginfirst {
	width: 100%;
	margin-bottom: 5px;
	float: left;
  }
  .span3.nomarginfirst {
	width: 35%;
	margin-bottom: 5px;
	float: left;
  }
  .span3.nomargin {
	width: 100%;
	margin-left: 0;
	float: none;
	clear: both;
  }
  .span6.nomargin {
	width: 65%;
	float: left;
  }
  .span10.nomargin {
	width: 100%;
	float: left;
  }
  .login {
	min-height: 55px;
  }
  .inner3column {
	margin-left: 0px;
  }
  .innercontent.login #loginbox p a {
	margin-left: 0px;
  }
  .row.special {
	margin-left: 0px;
  }
  .inner3column #special {
	padding-left: 0px;
  }
  .specialoffers h2 {
	padding-top: 2%;
  }
  .quickorder {
	  min-height: 25px;
  }
  .quickorder h2 {
	  display: inline-block;
  }
  .quickorder form {
	  display: inline;
  }
  .login {
	  background-image: none;
	  min-height: 70px;
  }
  .inner3column .row.special .span2 {
	width: 100%;
	font-size: 1.1em;
	margin-left: 5px;
  }
  .spotlight {
	min-height: 140px; /* was 100px */
  }
  .spotlight h3 {
	font-size: 1.8em;
  }
  .innercontent.login #loginbox {
	  float: left;
	  margin-left: 0%;
	  margin-top: 0%;
	  width: 100%;
  }
  .innercontent.login h2 {
	  float: right;
  }
  .bigbanner {
	min-height: 150px;
  }
  .bigbanner h4 {
	margin-top: 25px;
  }
  .bigbanner h3 {
	margin-left: 0%;
  }
  .bigbanner h2 {
	padding: 0px;
	margin: 0px;
	line-height: normal;
	font-weight: 300;
	font-size: 2em;
  }
  .bigbanner p {
	margin-left: 1%;
  }
  .innercontent.bigbanner .btn {
	margin-top: 50px;
  }
  .techsearchbox {
	min-height: 230px;
  }
  .searchresults .cell.product {
	width: 40%;
  }
  .innercontent.searchresults {
	margin-top: 12px;
  }
  .innercontent.prodindextitle h2 {
	  font-size: 1.1em;
	  max-width: 97%;
  }
  .span2.nomarginfirst.targetspeciescontainer {
	background-image: none;
  }
  .innercontent.targetspecies .speciestitle, .innercontent.targetspecies .species {
	font-size: 0.7em;
	width: 20%;
	display: block;
	float: left;
	padding: 0px;
	height: 30px;

  }
  .innercontent.targetspecies .speciestitle {
	width: 100%;
	min-height: 15px;

  }
  .innercontent.targetspecies .speciestitle strong {
	padding-left: 10px;
	padding-top: 5px;
	display: block;
	font-size: 1.3em;
  }
  .innercontent.targetspecies .species strong {
	display: block;
	height: 30px;
	padding-left: 10px;
	padding-top: 3px;
	border-right: solid 1px #CCC;
  }

  .span2.nomarginfirst.targetspeciescontainer {
	min-height: 10px;
	float: none;
  }
  .span10.nomargin.cataloguebox {
	  margin-left: 0px;
	  height: 260px; /* was 275px prior to Matt amending custom scrollbar - see BB Issue 519 */
	  overflow: auto;
	  overflow-y: scroll;
	  float: none;
  }
  .span12.prodindextitle #prodindexinfo strong {
	  visibility: hidden;
	  display: none;
  }

  .navbar .brand {
  padding: 4px 10px 4px;
  }

  .innercontent.techhelp .btn.btn-bottlegreen.question {
	  width: 48.5%;
  }

  /* SPOTLIGHT PAGES */
  .span3.thinmargin.spotlightmiddle {
	  width: 100%;
  }
  .span6.thinmargin.spotlightcontent {
	  width: 100%;
  }
  .innercontent.spotlighttitle .currentspotlight {
	  margin-top: 10px;
	  min-height: 25px;
	  margin-bottom: 5px;
  }
  .innercontent.spotlightcontent {
	border-left: solid 0px #CCC;
  }
  .innercontent.spotlightcontent h1 {
	  min-height: 43px;
  }
  .span3.thinmargin.newprodmiddle {
	width: 100%;
  }
  .innercontent.newprodcontent {
	border-left: solid 0px #CCC;
  }
  .innercontent.newprodtitle h2 {
	margin-bottom: 0px;
  }
  .span6.thinmargin.newprodcontent {
	width: 100%;
  }
  .innercontent.newprodcontent h1 {
	min-height: 40px;
  }

  .span3.middleblocks1 {
	width: 99.4%;
	margin-left: 5px;
  }
  .span3.middleblocks2 {
	width: 99.4%;
	margin-left: 5px;
  }
  .exhibition {
	min-height: 150px;
  }
  .exhibition p {
	width: 80%;
  }
  .specialoffers {
	min-height: 150px;
  }
  .specialoffers p {
	width: 80%;
  }
  .spotlight p {
	width: 80%;
  }

  select[class*="span"] {
  width: 92%;
  }

  .innercontent.mobiletitle.visible-phone h2 {
	  color: #4F7053;
	  font-weight:normal;
  }
  .innercontent.mobiletitle.visible-phone h2 a {
	  color: #4F7053;
	  font-weight: 300;
	  font-size: smaller;
	  text-decoration: underline;
  }

  /* BELOW IS CODE TO STYLE CATALOGUE CONTENT - at 767px */
  .span4.nomarginfirst.fixedleft { /* 17/10/14 */
	float: left;
	width: 57.1%; /* was 43% changed 151014, then 42% changed to 41.6 16/10/14, "important" taken off 17/10/14 - UPDATE: was 41.6, amended to 57.1 27/01/15 */
	font-size: 0.5em;
	line-height: 1.3em;
  }
  .fixedleft table td {
	  padding-top: 1px;
	  padding-right: 10px;
	  padding-bottom: 1px;
	  padding-left: 10px;
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: #FFF;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: #FFF;
  }
  .fixedleft table td.headerrow {
	  background-color: #003A5C;
	  height: 25px; /* was 22 */
  }
  .fixedright {
	  float: right;
	  overflow: auto;
	  font-size: 0.5em;
	  line-height: 1.2em;
	  width: 41.5% !important; /* UPDATE: was 55, amended to 41.5 27/01/15 */
	  border-right: solid 1px #FFF;
	  /* border: solid 1px #0FF; /* Cyan */
  }
  .fixedright table td { /* AMENDED M J WEBB 150513 */
	  padding-top: 1px;
	  padding-right: 0px;
	  padding-bottom: 1px;
	  padding-left: 0px;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: #FFF;
	  background-color: #003A5C;
  }
  .fixedright table td.headerrow {
	  background-color: #003A5C;
	  height: 25px; /* was 22 */
  }
  .fixedright table td.headerrow div {
	  width: 62px;
  }

  .cataloguecontainer {
	  height: 330px;
  }
  .span10.nomargin.cataloguecontainer {
	  float: none;
  }

  /* Left-hand column scrolling under */
  #lefthand {
	  width: 59%; /* UPDATE: was 43, amended to 59 27/01/15 */
	  float: left;
  }
  #lefthand table td {
	  padding-top: 1px;
	  padding-right: 10px;
	  padding-bottom: 1px;
	  padding-left: 10px;
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: #FFF;
	  height: 32px; /* was 31 */
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: #FFF;
	  background-color: #D9E2E7;
	  font-size: 0.55em;
	  line-height: 1.2em;
  }
  #lefthand table td.subcatrow {
	  background-color: #F4F6C5;
	  color: #576D59;
	  font-weight: bold;
	  height: 17px;
	  font-size: 0.55em;
  }
  #lefthand table td.whiterow, .righthand table td.whiterow {
	  background-color: #FFF;
  }
  /* Right-hand column scrolling under */
  .righthand {
	  float: right;
	  width: 41% !important; /* amended from 55% 16/10/14 - UPDATE: was 56, amended to 41 27/01/15 */
	  overflow: hidden;
  }
  .righthand table td {
	  padding-top: 1px;
	  padding-right: 0px;
	  padding-bottom: 1px;
	  padding-left: 0px;
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: #FFF;
	  height: 32px; /* was 31 */
	  text-align: center;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: #FFF;
	  background-color: #D9E2E7;
	  font-size: 0.55em;
	  line-height: 1.2em;
  }
  .righthand table td div {
	  width: 62px!important;
  }
  .righthand table td.subcatrow {
	  background-color: #F4F6C5;
	  color: #576D59;
	  font-weight: bold;
	  height: 17px;
  }
  .span9.tabs .tab-content #images #piclegend {
	margin-top: 25px;
  }
  .span9.tabs .tab-content #images #piclegend:before {
	top: -10px;
	left: 25px;
  }
  .span3.nomarginfirst.tabs {
	width: 100%;
	margin-bottom: 5px;
  }
  .span3.nomargin.tabs {
	width: 100%;
	margin-bottom: 5px;
  }
  .span6.prodtabs.last {
	margin-top: 15px;
  }
  .span3.nomargin.tabs.widerlast { /* 4th tab on prod page (with tall filter) which is wider than first 3 tabs (on desktop) needs to be full width on mobile */
	width: 100%;
  }
  .productdetails2 .btn.specsheets {
	width: 100%;
	font-weight: normal;
	padding: 1px 0px;
  }
  .productdetails2 .btn-group {
	width: 100%;
  }
  .productdetails2 .btn.msds {
	padding: 1px 0px;
	font-weight: normal;
	width: 100%;
  }
  .techhelp .btn.question {
	padding: 1px 0px;
	font-weight: normal;
  }
  .span4.prodtabs {
	width: 100%;
  }

  /* ABOVE IS CODE TO STYLE CATALOGUE CONTENT - at 767px */

  /* ADDITIONAL CODE TO STYLE MOBILE NAVIGATION MENU =============================================================================================================== */
	/*.navbar-inverse .navbar-inner {
	  background: red;
	} */
	.navbar .btn-navbar {
	  background: #273828; /* KEEP */
	  background-image: none;
	  background-repeat: repeat-x;
	  border-color: none;
	  filter: none;
	}
	.navbar .btn-navbar:hover,
	.navbar .btn-navbar:focus,
	.navbar .btn-navbar:active,
	.navbar .btn-navbar.active,
	.navbar .btn-navbar.disabled,
	.navbar .btn-navbar[disabled] {
	  color: #ffffff;
	  background-color: #273828; /* KEEP */
	}
	.navbar .nav > li {
	  border-top: solid 2px #576D59;
	  border-right: solid 0px #576D59;
	}
	.nav-collapse .nav > li > a {
	  margin-bottom: 0px;
	}
	.nav-collapse .nav {
	  margin: 0 0 0;
	}
	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
	  padding: 0px;
	}
	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
	  color: #D4E336;
	  background-color: #304531; /* KEEP */
	}
	.navbar-inverse .nav-collapse .active > a, .navbar-inverse .nav-collapse .active > a:hover, .navbar-inverse .nav-collapse .active > a:focus {
	  color: #ffffff !important;
	  background-color: #576D59 !important;
	}
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	  -webkit-border-radius: 0px;
	  -moz-border-radius: 0px;
	  border-radius: 0px;
	}

	.navbar-inner {
	padding-left: 0px;
	}
	.navbar .brand {
	margin-left: 0px;
	}
	.navbar .nav > li > a {
	border-right: solid 0px #FFF;
	}
/* END OF ADDITIONAL CODE TO STYLE MOBILE NAVIGATION MENU =============================================================================================================== */

  .span12.footer h2 {
	margin-bottom: 10px;
  }
  .span12.footer h3 {
	margin-top: 20px;
  }

  /* Search Results at 767 max width - this is in excess of iPhone portrait or landscape. 768 is minimum width for iPad  */
  .innercontent.searchresults h3 {
	font-size: 1.1em;
  }

  /* Additional footer element for description of red boxed "to be discontinued" */
  #disconfooter {
	  width: 96%;
	  padding-right: 5px;
  }

  /* max width 767px Registration page */
  .span6.thinmargin.registration {
	width: 100%;
  }
  .span2.nomargin {
	width: 100%;
	margin-bottom: 5px;
  }
  #shipping-address fieldset .label {
	margin-left: 0px;
  }
  .captcha { /* STOLEN FROM BOB'S RWS.CSS FILE */
	margin-left: 0px;
  }

  /* Login Page */
  .innercontent.logintitle {
	padding-left: 0px;
  }
  /* Tech Pages - tables */
  #techpagecontents .jirtable {
	font-size: 9px;
  }
  /* Footer */
  .span12.footer .links {
	margin-bottom: 0px;
  }
  .span12.footer #bsilogo {
	position: relative;
	bottom: 0px;
	right: 0px;
	width: 38%;
	float: right;
  }
  .span12.footer .address {
	width: 60%;
	float: left;
  }
  .span12.footer .innercontent.footercontent h3 #footercopyright {
	color: #FFF;
	position: relative;
	bottom: 5px;
	left: 0px;
  }
  .span12.footer .buttons {
	  margin-bottom: 10px;
  }
  .span12.footer h2 {
  font-size: 0.65em;
  }

  /* Tech Questionnaire - taken from Bob's own CSS file */
  .questionnaire fieldset .control-group label {
	margin-left: 0px!important;
	margin-top: 25px!important;
  }
  .form-horizontal .controls {
	margin-left: 0px;
  }
  .questionnaire .text .control-group label.control-label {
	width: 250px!important;
  }
  .questionnaire input[type=checkbox] {
	  margin-top: 33px;
  }
  .questionnaire .text .control-group .controls {
	  margin-top: 30px;
  }
  .questionnaire .control-group label {
	width: 250px!important;
  }
  .questionnaire .control-group label.radio {
	width: 40px!important;
  }

  .innercontent.bigbanner #homeCentreTextOne {
	  margin-left: 10px;
	  margin-top: 15px;
  }
  .innercontent.bigbanner #homeCentreTextOne:before {
	  left: 15px;
	  top: -5px;
  }

  .productsearch #ab-toggle-0 {
	  background-position-x: right; /* added 22/03/16 for new-style toggle */
  }
  .productsearch #ab-toggle-0:hover {
	  background-position-x: right; /* added 22/03/16 for new-style toggle */
  }
  .productsearch #ab-toggle-0.active {
	  background-position-x: right; /* added 22/03/16 for new-style toggle */
  }
  .productsearch #ab-toggle-1 {
	  background-position-x: left; /* added 22/03/16 for new-style toggle */
  }
  .productsearch #ab-toggle-1:hover {
	  background-position-x: left; /* added 22/03/16 for new-style toggle */
  }
  .productsearch #ab-toggle-1.active {
	  background-position-x: left; /* added 22/03/16 for new-style toggle */
  }

  .productsearch div#total-wrapper {
    width: 100%!important;
  }

  .productsearch #antibody-toggle {
    margin-bottom: 0px;
  }

  form.productsearch label.control-label {
    margin-top: 12px!important;
  }

  div#search-actions {
    margin-top: 0px;
  }

  div#total-wrapper {
    margin-top: 5px;
  }

  div.productsearch { /* added 25/04/16 for the Results page, where the Search button is hidden and the Select Conjugates button falls low */
    min-height: 415px!important;
  }
  div#product-search-reset { /* added 25/04/16 for smart-phone sizes, so reset button sits less tightly */
    margin-top: 10px;
  }

  .productsearch #product-search-reset {
    position: absolute;
    bottom: 14px;
    right: 14px;
  }
  .productsearch #total-wrapper #active-probes {
    margin-bottom: 30px;
  }
  .prodpagetemplate div.productsearch {
    min-height: 500px!important;
}

}

@media (max-width: 578px) {
	/* Tech Questionnaire - taken from Bob's own CSS file */
	.questionnaire input[type=checkbox] {
	  margin-top: 0px;
	}
	.questionnaire .text .control-group .controls {
	  margin-top: 0px;
	}
	.questionnaire fieldset.check legend {
	  line-height: normal!important;
	}
	.questionnaire fieldset .control-group label {
	  margin-top: 40px!important;
	}

	.innercontent.searchresults { /* ADDED 070714 for landscape phone */
	  padding-bottom: 40px;
	}
	.pagination ul > li > a, .pagination ul > li > span { /* ADDED 070714 for landscape phone */
	  padding: 2px 10px;
	}

	/* Product Page */
	.innercontent.productdetails { /* ADDED 070714 for landscape and portrait phone */
	  margin-bottom: 7px;
	  padding-left: 0px;
	  padding-right: 0px;
	}
	.innercontent.productdetails2 { /* ADDED 070714 for landscape and portrait phone */
	  min-height: 225px;
	}

	/* CHECKOUT CONFIRMATION 10/07/14 */
	#confirmation .basketcontents li.basketcontentscode {
	width: 15%;
	}
	#confirmation .basketcontents li.basketcontentsproduct {
	width: 84.6%;
	}
	div#confirmation-delivery-instructions {
	width: 230px!important;
	}

	/* Static Page "figure" styling for left & right */
	#techpagecontents div.figureleft {
	  width: 100%;
	  float: none;
	  margin-right: 0px;
	}
	#techpagecontents div.figureright {
	  width: 100%;
	  float: none;
	  margin-left: 0px;
	}
	#techpagecontents div.figurerightcompany {
	  width: 100%;
	  float: none;
	  margin-left: 0px;
	}

}

@media (max-width: 767px)
and (min-width: 550px) {
	.innercontent.prodindextitle h2 {
	  max-width: 97%;
	  font-size: 1.2em;
  }
  .bigbanner h3 {
	font-size: 2em;
  }

  /* adding for landscape smartphone */
  .form-horizontal .control-label {
  width: 130px;
  padding-right: 5px;
  }
  .input-xxlarge {
  width: 330px;
  }
  .input-xlarge {
  width: 330px;
  }
  input, textarea, .uneditable-input {
  width: 320px;
  }
  .help-inline.required {
	  float: right;
  }
}

/* iPhone5 (portrait) ----------- */
@media only screen
and (max-device-width : 568px)
and (orientation : portrait) {
  .innercontent.login #loginbox {
	  float: none;
	  margin-left: 6%;
	  margin-top: 4%;
  }
  .innercontent.login h2 {
	  float: none;
  }
  #s2id_e1, #s2id_e2, #s2id_e3, #s2id_e4, #s2id_e5, #s2id_e6, #s2id_e7, #s2id_e8 {
	max-width: 258px;
  }
  .searchresults .cell.product {
	width: 33%;
  }
  .exhibition p {
	width: 60%;
  }
  .specialoffers p {
	width: 60%;
  }
  .spotlight p {
	width: 60%;
  }
  .bigbanner h4 {
	width: 90%;
	margin-left: 10%;
  }
  .bigbanner h3 {
	font-size: 2em;
  }
  .searchresults #table {
  font-size: 0.6em;
  }
  .searchresults h2 {
	height: 55px;
  }

  /* basket page */
  .shoppingbasket #basketright {
	width: 80px;
  }
  .fixedleft {
	  width: 50% !important; /* 17/10/14 */
  }
  .fixedright { /* ADDED 27/01/15 */
	  width: 50% !important;
  }
  #lefthand.span4.nomarginfirst {
	width: 50% !important; /* ADDED 27/01/15 */
  }
  #lefthand.span4.nomarginfirst.style4 {
	width: 38% !important; /* ADDED 14/04/15 */
  }
  .span6.nomargin.righthand {
  width: 50% !important; /* ADDED 27/01/15 */
  }
  #lefthand.span4.nomarginfirst.style4 {
	width: 38% !important; /* ADDED 14/04/15 */
  }
}

/* Specifically targetting iPhone 5 landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
	.fixedleft { /* ADDED 17/10/14 */
	width: 50% !important;
	}
	.fixedright { /* ADDED 17/10/14 */
	width: 50% !important;
	}
	#lefthand.span4.nomarginfirst {
	width: 50% !important; /* ADDED 27/01/15 */
	}
	.span6.nomargin.righthand {
	width: 50% !important; /* ADDED 27/01/15 */
	}
}

/* This 480 is within iPhone mimimum req. */
@media (max-width: 480px) {
  #s2id_e1, #s2id_e2, #s2id_e3, #s2id_e4, #s2id_e5, #s2id_e6, #s2id_e7, #s2id_e8 {
	max-width: 258px;
  }
  .navbar .brand {
  padding: 4px 0px 4px 7px;
  min-width: 160px;
  }
  .quickorder .input-small {
  width: 80px;
  }
  .quickorder {
  color: #FFF; /* was #4F7053 */
  }
  .login h2 {
	font-size: 1.1em;
  }
  .innercontent.login #loginbox {
	  float: right;
	  margin-left: 6%;
	  margin-top: 4%;
  }
  .innercontent.login h2 {
	  float: none;
  }
  .innercontent.login #loginbox p a {
	margin-left: 0px;
  }
  .bigbanner h3 {
	font-size: 2em;
  }
  .exhibition p {
	width: 60%;
  }
  .specialoffers p {
	width: 60%;
  }
  .spotlight p {
	width: 60%;
  }
  .innercontent.prodindextitle h2 {
	  max-width: 97%;
	  font-size: 0.9em;
	  line-height: normal;
	  padding-left: 0px; /* added by MJWEBB 130315 */
  }

  .innercontent.targetspecies .speciestitle {
	width: 100%;

  }
  .innercontent.targetspecies .species {
	width: 50%;

  }

  .span10.nomargin.cataloguebox {
	  height: 425px; /* was 445px prior to Matt's changes to the custom scrollbar - see BB Issue 519 */
  }

  /* SPOTLIGHT PAGES */
  .span3.thinmargin.spotlightmiddle {
	  width: 100%;
  }
  .span6.thinmargin.spotlightcontent {
	  width: 100%;
  }

  /* BELOW IS CODE TO STYLE CATALOGUE CONTENT - at 480px */
  .navbar-fixed-top, .navbar-fixed-bottom {
	z-index: 1000;
	position: relative;
  }
  .span4.nomarginfirst.fixedleft { /* 17/10/14 */
	  float: left;
	  width: 51%; /* was 50% originally, amended to 48 on 151014 (for desktop resizing), but then looking on iPhone (too short) so 49% compromise 17/10/14, back to 48 again, now that iPhone is handled separately 17/10/14 - UPDATE: 48 amended to 51 (looking at firefox desktop on Windows) 27/01/15 */
	  font-size: 0.4em;
	  line-height: 1.3em;
  }
  .fixedleft table td {
	  padding-top: 1px;
	  padding-right: 10px;
	  padding-bottom: 1px;
	  padding-left: 10px;
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: #FFF;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: #FFF;
  }
  .fixedleft table td.headerrow {
	  background-color: #003A5C;
	  height: 22px;
  }
  .fixedright {
	  float: right;
	  overflow: auto;
	  font-size: 0.4em;
	  line-height: 1.2em;
	  width: 49% !important; /* UPDATE 50 amended to 47 27/01/15 - EXTRA UPDATE: amended back up to 49% for working specifically with mobile phones (where right-hand scollbar vanishes) */
  }
  .fixedright table td { /* AMENDED M J WEBB 150513 */
	  padding-top: 1px;
	  padding-right: 0px;
	  padding-bottom: 1px;
	  padding-left: 0px;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: #FFF;
	  background-color: #003A5C;
  }
  .fixedright table td.headerrow {
	  background-color: #003A5C;
	  height: 22px;
  }
  .fixedright table td.headerrow div {
	  width: 60px;
  }

  .cataloguecontainer {
	  height: 490px;
  }

  /* Left-hand column scrolling under */
  #lefthand {
	  width: 53%; /* UPDATE: was 50%, amended to 53 27/01/15 */
	  float: left;
  }
  #lefthand table td {
	  padding-top: 1px;
	  padding-right: 10px;
	  padding-bottom: 1px;
	  padding-left: 10px;
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: #FFF;
	  height: 25px;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: #FFF;
	  background-color: #D9E2E7;
	  font-size: 0.4em;
	  line-height: 1.2em;
  }
  #lefthand table td.subcatrow {
	  background-color: #F4F6C5;
	  color: #576D59;
	  font-weight: bold;
	  height: 17px;
	  font-size: 0.5em;
  }
  #lefthand table td.whiterow, .righthand table td.whiterow {
	  background-color: #FFF;
  }
  /* Right-hand column scrolling under */
  .righthand {
	  float: right;
	  width: 47% !important; /* UPDATE: was 50, amended to 47 27/01/15 */
	  overflow: hidden;
  }
  .righthand table td {
	  padding-top: 1px;
	  padding-right: 0px;
	  padding-bottom: 1px;
	  padding-left: 0px;
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: #FFF;
	  height: 25px;
	  text-align: center;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: #FFF;
	  background-color: #D9E2E7;
	  font-size: 0.4em;
	  line-height: 1.2em;
  }
  .righthand table td div {
	  width: 60px!important; /* "important" added 16/10/14 */
  }
  .righthand table td.subcatrow {
	  background-color: #F4F6C5;
	  color: #576D59;
	  font-weight: bold;
	  height: 17px;
  }
  /* ABOVE IS CODE TO STYLE CATALOGUE CONTENT - at 480px */

  /* search results */
  .results-blank-row th {
	font-size: 0.4em;
  }
  .resultsalt6header .results-blank-row th .first {
	margin-right: 0px;
	height: 17px;
	line-height: normal;
	padding-top: 5px;
	padding-bottom: 5px;
  }
  .resultsalt6header .results-blank-row th .middle {
	margin-left: 0px;
	margin-right: 0px;
	height: 17px;
	line-height: normal;
	padding-top: 5px;
	padding-bottom: 5px;
  }
  .resultsalt6header .results-blank-row th .last {
	margin-left: 0px;
	height: 17px;
	line-height: normal;
	padding-top: 5px;
	padding-bottom: 5px;
  }
  .results-probe-name td {
	font-size: 0.5em;
	line-height: 1.5em;
  }
  .short-probe-name td {
  font-size: 0.35em;
  line-height: 1.2em;
  }

  .short-probe-name td .first, .short-probe-name td .middle, .short-probe-name td .last { /* ADDED 040714 to enlarge probe's name in portrait smartphone */
	font-size: 1.35em;
	line-height: 1.45em;
	min-height: 20px;
  }
  .innercontent.searchresults { /* ADDED 040714 to compensate for enlarged probe names in portrait smartphone */
	padding-bottom: 40px;
  }
  .pagination ul > li > a, .pagination ul > li > span { /* ADDED 040714 to reduce the size of pagination in portrait smartphone */
	padding: 0px 3px;
	font-size: 11px;
	width: 11px;
	text-align: center;
  }

  .short-probe-name td .first {
	margin-right: 0px;
  }
  .short-probe-name td .middle {
	margin-left: 0px;
	margin-right: 0px;
  }
  .short-probe-name td .last {
	margin-left: 0px;
  }
  .short-probe-name td .product-details {
	margin-right: 0px;
	margin-left: 0px;
	min-height: 25px;
	font-size: 1.75em; /* ADDED 070714 to aid enlarging the size of units and prices in portrait smartphone */
  }
  .short-probe-name td .product-details a {
	color: #212F23;
	background-color: #FFF;
  }
  td .product-details.discontinued {
	background-color: #FFF;
	color: #BF3C2F;
  }
  .short-probe-name td .product-details.discontinued a {
	background-color: #FFF;
	color: #BF3C2F;
  }

  .product-details #divider { /* ADDED 070714 to aid enlarging the size of units and prices in portrait smartphone */
	  display: none;
  }
  .short-probe-name td .product-code { /* ADDED 070714 to aid enlarging the size of units and prices in portrait smartphone */
	font-size: 0.9em;
  }

  /* basket page */
  .shoppingbasket #basketright {
	width: 112px;
  }
  #basketright .btn {
  font-size: 11px;
  }
  .shoppingbasket {
  background-color: #95D8F7;
  }

  #confirmation .basketcontents li.basketcontentsproduct {
  width: 66%;
  }
  #confirmation .basketcontents li.basketcontentscode {
  width: 33%;
  }
  div.bill-to-container, div.ship-to-container {
  margin-right: 30px!important;
  }
  #confirmation .basketcontents li.basketcontentsprice {
  width: 22.5%;
  }
  #confirmation .basketcontents li.basketcontentstotal {
  width: 22.5%;
  }
  #shipping .input-xxlarge {
	width: 225px;
  }
  #order-items .basketcontents li.basketcontentsremove {
  width: 25%;
  }
  #order-items .basketcontents li.basketcontentscode {
  width: 33%;
  }
  #order-items .basketcontents li.basketcontentsproduct {
  width: 40.5%;
  }
  #order-items .basketcontents li.basketcontentsquantity {
  width: 49%;
  }

  #shipping-address-label {
  height: 32px!important;
  width: 220px!important;
  white-space: normal!important;
  }

  /* Login Page */
  .logintitle .form-actions {
	padding-left: 20px;

  }

  /* Registration */
  #customer-registration #regborder .form-actions {
  padding-left: 20px;
  }

  /* Width of Product Filter Dropdowns on smartphone */
  .select2-container.span3 {
	width: 235px;
  }

  /* Home page central section */
  .innercontent.bigbanner #homeCentreTextTwo h4 {
	  font-size: 0.85em;
  }
  .innercontent.bigbanner #homeCentreTextTwo h3 {
	  font-size: 1.1em;
  }

  #probeselector #probe-selector-close { /* for where buttons (in footer of Probe Selector modal) stack at small phone size */
	  margin-bottom: 10px;
  }
  #probeselector #probe-selector-apply { /* for where buttons (in footer of Probe Selector modal) stack at small phone size */
	  margin-bottom: 10px;
  }

	.container.wideTopNavbar #country-select {/* This is where at 480px wide and less, the top-nav country dropdown falls off the bottom of the low-res phone screen, thus we shorten it. */
    max-height: 450px;
	}

}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px)
and (orientation : portrait) {
.login {
	  background-image: none;
	  min-height: 70px;
  }
  .innercontent.login #loginbox {
	  float: right;
	  margin-left: 6%;
	  margin-top: 4%;
  }
  .innercontent.login h2 {
	  float: none;
  }
  .bigbanner h3 {
	font-size: 2em;
  }
  .exhibition p {
	width: 60%;
  }
  .specialoffers p {
	width: 60%;
  }
  .spotlight p {
	width: 60%;
  }
  .fixedleft { /* ADDED 17/10/14 */
  width: 47%;
  }
}

/* iPhone 6 specifics 17/10/14 - 14/04/15 adding in the catalogue style4 elements */
@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio : 2)
{
	.fixedleft { /* ADDED 17/10/14 */
	width: 53% !important; /* UPDATE: was 50, amended to 53 27/01/15 */
	}
	.fixedright { /* ADDED 27/01/15 */
	width: 47% !important;
	}
	#lefthand.span4.nomarginfirst {
	width: 53% !important; /* ADDED 27/01/15 */
	}
	#lefthand.span4.nomarginfirst.style4 {
	width: 37% !important; /* ADDED 14/04/15 */
	}
	.span6.nomargin.righthand {
	width: 47% !important; /* ADDED 27/01/15 */
	}
}
@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio : 2)
{
	.fixedleft { /* ADDED 17/10/14 */
	width: 44% !important;
	}
	.fixedright { /* ADDED 17/10/14 */
	width: 56% !important;
	}
	#lefthand.span4.nomarginfirst {
	width: 44% !important; /* ADDED 27/01/15 */
	}
	#lefthand.span4.nomarginfirst.style4 {
	width: 37% !important; /* ADDED 14/04/15 */
	}
	.span6.nomargin.righthand {
	width: 56% !important; /* ADDED 27/01/15 */
	}
}

/* Additional Responsive, for Catalogue (style4) Page */
/* First up at iPad Portrait size */
@media (max-width: 979px) and (min-width: 768px) {
	.fixedleft.style4 {
		width: 250px;
	}
	.span6.nomargin.fixedright.style4 {
	  width: 332px;
	}
	.probes12 td.headerrow.style4 div {
	  width: 109px!important;
	}
	.span4.nomarginfirst.style4 {
	  width: 250px;
	}
	.righthand.style4 table td div {
	  width: 109px!important;
	}
	.span6.nomargin.righthand.style4 {
	  width: 332px;
	}
}
/* Next Up is the truly mobile size, where we're gonna need to work in percentages */
@media (max-width: 767px) {
	.span4.nomarginfirst.fixedleft.style4 {
		width: 37%!important;
	}
	.span6.nomargin.fixedright.style4 {
	  width: 60%!important;
	}
	#lefthand.style4 {
		width: 38%;
	}
	.probes12 td.headerrow.style4 div {
	  width: 100%!important;
	}
	.probes12 td.headerrow.style4 {
	  width: 33%!important;
	}
	.probes12.style4 {
	  width: 100%!important;
	}
	.span4.nomarginfirst.style4 {
	  width: 250px;
	}
	.righthand.style4 table td div {
	  width: 100%!important;
	}
	.righthand.style4 table td {
	  width: 33%!important;
	}
	.span6.nomargin.righthand.style4 {
	  width: 60%!important;
	}
	.span6.nomargin.righthand.style4 table {
	  width: 100%!important;
	}
	.style4bottomrow {
		overflow-y: scroll!important;
	}
	#lefthand.span4.nomarginfirst.style4 {
	width: 37% !important; /* ADDED 14/04/15 */
	}
}

/* Additional Responsive, for Catalogue (style2) Page */
/* First up at iPad Portrait size */
@media (max-width: 979px) and (min-width: 768px) {
	.fixedleft.style2 {
		width: 250px;
	}
	.span6.nomargin.fixedright.style2 {
	  width: 332px!important;
	}
	.probes12 td.headerrow.style2 div {
	  width: 109px!important;
	}
	.span4.nomarginfirst.style2 {
	  width: 250px;
	}
	.righthand.style2 table td div {
	  width: 109px!important;
	}
	.span6.nomargin.righthand.style2 {
	  width: 332px;
	}
}
/* Next Up is the truly mobile size, where we're gonna need to work in percentages */
@media (max-width: 767px) {
	.span4.nomarginfirst.fixedleft.style2 {
		width: 37%!important;
	}
	.span6.nomargin.fixedright.style2 {
	  width: 60.49%!important;
	}
	#lefthand.style2 {
		width: 37.8%;
	}
	.probes12 td.headerrow.style2 div {
	  width: 100%!important;
	}
	.probes12 td.headerrow.style2 {
	  width: 33%!important;
	}
	.probes12.style2 {
	  width: 100%!important;
	}
	.span4.nomarginfirst.style2 {
	  width: 250px;
	}
	.righthand.style2 table td div {
	  width: 100%!important;
	}
	.righthand.style2 table td {
	  width: 33%!important;
	}
	.span6.nomargin.righthand.style2 {
	  width: 62.19%!important;
	}
	.span6.nomargin.righthand.style2 table {
	  width: 100%!important;
	}
}

/* Additional Responsive, for Catalogue (style3) Page */
/* First up at iPad Portrait size */
@media (max-width: 979px) and (min-width: 768px) {
	.span4.nomarginfirst.fixedleft.style3 {
		width: 140px;
	}
	.span6.nomargin.fixedright.style3 {
	  width: 440px!important;
	}
	.probes12 td.headerrow.style3 div {
	  width: 109px!important;
	}
	.span4.nomarginfirst.style3 {
	  width: 140px;
	}
	.righthand.style3 table td div {
	  width: 109px!important;
	}
	.span6.nomargin.righthand.style3 {
	  width: 440px;
	}
}
/* Next Up is the truly mobile size, where we're gonna need to work in percentages */
@media (max-width: 767px) {
	.span4.nomarginfirst.fixedleft.style3 {
		width: 25%!important;
	}
	.span6.nomargin.fixedright.style3 {
	  width: 73%!important;
	}
	#lefthand.style3 {
		width: 25%;
	}
	.probes12 td.headerrow.style3 div {
	  width: 100%!important;
	}
	.probes12 td.headerrow.style3 {
	  width: 25%!important;
	}
	.probes12.style3 {
	  width: 100%!important;
	}
	.span4.nomarginfirst.style3 {
	  width: 250px;
	}
	.righthand.style3 table td div {
	  width: 100%!important;
	}
	.righthand.style3 table td {
	  width: 25%!important;
	}
	.span6.nomargin.righthand.style3 {
	  width: 73%!important;
	}
	.span6.nomargin.righthand.style3 table {
	  width: 100%!important;
	}
	.mCustomScrollBox .mCSB_container.mCS_no_scrollbar {
		width: 100%!important;
	}
}


/* 11/12/14 STYLING SPECIFICALLY FOR WIDER CATALOGUE PAGES. ALL STYLE MUST ICLUDE THE wideCat class */
@media (min-width: 1060px) {
.wideCat .row.catspecific {
	background-color: #ECECED;
	margin-left: 0px;
}
.wideCat .container, .wideCat .navbar-static-top .container, .wideCat .navbar-fixed-top .container, .wideCat .navbar-fixed-bottom .container {
width: 97%;
}
.wideCat .span3.nomargin {
position: absolute;
right: 0;
}
.wideCat .span12 {
width: 99.2%;
}
.wideCat .span9.innercontent.prodindextitle {
width: 80%;
}
.wideCat .span12.prodindextitle {
margin-left: 0px;
width: 100%;
}
.wideCat .span12.innercontent.prodindextitle { /* added by MJWEBB 130315 */
margin-left: 8px;
width: 99.5%;
}
.wideCat #prodindexinfo {
width: 18.4%;
}
.wideCat .span2.nomarginfirst {
width: 156px;
}
.wideCat .span2.nomarginfirst.targetspeciescontainer {
	margin-left: 0px;
}
.innercontent.targetspecies .speciestitle, .innercontent.targetspecies .species {
width: 124px;
}
.wideCat .span10.nomargin {
width: 83.45%;
}
.wideCat .span4.nomarginfirst {
width: 38%;
}
.wideCat .span6.nomargin.fixedright {
width: 59%;
}
.wideCat .span10.nomargin.cataloguebox {
width: 99%;
overflow-y: scroll;
}
.wideCat #lefthand.span4.nomarginfirst {
width: 38.8%;
}
.wideCat .span6.nomargin.righthand {
width: 59.5%;
}
}
@media (min-width: 1100px) {
.wideCat .span10.nomargin {
width: 84.05%;
}
}
@media (min-width: 1150px) {
.wideCat .span10.nomargin {
width: 84.75%;
}
}
@media (min-width: 1200px) {
.wideCat .span2.nomarginfirst {
width: 156px;
}
.innercontent.targetspecies .speciestitle, .innercontent.targetspecies .species {
width: 124px;
}
.wideCat .span12 {
width: 99.45%;
}
.wideCat .span2.nomarginfirst {
width: 156px;
}
.wideCat .span10.nomargin {
width: 85.39%;
}
.wideCat .span4.nomarginfirst {
width: 33.5%;
}
.wideCat .span6.nomargin.fixedright {
width: 63.5%;
}
.wideCat #lefthand.span4.nomarginfirst {
width: 34.2%;
}
.wideCat .span6.nomargin.righthand {
width: 64.2%;
}
}
@media (min-width: 1250px) {
.wideCat .span10.nomargin {
width: 85.98%;
}
}
@media (min-width: 1300px) {
.wideCat .span2.nomarginfirst {
width: 156px;
}
.innercontent.targetspecies .speciestitle, .innercontent.targetspecies .species {
width: 124px;
}
.wideCat .span10.nomargin {
width: 86.52%;
}
.wideCat .span4.nomarginfirst {
width: 29.9%;
}
.wideCat .span6.nomargin.fixedright {
width: 67.5%;
}
.wideCat #lefthand.span4.nomarginfirst {
width: 30.5%;
}
.wideCat .span6.nomargin.righthand {
width: 68%;
}
}
@media (min-width: 1350px) {
.wideCat .span10.nomargin {
width: 87.02%;
}
}
@media (min-width: 1400px) {
.wideCat .span2.nomarginfirst {
width: 156px;
}
.innercontent.targetspecies .speciestitle, .innercontent.targetspecies .species {
width: 124px;
}
.wideCat .span12 {
width: 99.42%;
}
.wideCat .span10.nomargin {
width: 87.48%;
}
.wideCat .span4.nomarginfirst {
width: 29.1%;
}
.wideCat .span6.nomargin.fixedright {
width: 68.1%;
}
.wideCat #lefthand.span4.nomarginfirst {
width: 29.6%;
}
.wideCat .span6.nomargin.righthand {
width: 68.9%;
}
}
@media (min-width: 1450px) {
.wideCat .span10.nomargin {
width: 87.9%;
}
}
@media (min-width: 1500px) {
.wideCat .span2.nomarginfirst {
width: 156px;
}
.innercontent.targetspecies .speciestitle, .innercontent.targetspecies .species {
width: 124px;
}
.wideCat .span10.nomargin {
width: 88.32%;
}
}
@media (min-width: 1550px) {
.wideCat .span10.nomargin {
width: 88.7%;
}
}
@media (min-width: 1600px) {
.wideCat .span12 {
width: 99.5%;
}
.wideCat .span2.nomarginfirst {
width: 156px;
}
.innercontent.targetspecies .speciestitle, .innercontent.targetspecies .species {
width: 124px;
}
.wideCat .span10.nomargin {
width: 89.06%;
}
.wideCat .span4.nomarginfirst {
width: 25.1%;
}
.wideCat .span6.nomargin.fixedright {
width: 72.7%;
}
.wideCat #lefthand.span4.nomarginfirst {
width: 25.5%;
}
.wideCat .span6.nomargin.righthand {
width: 73.3%;
}
.innercontent.targetspecies .speciestitle, .innercontent.targetspecies .species {
width: 124px;
}
}
@media (min-width: 1650px) {
.wideCat .span10.nomargin {
width: 89.38%;
}
}
@media (min-width: 1700px) {
.wideCat .span2.nomarginfirst {
width: 156px;
}
.innercontent.targetspecies .speciestitle, .innercontent.targetspecies .species {
width: 124px;
}
.wideCat .span10.nomargin {
width: 89.4%;
}
.wideCat .span4.nomarginfirst {
width: 22.5%;
}
}
@media (min-width: 1800px) {
.wideCat .span2.nomarginfirst {
width: 156px;
}
.innercontent.targetspecies .speciestitle, .innercontent.targetspecies .species {
width: 124px;
}
.wideCat .span10.nomargin {
width: 90.6%;
}
.wideCat .span4.nomarginfirst {
width: 20%;
}
.wideCat .span6.nomargin.fixedright {
width: 77.5%;
}
.wideCat #lefthand.span4.nomarginfirst {
width: 20.4%;
}
.wideCat .span6.nomargin.righthand {
width: 78.5%;
}
}

/* Additional responsive CSS for the catalogue page(s) so that smaller desktops and landscape iPads don't loose the top of the table when clicking on lowest species link - 17/07/15 */
@media screen
and (min-width : 1024px)
and (max-width : 1366px)
and (min-height: 613px)
and (max-height: 800px) {
	.span10.nomargin.cataloguebox {
	height: 405px;
	}
	.cataloguecontainer {
	height: 480px;
	}
	.span2.nomarginfirst.targetspeciescontainer {
	min-height: 480px;
	}
}

/* Additional responsive CSS specifically for the Product Filter Probe Selector Modal - updating 15/04/16 */
@media (max-width: 979px) and (min-width: 768px) {
  #probeselector { /* Brand new CSS 15/04/16 to reduce the overall width of the modal at smaller browser width */
    width: 570px!important;
  }
  #probeselector .ranges .accordion-toggle { /* adding a space between probselector and ranges 15/04/16 */
    width: 384px;
	font-size: 11px;
  }
  #probeselector .ranges .selectall { /* adding a space between probselector and ranges 15/04/16 */
    width: 64px;
  }
}
@media (max-width: 767px) {
  #probeselector { /* Brand new CSS 15/04/16 to reduce the overall width of the modal at smaller browser width */
    width: 94%!important;
  }
  #probeselector .ranges .accordion-toggle { /* adding a space between probselector and ranges 15/04/16 */
    width: 67%; /* was 68% pre modal */
	font-size: 11px; /* was 12px pre putting selector into the modal */
	line-height: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
  }
  #probeselector .ranges .selectall { /* adding a space between probselector and ranges 15/04/16 */
    width: 19%;
	font-size: 12px;
	line-height: 12px;
  }
  .accordion-inner {
    padding: 6px 15px;
  }
  #probeselector .btn.btn-block.btn-logogreen.apply {
	position: absolute;
	top: 0px;
	right: 3.5%;
	width: 200px;
  }
  #selectorspacer {
	height: 0px;
  }
}

@media (max-width: 736px) and (orientation: landscape) { /* BRAND NEW extra media quey to target landscape smartphones, so that inner content is scrollable 15/04/16 */
  #probeselector .modal-body {
	  max-height: 160px;
  }
}

@media (max-width: 620px) { /* BRAND NEW tiny extra just between 767 and 568 15/04/16 */
  #probeselector .ranges .accordion-toggle {
	  width: 66%;
  }
  #probeselector .ranges .selectall {
	  width: 19%;
  }
}

@media (max-width: 568px) { /* landscape iPhone 5 */
  #probeselector .ranges .accordion-toggle { /* adding a space between probselector and ranges 15/04/16 */
	  width: 71%; /* was 73% pre modal */
	  font-size: 10px; /* was 11px pre modal */
  }
  #probeselector .ranges .selectall { /* adding a space between probselector and ranges 15/04/16 */
	  width: 12%;
	  font-size: 10px;
  }
  #probeselector .infoText {
	  font-size: 9px; /* Brand New - ScrollToFixed 27/10/15 */
  }
}

@media (max-width: 505px) { /* BRAND NEW tiny extra just between 568 and 414 15/04/16 */
  #probeselector .ranges .accordion-toggle {
	  width: 64%;
	  height: 30px;
  }
  #probeselector .ranges .selectall {
	  width: 16%;
	  position: absolute;
  }
}

@media (max-width: 414px) { /* portrait iPhone 6 Plus */
  #probeselector .ranges .accordion-toggle { /* adding a space between probselector and ranges 15/04/16 */
	  width: 70%;
	  font-size: 11px;
	  height: 30px;
	  line-height: 14px;
	  padding: 7px;
  }
  #probeselector .probebutton {
	  font-size: 0.55em; /* was 0.65em; before using ScrollToFixed 27/10/15 */
	  width: 27.4%;
  }
  #probeselector .ranges .selectall { /* adding a space between probselector and ranges 15/04/16 */
	  width: 18.7%;
	  position: absolute;
  }
  #probeselector .infoText {
	  font-size: 8px;
  }
  #probeselector .btn.btn-block.btn-logogreen.apply {
	  top: 5px;
	  font-size: 10px;
  }
}
@media (max-width: 320px) { /* portrait iPhone 5 */
  #probeselector .infoText {
	  font-size: 7px;
  }
  #probeselector .ranges .accordion-toggle { /* adding a space between probselector and ranges 15/04/16 */
	  width: 68%;
	  font-size: 10px;
  }
  #probeselector .ranges .selectall { /* adding a space between probselector and ranges 15/04/16 */
	  width: 19%;
	  padding-left: 5px;
	  padding-right: 5px;
  }
  #probeselector .btn.btn-block.btn-logogreen.apply {
	  font-size: 9px;
	  width: 155px;
  }
  #probeselector .btn.btn-logogreen.btn-mini {
	  font-size: 8px;
  }
}

/* additional CSS specifically for antibody toggle styling within the second generation Product Filter */
@media (min-width: 737px) and (max-width: 768px) { /* portrait iPad */
  .productsearch #antibody-toggle {
	  width: 100%;
  }
  .productsearch .btn-group > .btn {
	  width: 50%;
	  font-size: 8px;
  }
  form.productsearch.span3  {
	  width: 100%!important;
  }
}

/* additional CSS specifically for the updated Select2 styling within the second generation Product Filter */
@media (max-width: 736px) { /* landscape iPhone 6 Plus */
  .productsearch .select2-container.span3 {
	  width: 100%;
  }
  .productsearch #antibody-toggle {
	  width: 100%;
  }
  form.productsearch div.control-group {
	  margin-bottom: 23px; /* was 25px pre double height filter on desktop */
	  margin-right: 0px;
  }
  .productsearch .btn-group > .btn {
	  width: 50%;
  }
  .productsearch .select2-container {
	  float: left!important;
  }
}

/* Responsive code for the new multiselect that replaces the (above) select2 within the Product Filter */
@media (min-width: 768px) and (max-width: 979px) {
	.productsearch .btn-group > .btn.btn-filterToggle2 {
		font-size: 8px;
		width: 81px!important;
	}
	.productsearch #ab-toggle-0 {
		width: 78px!important; /* was 81px prior to 22/03/16 */
		background-position-x: left; /* added 22/03/16 for new-style toggle */
		margin-right: 3px; /* added 22/03/16 for new-style toggle, to counteract slimmer width above */
	}
	.productsearch #ab-toggle-1 {
		background-position-x: right; /* added 22/03/16 for new-style toggle */
		width: 76px!important; /* added 22/03/16 for new-style toggle */
		margin-left: 4px; /* added 22/03/16 for new-style toggle */
	}
	.productsearch #ab-toggle-1:hover {
		background-position-x: right; /* added 22/03/16 for new-style toggle */
	}
	.productsearch #ab-toggle-1.active {
		background-position-x: right; /* added 22/03/16 for new-style toggle */
	}
	.productsearch .btn-group > .multiselect.dropdown-toggle.btn {
		width: 161px!important;
	}
	div.productsearch .multiselect-container.dropdown-menu > li > a {
		width: 160px;
	}
}
@media (max-width: 767px) {
	.productsearch .btn-group {
		width: 100%;
	}
	.productsearch .btn-group > .multiselect.dropdown-toggle.btn {
		width: 100%!important;
	}
	div.productsearch .multiselect-container.dropdown-menu > li > a {
		width: 100%;
	}
	div.productsearch .multiselect-container.dropdown-menu {
		width: 99.5%;
	}
}


/* NEW CSS 25/04/17 M J WEBB - for trying to get Carousel onto homepage, with a progress bar (including rearranging overall layout too) */
@media (min-width: 768px) and (max-width: 979px) {
  .innercontent.bigbanner {
    min-height: 315px;
  }
  .homepage .exhibition {
    min-height: 357px;
  }
  .homepage .specialoffers {
    min-height: 357px;
  }
  .homepage .techsearchbox.special {
    min-height: 357px;
  }
  .homepage .testimonialBox .testimonials { /* M J WEBB 15th Aug 2017 */
    min-height: 357px;
  }
}
@media (max-width: 767px) {
  .bigbanner h4 {
    margin-top: 0px!important;
  }
  .innercontent.bigbanner {
    min-height: 290px;
  }
}

/* NEW CSS 27/06/17 M J WEBB - for the separated out "wide footer" */
@media (max-width: 767px) {
  body {
    background-image: none;
  }
  .container.bodyContent {
    border-left: solid 0px #fff;
    border-right: solid 0px #fff;
  }
}

/* NEW CSS 29/06/17 M J WEBB - for the new topnavbar that Matt's after */
@media (min-width: 980px) {
	.container.wideTopNavbar .navbar .nav > li.onRight {
	    float: right;
	}
}
@media (max-width: 979px) {
	.container.wideTopNavbar .navbar .nav > li {
	    border-top: solid 1px #d8d8d8;
	}
}
@media (max-width: 979px) {
	.container.wideTopNavbar .nav-collapse .dropdown-menu a {
	    font-weight: normal;
	    color: #555555;
	}
	.container.wideTopNavbar .dropdown-menu > li > a {
	    width: 97%;
	    border-bottom: solid 1px #d8d8d8;
	    color: #555555;
	}
	.container.wideTopNavbar .dropdown-menu > li:last-of-type > a {
	    border-bottom: solid 0px #d8d8d8;
	}
	.container.wideTopNavbar .nav-collapse .dropdown-menu li + li a {
	    margin-bottom: 0px;
	}
	.container.wideTopNavbar .dropdown-menu > li > a:hover {
	    color: #000;
	    background: #ccc;
	}
	.container.wideTopNavbar .nav-collapse .dropdown-menu a {
	    padding: 9px 0px;
	}
}

/* Tweaking of the existing main navbar, now that the menu's contents are changing - 30/06/17 M J WEBB */
@media (min-width: 980px) {
	.mainNavbar .navbar .nav > li {
    	width: 25%;
	}
}
@media (max-width: 979px) {
	.mainNavbar .navbar .nav > li {
	    border-top: solid 1px #244a61;
	}
	.mainNavbar .navbar-inverse .navbar-inner {
	    background: #2c5a75;
	}
	.mainNavbar .navbar-inverse .nav-collapse .nav > li > a {
	    color: #ffffff;
	    background-color: #2c5a75;
	}
	.mainNavbar .navbar-inverse .nav-collapse .nav > li > a:hover {
	    background-color: #008748;
	}
	.mainNavbar .nav-collapse .dropdown-menu a {
	    font-weight: normal;
	}
	.mainNavbar .navbar-inverse .nav-collapse .dropdown-menu a {
	    color: #ffffff;
	    background-color: #2c5a75;
	}
	.mainNavbar .dropdown-menu > li > a {
	    border-bottom: solid 1px #244a61;
	    color: #fff;
	    width: 97%;
	}
	.mainNavbar .nav-collapse .dropdown-menu li + li a {
	    margin-bottom: 0px;
	}
	.mainNavbar .nav-collapse .dropdown-menu a {
	    padding: 9px 0px;
	}
}

/* CSS for the useful links "buttons" and the testimonial carousel on the updated home page - at responsive sizes - 170817 M J Webb */
@media (max-width: 979px) {
	.innercontent.techsearchbox .usefulLinksList li {
	    margin-bottom: 5px;
	}
	.homepage .techsearchbox.special {
	    min-height: 75px;
	    padding-top: 12px!important;
    	padding-bottom: 0px;
	}
	.testimonialBox .testimonials .carousel-caption {
	    width: 450px;
	}
	.homepage .testimonialBox .testimonials {
	    min-height: 240px;
    	margin-top: 25px;
	}
}
@media (max-width: 767px) {
	.innercontent.techsearchbox .usefulLinksList li {
	    width: 100%;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.testimonialBox .testimonials .carousel-caption {
	    width: 80%;
	    padding: 0px 10%;
	}
	.testimonialBox .testimonials .carousel-caption p {
	    font-size: 0.8em;
	    line-height: 1.5em;
	}
}

/* FRESH CSS to try and get those responsive wide catalogue tables to actually line-up properly 070917 */
@media (min-width: 1060px) {
	.wideCat .span10.nomargin {
	    width: 83%;
	}
	.wideCat .noMinusEight {
	    margin-left: 0px;
	}
	.wideCat .style1 .span4.nomarginfirst {
	    width: 38%;
	    margin-left: 0px;
	}
	.wideCat .style1 #lefthand.span4.nomarginfirst {
	    width: 38.25%;
	}
	.wideCat .style1 .span6.nomargin.fixedright {
	    width: 60%;
	}
	.wideCat .style1 .span6.nomargin.righthand {
	    width: 60%;
	}
	.wideCat .style1 .span10.nomargin.cataloguebox {
	    width: 101%;
	    margin-left: 0px;
	}

	.wideCat .style1 .span10.nomargin.cataloguebox::-webkit-scrollbar {
	    width:15px;
	}

	.wideCat .style1 .span10.nomargin.cataloguebox::-webkit-scrollbar-track {
	    -webkit-border-radius:3px;
	    border-radius:3px;
	    background:rgba(0,0,0,0.1);
	}

	.wideCat .style1 .span10.nomargin.cataloguebox::-webkit-scrollbar-thumb {
	    -webkit-border-radius:3px;
	    border-radius:3px;
	    background:rgba(0,0,0,0.1);
	}

	.wideCat .style1 .span10.nomargin.cataloguebox::-webkit-scrollbar-thumb:hover {
	    background:rgba(0,0,0,0.2);
	}

	.wideCat .style1 .span10.nomargin.cataloguebox::-webkit-scrollbar-thumb:window-inactive {
	    background:rgba(0,0,0,0.05);
	}
}

@media (min-width: 1200px) {
	.wideCat .span10.nomargin {
	    width: 84%;
	}
	.wideCat .noMinusEight {
	    margin-left: 0px;
	}
	.wideCat .style1 .span4.nomarginfirst {
	    width: 33.75%;
	    margin-left: 0px;
	}
	.wideCat .style1 #lefthand.span4.nomarginfirst {
	    width: 34%;
	}
	.wideCat .style1 .span6.nomargin.fixedright {
	    width: 64.5%;
	}
	.wideCat .style1 .span6.nomargin.righthand {
	    width: 64.5%;
	}
	.wideCat .style1 .span10.nomargin.cataloguebox {
	    width: 101%;
	    margin-left: 0px;
	}
}

@media (min-width: 1300px) {
	.wideCat .span10.nomargin {
	    width: 85.5%;
	}
	.wideCat .noMinusEight {
	    margin-left: 0px;
	}
	.wideCat .style1 .span4.nomarginfirst {
	    width: 29.9%;
	    margin-left: 0px;
	}
	.wideCat .style1 #lefthand.span4.nomarginfirst {
	    width: 29.9%;
	}
	.wideCat .style1 .span6.nomargin.fixedright {
	    width: 68.25%;
	}
	.wideCat .style1 .span6.nomargin.righthand {
	    width: 68.5%;
	}
	.wideCat .style1 .span10.nomargin.cataloguebox {
	    width: 101%;
	    margin-left: 0px;
	}
}

@media (min-width: 1350px) {
	.wideCat .span10.nomargin {
	    width: 85.5%;
	}
}

@media (min-width: 1400px) {
	.wideCat .span10.nomargin {
	    width: 86.5%;
	}
	.wideCat .noMinusEight {
	    margin-left: 0px;
	}
	.wideCat .style1 .span4.nomarginfirst {
	    width: 29%;
	    margin-left: 0px;
	}
	.wideCat .style1 #lefthand.span4.nomarginfirst {
	    width: 29%;
	}
	.wideCat .style1 .span6.nomargin.fixedright {
	    width: 69.5%;
	}
	.wideCat .style1 .span6.nomargin.righthand {
	    width: 69.5%;
	}
	.wideCat .style1 .span10.nomargin.cataloguebox {
	    width: 101%;
	    margin-left: 0px;
	}
}

@media (min-width: 1550px) {
	.wideCat .span10.nomargin {
	    width: 87.5%;
	}
}

@media (min-width: 1600px) {
	.wideCat .span10.nomargin {
	    width: 88%;
	}
	.wideCat .noMinusEight {
	    margin-left: 0px;
	}
	.wideCat .style1 .span4.nomarginfirst {
	    width: 25%;
	    margin-left: 0px;
	}
	.wideCat .style1 #lefthand.span4.nomarginfirst {
	    width: 25%;
	}
	.wideCat .style1 .span6.nomargin.fixedright {
	    width: 73.5%;
	}
	.wideCat .style1 .span6.nomargin.righthand {
	    width: 73.5%;
	}
	.wideCat .style1 .span10.nomargin.cataloguebox {
	    width: 101%;
	    margin-left: 0px;
	}
}

@media (min-width: 1700px) {
	.wideCat .span10.nomargin {
	    width: 88.5%;
	}
	.wideCat .noMinusEight {
	    margin-left: 0px;
	}
	.wideCat .style1 .span4.nomarginfirst {
	    width: 25.5%;
	    margin-left: 0px;
	}
	.wideCat .style1 #lefthand.span4.nomarginfirst {
	    width: 25.5%;
	}
	.wideCat .style1 .span6.nomargin.fixedright {
	    width: 73%;
	}
	.wideCat .style1 .span6.nomargin.righthand {
	    width: 73%;
	}
	.wideCat .style1 .span10.nomargin.cataloguebox {
	    width: 101%;
	    margin-left: 0px;
	}
}


@media (min-width: 1800px) {
	.wideCat .span10.nomargin {
	    width: 89%;
	}
	.wideCat .noMinusEight {
	    margin-left: 0px;
	}
	.wideCat .style1 .span4.nomarginfirst {
	    margin-left: 0px;
	    width: 20%;
	}
	.wideCat .style1 #lefthand.span4.nomarginfirst {
	    width: 20%;
	}
	.wideCat .style1 .span6.nomargin.fixedright {
	    width: 79%;
	}
	.wideCat .style1 .span6.nomargin.righthand {
	    width: 79%;
	}
	.wideCat .style1 .span10.nomargin.cataloguebox {
	    width: 101%;
	    margin-left: 0px;
	}
}





/* Specifically hiding the text title placed upon the custom scrollbar on the product table pages */
@media (max-width: 1250px) {
	.scrollTitle {
	    display: none;
	    visibility: hidden;
	}
}