html { overflow-y: scroll; }

body { background-color:#fff; font-family:"Trebuchet MS","Verdana","Arial","Helvetica","sans serif"; font-size:16px; }

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; }

h1 { font-size:100%; }
h2 { margin:16px 0 0 0; }

div#page { margin:26px auto 0px; padding:0; width:760px; }

body#contact div#main { background:url(../img/envelope.jpg) no-repeat top right; }

div#header { overflow:hidden; }
div#header h1, div#main h2 { color:#33cccc; }

div#header h1 { float:left; font-size:48px; line-height:52px; }

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  { float:left; height:163px; margin-bottom:20px; margin-left:13px; margin-right:13px; width:225px; }
div.rotator a img { float:left; height:163px; margin-bottom:20px; margin-left:13px; margin-right:13px; width:225px; }

body#home div#rotator-container { height:265px; margin-bottom:16px; 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;}

div#footer { padding-top:16px; text-align:center; }

div.contact-block { font-size:24px; font-weight:normal; line-height:28px; }
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; }
div.contact-block  div.tel span { color:#666666; font-size:16px; }

div#footer p.copyright { color:#666; }
div#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; }
div#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; }

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#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 , div#page.diy-shop ul.navigation li a.diy-shop-link, ul.navigation a:hover { border-bottom:3px solid #33cccc; color:#222; }

body#diy img.diy { }

optgroup { background-color:#33cccc; color:white; }
optgroup option{ background-color:white; color:black; }

.col-fg-pri { color:#33cccc; }
.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:12px; }

.devnote { background-color:#ff4040; border:2px solid #a60000; font:16px "georgia, times new roman, serif"; 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:17px; 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:14px; 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:13px; 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:12px; 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:12px; 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:24px; 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:12px; }

#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:180%; padding:.25em 0; text-align:center;}

@media print {
.free {background-color:transparent; color:#33cccc;}
}