	/*	div#finishes {display:none;}	*/
		section div.row>div.swatch_thumb {padding:6px; margin:6px;}
#phone1, .smshow {display:none;}
#phone2, .lgshow {display: block; }
#phone2 a {cursor:default;}
#header.fixed #phone2 {display:none;}
h3 > span {color: #414141;}

@media only screen and (max-width:767px){
	#phone1, .smshow {display: block; }
	#phone2, .lgshow {display:none;}
	.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{background:#ddd;}
  /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/* 	Label the data */
	#no-more-tables td:before { content: attr(data-title); }
	}
	
	/* added */

.product-opt-var {
	margin-right:10px;
	width:100%;
}
	
/* VAR DROP DOWN */
ul#product-var-dd {
	margin-top:-1px;
	min-width:159px;
	padding:1px 0 0 1px;
}
ul#product-var-dd li {
	float:left;
	width:100%;
	margin-right:1px;
	margin-bottom:1px;
	background-color:rgba(0,0,0,0.05);
	text-align:left;
padding: 3px 10px;
	cursor:pointer;
}
ul#product-var-dd li>a {
	padding:3px 0;
}
button.product-var-dd {
	width:100%;
	text-align:left;
}
button.product-var-dd .caret {
	float:right;
	margin-top:8px;
}
.ul-none {list-style:none;}	
.ul-none li {padding-left:20px;}
.fs_ex_small {position:absolute; display:block; left:10px;padding-top:4px;}
.fs_ex_small1  {position:absolute; display:block; left:25px;padding-top:4px;}
.login {cursor:pointer;}
.btn-outline-success {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.radio-err { border: #bf6464 2px dashed;} 

.sky-form #business-type .label {rgba(255,255,255,0.6);}
.grey  {rgba(255,255,255,0.6);}

#news-form, #news-form .label
#news-form .checkbox, #news-form label.radio {rgba(255,255,255,0.6);}
.item-box, .fin-box {min-height:135px;}

#fin-disclaimer p {margin:0 0 20 0;}
/* .mfp-bg {opacity:0.4;}	*/
.showroom div, .not-showroom div {min-height:280px;  }
.showroom div {background:#80A53E; color:#fff; }
.not-showroom div {background:#6BACCC; color:#fff; }


/* FL Added	*/
b#finishes {cursor:pointer;}
p { margin-bottom: 15px; }
div.heading-title { margin-bottom: 20px; }
.mx-width {max-width:100%}
.ls-none {list-style: none;}
.thumbnail {text-align: center;}
.mn-auto { margin:0 auto; }
.cboth {clear:both;}
.help-block {color:#f00;}
.toggle1 {cursor:pointer;}
.zindexh {z-index:1200;}
.bord1gr  {border: 1px solid #8ab933;}
.bordlltgrey  {border: 1px solid #ddd;}
.ul-dec {list-style-type: decimal;}
.bg-lgrey {background: #eee;}
.home-thumb {min-height:215px; margin-bottom: 10px;}
.hdrtext {font-weight:bold; margin-bottom:25px;}
.form-error { border: #bf6464 2px dashed!important;	}
div.shop-item-price>span.col-red {color:#ff0000;}
.badge-dorange {background:#d86301; color: #fff;}
.badge-grey {background:#6c757d; color: #fff;}
#optchoices {font-size:16px;}
.morecontent span {
    display: none;
}

.morelink, .morelink:hover, .morelink:active{
    display: block;
	color: #8ab933;
}
.modal-header {background: #eee;}
.modal-content   {border: 3px solid #8ab933;}
#header li.search .search-box {
width: 320px;
}

div.shop-item-price {
font-size:16px;
}

.listprice:before {
    /* color: #ff0000 !important; */
    border-color: #ff0000 !important;
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    transform: rotate(-8deg);
}

@media only screen and (max-width: 992px) {
#header li.search .search-box {
width: 100%;
}
}
#header ul.nav-second-main li {position:relative;}
.product-information { 
	display: inline-block;
	width: 200px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
}

section div.row>div , section.featured-grid div.row>div {
    margin-bottom: 10px;
	margin-top: 10px;
	}
#topNav ul.dropdown-menu li a { padding-right:10px;}
.sky-form .checkbox, .sky-form .radio , .sky-form p {
	color: rgba(255,255,255,0.6);
}
.cartContent span.total_price {line-height:19.5px;}

/*
@media only screen and (max-width: 480px) {
	section.featured-grid div.row>div { 
	 margin-bottom: 10px;
	}
}

#topMain>li>a>span.theme-color { padding: 10px;}
*/
/* #enquire_form (max-width: 440px;} */

/* wishlist - packages	*/
/* sides	*/

.quantity, .pkgqty, .quantity1 button {
    border: 1px solid #e5e5e5;
    width: 28px;
    line-height: 36px;
/*	height: 38px;	*/
}
/*
.quantity > *, .pkgqty > *, .quantity1 > * {
    height: 38px;
}
*/

/* middle	*/

.quantitywrap input[type="text"], .pkgqty input[type="text"], .quantity1 input[type="text"] {
    width: 38px;
    text-align: center;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #e5e5e5 !important;
    padding-left: 5px;
    padding-right: 5px;
    border-left: none;
    border-right: none;
}
input:not([class*="border_"]), .select_title, textarea {
    border-color: #e5e5e5;
}
input:not([type="submit"]), .select_title, textarea {
    border-width: 1px;
    border-style: solid;
    padding: 7.5px 10px 7.5px;
    background: #fff;
    min-height: 38px;
}

/* colors */
.col-dgrey {color:#414141;}

/* quickcart */
.quick-cart-wrapper a{cursor: auto;}

/* -------------------------------- 

Slide In Panel - by CodyHouse.co

-------------------------------- */
/*
.cd-main-content {
  text-align: center;
}

.cd-main-content h1 {
  font-size: 2rem;
  color: #64788c;
  padding: 4em 0;
}
/*
.cd-btn {
  position: relative;
  display: inline-block;
  padding: 1em 2em;
  background-color: #89ba2c;
  color: #ffffff;
  border-radius: 50em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.cd-btn:hover {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
}
*/
@media only screen and (min-width: 1170px) {
  .cd-main-content h1 {
    font-size: 3.2rem;
  }
}

.cd-panel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}

.cd-panel::after {
  /* overlay layer */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}

.cd-panel.cd-panel--is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
/* page behind panel */
.cd-panel.cd-panel--is-visible::after {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
}

.cd-panel__header {
  position: fixed;
  width: 90%;
  height: 50px;
  line-height: 50px;
  background: rgba(255, 255, 255, 0.96);
  z-index: 2;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: -webkit-transform 0.3s 0s;
  transition: -webkit-transform 0.3s 0s;
  transition: transform 0.3s 0s;
  transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
}

.cd-panel__header h1 {
  color: #89ba2c;
  padding-left: 5%;
}

.cd-panel--from-right .cd-panel__header {
  right: 0;
}

.cd-panel--from-left .cd-panel__header {
  left: 0;
}

.cd-panel--is-visible .cd-panel__header {
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

@media only screen and (min-width: 768px) {
  .cd-panel__header {
    width: 70%;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-panel__header {
    width: 50%;
  }
}

.cd-panel__close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 60px;
  /* image replacement */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.cd-panel__close::before, .cd-panel__close::after {
  /* close icon created in CSS */
  content: '';
  position: absolute;
  top: 22px;
  left: 20px;
  height: 3px;
  width: 20px;
  background-color: #424f5c;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.cd-panel__close::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cd-panel__close::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cd-panel__close:hover {
  background-color: #424f5c;
}

.cd-panel__close:hover::before, .cd-panel__close:hover::after {
  background-color: #ffffff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.cd-panel__close:hover::before {
  -webkit-transform: rotate(220deg);
      -ms-transform: rotate(220deg);
          transform: rotate(220deg);
}

.cd-panel__close:hover::after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.cd-panel--is-visible .cd-panel__close::before {
  -webkit-animation: cd-close-1 0.6s 0.3s;
          animation: cd-close-1 0.6s 0.3s;
}

.cd-panel--is-visible .cd-panel__close::after {
  -webkit-animation: cd-close-2 0.6s 0.3s;
          animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

.cd-panel__container {
  position: fixed;
  width: 90%;
  height: 100%;
  top: 0;
  background: #dbe2e9;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.cd-panel--from-right .cd-panel__container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.cd-panel--from-left .cd-panel__container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

.cd-panel--is-visible .cd-panel__container {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
  .cd-panel__container {
    width: 70%;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-panel__container {
    width: 50%;
  }
}

.cd-panel__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 70px 5%;
  overflow: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}

.cd-panel__content p {
  font-size: 1.4rem;
  color: #424f5c;
  line-height: 1.4;
  margin: 2em 0;
}

.cd-panel__content p:first-of-type {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .cd-panel__content p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

@media only screen and (max-width: 434px) {
	.smcentre {left: 50%; transform: translateX(-50%);}
}

/*div.shop-item>.thumbnail>a.shop-item-image>img:last-child {  */
#lastthumb, .lastthumbimg { 
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

h1 {font-size :20px; margin-bottom:20px;}
section {padding:20px 0;}
section.page-header.page-header-xs { padding-bottom:0px;}

/*	#enquire_form (width: 70%;} */

/* brand filter  */
div.sortfilt {width:300px; clear:none; margin-bottom:20px; border-bottom:1px solid #ccc;}
div.sortfilt li {width:100%;}
@media only screen and (max-width:767px){
	div.sortfilt {width:100%;}
}

section.page-header.page-header-xs , section.page-header {
    padding: 20px 0;
}