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

.clearfix {display: inline-block; zoom:1; }  /* for IE/Mac */

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

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