@import url(http://fonts.googleapis.com/css?family=Raleway:200,400,300,600,500,900,700,100,800);
/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

    ## Posts and pages

	## Asides

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

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



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

# Normalize

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

html
{
		font-family: 'Raleway', sans-serif;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust:     100%;
}
div.productshomepageholder div.entry .hidebox h3 ul
{
		float: left;
		max-width: 70%;
		margin: 0;
		padding: 0;
}
body
{
		margin: 0;
		background: #efefef;
}
div.menu:after
{
		content: "Tel: 07833 570949 / 01202 484905";
		font-size: 14px;
		line-height: 34px;
		float: right;
}
div.producthilights
{
		float: right;
		width: 32%;
		box-sizing: border-box;
		background: #fff;
		padding: 30px;
}
article.type-products
{
		float: left;
		width: 65%;
}
.home article.hentry
{
		float: left;
		width: 64%;
}
div.homecontainer
{
		background: #fff;
		overflow: hidden;
		box-sizing: border-box;
		padding: 20px;
		margin: 0 30px;
}
div.menu-menu-1-container
{
		width: 1170px;
		margin: auto;
}
nav.navigation.post-navigation { clear: both; }
h4
{
		margin: 0 0 0px;
		font-size: 12px;
		text-transform: uppercase;
}
h2
{
		color: #00b9e4;
		margin: 0 0 30px;
		font-size: 32px;
		line-height: 1.3;
}
h3 { margin: 0 0 30px; }
div.gal_content
{
		min-height: 540px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
}
article,  aside,  details,  figcaption,  figure,  footer,  header,  main,  menu,  nav,  section,  summary { display: block; }
audio,  canvas,  progress,  video
{
		display: inline-block;
		vertical-align: baseline;
}
 audio:not([controls]) {
 display: none;
 height: 0;
}
 [hidden],  template {
 display: none;
}
a { background-color: transparent; }
a:active,  a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b,  strong { font-weight: bold; }
dfn { font-style: italic; }
h1
{
		font-size: 2em;
		margin: 0.67em 0;
}
mark
{
		background: #ff0;
		color: #000;
}
small { font-size: 80%; }
sub,  sup
{
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
 svg:not(:root) {
 overflow: hidden;
}
figure { margin: 1em 40px; }
hr
{
		box-sizing: content-box;
		height: 0;
}
pre { overflow: auto; }
code,  kbd,  pre,  samp
{
		font-family: monospace, monospace;
		font-size: 1em;
}
button,  input,  optgroup,  select,  textarea
{
		color: inherit;
		font: inherit;
		margin: 0;
}
button { overflow: visible; }
button,  select { text-transform: none; }
button,  html input[type="button"],  input[type="reset"],  input[type="submit"]
{
		-webkit-appearance: button;
		cursor: pointer;
}
button[disabled],  html input[disabled] { cursor: default; }
 button::-moz-focus-inner,  input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input { line-height: normal; }
input[type="checkbox"],  input[type="radio"]
{
		box-sizing: border-box;
		padding: 0;
}
 input[type="number"]::-webkit-inner-spin-button,  input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"]
{
		-webkit-appearance: textfield;
		box-sizing: content-box;
}
 input[type="search"]::-webkit-search-cancel-button,  input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset
{
		border: 1px solid #c0c0c0;
		margin: 0 2px;
		padding: 0.35em 0.625em 0.75em;
}
legend
{
		border: 0;
		padding: 0;
}
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table
{
		border-collapse: collapse;
		border-spacing: 0;
}
td,  th { padding: 0; }
/*--------------------------------------------------------------

# Typography

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

body,  button,  input,  select,  textarea
{
		color: #404040;
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.5;
}
h1,  h2,  h3,  h4,  h5,  h6 { clear: both; }
p { margin: 0 0 0.5em; }
dfn,  cite,  em,  i { font-style: italic; }
blockquote { margin: 0 1.5em; }
address { margin: 0 0 1.5em; }
pre
{
		background: #eee;
		font-family: "Courier 10 Pitch", Courier, monospace;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.6;
		margin-bottom: 1.6em;
		max-width: 100%;
		overflow: auto;
		padding: 1.6em;
}
code,  kbd,  tt,  var
{
		font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
		font-size: 15px;
		font-size: 0.9375rem;
}
abbr,  acronym
{
		border-bottom: 1px dotted #666;
		cursor: help;
}
mark,  ins
{
		background: #fff9c0;
		text-decoration: none;
}
big { font-size: 125%; }
/*--------------------------------------------------------------

# Elements

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

html { box-sizing: border-box; }
*,  *:before,  *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; }
blockquote:before,  blockquote:after,  q:before,  q:after { content: ""; }
blockquote,  q { quotes: "" ""; }
hr
{
		background-color: #ccc;
		border: 0;
		height: 1px;
		margin-bottom: 1.5em;
}
ul,  ol { margin: 0 0 1.5em 3em; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul,  li > ol
{
		margin-bottom: 0;
		margin-left: 1.5em;
}
dt { font-weight: bold; }
dd { margin: 0 1.5em 1.5em; }
img
{
		height: auto; /* Make sure images are scaled correctly. */
		max-width: 100%; /* Adhere to container width. */
}
table
{
		margin: 0 0 1.5em;
		width: 100%;
}
/*--------------------------------------------------------------

# Forms

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

button,  input[type="button"],  input[type="reset"],  input[type="submit"]
{
		border: 1px solid;
		border-color: #00b9e4;
		border-radius: 3px;
		background: #00b9e4;
		/* box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); */

	color: #fff;
		/* font-size: 12px; */

	/* font-size: 0.75rem; */

	line-height: 1;
		padding: .6em 1em .4em;/* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); */

}
div.footercontainer.footer-top
{
		background: #00b9e4;
		color: #fff;
		font-size: 13px;
}
div.nav-links { display: none; }
footer.entry-footer { display: none; }
div.footercontainer.footer-top a
{
		color: #000;
		text-decoration:underline;
}
div.col.span_4_of_12
{
		width: 33.3%;
		float: left;
		padding: 15px;
}
div.section.group
{
		max-width: 100%;
		margin: 0 -15px;
		clear: both;
		display: table;
		width: auto;
}
div.footercontainer.footer-top h2
{
		color: #fff;
		margin-top: 25px;
		font-size: 19px;
}
footer.pos-rel
{
		width: 1170px;
		margin: auto;
}
div.footercontainer.footer-top h1
{
		color: #fff;
		margin-top: 25px;
		font-size: 19px;
}
button:hover,  input[type="button"]:hover,  input[type="reset"]:hover,  input[type="submit"]:hover
{
		border-color: #ccc #bbb #aaa;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,  input[type="button"]:focus,  input[type="reset"]:focus,  input[type="submit"]:focus,  button:active,  input[type="button"]:active,  input[type="reset"]:active,  input[type="submit"]:active
{
		border-color: #aaa #bbb #bbb;
		box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="text"],  input[type="email"],  input[type="url"],  input[type="password"],  input[type="search"],  textarea
{
		color: #666;
		border: 1px solid #ccc;
		border-radius: 3px;
}
input[type="text"]:focus,  input[type="email"]:focus,  input[type="url"]:focus,  input[type="password"]:focus,  input[type="search"]:focus,  textarea:focus { color: #111; }
input[type="text"],  input[type="email"],  input[type="url"],  input[type="password"],  input[type="search"]
{
		padding: 3px;
		max-width: 100%;
}
div.productshomepageholder
{
		margin: -15px 30px;
		position: relative;
		z-index: 200;
		background: #fff;
		padding: 15px;
}
div.productshomepageholder div.entry
{
		margin: 0.6666%;
		width: 32%;
		float: left;
		position: relative;
		border: 1px solid #999;
		overflow: hidden;
}
div.clearfix { clear: both; }
div.productshomepageholder div.entry h2 a
{
		font-size: 14px;
		color: #333;
		line-height: 1.3;
		text-decoration: none;
}
div.productshomepageholder div.entry h2
{
		padding: 10px;
		line-height: 1px;
		margin: 0;
		min-height: 56px;
		text-align: center;
}
div.thumbnailholderhome
{
		min-height: 257px;
		background-size: cover !important;
		background-position: center center;
}
div.thumbnailholderhome > a { display: none; }
div.hidebox
{
		position: absolute;
		background: #fff;
		bottom: -41px;
		left: 0;
		right: 0;
		transition: all 0.4s ease;
}
.entry:hover div.hidebox { bottom: 0; }
textarea
{
		padding-left: 3px;
		width: 100%;
}
/*--------------------------------------------------------------

# Navigation

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

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

## Links

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

a { color: royalblue; }
a:visited { color: purple; }
a:hover,  a:focus,  a:active { color: midnightblue; }
a:focus { outline: thin dotted; }
a:hover,  a:active { outline: 0; }
/*--------------------------------------------------------------

## Menus

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

.main-navigation
{
		clear: both;
		display: block;
		float: left;
		width: 100%;
}
.main-navigation ul
{
		display: none;
		list-style: none;
		margin: 0;
		padding-left: 0;
}
.main-navigation li
{
		float: left;
		position: relative;
}
.main-navigation a
{
		display: block;
		text-decoration: none;
}
.main-navigation ul ul
{
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		float: left;
		position: absolute;
		top: 1.5em;
		left: -999em;
		z-index: 99999;
}
.main-navigation ul ul ul
{
		left: -999em;
		top: 0;
}
.main-navigation ul ul a { width: 200px; }
.main-navigation ul ul li { }
.main-navigation li:hover > a,  .main-navigation li.focus > a { }
.main-navigation ul ul :hover > a,  .main-navigation ul ul .focus > a { }
.main-navigation ul ul a:hover,  .main-navigation ul ul a.focus { }
.main-navigation ul li:hover > ul,  .main-navigation ul li.focus > ul { left: auto; }
.main-navigation ul ul li:hover > ul,  .main-navigation ul ul li.focus > ul { left: 100%; }
.main-navigation .current_page_item > a,  .main-navigation .current-menu-item > a,  .main-navigation .current_page_ancestor > a { }
/* Small menu. */

.menu-toggle,  .main-navigation.toggled ul { display: block; }
 @media screen and (min-width: 768px) {
 .menu-toggle {
 display: none;
}
 .main-navigation ul {
 display: block;
}
}
.site-main .comment-navigation,  .site-main .posts-navigation,  .site-main .post-navigation
{
		margin: 0 0 1.5em;
		overflow: hidden;
}
.comment-navigation .nav-previous,  .posts-navigation .nav-previous,  .post-navigation .nav-previous
{
		float: left;
		width: 50%;
}
.comment-navigation .nav-next,  .posts-navigation .nav-next,  .post-navigation .nav-next
{
		float: right;
		text-align: right;
		width: 50%;
}
/*--------------------------------------------------------------

# Accessibility

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

/* Text meant only for screen readers. */

.screen-reader-text
{
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
		height: 1px;
		width: 1px;
		overflow: hidden;
}
.screen-reader-text:focus
{
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto !important;
		color: #21759b;
		display: block;
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: bold;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------

# Alignments

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

.alignleft
{
		display: inline;
		float: left;
		margin-right: 1.5em;
}
.alignright
{
		display: inline;
		float: right;
		margin-left: 1.5em;
}
.aligncenter
{
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
}
/*--------------------------------------------------------------

# Clearings

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

.clear:before,  .clear:after,  .entry-content:before,  .entry-content:after,  .comment-content:before,  .comment-content:after,  .site-header:before,  .site-header:after,  .site-content:before,  .site-content:after,  .site-footer:before,  .site-footer:after
{
		content: "";
		display: table;
}
.clear:after,  .entry-content:after,  .comment-content:after,  .site-header:after,  .site-content:after,  .site-footer:after { clear: both; }
/*--------------------------------------------------------------

# Widgets

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

.widget { margin: 0 0 1.5em; }
/* Make sure select elements fit in widgets. */

.widget select { max-width: 100%; }
/* Search widget. */

.widget_search .search-submit { display: none; }
/*--------------------------------------------------------------

# Content

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

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

## Posts and pages

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

.sticky { display: block; }
.hentry { margin: 0 0 1.5em; }
 .byline,  .updated:not(.published) {
 display: none;
}
.single .byline,  .group-blog .byline { display: inline; }
.page-content,  .entry-content,  .entry-summary { margin: 1.5em 0 0; }
.page-links
{
		clear: both;
		margin: 0 0 1.5em;
}
/*--------------------------------------------------------------

## Asides

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

.blog .format-aside .entry-title,  .archive .format-aside .entry-title { display: none; }
/*--------------------------------------------------------------

## Comments

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

.comment-content a { word-wrap: break-word; }
.bypostauthor { display: block; }
/*--------------------------------------------------------------

# Infinite scroll

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

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */  .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; }
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer { display: block; }
/*--------------------------------------------------------------

# Media

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

.page-content .wp-smiley,  .entry-content .wp-smiley,  .comment-content .wp-smiley
{
		border: none;
		margin-bottom: 0;
		margin-top: 0;
		padding: 0;
}
/* Make sure embeds and iframes fit their containers. */

embed,  iframe,  object { max-width: 100%; }
/*--------------------------------------------------------------

## Captions

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

.wp-caption
{
		margin-bottom: 1.5em;
		max-width: 100%;
}
 .wp-caption img[class*="wp-image-"] {
 display: block;
 margin: 0 auto;
}
.wp-caption-text { text-align: center; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }
/*--------------------------------------------------------------

## Galleries

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

.gallery { margin-bottom: 1.5em; }
.gallery-item
{
		display: inline-block;
		text-align: center;
		vertical-align: top;
		width: 100%;
}
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-caption { display: block; }
div.site-branding
{
		max-width: 1170px;
		margin: auto;
}
div.site-branding h1.site-title a
{
		color: #333;
		text-decoration: none;
}
div.site-branding h1.site-title
{
		margin-bottom: 0px;
		line-height: 1;
}
nav#site-navigation
{
		background: #00b9e4;
		color: #FFF;
}
nav#site-navigation a
{
		color: #fff;
		padding: 7px 15px;
		font-size: 16px;
}
div.menu
{
		margin: auto;
		max-width: 1170px;
}
p.site-description
{
		font-size: 10px;
		margin: 0 0 10px;
}
div#content
{
		margin: auto;
		max-width: 1170px;
}
div.productshomepageholder div.entry .hidebox h2
{
		line-height: 1;
		padding: 10px;
		min-height: 0;
		display: inline;
		background: white;
		position: absolute;
		top: -38px;
		height: 38px;
		font-size: 18px;
}
div.productshomepageholder div.entry .hidebox h3
{
		font-size: 14px;
		padding: 10px;
		margin: 0;
}
div.productshomepageholder div.entry .hidebox h3 small a
{
		color:#00b9e4;
		text-decoration:underline;
}
div.productshomepageholder div.entry .hidebox h3 small
{
		float: right;
		line-height: 2;
}
article.page
{
		width: 65%;
		float: left;
}
div#location-canvas { height: 650px !important; }
main#main
{
		padding: 0 30px;
		background: #fff;
}
.producthilights h2
{
		background: #00b9e4;
		margin: 0 0 30px;
		font-size: 28px;
		line-height: 1.5;
		padding: 4px 15px 6px;
		color: #fff;
		border-radius: 10px;
}
dl.summary.mar-top.mar-bot dt
{
		float: left;
		width: 50%;
		box-sizing: border-box;
		padding: 5px;
}
dl.summary.mar-top.mar-bot dd
{
		float: right;
		width: 50%;
		margin: 0;
		text-align: right;
		box-sizing: border-box;
		padding: 5px;
}
.bg-alt { background: #eee; }
.photospace_res a.thumb { border: 1px solid #ccc; }
div.gal_content { border: 1px solid #ccc; }
.home main#main
{
		padding:0;
		background:transparent;
}
div.col-left
{
		width: 33%;
		float: left;
}
div.price
{
		font-size: 23px;
		font-weight: 700;
}
div.insideproductlistholder { padding: 30px 0 0; }
div.col-right
{
		float: right;
		width: 60%;
}
div.insideproductlistholder h2
{
		font-size: 23px;
		color: #333;
		margin-bottom: 7px;
}
div.insideproductlistholder ul
{
		text-align: center;
		margin: 0;
		padding: 0;
}
div.insideproductlistholder ul li
{
		display: inline-block;
		padding: 0 20px;
}
div.insideproductlistholder .entry {
clear: both;
padding-top: 30px;
border-top: 1px solid #eee;
}
div.insideproductlistholder small a {
color: #fff;
background: #00b9e4;
text-decoration: none;
padding: 10px 20px;
float: right;
margin-bottom: 30px;
}
div.insideproductlistholder .photospace_res .gal_content { display: none !important; }
.photospace_res .thumbs_wrap2
{
		height: 52px;
		max-height: 52px;
}
div.col-right > p {
font-size: 12px;
}
.page-template-productlist-template div.producthilights {
    display: none;
}
.page-template-productlist-template article.page {
    width: 100%;
}
.page-template-productlist-template div.homecontainer {
    margin: 0;
    padding: 0;
}
div.insideproductlistholder div.photospace_res {
    min-height: 0;
}
div.insideproductlistholder .col-right > ul {
     font-size: 13px; 
     border-top:1px solid #ddd;
     border-bottom:1px solid #ddd;
	 margin-bottom:5px;
		 
}
div.insideproductlistholder ul li {
    list-style-type: disc;
    list-style-position: inside;
}
 @media(max-width:767px) {
	 body div.col-left{width:100%;}
	 body div.col-right{width:100%;}
 article.page {
 width: 100%;
}
 button.menu-toggle {
 font-size: 0;
 width: 100%;
}
 button.menu-toggle:after {
 content: "≡";
 font-size: 30px;
 width: 100%;
 text-align: center;
 display: block;
 float: none;
 position: relative;
}
 div.site-branding {
 padding: 10px 15px;
}
 div.site-branding h1.site-title a {
 font-size: 26px;
}
 div.productshomepageholder div.entry {
 width: 100%;
}
 div.productshomepageholder {
 margin: 0;
}
 div.homecontainer {
 margin: 0;
}
 .home article.hentry {
 width: 100%;
}
 div.producthilights {
 width: 100%;
 border-top: 1px solid #ddd;
 padding: 30px 0;
}
 div.col.span_4_of_12 {
 width: 100%;
 border-bottom: 1px solid #fff;
 box-sizing: border-box;
 padding: 20px 0 20px;
}
 footer.pos-rel {
 width: 100%;
 padding: 0 15px;
 box-sizing: border-box;
}
 div.section.group {
 margin: 0;
}
 div.col.span_4_of_12:last-of-type {
 border-bottom: 0 none transparent;
}
 article.type-products {
 width: 100%;
 padding: 0 15px;
 box-sizing: border-box;
}
 .single-products div.producthilights {
 box-sizing: border-box;
 padding: 30px 15px;
}
 .main-navigation li {
 width: 100%;
 border-top: 1px solid #fff;
}
}