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

/* Media Query Masters (copy to use) */
@media (min-width: 1200px)	{ 
    
}

@media (min-width: 992px) and (max-width: 1199px)	{ 
    
}

@media (min-width: 768px) and (max-width: 991px)	{ 
    
}

@media (min-width: 470px) and (max-width: 767px)	{ 
    
}

@media (max-width: 469px)	{ 
    
}
/* End Media Query Masters */

a, li a {
   color: #b5121b;
   text-decoration: none;  
}

a,
a:focus, 
a:hover, 
a:active {
   outline: 0 !important;
}
a:focus {
  text-decoration: none;
  color: #b5121b;
}
a:hover {
   color: #b5121b;
   text-decoration: underline;
}

.bmred {color: #b5121b;}
.bmredbg {background-color: #b5121b;}

hr.fade-from-grey {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0));}
hr.fade-from-white {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0));}

a > h4 {color:#F07057;}

div.bm-standard-wrapper {margin-bottom:14px; padding:0 16px 0 16px;}

a.gallery-builder-link {
   color: #ff7010;
   text-decoration: none;  
}

a. :hover {
   color: #ff7010;
   text-decoration: underline;
}

h1.bm-heading {
	font-size:2.1em !important;
	font-weight:200 !important;
	text-transform:none;
	line-height:1.6em;
}

ul.breadcrumb {margin-top:28px;}

div.rwell p {
	line-height: 1.4 !important;
	margin-bottom: 7px !important;
}

div.rwell {
	margin-bottom: 10px;
}


/*Custom styling for various Cube Portfolio elements - mainly text and captions**/
.cube-portfolio .cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active, .cube-portfolio .cbp-l-filters-text .cbp-filter-item:hover {color: #b5121b;}

.cube-portfolio .cbp-l-filters-text .cbp-filter-item {font-size: 16px;}

.cube-portfolio .link-captions li i:hover {background: #b5121b;}

.cube-portfolio .cbp-title-dark .cbp-l-grid-agency-desc {margin-top: 6px;}

.cube-portfolio .cbp-l-grid-agency-desc.cbp-custom-cap {font-size: 13px; /**white-space:normal; overflow: visible;**/}

@media screen and (min-width: 1200px)
{
	.cbp-resp-word-break {
		display: none;
	}
}

#topcontrol:hover {background: #b5121b;}

/* hide banner shadow */
div.tp-bannershadow {display:none;}

/** Swatch stuff
 **************************************************************** **/
p.swatch {
	line-height: 18px;
	margin: 6px 0 4px 0;
	font-size: 1.0em;
	font-weight:700;
}

p.descnote {color:#FF5100;}

.margintop10 {margin-top:10px;}

.zone-div {margin:20px auto 50px auto;}


.zone-message {color: #b5121b}

div.swatch-desc {background-color:#f4f5f7; padding:0;}

/* small swatch grid */
a.smswatchgrid { 
	display:inline-block; 
	width:36px; height:36px; 
	line-height:0px; 
	font-size:0px; 
	text-align:center; 
	background:rgba(0,0,0,0.3); 
	color:#fff; 
	margin:4px 4px 0px 0px; 
	text-decoration:none;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}

/* mid size swatch grid (masonty blocks) */


div.midsizerow {
	padding-left: 22px;
	padding-bottom: 20px;
}

div.midsizerow > div {
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 6px;
}

div.midsizerow > div > img { 
	width: 100px; height: 100px;
	border: 4px solid #fff;
}

@media (min-width: 992px) and (max-width: 1199px) { 
	
	div.midsizerow > div > img { 
		width: 84px; height: 84px;
		border: 4px solid #fff;
	}
	
}

/* larger swatch grid */
a.lgswatchgrid { 
	display:inline-block; 
	width:75px; height:85px; 
	line-height:0px; 
	font-size:0px; 
	text-align:center; 
	background:white; 
	color:#fff; 
	margin:0px 0px 0px 0px; 
	text-decoration:none;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}

.h2tight {font-size: 18px; line-height: 18px; margin-top: 20px; margin-bottom: 12px; margin-left: 16px;}

/* larger swatch grid */
a.mbswatchgrid { 
	width:85px; height:95px; 
}


/** 35. Main Swatch Boxes
 **************************************************************** **/
.mainswatchbx {
	margin-bottom:20px;
}

/* carousel style */
.mainswatchbx.white p,
.mainswatchbx.white p.mstitle {
	background-color:#fff;
}
.mainswatchbx p.mstitle {
	background:#ddd;
	display:inline-block;
	padding:10px 10px 6px 10px;
	color:#333;
	font-size:0.9em;

	-webkit-border-top-right-radius: 6px;
	 -webkit-border-top-left-radius: 6px;
	    -moz-border-radius-topright: 6px;
		 -moz-border-radius-topleft: 6px;
			border-top-right-radius: 6px;
			 border-top-left-radius: 6px;
}
.mainswatchbx p {
	color:#000;
	background:#ddd;
	padding:20px;
	font-size:14px;
	margin-bottom:0;
	font-style:normal;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}

.cover .mainswatchbx p,
.cover .mainswatchbx mstitle {
	background:none !important;
	color:#aaa;
	font-size:24px;
}

/* single style */
.mainswatchbx p {
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;

	-webkit-border-top-left-radius: 0;
		-moz-border-radius-topleft: 0;
			border-top-left-radius: 0;
}

.mainswatchbx p.mstitle {
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;

	-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-bottomleft: 0;
			border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
		-moz-border-radius-bottomright: 0;
			border-bottom-right-radius: 0;

}

 /* Unify template overrides styles for choice pages */

div.prod-herotext {width: 100%; margin: 8px 12px 20px 0px; border: 0px dotted red; font-family:"Titillium Web", "Helvetica Neue", Arial, sans-serif;}
div.prod-herotext h4 {font-weight: 300; color: rgba(181,18,27,1.0); margin-bottom: 0;}
div.prod-herotext p {font-size: 15px;}

@media (max-width: 991px) { 
	div.prod-herotext h4 {font-size: 16px;}
	div.prod-herotext p {font-size: 13px;}
}

@media (max-width: 524px) { 
	div.prod-herotext h4 {font-size: 14px;}
	div.prod-herotext p {font-size: 12px;}
}



.swatchwrapper {margin-bottom:14px; padding:0 16px 0 16px; border:1px dotted red;}

.swatchrow {
	margin-bottom:30px;
}
.swatchtitle, .swatchtitle_o  {
	/*height:100px; */
	/*width:222px; */
	/*width:100%; */
	/*border-top:10px solid #f0f0f0; */
	/*border-right:10px solid #f0f0f0; */
	/*float:left; */
	background-color:#e3e3e3; 
	padding: 10px; 
	font-size:1.2em; 
	font-weight:300; 
	font-family:"Titillium Web", "Helvetica Neue", Arial, sans-serif;
	}

.swatchdesc, .swatchdesc_o  {
	font-size: 0.75em; 
	font-weight: 200; 
	font-family: "Titillium Web", "Helvetica Neue", Arial, sans-serif;
	}
	
.swatchtitle_o {
	width:100%;
	height:100px;
	padding:10px 30px 10px 30px;	
	font-size:18px;
}

.swatchsection {
	margin-bottom:50px;
}

.st2lines {padding: 18px 0px 0px 26px;}

.st3lines {padding: 7px 6px 0px 26px;}

.swatchbox {
	background-color:#fff !important; 
	text-align:center;
	padding: 0px 0px 0px 0px; 
	}
	
.swatchtable {
	margin:0px 0px 20px 0px;
	padding:0px 15px 0px 0px;
}

.swatchcontent {
	/*background-color:white; */
	padding: 0px;
}

img.lgswatchimg {margin-top:8px;}

.swatchlabel {
	font-size:0.8em; 
	margin-top:0px; 
	text-align:center; 
	text-transform:uppercase; 
	/*background-color:transparent; */
	background-color:#e3e3e3; 
	/*width: 60%; */
	width: 99%;
	margin: 0px auto;
	}

.swatchtitletext {
	padding:0px;
}
.swatchtitletext_o { /* this is for the old style */
	padding:0px 10px;
}


.sl2lines {min-height:38px;}

.sl3lines {min-height:40px;}

.sl5lines {height:85px;}

.colorswatches {background-color:#f0f0f0; margin-top:10px; padding:15px 18px 14px 18px;}

.txtfix {padding-left:24px !important;}

table.table.swatchtable {margin-bottom:0px !important;}

table.table {margin-bottom:10px !important;}

table.swatchtable tr td {padding:0; background-color:#f0f0f0 !important;}

table.table tr td {border-top:0px;}

@media screen and (max-width: 767px) {
	.table-responsive {
		border: 0px solid #ddd;
	}
	.swatchsection {
		padding:0px;
		margin-bottom:10px;
	}
	.swatchtable {
		padding-right:0px;
	}
	.swatchtitle_o {
		padding:10px;	
		height: auto;
		margin:0px;
	}
.swatchtitletext_o { /* this is for the old style */
	padding:0px;
}
	.col-xsm-12, .col-xsm-12 > div, div.linksbox {
    	padding: 0px;
	}
	/*.sl2lines {min-height: auto;} */

	/*.sl3lines {min-height:auto;} */

	/*.sl5lines {min-height:auto;} */


}

/* accordion table note */

@media (min-width: 1200px)	{ 
    
}

@media (min-width: 992px) and (max-width: 1199px)	{ 
    
}

@media (min-width: 768px) and (max-width: 991px)	{ 
    
}

@media (min-width: 470px) and (max-width: 767px)	{ 
    
}

@media (max-width: 469px)	{ 
    
}





table.accnote {width: auto; table-layout: auto !important;}
table.accnote tr td {padding: 0 !important;}
table.accnote tr td.accnote-title {padding-right: 6px !important;}
p.accnote {display: none;}

@media (max-width: 991px)	{ 
    table.accnote {display: none;}
	p.accnote {display: inline;}
}

/** Product page
 ******************************************************************/

.prodpage {padding:15px 18px 15px 18px;}

.prodswatchlg {width:310px; height:310px; border:6px solid white;}

.othercolshd {font-size:17px; font-weight:200; font-family:"Titillium Web", "Helvetica Neue", Arial, sans-serif; margin:14px 0 4px 0;}

.othercolsblock {margin: 0 0 0 6px;}

.midsizecolsblock {margin: 0 0 0 11px;}

img.sbimagedims {border:0px solid red; width:180px; display:inline-block;}

.blokswatch { width: 144px; height:144px;}
.blokinfo { padding:0; margin:0;}

div.desc {font-family:"Helvetica Neue", Verdana, Helvetica, Arial, san-serif; font-size:13px; line-height:22px; padding:18px 0px 22px 10px; color:#4f5d6a;}

.optionslabel {font-size:14px; font-weight:400; font-family:"Titillium Web", "Helvetica Neue", Arial, sans-serif; margin:0px 6px 0px 8px;}

.optionnotselected {padding: 3px 32px 3px 32px; border: 1px solid #e3e3e3; background-color:#e3e3e3; color:#4f5d6a; text-align:center; font-size:12px; margin:0 0 0 4px;}

.optionselected {padding: 3px 32px 3px 32px; border: 1px solid #b5121b; background-color:#b5121b; color:#fff; text-align:center; font-size:12px; margin:0 0 0 4px; cursor:default;}

.optionnotselected a, .optionnotselected a:visited, .optionnotselected a:active {color:#4f5d6a;}

.optionnotselected a:hover {text-decoration:none; color:#000;}

div.panel-heading {background-color:#f0f0f0 !important; padding-left:0 !important;}

div.panel.panel-default {background-color:#f0f0f0 !important; border:2px solid #fff !important; background-image:url(../images/prodpages/icons/collapse.png); background-repeat:no-repeat; background-position:right -2px; background-size:38px 5px;}

img.accordion-icon {width:25px; height:22px;}

img#appicon {height:28px; float:left; margin-right:6px;}

/** Accordion styles
 ******************************************************************/

/*Pricing Tab*/
p.sale-text-above {font-weight: 500; font-size: larger; color: #FF0000;}
span.price-standard {color: #555;}
span.price-sale {font-weight: 500; font-size: larger; color: #FF0000;}
p.price-sale-summary {font-weight: normal; color: #FF0000;}


/*Carousel v1
------------------------------------*/
.carousel-v1 .carousel-caption {
   left: 0;
   right: 0;
   bottom: 0;
   padding: 4px 8px 0px 8px;
   background: rgba(255, 255, 255, 1);
}

.carousel-v1 .carousel-caption p {
   color: #888;
   margin-bottom: 0;
   text-shadow:none;
   line-height:18px;
}

.carousel-v1 .carousel-arrow a.carousel-control {
   opacity: 1;
   font-size:20px;
   height:inherit;
   width: inherit;
   background: none;
   text-shadow: none;
   position: inherit;
}

.carousel-v1 .carousel-arrow a i {
   top: 50%;
   opacity: 1;
   background: #b5121b;
   margin-top: -18px;
   padding: 2px 12px; 
   position: absolute;
}
.carousel-v1 .carousel-arrow a i:hover {
   opacity: 0.7;
}

.carousel-v1 .carousel-arrow a.left i {
   left: 0;
}
.carousel-v1 .carousel-arrow a.right i {
   right: 0;
}

/*Carousel in accordion
------------------------------------*/
.in-accordion .carousel-caption {
   left: 0;
   right: 0;
   bottom: 0;
   padding: 4px 8px 0px 8px;
   background: rgba(0, 0, 0, 1);
   color: rgba(255, 255, 255, 1);
}

.in-accordion .carousel-caption p {
   color: #fff;
   margin-bottom: 6px;
   text-shadow:none;
   line-height:18px;
}

.in-accordion .carousel-arrow a i {
   top: 50%;
   opacity: 1;
   background-color: rgba(255, 255, 255, 0);
   margin-top: -18px;
   padding: 2px 12px; 
   position: absolute;
}

.sand-img {
	margin: 0 auto;
}

/** Locations page
 **************************************************************** **/

table.loc-table {
	background-color:#fff;
	color:#777;
}

table.loc-table td.loc-info {padding-left:8px;}

/** Find Us page
 **************************************************************** **/

div.finduswrapper {margin-bottom:14px; padding:0 16px 0 16px;}

div.fuph {padding:8px !important; background-color:#b5121b; color:white;}

a.fuacctogglink  {background-color:#b5121b !important; color:white !important; text-align:center; text-decoration:none; margin-bottom:4px;}

.fustorehead {color:white; margin-bottom:0px; font-size:18px; margin-top:8px; font-family: "Titillium Web", "Helvetica Neue", Arial, sans-serif;}

.futoggletxt {font-family: open-sans, Verdana, 'Helvetica Neue', 'Trebuchet MS',  sans-serif; font-size:11px; color:white; font-weight:200; margin:0 0 2px 0;}

.fuaddress {font-family: open-sans, Verdana, 'Helvetica Neue', 'Trebuchet MS',  sans-serif; font-size:11px; font-weight:200; margin:0 2px 0 2px !important; line-height:18px;}

.fudetails {font-family: open-sans, Verdana, 'Helvetica Neue', 'Trebuchet MS',  sans-serif; font-size:11px; font-weight:200; margin:0 2px 0 8px !important; line-height:18px;}

.fupanelbody {padding-top:0px; padding-bottom:8px; border:0px; border-top:0px !important;}

div#plantinfo {background-image:url(../images/header/left-logo.png) !important; background-size: 100% !important; background-repeat:no-repeat !important; margin-top:-10px;}

div#plantinfo {
	font-family: "Titillium Web", "Helvetica Neue", Arial, sans-serif;
	font-size:13px;
	line-height:20px;
	width:140px;
	padding:34px 0px 0px 0px;
	text-align:center;
	}
	
.fuopenhours {
	padding-left: 19px;
}

/** Search
 **************************************************************** **/
table.gsc-search-box tr {vertical-align:middle !important;}

td.gsib_a input {font-family: "Helvetica Neue", Arial, sans-serif; font-size:1em !important; margin:0 0 0 0 !important;}

.gsc-search-button, .gsc-search-button-v2  {height: 26px !important; margin-top:5px !important; background-image:url(../images/header/search-icon.png) !important; background-repeat:no-repeat !important; background-size:16px 16px !important; background-position:center center !important;}
	
div.gs-snippet {margin-left:8px !important;}	

div.gsc-selected-option-container, div.gsc-inline-block {width:140px !important;}

input#searchKeywords {color: white !important;}

.header .topbar  button.searchicon, div.addsearch-searchform div.input-group button.searchicon {color: #fff; background-color: #b5121b; width: auto; border: 1px solid #a1121a; padding: 8.5px 12px;}

input.addsearch-searchbox {width: 140px!important;}

/* changing placeholder color */
#searchKeywords::-webkit-input-placeholder { color:#fff !important; }
#searchKeywords::-moz-placeholder { color:#fff !important; } /* firefox 19+ */
#searchKeywords:-ms-input-placeholder { color:#fff !important; } /* ie */

/** Randoms
 **************************************************************** **/
 
 .glyphicon-clock:before {
    content: "\e055";
}
.glyphicon-circle-info:before {
    content: "\e196"
}


.marginbottom20 {margin-bottom:20px;}
.margintop11 {margin-top:11px;}
.margintop20 {margin-top:20px;}
.margintop40 {margin-top:40px;}

/** Bargains
 **************************************************************** **/

.info-circle-custom {font-size: 1.5em; font-weight: 400; vertical-align: -0.12em; margin-right: .3em;
	
	
}

p.bargins-modal-heading {font-size:1.55em; color:#b5111b; text-align: center; font-weight: bold; margin-top: 25px; margin-bottom: 0px;}

div.blog_masonry_3col div.container {max-width:1100px;}
div.savebanner {background-color:#b5121b; color:white; width:100%; height:30px; font-weight:bold; text-align:center; padding:4px 0 0 0;}

.blog_masonry_3col .grid-boxes-in {
	padding: 0;
	margin-bottom: 30px;
	border: solid 1px #e3e3e3;
}

div.grid-boxes-caption {background-color:#e3e3e3 !important;}

div.bargainswatches { background-color:#e3e3e3 !important; padding-left: 1em; padding-bottom: 1em;}
div.bargainswatches img { width: 23px; height: 23px; }

div.grid-boxes-caption h4 {margin-bottom:1px;}

li.bargainprice {color:#b5121b !important; font-weight:bold;}

@media (min-width: 991px) and (max-width: 1199px) {
	div.blog_masonry_3col div.container {max-width:880px;}
}

@media (min-width: 768px) and (max-width: 990px) {
	div.blog_masonry_3col div.container {max-width:655px;}
	div.bargainswatches img {width: 20px; height: 20px;}
}




div.grid-boxes-caption {background-color:#fff;}

/** Sales
 **************************************************************** **/
 
 div.saving {background-color:#b5121b; border-top:2px solid #b5121b; border-bottom:2px solid #b5121b; color:white; width:100%; text-align:center; padding:8px 0 10px 0; font-size:1.4em; font-family:'Titillium Web', 'Helvetica Neue', Arial, sans-serif; font-weight:600;}
 
 div.saving a.saleslink, div.saving a.saleslink:visited, div.saving a.saleslink:active, div.saving a.saleslink:focus {color:#fff;}
 
 div.sale-item-grid-boxes {background-color:#bbb; border:2px solid #b5121b !important;}
 
 div.sale-colours-pane {background-color:#fff !important;}
 
 img.sale-item-img {margin-left:auto; margin-right:auto; margin-top:1em; margin-bottom:1em; max-width:300px;}
 
 div.sale-swatch-bg {background-color:#fff !important;}
 
 a.saleslink2, a.saleslink2:active, a.saleslink2:focus {color:red !important; text-decoration: none !important;}

 a.saleslink2:hover {text-decoration: underline !important;}


/** Forms
 **************************************************************** **/

.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea, .sky-form .radio i, .sky-form .checkbox i, .sky-form .toggle i, .sky-form .icon-append, .sky-form .icon-prepend {border-color:#e7e7e7 !important; background-color:#F0F0F0 !important;}

.sky-form input.requiredfield, .sky-form textarea.requiredfield {
	background-color: #fff9ea !important; border-color: #ffa228 !important;
}

.sky-form i.requiredfield {
	background-color: rgba(255,42,46,0.01) !important; border-color: #ffc128 !important; color: #ffa228 !important;
}

.sky-form input.optional-field {
	background-color: #F0F0F0 !important; border-color: #e7e7e7 !important;
}

.sky-form i.optional-field {
	background-color: rgba(255,42,46,0.01) !important; border-color: #ffc128 !important; color: #e7e7e7 !important;
}

.sky-form select.requiredfield {
	background-color: #fff9ea !important; border-color: #ffa228 !important;
}

.sky-form .state-error input, .sky-form .state-error textarea {
	background-color: rgba(255,42,46,0.20) !important; border-color: rgba(255,66,69,0.50) !important;
}

.sky-form .state-error i.requiredfield {
	background-color: none !important; border-color: rgba(255,66,69,0.50) !important; color: rgba(255,67,70,1.00) !important;
}


.sky-form .button {background:#b5121b !important;}

.survey-alternate fieldset > .row {
	padding: 10px 0px;
}
.survey-alternate fieldset > .row:nth-child(even) {
	background-color:#f4f4f4;
}

div.tag-box-v1 { border-top:solid 2px #a53427;}

#customer-information p.lead {font-size:1.2em; margin-top:15px;}

div.panel-body h4 {margin:20px 0 4px 0;}

/**
 * 	Date picker fix to make it responsive
 *********************************************************************/
.ui-datepicker-calendar a,
.ui-datepicker-calendar span {
	width: 26px;
	color: #404040;
}



/** Tech Info
 **************************************************************** **/

 div.linksbox {min-width:30%; border:0px dotted red; padding-left:12px; padding-right:12px;}

 div.linksbox p {font-size:12px; line-height:18px; margin-bottom:0px;}
 
 div.tmrow {border-bottom:4px solid white; padding-top:2px;}
 
 
/** Table of contents styling
 **************************************************************** **/
#toc {
    top: 0px;
    left: 0px;
    height: 100%;
    position: fixed;
    background: #333;
    box-shadow: inset -5px 0 5px 0px #000;
    width: 150px;
    padding-top: 20px;
    color: #fff;
}

#toc ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#toc li {
    padding: 5px 10px;
}

#toc a {
    color: #fff;
    text-decoration: none;
    display: block;
}

#toc .toc-h2 {
    padding-left: 10px;
}

#toc .toc-h3 {
    padding-left: 20px;
}

#toc .toc-active {
    background: #336699;
    box-shadow: inset -5px 0px 10px -5px #000;
}

table.darkish>tbody>tr:nth-of-type(odd) {
    background-color: #eee;
}

/** Disclaimer panels
 **************************************************************** **/

div.discpanel {margin-top:45px; border-color:#fff; border-width:2px;}

span.dischead {font-size:1.2em; color:#333e48; font-family:'Titillium Web', 'Helvetica Neue', Arial, sans-serif;}

div.discbody {font-size:0.8em; background-color:#f0f0f0;}

div.important-info-link {text-align: center; padding-top: 50px; padding-bottom: 20px;}

div.important-info-fb-link {color: #fff; text-align: center; padding-top: 30px; padding-bottom: 20px;}

div.important-info-tb-link {text-align: center; padding-top: 0px; padding-bottom: 30px;}

/**
 * 	Search Engine results
 * 
 */
.gs-webResult.gs-result {
	padding: 0px 10px;
}


/** Star for New Colours **/
.colourstar {
	position : absolute;
	top: 1px;
	left: 29px;
	width: 44px;
	height: 44px;
}

.colourstar-lg {
	position : absolute;
	top: -20px;
	left: 30px;
	width: 120px;
	height: 120px;
}

.newcollectionstar {
	position : relative;
	top: -1px;
	left: 8px;
	width: 44px;
	height: 44px;
}

div.nobanner {color:white; background-color:#b5121b; padding:0.15em 0 0.25em 1em;}

h1.mobbanner {font-family:'Titillium Web', 'Helvetica Neue', Arial, sans-serif;font-size:2em; font-weight:300; color:#FFF !important;}

h1.leadh1 {margin:10px 0 10px 0;}

/** Gallery Links
 **************************************************************** **/

a.lblink, a.lblink:focus, a.lblink:visited, a.lblink:active {color:#fff; text-decoration:underline;}
a.lblink:hover {color:#b5121b; text-decoration:underline;}






/**CSS styling for mobile/tablet screen sizes - only affects Super Sales pages**/

@media (min-width: 0px) and (max-width: 375px) {
	img.sale-item-img {max-width: 220px;}
}

@media (min-width: 0px) and (max-width: 414px) {
	div.bargainswatches img {margin-bottom: 3.5px;}
}

@media (min-width: 0px) and (max-width: 320px) {
	div.bargainswatches {padding-left: 1.5em;}
}

@media (min-width: 361px) and (max-width: 375px) {
	div.bargainswatches {padding-left: 0.5em;}
}









/**CSS styling for Quote section of Accordion structure on Paver product pages**/


.sfcustom fieldset {
  background: none;
  padding: 0px;
}


.sfcustom fieldset + fieldset {
  	border-top: none;
}

.sfcustom section {
	margin: 0px;
	margin-bottom: 3px;
}

div.pavhero {
	padding: 0px;
}


.sfcustom .label {
	padding:15px 0px 5px 0px;
	font-size: 13px;
	margin-bottom: 0px;
	font-family: "Helvetica Neue",Verdana,Helvetica,Arial,sans-serif; 
	
}

.sfcustom .row {
	padding: 0 15px;
}

.sfcustom .col-6 {
	padding-left: 0px;
	padding-right: 0px;
}

.sfcustom .sf-left-col {
	padding-left: 0px;
	padding-right: 5px;
}

.sfcustom .sf-right-col {
	padding-left: 5px;
	padding-right: 0px;
}

.sfcustom .input input {
	font-family: "Helvetica Neue",Verdana,Helvetica,Arial,sans-serif; 
	font-size: 13px;
}


.sfcustom .input .icon-prepend + input {
	padding-left: 40px;
}


.sfcustom footer {
	background: none;
	border-top: none;
	padding: 0px;
}

.sfcustom .button {
	float: none;
	display: block;
	margin: 0 auto;
	margin-top: 5px;
}

.line-container{
	height: 25px;
	width: 100%;
	text-align: center;
	
}

.line {
	display: inline-block;
	border-bottom: 1px solid #b5121b;
	width: 43%;
	margin-bottom: 3px;
}


.word {
	display: inline-block;
	text-align: center;
	width: 6%;
		
}

.sky-form .paverlist textarea {
	/*background-color: rgba(255,42,46,0.20) !important;*/ 
	/*border-color: rgba(255,66,69,0.50) !important;*/
	font-family: "Helvetica Neue",Verdana,Helvetica,Arial,sans-serif; 
	font-size: 13px;
}


@media (min-width: 0px) and (max-width: 600px) {
	.sfcustom .sf-left-col {
		padding-left: 0px;
		padding-right: 0px;
}

	.sfcustom .sf-right-col {
		padding-left: 0px;
		padding-right: 0px;
	}
}


@media (min-width: 0px) and (max-width: 320px) {
	.sfcustom .row {
		padding: 0 2px;
	}
}


.telspacing {
	float: right;
	margin-right: 3px;
}


@media (min-width: 0px) and (max-width: 375px) {
	.telspacing {
		display: block;
		margin-left: 29px;
		margin-right: 0px;
		float: none;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	.telspacing {
		float: right;
		margin-right: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.telspacing {
		display: block;
		margin-left: 29px;
		margin-right: 0px;
		float: none;
	}
}


li.hover-all:hover {cursor: pointer !important;}


/**CSS styling for Triple Guarantee banner on Home page**/

.triple-banner {
	 margin-left: -15px;
}

.triple-banner-sml {
	width: 100%;
}

.custom-banner-slider {
	margin-top:-58px;
}

@media (min-width: 0px) and (max-width: 449px) {
	.custom-banner-slider {
		margin-top: -23px;
		}
}

@media (min-width: 450px) and (max-width: 599px) {
	.custom-banner-slider {
		margin-top: -28px;
		}
}


@media (min-width: 600px) and (max-width: 766px) {
	.custom-banner-slider {
		margin-top: -36px;
		}
}



#sml-tgb {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: -10px;
}

@media (max-width: 766px) {

	#big-tgb {
	display: none;
	}
}

@media (min-width: 767px) {

	#sml-tgb {
	display: none;
	}

}

@media (max-width: 991px) {

	#big-tgb {
	margin-top: -10px;
	}
}

@media (min-width: 767px) and (max-width: 991px) {
	.triple-banner {
		width: 98.5%;
		margin-left: -3px;
	}
	
	.custom-banner-slider {
		margin-top: -40px;
		}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.triple-banner {
		width: 99.4%;
		margin-left: -9px;
	}
	.custom-banner-slider {
		margin-top: -49px;
		}
}



/**CSS styling for Triple Guarantee page and banner on Home page**/

.triple {
	background-color: #e3e3e3;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.shield {
	display: block;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

.shield-text {
	text-align: center;
	margin: 0 30px;
}

.guarantee-content {
	padding: 0 16px;
	margin-bottom: 14px;
}

.triple-text {
	margin-top: 60px;
	padding-left: 25px;
	padding-right: 25px;
}

.contact-box {
	height: 160px;
	width: 99%;
	background-color: #b5121b;
	margin: 0 auto;
	padding: 0 15px;
	margin-bottom: 35px;
	margin-top: 60px;
}

.contact-box h4 {
	color: #ffffff;	
}

#cta-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	margin-top: 30px;
}

#cta-container > div {
	height: 80px;
	border: 0px dotted red;
	background-color: #FAB142;
}

#cta-container div.cta-left {
	border-radius: 50% 0 0 50%;
	width: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#cta-container div.cta-centre {
	text-align: center;
	padding: 0 10px;
}

#cta-container div.cta-right {
	border-radius: 0 50% 50% 0;
	width: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.cta-centre > h1 {
	color: #fff !important;
	margin: 6px 0 0 0;
	padding: 0;
	font-weight: 700;
	font-size: 2.75em;
}

div.cta-centre > h2 {
	color: #fff !important;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 1.5em;
}

div.cta-circle-bg {
	background-color: #fff;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.cta-circle-bg:hover {
	background-color: #000;
}

div.cta-circle-bg:hover i.cta-call, div.cta-circle-bg:hover i.cta-raq {
	color: #fff;
}


i.cta-call {
	color: #B61219;
	font-size: 3.00em;
}

i.cta-raq {
	color: #B61219;
	font-size: 2.75em;
}

a.tooltips, a.tooltips:focus, a.tooltips:hover, a.tooltips:active {
	text-decoration: none !important;
	outline: 0 !important;
}

@media (max-width: 469px)	{ 
	#cta-container div.cta-centre {
		padding: 0 4px;
	}
	
	div.cta-centre > h1 {
		margin: 4px 0 0 0;
		font-size: 1.4em;
		line-height: 1.25em;
	}

	div.cta-centre > h2 {
		margin: 0;
		padding: 0;
		font-size: 1em;
		line-height: 1em;
	}
	
	#cta-container > div {
		height: 50px;
	}
	
	#cta-container div.cta-left {
		width: 50px;
	}

	#cta-container div.cta-right {
		width: 50px;
	}
	
	div.cta-circle-bg {
		width: 40px;
		height: 40px;
		border-radius: 20px;
	}
	
	i.cta-call {
		font-size: 2.00em;
	}

	i.cta-raq {
		font-size: 1.75em;
	}


}

/**End CSS styling for Triple Guarantee page and banner on Home page**/

/**CSS styling for CTA Block on Prod Pages**/

img.cta-icon {max-width:25px; max-height:20px;}

div.quote-section {background-color:#b01423 !important; border:0px solid #b01423 !important; margin-bottom: 14px; font-size: smaller;}

.quote-row {margin-left: 0px; margin-right: 0px;}

div.quote-heading {background-color:#b01423 !important; padding-left:0 !important;}

.custom-title-1 {color: #ffffff; padding-left: 20px;}

.quote-col {padding: 0px;}

.custom-title-2 {padding-left: 20px; margin-right: -20px;}

a.quote-request {font-size: 14px;}

a:hover.quote-request  {color: #ffffff; text-decoration: underline; }

a:focus.quote-request {color: #ffffff;}

@media (min-width: 0px) and (max-width: 1215px) {
	.quote-col {width: 100%; margin-left: 0px !important; padding-left: 20px !important;}
	.custom-title-3 {padding-left: 0px !important;}
	.quote-heading-extra {padding-top: 0px;}
}

/**End CSS styling for CTA Block on Prod Pages**/

.find-us-hol-trading {font-family: open-sans, Verdana, 'Helvetica Neue', 'Trebuchet MS',  sans-serif; font-size:11px; font-weight:200; margin:0 2px 0 8px !important; line-height:18px;}

/* Feature Brick page styling */

@media (min-width : 768px) {

	section#portfolio > div.is-table-row {
		display: table;
	}

	section#portfolio > div.is-table-row [class*="col-"] {
		float: none;
		display: table-cell;
		vertical-align: top;
	}
	
}

div.fb-lhcol {width: 31.5%; border-right: 1px solid white; padding: 0 20px 0 20px;}
div.fb-crcol {width: 37%;}
div.fb-rhcol {width: 31.5%; border-left: 1px solid white;}

.colorswatches-f {background-image: url(../images/featurepage/bg.jpg); background-repeat: repeat-y;}

img.pageheading-f {margin: 79px auto 85px auto; max-width: 470px;}

div.prodswatchlg-f, img.prodswatchlg-f {max-width:324px !important; max-height:324px !important; border:1px solid white;}

.othercolshd-f {font-size:20px; font-weight:300; font-family:"Titillium Web", "Helvetica Neue", Arial, sans-serif; margin:14px 0 4px 0; color: white; border-bottom: 1px solid white; padding-bottom: 11px; margin-bottom: 15px;}

.othercolsblock-f {margin: 30px 0 0 0;}

p.swatch-f {
	font-family:"Titillium Web", "Helvetica Neue", Arial, sans-serif;
	margin: 8px 0 14px 0;
	color: white;
	font-size: 4.25em;
	line-height: 1em;
	letter-spacing: -1px;
	font-weight:200;
}

/*Carousel v1 for swatches on FB page
------------------------------------*/
.carousel-v1 .carousel-caption p.fb {
   font-family:"Titillium Web", "Helvetica Neue", Arial, sans-serif;
   font-weight:200;
   color: #222;
   margin-bottom: 4px;
}

.carousel-v1 .carousel-arrow a i.fb {
   background: #1f2329;
}

/* small swatch grid for swatches on FB page */
a.smswatchgrid-f { 
	display:inline-block; 
	width:49px; height:49px;
	margin:2px 2px 0px 0px;
	border: 2px solid transparent;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}

a.smswatchgrid-f:hover	{border: 3px solid rgba(255,255,255,1.0);
}

a.smswatchgrid-f:active, a.smswatchgrid-f:selected {border: 3px solid rgba(255,255,255,1.0);
}

/* Centre column on FB page */

div.desc-f {padding:0px 10px 0px 10px; margin-bottom: 0px;}

div.desc-f p {font-family:"Titillium Web", "Helvetica Neue", Arial, sans-serif; font-weight: 400; font-size:20px; line-height:36px; letter-spacing: 1px; padding:0px 0px 8px 10px; color:#fff !important;}

div.desc-f p a {
   color: #b5121b;
   text-decoration: none;  
}

div.desc-f p a:hover {text-decoration: underline;}

img.prodimagedims-f { margin-top: 0; margin-bottom: 36px;}

.optionlabel-f {font-size:22px; font-weight:400; font-family:"Titillium Web", "Helvetica Neue", Arial, sans-serif; margin:0px 0px 0px 0px; color: white; padding-left: 0 !important;}

a:hover.optionlink-f {text-decoration:none !important;}

.square-f {
	width: 50%;
	border: 3px solid white;
	background-color: white;
	max-height: 22px;
	max-width: 22px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 28px 0 6px;
}

.squareselected-f {
	background-color: #b01423;
}

.square-f:after, .squareselected-f:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/* CSS styling for CTA Block on Feature Brick Prod Pages */

div.panels.panel-default.quote-section-f {
	background-color: #1e2125 !important;
	border: 0px solid #1e2125 !important;
	margin-bottom: 18px;
	color: #b01423;
	padding-top: 4px !important;
	padding-bottom: 12px !important;
}

.quote-row-f {margin-left: 0px; margin-right: 0px;}

div.quote-heading-f {background-color:#1e2125 !important; padding-left:0 !important;}

.custom-title-1-f {color: #b5121b !important; padding-left: 20px;}

.quote-col {padding: 0px;}

a.quote-request-f {font-size: 18px;}

a:hover.quote-request-f  {color: #ffffff; text-decoration: underline; }

/**CSS styling for accordion on Feature Brick Prod Pages**/

div.panel.panel-default.panel-f {background-color: transparent !important; border:2px solid transparent !important; background-image:url(../images/prodpages/icons/collapse.png); background-repeat:no-repeat; background-position:right -2px; background-size:38px 5px; color: white !important; border-top: 1px solid white !important;}

div.panel-heading.panel-heading-f {background-color: transparent !important; padding-left:0 !important; color: white !important; font-size: 24px;}

h4.panel-title-f {font-size: 18px; margin-top: 5px; margin-bottom: 3px;}

div.panel-body.panel-body-f ul.nav.nav-list p, div.panel-body.panel-body-f ul.nav.nav-list li, div.panel-body.panel-body-f h5, div.panel-body.panel-body-f p {color: white !important;}

div.panel-body.panel-body-f ul.nav.nav-list li a, div.panel-body.panel-body-f p a, div.panel-body.panel-body-f a {color: #fff !important; text-decoration: underline;}

div.panel-body.panel-body-f ul.nav.nav-list li a:hover, div.panel-body.panel-body-f p a:hover, div.panel-body.panel-body-f a:hover {color: #b5121b !important; text-decoration: underline; background: transparent;}

img#appicon {height:28px; float:left; margin-right:6px;}

/* FB page style fixes for tablets and mobiles */

@media (min-width: 991px) and (max-width: 1199px) { 
	
	p.swatch-f {
		margin: 8px 0 14px 0;
		color: white;
		font-size: 3em;
		line-height: 1em;
	}
}

@media (min-width: 768px) and (max-width: 992px) { 
	
	p.swatch-f {
		margin: 18px 0 20px 0;
		color: white;
		font-size: 1.75em;
		line-height: 1em;
	}
	
	.othercolshd-f {font-size:14px; font-weight:200;}
	
	div.desc-f p {font-weight: 300; font-size:16px; line-height:28px;}
	
	i.hires-link {display: none;}
	
	div.panel-body.panel-body-f ul.nav.nav-list li, div.panel-body.panel-body-f ul.nav.nav-list li a, div.panel-body.panel-body-f ul.nav.nav-list p {margin-left: 0; padding-left: 0; margin-right: 0; padding-right: 0; font-size: 12px; padding-top: 0;}
	
	a.quote-request-f {font-size: 16px;}
	
	.optionlabel-f {font-size:16px;}
	
	.square-f {
		width: 50%;
		border: 2px solid white;
		background-color: white;
		max-height: 18px;
		max-width: 18px;
		margin: 0 18px 0 6px;
	}
	
	.squareselected-f {
		background-color: #b01423;
	}
	
}

@media (max-width: 767px) {
	
	div.fb-lhcol {width: 100% !important; border-right: 0px solid white; padding: 0 20px 0 20px;}
	div.fb-crcol {width: 100% !important;}
	div.fb-rhcol {width: 100% !important; border-left: 0px solid white;}
	
	div.prodswatchlg-f {margin-left: auto; margin-right: auto;}
	
	p.swatch-f {
		margin: 18px 0 20px 0;
		color: white;
		font-size: 2.5em;
		line-height: 1em;
	}
	
	div.desc-f p {font-weight: 200; font-size:16px; line-height:22px;}
	
	div.desc-f {margin-top: 24px;}

	.optionlabel-f {font-size:15px;}
	
	.square-f {
		width: 50%;
		border: 2px solid white;
		background-color: white;
		max-height: 18px;
		max-width: 18px;
		margin: 0 18px 0 6px;
	}
	
	.squareselected-f {
		background-color: #b01423;
	}
}

@media (min-width: 525px) and (max-width: 767px) {
	
	img.pageheading-f {margin: 60px auto 90px auto;}
  
}

@media (min-width: 321px) and (max-width: 524px) {
	
	img.pageheading-f {margin: 60px auto 90px auto; max-width: 340px !important;}
  
}

@media (max-width: 320px) {
	
	img.pageheading-f {margin: 40px auto 60px auto; max-width: 275px !important;}
  
}

/*** BLOG STYLES ***/

section.blogstyle {padding-top: 0 !important;}

/* loading ani */

.sk-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #b5121b;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/** Blog Home Page Styles **/

/* blog home banner area */

div.blog-home-banner {background-color: #b5121b; border-top: 10px solid #fff;}

span.followus {font-size: 1.75em; color: #fff; font-family:"Titillium Web", "Helvetica Neue", Arial, sans-serif; font-weight: 200;}

div.blog-head-social {position: absolute; display: block; top: 134px; right: 70px;}

button.btn-blog-head-social {margin-left: 12px; margin-bottom: 6px; border: 3px solid #fff; height: 42px; width: 42px; padding: 0; font-size: 2em;}

i.fa.fa-facebook {margin-top: 6px;}
i.fa.fa-pinterest, i.fa.fa-instagram {margin-top: 5px;}

button.btn-blog-head-social > i {color: #fff !important; margin: 0; vertical-align: top;}

button.btn-blog-head-social.btn-facebook:hover, button.btn-blog-head-social.btn-instagram:hover, button.btn-blog-head-social.btn-pinterest:hover {background-color: #5b0005;}

/* blog tools area (search and filters) */

div.bloglistsep {width: 98%; border-bottom: 2px solid #e4e4e4; clear: both; margin: 0 auto 20px auto; padding: 0; font-size: 2px;}

div.blogtools {margin-bottom: 12px; margin-top: 16px;}

div.blog-search-group {margin-right: 120px !important;}

button.blogsearchicon {color: #fff !important; background-color: #b5121b !important; border: 1px solid #a1121a !important;}
button.blogsearchicon:hover {background-color: #7f0007 !important; border: 1px solid #7f0007 !important;}

button.clearblogsearchicon {color: #fff !important; background-color: #555 !important; border: 1px solid #333 !important;}
button.clearblogsearchicon:hover {background-color: #222 !important; border: 1px solid #000 !important;}

i.blogsearchiconsize {font-size: 1.25em;}

i.blogspiniconsize {font-size: 1.15em;}

div.blogsearch-message  {border: 0px dotted red; float: left; clear: both; margin-top: 10px; padding-right: 12px;}

div.blogsearch-message p {margin-bottom: 0 !important; font-size: larger;}

div.blog-cat-group {margin-right: 20px !important;}

div.blog-month-group {margin-right: 0px !important;}


@media (min-width: 768px) and (max-width: 991px)	{ 
    div.blog-search-group {margin-right: 60px !important;}
}

@media (max-width: 767px)	{ 
    div.blog-search-group {width: 221px;}
	div.blog-cat-group {margin-top: 20px !important;}
}

/* blog post summary list */

div.blogitem {border: 0px dotted red; margin-bottom: 20px; padding-left: 12px !important;}

div.blog-img-summary {width: 20%;}
div.blog-txt-summary {width: 77%;}

div.blogitem.leftimg div.blog-txt-summary {padding-left: 30px; border: 0px dotted red;}
div.blogitem.rightimg div.blog-txt-summary {border: 0px dotted red;}


img.blogimgsummary {max-height: 225px; max-width: 225px; margin: 0; padding: 0;}

h1.blogsummheading {margin-top: 12px;}

p.blogpostsummmeta {margin: 14px 0 18px 0;}

span.blogpostsummcat {color: #b5121b !important; font-weight: bold;}

span.blogpostsummdate {color: #979797; margin-left: 8px;}

button.blog-summmore-btn {padding-top: 4px; padding-bottom: 6px;}
a.blog-summmore-btn {padding-top: 4px; padding-bottom: 6px;}

button.btn-blog.btn-u.btn-u-dark,
button.btn-blog.btn-u.btn-u-dark:active,
button.btn-blog.btn-u.btn-u-dark:visited,
button.btn-blog.btn-u.btn-u-dark:focus {
    background-color: #b5121b !important;
    border-color: #a1121a !important;
}

button.btn-blog.btn-u.btn-u-dark:hover {
	background-color: #7f0007 !important;
    border-color: #7f0007 !important;
}

button.blog-moreposts-btn {padding-top: 8px !important; padding-bottom: 12px !important; margin-left: auto; margin-right: auto; font-size: 1.5em;}
a.blog-moreposts-btn {padding-top: 8px !important; padding-bottom: 12px !important; margin-left: auto; margin-right: auto; font-size: 1.5em;}

a.btn-blog.btn-u.btn-u-dark,
a.btn-blog.btn-u.btn-u-dark:active,
a.btn-blog.btn-u.btn-u-dark:visited,
a.btn-blog.btn-u.btn-u-dark:focus {
    background-color: #b5121b !important;
    border-color: #a1121a !important;
}

a.btn-blog.btn-u.btn-u-dark:hover {
        background-color: #7f0007 !important;
    border-color: #7f0007 !important;
}


button.pdf-btn-blog.btn-u.btn-u-dark,
button.pdf-btn-blog.btn-u.btn-u-dark:active,
button.pdf-btn-blog.btn-u.btn-u-dark:visited,
button.pdf-btn-blog.btn-u.btn-u-dark:focus {
    background-color: transparent !important;
    border: solid 3px #b5121b !important;
	color: #b5121b;
	font-family: "Titillium Web","Open Sans", Arial, sans-serif;
	font-weight: 300;
	padding: 8px 32px 10px 32px !important;
	margin-left: auto; 
	margin-right: auto; 
	font-size: 1.5em;
}

button.pdf-btn-blog.btn-u.btn-u-dark:hover {
	background-color: #e2e2e2 !important;
    border-color: #910109 !important;
	color: #910109 !important;
}

@media (min-width: 0px) and (max-width: 487px) {
	div.pdf-button {text-align: center;}
}

div.centerdiv {text-align: center;}



@media (min-width: 0px) and (max-width: 502px) {
	div.blog-head-social {display: inline-block; margin-top: 12px; margin-right: 1em; float:right; position: inherit;}
	h1.mobblogbanner {display: inline-block;}
	
	button.btn-blog-head-social {margin-left: 0.5em; margin-bottom: 6px; border: 2px solid #fff; height: 26px; width: 26px; padding: 0; font-size: 1.3em; }
	i.fa.fa-facebook {margin-top: 3px;}
	i.fa.fa-pinterest, i.fa.fa-instagram {margin-top: 3px;}
}

@media (min-width: 0px) and (max-width: 470px) {
	h1.mobsmpolicybanner {width: 57%}
}

@media (min-width: 471px) and (max-width: 500px) {
	h1.mobsmpolicybanner {width: 73%}
}

@media (min-width: 0px) and (max-width: 767px) {
	div.blog-search-group {margin-bottom: 5px;}
}


@media (min-width: 0px) and (max-width: 991px) {
	div.blog-txt-summary {width: 100%;
	padding-right: 40px;}
	div.blogitem.rightimg div.blog-txt-summary {padding-left: 30px;}
	h1.blogsummheading {text-align: center; margin-top: 20px;}
	div.blog-img-summary {width: 100%; padding-right: 27px}
	img.blogimgsummary {margin: 0 auto;}
	p.blogpostsummmeta {text-align: center}
	button.btn-blog.btn-u.btn-u-dark,
	button.btn-blog.btn-u.btn-u-dark:active,
	button.btn-blog.btn-u.btn-u-dark:visited,
	button.btn-blog.btn-u.btn-u-dark:focus {
    display: block;
	margin: 0 auto;}
}


@media (min-width: 503px) and (max-width: 991px) {
	div.blog-head-social {display: inline-block; margin-top: 8px; margin-right: 1em; float:right; position: inherit;}
	h1.mobblogbanner {display: inline-block;}
	button.btn-blog-head-social {margin-left: 0.5em; margin-bottom: 6px; border: 2px solid #fff; height: 34px; width: 34px; padding: 0; font-size: 1.7em; }
	i.fa.fa-facebook {margin-top: 4.6px;}
	i.fa.fa-pinterest, i.fa.fa-instagram {margin-top: 3.7px; }
	i.fa.fa-instagram {margin-left: -0.5px;}	
}


@media (min-width: 768px) and (max-width: 991px) {
	.blog-cat-picker {width: 180px !important;}
	.blog-month-picker {width: 180px !important;}
	div.blogtools {padding-left: 12px !important;}
}


@media (min-width: 992px) and (max-width: 1200px) {
	
	div.blog-img-summary {width: 25%;}
	div.blog-txt-summary {width: 72%;}
	.blog-rightimg {left: 72%}
  	.blog-lefttext {right: 25%;}
	div.blog-head-social {right: 35px;}
}


@media (min-width: 1200px) {
	.blog-rightimg {left: 77%}
	.blog-lefttext {right: 20%;}
}


/** End of Blog Home Page Styles **/

/** Blog Post Page Styles **/

/* blog post banner area */

.blog-post-banner {
	background: url(../images/blog-design/post/blog-post-banner.jpg) no-repeat !important;
}

.breadcrumbs-v3.img-v3.pavbanner.blog-post-banner:after {
	top: 0;
	left: 0;
	z-index: -1;
	width: 25%;
	height: 100%;
	content: " ";
	position: absolute;
	background: rgba(51,55,64,1.0);
	background-image: url(../images/banners/white-bars.png);
	background-size: 259px 10px;
	background-repeat: no-repeat;
	background-position: right 150px;
}

div.blogmobbanner {background-color: #333740 !important;}

/* blog post main image area */

section.blogpostimgs {padding: 10px 10px 0px 10px;}

/* blog post thumbnails area */

div.row.blogthumbrow {border: 0px dotted red; padding: 8px 11px 0 11px;}

div.thumbnail-col {padding: 0;}

div.thumbnail-style.blogthumb {padding: 0 4px 0 4px; margin-bottom: 8px !important;}

/* blog post body col */

section.blogpostbody {margin-top: 0px !important; padding-top: 0px; border-top: 12px solid #f0f0f0;}

h2.blogbodyheading {font-weight: 300; font-size: 1.75em;}
p.blogbodytext {font-size: 1.1em; margin-bottom: 22px;}

div.blogbodycol {padding-right: 36px; margin-bottom: 20px; border: 0px dotted red;}

/* blog post sub nav col */

div.subnavcol {padding-left: 0px; padding-right: 20px; margin-bottom: 20px; border: 0px dotted blue;}

div.subnavpanel {background-color: #d9d9d9; margin-top: 20px; margin-bottom: 18px;}
div.subnavpanelhead {background-color: #333e48; padding-left: 12px; padding-right: 6px;}
div.subnavpanelhead h5 {color: #fff; font-size: 1.35em; line-height: 2.75em;}

div.subnavpanellist {padding: 6px 18px 14px 18px;}
button.subnavbtn {width: 100%; margin-bottom: 4px !important; text-align: left; white-space: normal;}

@media (min-width: 992px) and (max-width: 1200px) {
	.breadcrumbs-v3.img-v3.pavbanner.blog-post-banner:after {
		width: 30%;
	}
	
}

/* blog post lightbox area */

.fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../plugins/fancybox/source/fancybox_sprite_bmblog.png');
	z-index:99999 !important;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5) {

	.fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../plugins/fancybox/source/fancybox_sprite_bmblog@2x.png');
		background-size: 44px 240px; /*The size of the normal image, half the size of the hi-res image*/
	}

}


@media (max-width: 767px) {
	
	div.thumbnail-style.blogthumb {margin-bottom: 8px;}
	
	h2.blogbodyheading {margin-top: 14px;}
	
	.fancybox-prev span, .fancybox-next span {
		background-image: url('../plugins/fancybox/source/fancybox_sprite_bmblog@2x.png');
		background-size: 22px 120px; /*The size of the normal image, half the size of the hi-res image*/
	}
	
	.fancybox-nav span {
		position: absolute;
		top: 50%;
		width: 22px;
		height: 38px;
		margin-top: -19px;
		cursor: pointer;
		z-index: 8040;
		visibility: visible;
	}

	.fancybox-prev span {
		left: 0px;
		background-position: 0 -16px;
	}

	.fancybox-next span {
		right: 0px;
		background-position: 0 -56px;
	}
	
	.fancybox-prev {
		left: -37px;
	}

	.fancybox-next {
		right: -37px;
	}
	
	.fancybox-title {
		visibility: hidden;
		font: normal 14px/18px "Titillium Web", "Helvetica Neue", Arial, sans-serif;
		position: relative;
		text-shadow: none;
		z-index: 8050;
		margin-bottom: 6px;
		margin-left: 2px;
		margin-right: 12px;
	}
	
	.fancybox-close {
		position: absolute;
		top: 8px;
		right: 6px;
		width: 36px;
		height: 32px;
		cursor: pointer;
		z-index: 8040;
	}

  
}

/** Blog Post Admin Page Styles **/

table.blogadmin {font-size:1.75em; font-weight:200; font-family:"Titillium Web", "Helvetica Neue", Arial, sans-serif; margin: 18px 8px 20px 6px; border: 0px solid #ddd;}
td.td-heading {font-size: 1em; color: #b5121b; font-weight: 400; padding-bottom: 16px !important;}
td.td-label {font-size: 0.75em; padding-left: 30px !important; border: 0px solid #ddd; width: 260px;}
td.td-result {font-size: 0.75em; font-weight: 400; border: 0px solid #ddd;}
td.td-space {padding-top: 40px !important;}
td.td-pubbutton {font-size: 0.5em; padding-top: 20px !important;}

/*** END OF BLOG STYLES ***/

/*** INSPIRATION STYLES ***/

/** Inspiration Home Page Styles **/

section.insp-blocks-wrapper {padding-top: 10px !important; padding-bottom: 4px !important;}

div.left-block-col {padding: 0 5px 0 8px;}
div.right-block-col {padding: 0 8px 0 5px;}

div.insp-home-block {
	background-color: #fff; 
	border: 1px solid #e2e3e3; 
	width: 100%;
	padding: 12px;
	margin-bottom: 10px;
}

div.insp-home-block:hover {border: 1px solid #646464;}

div.insp-block-accent {width: 7%; border-bottom: 2px solid; margin-bottom: 12px;}

div.insp-block-img-wrapper {display: inline-block; float: left; vertical-align: middle; border: 0px dotted blue; }

img.insp-block-image {margin-right: 8px; max-width: 150px;}

div.insp-block-title {display: table; vertical-align: middle; height: 78px; border: 0px dotted red;}

span.insp-title {display: table-cell; vertical-align: middle; font: 200 44px/38px "Titillium Web", "Helvetica Neue", Arial, sans-serif; letter-spacing: 1px;}

div.urban-block {color: #709921;}
div.urban-accent {border-bottom-color: #709921;}

div.contemporary-block {color: #45879e;}
div.contemporary-accent {border-bottom-color: #45879e;}

div.homestead-block {color: #cf352f;}
div.homestead-accent {border-bottom-color: #cf352f;}

div.modernaus-block {color: #d6a617;}
div.modernaus-accent {border-bottom-color: #d6a617;}

div.classic-block {color: #d1aea1;}
div.classic-accent {border-bottom-color: #d1aea1;}

div.coastal-block {color: #54c7da;}
div.coastal-accent {border-bottom-color: #54c7da;}

div.induschic-block {color: #aaa79b;}
div.induschic-accent {border-bottom-color: #aaa79b;}

div.opulent-block {color: #db9c7a;}
div.opulent-accent {border-bottom-color: #db9c7a;}

a.insp-block-link,
a.insp-block-link:focus, 
a.insp-block-link:hover, 
a.insp-block-link:active {
	outline: 0 !important;
	text-decoration: none;
	color: #fff;
}

@media (min-width: 992px) and (max-width: 1199px) { 
	span.insp-title {font: 200 36px/30px "Titillium Web", "Helvetica Neue", Arial, sans-serif; letter-spacing: 1px;}
	img.insp-block-image {margin-right: 6px; max-width: 130px;}
	div.insp-block-title {height: 68px; border: 0px dotted red;}
}
@media (min-width: 768px) and (max-width: 991px) { 
	span.insp-title {font: 200 26px/22px "Titillium Web", "Helvetica Neue", Arial, sans-serif; letter-spacing: 1px;}
	img.insp-block-image {margin-right: 5px; max-width: 90px;}
	div.insp-block-title {height: 48px; border:0px dotted red;}
}
@media (min-width: 400px) and (max-width: 585px) { 
    span.insp-title {font: 200 26px/22px "Titillium Web", "Helvetica Neue", Arial, sans-serif; letter-spacing: 1px;}
	img.insp-block-image {margin-right: 5px; max-width: 90px;}
	div.insp-block-title {height: 48px; border:0px dotted red;}
}
@media (max-width: 399px) { 
    span.insp-title {font: 200 20px/18px "Titillium Web", "Helvetica Neue", Arial, sans-serif; letter-spacing: 1px;}
	img.insp-block-image {margin-right: 4px; max-width: 70px;}
	div.insp-block-title {height: 36px; border:0px dotted red;}
}

div.insp-nobanner {color:white; background-color:#333740; padding:0.15em 0 0.25em 1em;}

/** End Inspiration Home Page Styles **/

/** Start Inspiration Page Styles **/

div.insp-outer-wrapper {width: 1008px; height: 1012px; position: relative; margin: 18px auto 24px auto;}

div.insp-img-wrapper {position: absolute;}

/** DO NOT EDIT THE VALUES BELOW UNDER ANY CIRCUMSTANCES **/

div.insp-block-topleft {top: 0; left: 0; width: 18.55%; height: 64.23%;}
div.insp-block-topsecleft {top: 0; left: 18.55%; width: 15.38%; height: 34.34%;}
div.insp-block-bricks {top: 0; left: 33.93%; width: 28.42%; height: 34.34%;}
div.insp-block-topright {top: 0; left: 62.35%; width: 37.65%; height: 34.34%;}
div.insp-block-main {top: 34.34%; left: 18.55%; width: 59.28%; height: 29.89%;}
div.insp-block-midright {top: 34.34%; left: 77.83%; width: 22.17%; height: 29.89%;}
div.insp-block-paverone {top: 64.23%; left: 0; width: 33.93%; height: 35.77%;}
div.insp-block-pavertwo {top: 64.23%; left: 33.93%; width: 13.84%; height: 35.77%;}
div.insp-block-paintone {top: 64.23%; left: 47.77%; width: 15.48%; height: 11.17%; z-index: 500;}
div.insp-block-painttwo {top: 72.34%; left: 47.77%; width: 15.48%; height: 11.17%; z-index: 495;}
div.insp-block-paintthree {top: 79.95%; left: 47.77%; width: 15.48%; height: 11.17%; z-index: 490;}
div.insp-block-paintfour {top: 87.56%; left: 47.77%; width: 15.48%; height: 11.17%; z-index: 485;}
div.insp-block-bottomright {top: 64.23%; left: 63.24%; width: 36.76%; height: 35.77%;}

/* Special Cases */
div.insp-block-ic-main {top: 34.34%; left: 18.55%; width: 44.59%; height: 29.89%;}
div.insp-block-ic-midright {top: 34.34%; left: 63.14%; width: 36.76%; height: 29.89%;}
div.insp-block-op-bottomright {top: 57.23%; left: 63.24%; width: 38.76%; height: 42%;}
div.insp-block-toprighttop {top: 0; left: 62.35%; width: 37.65%; height: 19.81%;}
div.insp-block-toprightbottom {top: 20.60%; left: 62.35%; width: 37.65%; height: 13.69%;}

/* For moodboards with roof tile swatch above three paint swatches*/

div.insp-block-roof {top: 64.23%; left: 47.77%; width: 15.48%; height: 12.15%;}

div.insp-block-roof-paintone {top: 77.25%; left: 47.77%; width: 15.48%; height: 11.17%; z-index: 500;}
div.insp-block-roof-painttwo {top: 84.20%; left: 47.77%; width: 15.48%; height: 11.17%; z-index: 495;}
div.insp-block-roof-paintthree {top: 91.15%; left: 47.77%; width: 15.48%; height: 11.17%; z-index: 490;}

/** DO NOT EDIT THE VALUES ABOVE UNDER ANY CIRCUMSTANCES **/

@media (min-width: 992px) and (max-width: 1199px) { 
	div.insp-outer-wrapper {width: 880px; height: 884px; position: relative; margin: 12px auto 18px auto;}
}
@media (min-width: 768px) and (max-width: 991px) { 
	div.insp-outer-wrapper {width: 670px; height: 672px; position: relative; margin: 12px auto 18px auto;}
}
@media (min-width: 488px) and (max-width: 767px) { 
	div.insp-outer-wrapper {width: 400px; height: 402px; position: relative; margin: 12px auto 18px auto;}
}
@media (min-width: 375px) and (max-width: 487px) { 
	div.insp-outer-wrapper {width: 300px; height: 301px; position: relative; margin: 12px auto 18px auto;}
}
@media (max-width: 374px) { 
	div.insp-outer-wrapper {width: 250px; height: 252px; position: relative; margin: 12px auto 18px auto;}
	}

/* Urban Inspiration Page Styles */

div.urban-bricks > div.insp-block-topleft {background-image: url(/assets/images/inspiration/urban/top-left.png); background-size: cover;}
div.urban-bricks > div.insp-block-topsecleft {background-image: url(/assets/images/inspiration/urban/top-sec-left.png); background-size: cover;}
div.urban-bricks > a > div.insp-block-bricks {background-image: url(/assets/images/inspiration/urban/bricks.png); background-size: cover;}
div.urban-bricks > div.insp-block-topright {background-image: url(/assets/images/inspiration/urban/top-right.png); background-size: cover;}
div.urban-bricks > div.insp-block-midright {background-image: url(/assets/images/inspiration/urban/mid-right.png); background-size: cover;}
div.urban-bricks > a >  div.insp-block-paverone {background-image: url(/assets/images/inspiration/urban/paver-one.png); background-size: cover;}
div.urban-bricks > a >  div.insp-block-pavertwo {background-image: url(/assets/images/inspiration/urban/paver-two.png); background-size: cover;}
div.urban-bricks > div.insp-block-paintone {background-image: url(/assets/images/inspiration/urban/paint-one.png); background-size: cover;}
div.urban-bricks > div.insp-block-painttwo {background-image: url(/assets/images/inspiration/urban/paint-two.png); background-size: cover;}
div.urban-bricks > div.insp-block-paintthree {background-image: url(/assets/images/inspiration/urban/paint-three.png); background-size: cover;}
div.urban-bricks > div.insp-block-paintfour {background-image: url(/assets/images/inspiration/urban/paint-four.png); background-size: cover;}
div.urban-bricks > div.insp-block-bottomright {background-image: url(/assets/images/inspiration/urban/bottom-right.png); background-size: cover;}


/* Contemporary Inspiration Page Styles */

div.contemporary-bricks > div.insp-block-topleft {background-image: url(/assets/images/inspiration/contemporary/top-left.png); background-size: cover;}
div.contemporary-bricks > div.insp-block-topsecleft {background-image: url(/assets/images/inspiration/contemporary/top-sec-left.png); background-size: cover;}
div.contemporary-bricks > a > div.insp-block-bricks {background-image: url(/assets/images/inspiration/contemporary/bricks.png); background-size: cover;}
div.contemporary-bricks > a > div.insp-block-toprighttop {background-image: url(/assets/images/inspiration/contemporary/top-right-top.png); background-size: cover;}
div.contemporary-bricks > div.insp-block-toprightbottom {background-image: url(/assets/images/inspiration/contemporary/top-right-bottom.png); background-size: cover;}
div.contemporary-bricks > div.insp-block-midright {background-image: url(/assets/images/inspiration/contemporary/mid-right.png); background-size: cover;}
div.contemporary-bricks > a >  div.insp-block-paverone {background-image: url(/assets/images/inspiration/contemporary/paver-one.png); background-size: cover;}
div.contemporary-bricks > a >  div.insp-block-pavertwo {background-image: url(/assets/images/inspiration/contemporary/paver-two.png); background-size: cover;}
div.contemporary-bricks > div.insp-block-roof {background-image: url(/assets/images/inspiration/contemporary/roof.png); background-size: cover;}
div.contemporary-bricks > div.insp-block-roof-paintone {background-image: url(/assets/images/inspiration/contemporary/paint-one.png); background-size: cover;}
div.contemporary-bricks > div.insp-block-roof-painttwo {background-image: url(/assets/images/inspiration/contemporary/paint-two.png); background-size: cover;}
div.contemporary-bricks > div.insp-block-roof-paintthree {background-image: url(/assets/images/inspiration/contemporary/paint-three.png); background-size: cover;}
div.contemporary-bricks > div.insp-block-bottomright {background-image: url(/assets/images/inspiration/contemporary/bottom-right.png); background-size: cover;}


/* Homestead Inspiration Page Styles */

div.homestead-bricks > div.insp-block-topleft {background-image: url(/assets/images/inspiration/homestead/top-left.png); background-size: cover;}
div.homestead-bricks > div.insp-block-topsecleft {background-image: url(/assets/images/inspiration/homestead/top-sec-left.png); background-size: cover;}
div.homestead-bricks > a > div.insp-block-bricks {background-image: url(/assets/images/inspiration/homestead/bricks.png); background-size: cover;}
div.homestead-bricks > div.insp-block-topright {background-image: url(/assets/images/inspiration/homestead/top-right.png); background-size: cover;}
div.homestead-bricks > div.insp-block-midright {background-image: url(/assets/images/inspiration/homestead/mid-right.png); background-size: cover;}
div.homestead-bricks > a >  div.insp-block-paverone {background-image: url(/assets/images/inspiration/homestead/paver-one.png); background-size: cover;}
div.homestead-bricks > a >  div.insp-block-pavertwo {background-image: url(/assets/images/inspiration/homestead/paver-two.png); background-size: cover;}
div.homestead-bricks > div.insp-block-roof {background-image: url(/assets/images/inspiration/homestead/roof.png); background-size: cover;}
div.homestead-bricks > div.insp-block-roof-paintone {background-image: url(/assets/images/inspiration/homestead/paint-one.png); background-size: cover;}
div.homestead-bricks > div.insp-block-roof-painttwo {background-image: url(/assets/images/inspiration/homestead/paint-two.png); background-size: cover;}
div.homestead-bricks > div.insp-block-roof-paintthree {background-image: url(/assets/images/inspiration/homestead/paint-three.png); background-size: cover;}
div.homestead-bricks > div.insp-block-bottomright {background-image: url(/assets/images/inspiration/homestead/bottom-right.png); background-size: cover;}


/* Modern Australia Inspiration Page Styles */

div.modernaus-bricks > div.insp-block-topleft {background-image: url(/assets/images/inspiration/modernaus/top-left.png); background-size: cover;}
div.modernaus-bricks > div.insp-block-topsecleft {background-image: url(/assets/images/inspiration/modernaus/top-sec-left.png); background-size: cover;}
div.modernaus-bricks > a > div.insp-block-bricks {background-image: url(/assets/images/inspiration/modernaus/bricks.png); background-size: cover;}
div.modernaus-bricks > div.insp-block-topright {background-image: url(/assets/images/inspiration/modernaus/top-right.png); background-size: cover;}
div.modernaus-bricks > div.insp-block-midright {background-image: url(/assets/images/inspiration/modernaus/mid-right.png); background-size: cover;}
div.modernaus-bricks > a >  div.insp-block-paverone {background-image: url(/assets/images/inspiration/modernaus/paver-one.png); background-size: cover;}
div.modernaus-bricks > a >  div.insp-block-pavertwo {background-image: url(/assets/images/inspiration/modernaus/paver-two.png); background-size: cover;}
div.modernaus-bricks > div.insp-block-roof {background-image: url(/assets/images/inspiration/modernaus/roof.png); background-size: cover;}
div.modernaus-bricks > div.insp-block-roof-paintone {background-image: url(/assets/images/inspiration/modernaus/paint-one.png); background-size: cover;}
div.modernaus-bricks > div.insp-block-roof-painttwo {background-image: url(/assets/images/inspiration/modernaus/paint-two.png); background-size: cover;}
div.modernaus-bricks > div.insp-block-roof-paintthree {background-image: url(/assets/images/inspiration/modernaus/paint-three.png); background-size: cover;}
div.modernaus-bricks > div.insp-block-bottomright {background-image: url(/assets/images/inspiration/modernaus/bottom-right.png); background-size: cover;}


/* Classic Inspiration Page Styles */

div.classic-bricks > div.insp-block-topleft {background-image: url(/assets/images/inspiration/classic/top-left.png); background-size: cover;}
div.classic-bricks > div.insp-block-topsecleft {background-image: url(/assets/images/inspiration/classic/top-sec-left.png); background-size: cover;}
div.classic-bricks > a > div.insp-block-bricks {background-image: url(/assets/images/inspiration/classic/bricks.png); background-size: cover;}
div.classic-bricks > div.insp-block-topright {background-image: url(/assets/images/inspiration/classic/top-right.png); background-size: cover;}
div.classic-bricks > div.insp-block-midright {background-image: url(/assets/images/inspiration/classic/mid-right.png); background-size: cover;}
div.classic-bricks > a >  div.insp-block-paverone {background-image: url(/assets/images/inspiration/classic/paver-one.png); background-size: cover;}
div.classic-bricks > a >  div.insp-block-pavertwo {background-image: url(/assets/images/inspiration/classic/paver-two.png); background-size: cover;}
div.classic-bricks > div.insp-block-paintone {background-image: url(/assets/images/inspiration/classic/paint-one.png); background-size: cover;}
div.classic-bricks > div.insp-block-painttwo {background-image: url(/assets/images/inspiration/classic/paint-two.png); background-size: cover;}
div.classic-bricks > div.insp-block-paintthree {background-image: url(/assets/images/inspiration/classic/paint-three.png); background-size: cover;}
div.classic-bricks > div.insp-block-bottomright {background-image: url(/assets/images/inspiration/classic/bottom-right.png); background-size: cover;}


/* Coastal Inspiration Page Styles */

div.coastal-bricks > div.insp-block-topleft {background-image: url(/assets/images/inspiration/coastal/top-left.png); background-size: cover;}
div.coastal-bricks > div.insp-block-topsecleft {background-image: url(/assets/images/inspiration/coastal/top-sec-left.png); background-size: cover;}
div.coastal-bricks > a > div.insp-block-bricks {background-image: url(/assets/images/inspiration/coastal/bricks.png); background-size: cover;}
div.coastal-bricks > div.insp-block-topright {background-image: url(/assets/images/inspiration/coastal/top-right.png); background-size: cover;}
div.coastal-bricks > div.insp-block-midright {background-image: url(/assets/images/inspiration/coastal/mid-right.png); background-size: cover;}
div.coastal-bricks > a >  div.insp-block-paverone {background-image: url(/assets/images/inspiration/coastal/paver-one.png); background-size: cover;}
div.coastal-bricks > a >  div.insp-block-pavertwo {background-image: url(/assets/images/inspiration/coastal/paver-two.png); background-size: cover;}
div.coastal-bricks > div.insp-block-paintone {background-image: url(/assets/images/inspiration/coastal/paint-one.png); background-size: cover;}
div.coastal-bricks > div.insp-block-painttwo {background-image: url(/assets/images/inspiration/coastal/paint-two.png); background-size: cover;}
div.coastal-bricks > div.insp-block-paintthree {background-image: url(/assets/images/inspiration/coastal/paint-three.png); background-size: cover;}
div.coastal-bricks > div.insp-block-bottomright {background-image: url(/assets/images/inspiration/coastal/bottom-right.png); background-size: cover;}


/* Industrial Chic Inspiration Page Styles */

div.induschic-bricks > div.insp-block-topleft {background-image: url(/assets/images/inspiration/induschic/top-left.png); background-size: cover;}
div.induschic-bricks > div.insp-block-topsecleft {background-image: url(/assets/images/inspiration/induschic/top-sec-left.png); background-size: cover;}
div.induschic-bricks > a > div.insp-block-bricks {background-image: url(/assets/images/inspiration/induschic/bricks.png); background-size: cover;}
div.induschic-bricks > div.insp-block-topright {background-image: url(/assets/images/inspiration/induschic/top-right.png); background-size: cover;}
div.induschic-bricks > div.insp-block-ic-midright {background-image: url(/assets/images/inspiration/induschic/mid-right.png); background-size: cover;}
div.induschic-bricks > a >  div.insp-block-paverone {background-image: url(/assets/images/inspiration/induschic/paver-one.png); background-size: cover;}
div.induschic-bricks > a >  div.insp-block-pavertwo {background-image: url(/assets/images/inspiration/induschic/paver-two.png); background-size: cover;}
div.induschic-bricks > div.insp-block-paintone {background-image: url(/assets/images/inspiration/induschic/paint-one.png); background-size: cover;}
div.induschic-bricks > div.insp-block-painttwo {background-image: url(/assets/images/inspiration/induschic/paint-two.png); background-size: cover;}
div.induschic-bricks > div.insp-block-paintthree {background-image: url(/assets/images/inspiration/induschic/paint-three.png); background-size: cover;}
div.induschic-bricks > div.insp-block-paintfour {background-image: url(/assets/images/inspiration/induschic/paint-four.png); background-size: cover;}
div.induschic-bricks > div.insp-block-bottomright {background-image: url(/assets/images/inspiration/induschic/bottom-right.png); background-size: cover;}


/* Opulent Inspiration Page Styles */

div.opulent-bricks > div.insp-block-topleft {background-image: url(/assets/images/inspiration/opulent/top-left.png); background-size: cover;}
div.opulent-bricks > div.insp-block-topsecleft {background-image: url(/assets/images/inspiration/opulent/top-sec-left.png); background-size: cover;}
div.opulent-bricks > a > div.insp-block-bricks {background-image: url(/assets/images/inspiration/opulent/bricks.png); background-size: cover;}
div.opulent-bricks > div.insp-block-topright {background-image: url(/assets/images/inspiration/opulent/top-right.png); background-size: cover;}
div.opulent-bricks > div.insp-block-midright {background-image: url(/assets/images/inspiration/opulent/mid-right.png); background-size: cover;}
div.opulent-bricks > a >  div.insp-block-paverone {background-image: url(/assets/images/inspiration/opulent/paver-one.png); background-size: cover;}
div.opulent-bricks > a >  div.insp-block-pavertwo {background-image: url(/assets/images/inspiration/opulent/paver-two.png); background-size: cover;}
div.opulent-bricks > div.insp-block-roof {background-image: url(/assets/images/inspiration/opulent/roof.png); background-size: cover;}
div.opulent-bricks > div.insp-block-roof-paintone {background-image: url(/assets/images/inspiration/opulent/paint-one.png); background-size: cover;}
div.opulent-bricks > div.insp-block-roof-painttwo {background-image: url(/assets/images/inspiration/opulent/paint-two.png); background-size: cover;}
div.opulent-bricks > div.insp-block-roof-paintthree {background-image: url(/assets/images/inspiration/opulent/paint-three.png); background-size: cover;}
div.opulent-bricks > div.insp-block-op-bottomright {background-image: url(/assets/images/inspiration/opulent/bottom-right.png); background-size: cover;}





/**ROW OF 3 PROMO BOXES ON HOME PAGE**/


.promos-row {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: -11px;
	margin-right: -11px;
}

.home-promo-box {
	padding-left: 0px;
	padding-right: 0px;
}


#left-promo-box {
	margin-left: 11px; 
	margin-right: 11px;
}

#mid-promo-box {
	margin-left: 11px;
	margin-right: 11px;
}

#right-promo-box {
	margin-left: 11px;
	margin-right: 11px;
}




/**ROW OF 5 COLUMNS FOR PRODUCT PAGE LINKS ON HOME PAGE**/

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 640px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 768px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 992px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1200px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}


.techman-box{
	padding-right: 7px;
}

.home-product-row {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: -11px;
	margin-right: -11px;
}

.home-product-box {
	padding-left: 0px;
	padding-right: 0px;
	
}

.home-product-link {
	text-align: center;
	background-color: #b5121b;
	margin-left: 11px;
	margin-right: 11px;
}

.home-product-link:hover {
	background-color: #931A0B;
}

.home-product-link {
	padding-top: 10px;
	padding-bottom: 10px;
}

p.home-product-text {
	text-align: center;
	color: #fff;
	margin: 0px; 
	font-family: "Titillium Web", "Helvetica Neue", Arial, sans-serif; 
	font-size: 20px;
	display: block;
	padding-top: 10px;
	line-height: 1em;
}

.home-product-img {
	display: block;
	max-height: 45px;
	margin: 0 auto;
}


@media (min-width: 768px) and (max-width: 991px) { 

	p.home-product-text {
		font-size: 15px;
	}
}

@media (min-width: 640px) and (max-width: 767px) { 
	
	p.home-product-text{
		font-size: 13px;
	}
}


@media (max-width: 767px) { 
	
	#left-promo-box {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 10px;
	}

	#mid-promo-box {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#right-promo-box {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}
	
	.promos-row {
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	.home-product-row {
		margin-top: 10px;
		margin-bottom: 6px;
	}
	
	.home-product-box {
		margin-top: 10px;
	}
	
	.techman-box {
		padding-right: 15px;
	}
	
	.techman-img {
		margin: 0 auto;
	}
}

@media (max-width: 640px) { 
	
	
	.home-product-link {
		max-width: 350px;
		width: 80%;
		margin: 0 auto;
	}
	
	.home-product-img {
		display: inline-block;
	}

	p.home-product-text {
		display: inline-block;
		vertical-align: middle;
		padding-top: 0px;
		margin-left: 10px;
	}
	
	.col .lwell {
		max-width: 350px;
    	margin: 0 auto;
	}
	
	.techman-box {
		margin:14px;
	}
}


/*Styling for new header navigation layout - includes Request a Quote link*/

#nopad-container {
	padding-left: 0px;
	padding-right: 0px;
}

.mob-logo {
	width:55%; 
	height:auto; 
	margin-top: 12px; 
	margin-bottom: 16px;
}

.mobnav-block {
	background-color: #f0f0f0;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px
		
}

.mobnav-section {
	display: inline-block !important;
	padding-bottom: 0px;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	
}

.mobnav-section-line {
	border-right: solid #B2B2B2 0.5px;
}

.mob-block-content {
	color: #333e48;
	font-weight: 600;
	font-size: 16px;
}

.mob-tel {
	color: #b5121b;
}

.mobnav-mob-icon {
	height: 15px;
	width: 10px;
	margin-right: 6px;
	margin-bottom: 3.5px;
}

.mobnav-mail-icon {
	height: 12px;
	width: 16px;
	margin-right: 6px;
	margin-bottom: 3.5px;
}

.mobnav-quote-icon {
	height: 16px;
	width: 19px;
	margin-right: 5px;
	margin-bottom: 2px;
	
}
.mobnav-find-icon {
	height: 16px;
	width: 12px;
	margin-right: 6px;
	margin-bottom: 2px;
}



.mob-toggle {
	margin-top:14px;
	margin-right:5px;
	margin-left: 15px;
	padding-right: 0px; 
	padding-top: 0px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	background-color: transparent;
}

.mob-bars {
	font-size: 32px;
}

@media (min-width: 768px) and (max-width: 991px) {
	
	
	.header .topbar  input.searchbox 
										{
											width: 200px;
									  	}
}

@media (min-width: 992px) and (max-width: 1199px)	{ 
	
	.header .topbar > a.lines-md            {
                                            margin: 6px 16px 0 16px;
                                            width: 90px;
                                        }
	.header .topbar  input.searchbox 
										{
											width: 110px;
									  	}
	
	.header .topbar ul.loginbar > li.telheader
                                        {
                                            padding-right: 16px;
                                        }
	
 	.header .topbar ul.loginbar > li.emailheader
                                        {
                                            padding-right: 16px;
                                        }

	.header .topbar ul.loginbar > li.quoteheader
										{
											padding-right: 16px;
										}

	.header .topbar ul.loginbar > li.findusheader
										{
										padding-right: 16px;
										}

	
}


#sml-search-box {
	margin-top: 17px;
	line-height: 1;
	color: #fff; 
	background-color: #b5121b; 
	width: auto; 
	font-size: 14px;
	border: 1px solid #a1121a; 
	padding: 6px 10px;
}

@media (max-width: 500px) {

	#big-search-box {
		display: none;
	}
	
		
	.mob-toggle {margin-left: 5px;}
}

@media (min-width: 501px) {

	#sml-search-box {
		display: none;
	}

}




/**
 * Custom styles and columns for masonry blocks
 */

.product-dimensions {
	color: #555;
}

.product-title-strong {
	font-weight: 500;
}

.col-md-1-5 .col-sm-1-5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .col-sm-1-5 {
    float: left;
    width: 12.5%;
  }
}
@media (min-width: 992px) {
  .col-md-1-5 {
    float: left;
    width: 12.5%;
  }
}
@media (max-width: 991px) {
	.swatchtitle_o.swatchtitle_om {
		padding:10px;	
		height: auto;
		margin:0px;
	}
    .swatchtitletext_o.swatchtitletext_om {
	    padding:0px;
    }
}



/** Styling for Holiday hours content**/

.holhours-banner {
	background-color: #b5121b; 
	margin-top: 10px; 
	margin-bottom: 0px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	text-align: center;
	width: 100%;
  	overflow: hidden;
  	position: relative;
}


.holhours-text {
	color: #fff; 
	font-size: 15px; 
	font-family: "Titillium Web", "Helvetica Neue", Arial, sans-serif; 
	margin-bottom: 0px; 
	text-align: center;
	display: inline-block;
}


.xmas-ban-icons {
	height: 24px;
}

#xmas-icons-left {
	position: absolute;
    left:auto ;
  	transform: translateX(-120%);
}


#xmas-icons-right {
	position: absolute;
    right:auto ;
  	transform: translateX(20%);
}

@media (min-width: 992px) and (max-width: 1199px)	{ 
	#xmas-icons-left {
	transform: translateX(-120%);
	}

	#xmas-icons-right {
	transform: translateX(20%);
	}
}

@media (min-width: 768px) and (max-width: 991px)	{ 
	#xmas-icons-left {
	transform: translateX(-116%);
	}

	#xmas-icons-right {
	transform: translateX(16%);
	}
}

@media (min-width: 0px) and (max-width: 991px)	{ 
	.holhours-banner {
		margin-bottom: 10px;
	}
}

@media (min-width: 0px) and (max-width: 767px)	{ 
	.holhours-text {
		padding-right: 25px;
		padding-left: 25px;
	}
}


.bb-hottip {
	margin-top: 30px;
	border-top-color: #a53427;
	padding-top: 10px; 
	padding-bottom: 15px;
	padding-left: 13px;
	padding-right: 13px
}

.bbdisc {
	
}

.bb-heading {
	margin-bottom: 0px;
}

.bb-disc-text {
	margin-top: 10px;
}


.bbdisc a.collapsed:after  {
    content: 'Show More';
	font-family: "Titillium Web","Open Sans", Arial, sans-serif;
	font-weight: bold;
}

.bbdisc a:not(.collapsed):after {
    content: 'Show Less';
	font-family: "Titillium Web","Open Sans", Arial, sans-serif;
	font-weight: bold;
}

#collapse-bb-disc {
	margin-top: 10px;
}

.shoes-disc {
	margin-left: 16px; 
	margin-right: 16px; 
	margin-top: 35px; 
	text-align: center
}

.shoes-img {
	width: 47px; 
	height: auto; 
	display: inline-block; 
	margin-right: 8px;
}

p.shoes-text {
	display: inline-block;
}


@media (max-width: 991px) { 
	.bb-hottip {
		margin-top: 0px;
	}
}

@media (min-width: 501px) { 
	.bb-show-button {
		display: none;
	}
}

@media (min-width: 0px) and (max-width: 737px)	{ 
	.shoes-img {
		margin-right: 0px;
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}
}

/* Product Galleries Styles */

div.prod-gallery {text-align: center; padding: 30px 0px 20px 0px !important;}
div.prod-gall-container {background-color: #333e48;}
h3.prod-gall-heading {text-align: left; margin: 24px 0 16px 15px;}


h3.prod-gall-heading.prod-f {margin: 24px 0 8px 45px; color: #fff;}
div.prod-gall-container.prod-f {background-color: transparent !important;}
/* div.prod-gall-container.prod-f {background-color: #1A1E24;}*/
hr.fade-from-grey.prod-f {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0));}


/* Brochure page styles */

div.bgc-brochure-title {text-align: left; text-transform: none !important; color: #970709 !important; line-height: 1em !important; }


@media (min-width: 1200px)	{ 
	div.prod-gall-container {width: 1100px !important;}
}

@media (min-width: 992px) and (max-width: 1199px)	{ 
    div.prod-gall-container {width: 900px !important;}
}

@media (min-width: 768px) and (max-width: 991px)	{ 
    div.prod-gall-container {width: 680px !important;}
}

@media (min-width: 470px) and (max-width: 767px)	{ 
    div.prod-gall-container {width: 420px !important;}
	h3.prod-gall-heading {text-align: center;}
}



/* Sitemap page styling*/
.sitemap-col {
	margin-bottom: 40px;
}

/* Help Us Stay Safe Notice styling*/

.stay-safe {
	background-color: #b5121b;
	margin-bottom: 15px;
}

div.stay-safe *{
	color: #ffffff;
}

div.stay-safe a {
	color: #ffffff;
	text-decoration: underline
}

div.stay-safe a:hover {
	color: #5b0005;
	text-decoration: underline
}



.stay-safe ol {
	padding-inline-start: 20px;
}

.stay-safe ul {
	padding-inline-start: 20px;
	list-style-type: disc;
}




/*Styling for Commercial Product pages and content - includes parent page and project profile pages*/

.cbp-l-caption-alignCenter .custom-cpb-l-caption {
	padding-top: 0px;
	padding-bottom: 0px;
}

.col-equal-heights {
	display: flex;
    flex-wrap: wrap;
}

.col-equal-heights:before, .col-equal-heights:after {
	display: none;
}

.cbp-margin-b-30 {
	margin-bottom: 30px;
}

.cbp-margin-t-10 {
	margin-top: 10px;
}

.featpro-section {
	margin-top: 10px;
	background-color:#333740;
}

.featpro-summary {
	padding-left: 20px;
	padding-top: 13px;
	padding-right: 20px;
}

.featpro-summary h2 {
	color:#ffffff;
	margin-top: 0px;
}

.featpro-summary p {
	color:#ffffff
}

.ps-col {
	padding-right: 0px;
	padding-bottom: 6px;
}

.pd-col {
	background-color: #f0f0f0;
	padding-left: 0px;
	border-left: solid 5px #B5121B;
	background-clip: content-box;
	max-width: 100%;
}

.featpro-details {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 16px;
	padding-bottom: 7px;	
}

.fp-thumbs {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 16px;
	margin-top: 16px;
}

.details-text {
	max-width: 100%
}


@media (max-width: 767px) {
		
	.featpro-details {
		border-top: solid 5px #B5121B;
		border-left: none;
		padding-top: 3px;
		display: flex;
		flex-flow: row wrap;
		justify-content:space-between;
		flex-direction:column;
	}
	
	.ps-col {
		padding-right: 15px;
	}
	
	.pd-col {
		padding-left: 15px;
		border: none;	
	}
	
	.fp-thumbs{
    	order: 1;
		margin-bottom: 5px;
  	}
	
	.details-text{
    	order: 2;
		margin-top: 11px;
  	}	
	
	.fp-contact {
		order: 3;
	}
	
	
}