html { overflow-y: scroll; }
body { background-color:#fff; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:1.5em; margin:0; padding:0;}
div, h1, h2 { margin:0; padding:0; }
a img { border:0px; }
a:link, a:visited { color:#666; text-decoration:none; }
a:hover, a:active { color:#222; outline:0; text-decoration:underline; }
a.contact { color:#33cccc; }
.small-caps { font-variant:small-caps; }
p {margin: 0 0 1.5em 0;}
h1 {margin:16px 0; color:#000; font-size: 1.5em; margin: 1.071em 0;}
h2 {margin: 0; color:#33cccc; font-size: 1.3em;}
h3 {font-size:1.2em; line-height:1.25em; margin:0;}
ol {margin:1.5em 0 0 0;}
div#page { margin:1.5em auto 0px; padding:0; width:760px; }
body#contact div#main { background:url(../img/envelope.jpg) no-repeat top right; }
header { overflow:hidden; margin-bottom: 10px;}
a#logo{background: url(../img/logo.jpg) no-repeat; background-size: 100px 100px; display: block; float: left; height: 100px; text-indent: -5000px; width: 100px;}
span.title { color:#33cccc; font-size: 3em; line-height:1em; text-align: left; text-transform: uppercase; }
span.caps { text-transform: uppercase; }
p.phone {color:#666666; margin-top: 1.263em;margin-bottom: 1.263em;}
header a:hover { text-decoration: none; color: #33cccc; }
div#contact-block-top { float:right; }
div#contact-block-top div.email, div#contact-block-top div.tel { text-align:right; }
div#main { margin-left: 0px; }
div.examples a img, div#examples a img {border:1px solid #aaa; float:left; height:163px; margin:0 7px 17px 7px; padding:5px; width:225px; }
div.examples a:hover img, div#examples a:hover img {-webkit-box-shadow:0 0 16px #84e1e1 ; box-shadow:0 0 16px #84e1e1;}
div.rotator a img { float:left; height:163px; margin:0 13px 20px 13px; width:225px; }
body#home div#rotator-container { height:265px; margin-bottom: 25px; position:relative; }
div#rotator-container img { display:none; }
div#rotator-container img.first { display:block; }
body#home div#cycle1, body#home div#cycle2 { display:inline; position:absolute; height:265px; width:365px; }
body#home div#cycle1 { left:0; }
body#home div#cycle2 { right:0; }
footer { padding-top: 24px; text-align:center; }
div.contact-block { font-size: 1.2em; font-weight:normal; line-height: 1.263em; }
div.contact-block div.email { color:#666666; }
div.contact-block div.email a, div.contact-block div.email a:link, div.contact-block div.email a:visited { color:#666; text-decoration:none; }
div.contact-block div.email a:hover, div.contact-block div.email a:active { color:#222; }
div.contact-block div.tel { color:#33cccc; }
footer p.copyright { color:#666; }
footer p.copyright a, div#footer p.copyright a:link, div#footer p.copyright a:visited, div#footer p.copyright a:hover, div#footer p.copyright a:active { color:#666; text-decoration:none; }
footer p.copyright a:hover { text-decoration:underline; }
ul.navigation { list-style:none; margin:0; padding:0; white-space:nowrap; }
ul.navigation li { display:inline; list-style:none; }
ul.navigation li a { color:#666; text-decoration:none; }
ul.navigation li a:link, ul.navigation li a:visited { color:#666; }
ul.navigation li a:hover { color:#222; }
ul.navigation li a:active { color:#222; }
ul.footer-navigation { list-style:none; margin:0; padding:0; white-space:nowrap; }
ul.footer-navigation li { display:inline; list-style:none; }
ul.footer-navigation li a { color:#666; text-decoration:none; }
ul.footer-navigation li a:link, ul.navigation li a:visited { color:#666; }
ul.footer-navigation li a:hover { color:#222; }
ul.footer-navigation li a:active { color:#222; }
table.basket { border-collapse:collapse; }
table.basket td, table.basket th { text-align:left; padding:4px; }
table.basket th { background-color:#33cccc; border-bottom:2px solid #666666; }
table.basket .price, table.basket .quantity { text-align:right; }
body#home ul.navigation li a.home-link, body#gallery ul.navigation li a.gallery-link, body#our-service ul.navigation li a.our-service-link, body#faq ul.navigation li a.faq-link, body#what-colour ul.navigation li a.what-colour-link, body#diy ul.navigation li a.diy-link, body#contact ul.navigation li a.contact-link, body#diy-shop ul.navigation li a.diy-shop-link, div#page.diy-shop ul.navigation li a.diy-shop-link, ul.navigation a:hover { border-bottom: 2px solid #33cccc; color:#222; }
body#diy img.diy { }
optgroup { background-color:#33cccc; color:white; }
optgroup option { background-color:white; color:black; }
.blueFG, .col-fg-pri { color:#33cccc; }
.greyFG, .col-fg-sec { color:#666666; }
.col-fg-com { color:#cc3333; }
.col-bg-pri { background-color:#33cccc; }
.col-bg-sec { background-color:#666666; }
.col-bg-com { background-color:#cc3333; }
.highlight { background-color:#f7cc41; }
.left { clear:left; float:left; }
.right { float:right; }
.center { text-align:center; }
.clear { clear:both; }
.hide { display:none; }
br.clear { height:1px; margin:0; padding:0; }
p.note { font-size:0.9em; }
.devnote { background-color:#ff4040; border:2px solid #a60000; font-family: Georgia, "Times New Roman", sans-serif; font-size: 1em; padding:16px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { zoom:1; }  /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */
div#page-message { background-color:#ffe8a6; border:2px solid #a67c00; color:#2b2000; margin:16px 0; padding:8px; }
div#page-message p { }
div#add-new-container, div#current-basket-container { margin:16px 0; }
table#my-basket { border:0; border-collapse:collapse; width:100%; }
table#my-basket th, table#my-basket td { padding:3px 8px; vertical-align:top; }
table#my-basket .c { text-align:center; }
table#my-basket .l { text-align:left; }
table#my-basket .r { text-align:right; }
table#my-basket .bi-quantity, table#my-basket .bi-dimensions, table#my-basket .bi-price, table#my-basket .bi-line-price { text-align:right; }
.bi-item .item-description { }
.bi-item .item-colour { font-size:85%; }
.bi-item .item-colour img { margin-right:0.5em; vertical-align:middle; }
table#my-basket .bi-price .net, table#my-basket .bi-line-price .net { font-size:smaller; }
table#my-basket .bi-price .gross, table#my-basket .bi-line-price .gross { font-weight:bold; }
table#my-basket .bi-net-total { border-top: 1px solid; font-weight:bold; }
table#my-basket .bi-tax-total { }
table#my-basket .bi-gross-total { border-bottom: 4px double; border-top:1px solid; font-size:1.1em; font-weight:bold; }
tr.sub-total-row td, tr.postage-row td, tr.tax-row td { background-color:#f0f0f0; text-align:right; }
tr.total-row td { background-color:#e0e0e0; text-align:right; }
table#my-basket tr.checkout-row td { padding:12px 0 0 0; text-align:center; }
tr.checkout-row td a { color:#cc3333; font-size:larger; }
#products-list-container { margin:16px 0; }
div#current-basket-container div#current-basket-container, div.product-container { font-size:0.9em; line-height:16px; }
div.product-container { border-bottom:2px dotted #ccc; margin-bottom:.75em; padding-bottom:0.5em; }
div#current-basket-container { }
div.product-container h1.title { font-size:0.9em; font-weight:bold; margin-bottom:4px; }
div.product-container div.price-dim-qty-add { float:right; margin-left:12px; width:200px; }
div.product-container div.price-dim-qty-add p { margin:0.2em 0 0.1em; padding:0; }
div.product-container div.price-dim-qty-add .tax-text { color:#666666; font-size:80%; margin:0 0 0 6px; }
div.product-container div.price-dim-qty-add input.qty { border: 1px solid #4e4e4e; color:#666666; font-size: 1em; padding:1px 0 1px; text-align:center; }
div.product-container div.price-dim-qty-add input.dimension { border: 1px solid #4e4e4e; color:#666666; font-size: 1em; line-height:21px; padding:0; text-align:center; }
div.product-container div.price-dim-qty-add input.qty { width:20px; }
div.product-container div.price-dim-qty-add input.dimension { height:21px; width:48px; }
div.product-container div.price-dim-qty-add input.addbutton { margin-left:4px; }
div.product-container div.thumbnail { float:left; margin-right:12px; width:75px; }
.product-container .thumbnail img { width:75px; }
div.product-container div.info { font-size:0.9em; width:760px; }
input.link { background-color:#fff; border:0; color:#33cccc; cursor:pointer; margin:0; padding:4px; }
a.clear-basket-link { background:url(/img/ui/basket_delete.png) no-repeat center left; line-height:16px; padding-left:20px; }
.basket-summary { background:#b9e8b9; border:1px solid #3c973c; float:right; font-size:0.9em; height:30px; line-height:30px; margin-top:10px; padding:0 1em; text-align:center; -moz-border-radius:9px; -webkit-border-radius:9px; }
.basket-summary img { }
.basket-summary .basket-link { margin-left:8px; text-decoration:underline; }
.basket-summary .basket-items-label, .basket-summary .basket-total-label { font-weight:bold; margin-left:0.75em; }
.basket-summary .basket-items-value, .basket-summary .basket-total-value { margin-left:0.25em; }
.basket-summary .checkout-link { margin-left:8px; text-decoration:underline; }
#friendly-error { background:url(/img/ui/sad-face.png) no-repeat top right; color:#ff9640; font-size:2em; padding:1em; }
#swatch-wrap { margin-top:1em; }
.swatch-container { display:inline-block; margin:8px; vertical-align:top; width:100px; }
.colour-swatch { border:1px solid #e8e8e8; height:73px; width:98px; }
span.colour-name { font-size:0.9em; }
#diy.customer-details form label, #diy.customer-details form input { display:block; float:left; margin-bottom:4px; width:256px; }
#diy.customer-details form label { margin-top:6px; }
#diy.customer-details form input { display:block; float:left; width:256px; }
#diy.customer-details form label.clear, #diy.customer-details form input.clear { clear:left; margin-right:16px; }
#diy.customer-details form textarea { height:8em; width:90%; }
#diy.customer-details form legend .optional { font-size:90%; }
#diy.customer-details form legend { background:#87e6e6; border:1px solid #118585; color:#118585; display:block; font-weight:bold; margin:0; padding:0.5em 1em; width:auto; }
#diy.customer-details fieldset { background:#87e6e6; border:none; margin:1em 0; padding:0 0 0.75em 0.75em; }
#diy-thankyou .oid { color:#33cccc; font-weight:bold; }
#diy-thankyou .unconfirmed { }
#diy-thankyou .confirmed { }
.free {background-color:#33cccc; color:#fff; font-size: 1.5em; margin: 0 0 1em 0; line-height: 2em; padding:0 1em;}
.round-big {border-radius:16px;}
.splashback-installation-areas { }
.splashback-installation-areas h2 { font-size:1.2em; }
.county { font-variant:small-caps; margin-bottom:4px; margin-top:6px; }
.towns { margin-top:4px; text-align:justify; }
#examples{overflow:hidden;}
 @media print {
.free { background-color:transparent; color:#33cccc; }
}
ul.faq { list-style:none; margin-left:0; padding-left:0; }
ul.faq li { margin:0 0 1.5em 0; padding:0; }
ul.faq li P { margin:0; }
div#colourpickerHolder { float:right; width:350px; }
div#colourpickercontainer { margin:0 auto; width:195px; }
div#mask { float:left; }
div#mask img { background-color:#33cccc; }
div#caption { font-size:0.9em; margin: 0 0 0 8px; line-height: 1.7em;}
.addthis_toolbox { margin: 24px 0 0 0; height: 24px;}
.addthis_button_google_plusone { margin: 0; font-size: 0.0em; }
.aside {background-color: #d6f5f5; border: 0.375em solid #adebeb; border-radius: 12px; padding: 1.125em 0.375em 0 0.375em; margin-bottom: 1em;}
.aside h4 {margin: 0;}
a.external {background-image:url(/img/external-link.png); background-position:right center; background-repeat:no-repeat; padding-right:16px;}
a:hover .glow {-webkit-box-shadow:#84e1e1 0 0 12px; box-shadow:#84e1e1 0 0 12px;}

a.modern {border-bottom:1px dotted; border-color:inherit; color:inherit; text-underline:none;}
a.modern:hover {border-color:transparent; color:#33cccc; text-decoration:none;}
.free a.modern:hover {color:#ffffff;}

div#colourpickercontainer {
    margin-bottom: 21px;
}
div#caption p {
    margin-bottom: 1.666em;
}
.mlm {margin-left:1em;}

.mt-1 {margin-top:1em;}
.mt-1_5 {margin-top:1.5em;}
.mb-1 {margin-bottom:1em;}

.red{
	color:#CC0000;
	}