body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}

* {
	margin: 0px;
	padding: 0px;
}


.spacer {
	clear: both;
	width: 960px;
	margin: 0;
}
.hidden {
	display: none;
}
#container {
	padding: 0px;
	width: 940px;
	margin: auto;
}



/* ----------- banners ----------- */

#banner {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background-repeat: no-repeat;
	width: 940px;
	background-position: bottom left;
	float: left;
	position: relative;
}
#topnav {
	float: left;
	width: 930px;
	list-style-type: none;
	font-size: 0.69em;
	border-right: 1px solid #2A1B0F;
	margin: 0px 0px 60px 0px;
}
#topnav li {
	float: right;
	border-right: 0px solid #2A1B0F;
	background-image: url(../images/design/nav-overlay.png);
	background-position: top right;
	border-left: 1px solid #2A1B0F;
}
#topnav a {
	display: block;
	padding: 3px 5px;
	text-decoration: none;
	color: #FFFFFF;
}
#topnav a:hover {
	background-image: none;
	color: #FFFFFF;
	background-color: #007D57;
}
#searchbox {
	float: left;
	width: 210px;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	background-image: url(../images/design/search-bkgd.png);
	background-repeat: no-repeat;
}
#RWSearchForm {
	float: left;
	width: 210px;
}
#RWSearch {
	width: 194px;
	float: left;
	height: 20px;
	border: none;
	margin: 0px 5px 0px 0px;
}
#Search {
	float: left;
}
#banner-home {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/design/banner-home1.jpg);
	background-repeat: no-repeat;
	width: 940px;
	background-position: bottom left;
	float: left;
	position: relative;
}
#banner-aboutus {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/design/banner-aboutus.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 940px;
	background-position: bottom left;
}
#banner-flooring {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/design/banner-flooring.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 940px;
	background-position: bottom left;
}

#banner-sikabond {
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/design/banner-flooring.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 940px;
	background-position: bottom left;
} 
#banner-decking {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/design/banner-decking.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 940px;
	background-position: bottom left;
}
#banner-cladding {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/design/banner-cladding.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 940px;
	background-position: bottom left;
}
#banner-beams {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/design/banner-beams.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 940px;
	background-position: bottom left;
}
#banner-shop {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/design/banner-shop.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 940px;
	background-position: bottom left;
}
#logo {
	margin: 0;
	width: 940px;
	padding: 0px 0px 20px 0px;
	float: right;
}
#logo img {
	border: 0;
	margin: 0px 0px 0px 720px;
}



/* ----------- breadcrumbs ----------- */

#breadcrumbs {
	margin: 0px 0px 10px 0px;
	font-size: 0.75em;
	padding: 0px 10px;
	color: #8E5932;
	clear: left;
	background-position: bottom left;
}
#breadcrumbs a {
	color: #00877D;
	text-decoration: underline;
}
#breadcrumbs a:hover {
	color: #8E5932;
}



/* ----------- nav ----------- */

#nav2 {
	list-style: none;
	margin: 0;
	background-image: url(../images/design/nav-overlay2.png);
	_background-image: url(../images/design/nav-overlay2.gif);
	float: left;
	width: 920px;
	clear: left;
	padding: 0px 10px;
	background-position: bottom left;
	background-repeat: no-repeat;
	font-weight: bold;
	border-top: 1px solid #2A1B0F;
}



#content {
	padding: 0px 0px 20px 0px;
	margin: 0;
	float: left;
	width: 940px;
	clear: both;
	background-image: url(../images/design/footer-head.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#expo {
	float: left;
	margin: 0px 0px 10px;
	border: none;
}



/*------------ splash ------------*/

#splash,
#wrapper {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width: 720px;
	float: left;
	background-image: url(../images/design/intro-head.gif);
	background-repeat: no-repeat;
	clear: left;
}

#gallery {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width: 720px;
	float: left;
	background-image: url(../images/design/intro-head.gif);
	background-repeat: no-repeat;
	clear: left;
} 

#galleryimages {
	width: 720px;
	float: left;
}

#galleryimages img {
	float: left;
	margin: 0px 20px 10px 0px;
}


#intro {
	background-image: url(../images/design/intro-foot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	background-color: #8B8D8E;
	float: left;
	width: 700px;
}
#intro h1 {
	font-weight: normal;
	color: #FFFFFF;
	font-size: 1.13em;
	padding: 0px 10px;
	margin: 0;
	line-height: 1em;
}
#intro h1 a {
	color: #FFFFFF;
	text-decoration: none;
}
#intro h1 a:hover {
	color: #111C24;
}
#intro h2 {
	color: #111C24;
	font-size: 0.88em;
	margin: 5px 0px 0px;
	padding: 0px 10px;
	font-weight: normal;
}
#intro h2 a {
	color: #111C24;
}
#intro h2 a:hover {
	color: #FFFFFF;
}
#intro p {
	color: #FFFFFF;
	margin: 5px 0px 0px 0px;
	font-size: 0.75em;
	line-height: 1.4;
	padding: 0px 10px;
}
#introfoot {
	background-image: url(../images/design/intro-foot.gif);
	background-repeat: no-repeat;
	height: 10px;
	margin: 0px 0px 10px;
	background-position: bottom;
}
.splashwrap {
	float: left;
	margin: -10px 0px 0px 0px;
	padding: 0px;
	width: 720px;
	background-position: bottom left;
	background-repeat: no-repeat;
}
.googlemap {
	float: left;
	width: 700px;
	height: 500px;
	background-color: #8B8D8E;
	margin: 0px 0px 0px;
}
.splashwrap img {
	margin: 0;
	padding: 0px;
	border: 0;
	float: left;
}
.splashbox {
	float: left;
	width: 220px;
	margin: 10px 20px 0px 0px;
	padding: 0px;
	background-color: #007D57;
	height: 290px;
	background-image: url(../images/design/splash-footers.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.splashbox-pic {
	float: left;
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 150px;
}

.splashbox-text {
	float: left;
	width: 220px;
	margin: 0px;
	padding: 0px;
	height: 130px;
	overflow: hidden;
}

.splashwrap h2,
.splashwrap h3 {
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	font-size: 0.88em;
	padding: 0px 10px;
	line-height: 1em;
}
.splashwrap h2 a,
.splashwrap h3 a {
	background-image: url(../images/design/splash-more.gif);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 15px 0px 0px;
	margin: 0px;
}
.splashwrap h2 a:hover,
.splashwrap h3 a:hover {
	background-image: url(../images/design/splash-more-over.gif);
	color: #66CC33;
}
.splashwrap p {
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	font-size: 0.75em;
	line-height: 1.3em;
	padding: 0px 10px;
}
.splashwrap p a,
.splashwrap li a {
	color: #FFFFFF;
	text-decoration: none;
}
.splashwrap p a:hover,
.splashwrap li a:hover {
	color: #66CC33;
	text-decoration: none;
}

.splashwrap li {
	color: #66CC33;
	font-size: 0.75em;
	line-height: 1.4;
	list-style: square;
}
.splashwrap ul, ol {
	margin: 5px 0px 0px 15px;
	padding: 0px 10px 0px 10px;
	font-weight: normal;
}
#splashside {
	float: left;
	width: 700px;
	background-color: #FFFFFF;
	color: #FFFFFF;
	height: 300px;
	margin-top: -10px;
}

#splashside h1 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.13em;
	padding: 10px 0px 0px 10px;
	margin: 0;
	line-height: 1em;
	width: 200px;
}
#splashside h1 a {
	color: #FFFFFF;
	text-decoration: none;
}
#splashside h1 a:hover {
	color: #111C24;
}
#splashside h2 {
	color: #111C24;
	font-size: 0.88em;
	margin: 5px 0px 0px;
	padding: 0px 10px;
	font-weight: normal;
	width: 200px;
}
#splashside h3 {
	font-size: 0.75em;
	padding: 5px 10px 0px 10px;
	margin: 0;
	font-weight: bold;
	line-height: 1.4;
}
#splashside h4 {
	font-size: 0.75em;
	padding: 5px 10px 0px 10px;
	margin: 0;
}
#splashside h5 {
	font-size: 0.75em;
	color: #FFFFFF;
	margin: 5px 0px -5px 0px;
	line-height: 1.4;
	padding: 0px 10px;
}
#splashside p {
	font-size: 0.75em;
	margin: 5px 0px 0px 0px;
	line-height: 1.5em;
	padding: 0px 10px;
}
#splashside li {
	font-size: 0.75em;
	line-height: 1.4;
}
#splashside ul, ol {
	margin: 5px 0px 0px 15px;
	padding: 0px 10px 0px 10px;
	font-weight: normal;
}




/* ------------ product ------------ */

#product {
	margin: 0;
	padding: 0px;
	width: 720px;
	float: left;
	background-repeat: no-repeat;
	clear: left;
	background-position: bottom left;
}

#text,
#news {
	margin: 0px 20px 0px 0px;
	float: left;
	width: 450px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	background-position: top left;
}
#text #youtubeproduct {
	float: right;
	border: none;
	margin: 0px 0px 20px 20px;
	clear: right;
}
#text .productwrapper {
	float: left;
	width: 450px;
}

#text .productwrapper img {
	float: right;
	margin: 0px 0px 10px 10px;
	border: 0;
	clear: left;
}

#text .swatchwrapper {
	float: left;
	width: 450px;
}

#text .swatchwrapper img {
	margin: 0px 5px 5px 0px;
	float: left;
	height: 60px;
	width: 60px;
	border: none;
}



#text .overlap {
	margin: 0px 0px 0px -10px;
	display: block;
	width: 460px;
	float: left;
}
#text HR {
	border: none 0;
	border-top: 1px dotted #8E5932;
	height: 1px;
	clear: both;
	margin-bottom: 10px;
}

#text h1 {
	font-size: 0.88em;
	color: #007D57;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	clear: right;
}
#text h2 {
	font-size: 0.88em;
	color: #007D57;
	margin: 0;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}
#text h2 a {
	color: #007D57;
}
#text h2 a:hover {
	color: #8E5932;
}
#text h3 {
	font-size: 0.75em;
	color: #007D57;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	line-height: 1.4;
	clear: left;
}
#text h4 {
	font-weight: normal;
	color: #007D57;
	font-size: 0.75em;
	margin: 0px 0px 0px 0px;
	line-height: 1.4;
}

#text h5 {
	font-weight: bold;
	color: #007D57;
	font-size: 0.75em;
	margin: -5px 0px 5px 0px;
	line-height: 1.4;
}
#text p,
#yourfloorintro p {
	font-size: 0.75em;
	color: #282821;
	margin: 0px 0px 5px 0px;
	line-height: 1.25em;
}
#text p a,
#yourfloorintro p a,
#text li a {
	color: #282821;
}

#text p a:hover,
#yourfloorintro p a:hover,
#text li a:hover {
	color: #007D57;
}
	
#text li {
	font-size: 0.75em;
	color: #282821;
	line-height: 1.25em;
}
#text li strong {
	color: #007D57;
	font-weight: bold;
}
#text li li {
	font-size: 1em;
}
#text ul, ol {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 20px;
}
#text blockquote {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
}
#text .swatches  {
	display: block;
	float: left;
	width: 450px;
}

#pics {
	margin: -10px 0px 0px 0px;
	float: left;
	width: 220px;
	padding: 0px;
}
#pics img {
	margin: 10px 0px 0px 0px;
	border: 0;
	float: left;
}
#text form table {
	width: 100%;
	border-top: 1px dotted #CCC;
}
#text form .header {
	text-align: center;
	width: 75px;
	vertical-align: middle;
	border-left: 1px dotted #CCC;
	color: #282821;
}
#text form textbox {
	vertical-align: middle;
	border-left: 1px dotted #CCC;
	color: #282821;
	padding: 0px 0px 0px 5px;
}

#text form .question {
	color: #007D57;
}

#text form td {
	font-size: 0.75em;
	border-bottom: 1px dotted #CCC;
	padding: 5px 0px;
	vertical-align: middle;
}

/* ------------ news ------------ */

#news {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 690px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	background-position: top left;
}
#news .overlap {
	margin: 0px 0px 0px -10px;
	display: block;
	width: 460px;
	float: left;
}
#news HR {
	border: none 0;
	border-top: 1px dotted #8E5932;
	height: 1px;
	clear: right;
	margin: 10px 0px 5px 0px;
}

#news h1,
#news h2 {
	font-size: 0.88em;
	color: #007D57;
	margin: 0;
	font-weight: bold;
	clear: left;
	padding: 0px;
}

#news h1 a,
#news h2 a {
	color: #007D57;
}

#news h1 a:hover,
#news h2 a:hover {
	color: #8E5932;
}

#news h3 {
	font-size: 0.75em;
	color: #8E5932;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	line-height: 1.4;
	clear: left;
}
#news h4 {
	font-weight: normal;
	color: #007D57;
	font-size: 0.75em;
	margin: 0px 0px 0px 0px;
	line-height: 1.4;
}

#news h5 {
	font-weight: normal;
	color: #007D57;
	font-size: 0.75em;
	margin: -8px 0px 5px 0px;
	line-height: 1.4;
}
#news p {
	font-size: 0.75em;
	color: #282821;
	margin: 0px 0px 10px 0px;
	line-height: 1.4;
	clear: left;
	border-bottom: 1px dotted #8E5932;
	padding-bottom: 10px;
}
#news p a,
#news li a {
	color: #282821;
}

#news p a:hover,
#news li a:hover {
	color: #007D57;
}
	
#news li {
	font-size: 0.75em;
	color: #282821;
	line-height: 1.4;
}
#news li strong {
	color: #007D57;
	font-weight: bold;
}
#news li li {
	font-size: 1em;
}
#news ul, ol {
	margin: 0px 0px 8px 10px;
	padding: 0px 0px 0px 8px;
}
#news blockquote {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
}



/* ------------ team ------------ */

#team {
	margin: -10px 0px 0px 0px;
	padding: 0px;
	width: 720px;
	float: left;
	background-repeat: repeat-y;
	clear: left;
	background-position: bottom left;
}

.teambox {
	float: left;
	width: 340px;
	background-color: #007D57;
	margin: 10px 20px 0px 0px;
	height: 280px;
	background-image: url(../images/design/team-bkgd.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#team h2 {
	font-size: 0.88em;
	color: #FFFFFF;
	margin: 0px 0px 8px 0px;
	font-weight: bold;
	padding: 10px 10px 0px 10px;
}
#team h2 .jobtitle {
	font-weight: normal;
	color: #66CC33;
}
#team p {
	font-size: 0.75em;
	color: #FFFFFF;
	margin: 0px 0px 10px 0px;
	line-height: 1.25em;
	padding: 0px 10px;
}
#team p a {
	color: #FFFFFF;
}

#team p a:hover {
	color: #66CC33;
}
	
#team img {
	float: right;
	margin: 0px 10px 10px 10px;
}


#yourfloorintro {
	margin: 0;
	float: left;
	width: 680px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	background-position: top left;
}




/* ------------ sidebar ------------ */

#sidebar {
	padding: 0px 0px 0px 0px;
	margin: 0;
	width: 220px;
	float: left;
}

#sidebar h1,
#sidebar h2 {
	font-size: 0.88em;
	font-weight: bold;
	line-height: 1em;
}

#sidebar h3 {
	font-size: 0.75em;
	margin: 0;
	padding: 0px 10px;
}

#sidebar h4 {
	font-size: 0.75em;
	margin: 0;
	padding: 0px 10px;
}
#sidebar h5 {
	font-size: 0.75em;
	color: #FFFFFF;
	margin: 5px 0px -5px 0px;
	line-height: 1.4;
	padding: 0px 10px;
}

#sidebar p {
	font-size: 0.75em;
	margin: 0px 0px 5px 0px;
	line-height: 1.4em;
	padding: 0px 10px;
}
#sidebar ul,
#sidebar ol    {
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 0px 25px;
	font-weight: normal;
}
#sidebar  li  {
	font-size: 0.75em;
	line-height: 1.4em;
	margin: 0;
}



#sidebarR {
	padding: 0px 0px 5px 0px;
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0px 0px 10px 0px;
	width: 220px;
	float: left;
	background-color: #990000;
	background-image: url(../images/design/sidebarR-foot.gif);
}
#sidebarR img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 220px;
	border: none;
}
#sidebarR h1 {
	color: #FFFFFF;
	background-image: url(../images/design/sidebarR-head.gif);
	background-repeat: no-repeat;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 5px 0px;
}

#sidebarR h1 a {
	background-image: url(../images/design/sidebarR-more.gif);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 15px 0px 0px;
	margin: 0px;
}
#sidebarR h1 a:hover {
	background-image: url(../images/design/sidebarR-more-over.gif);
	color: #330000;
}

#sidebarR h2 {
	padding: 10px 10px 5px 10px;
	background-image: url(../images/design/sidebarR-spacer.jpg);
	background-repeat: no-repeat;
	margin: 5px 0px 0px 0px;
	display: block;
	color: #FFFFFF;
}


#sidebarR h3,
#sidebarR h4,
#sidebarR p,
#sidebarR li {
	color: #FFFFFF;
	padding: 0px 10px;
}

#sidebarR h2 a,
#sidebarR h3 a,
#sidebarR p a {
     color: #FFFFFF;
	 text-decoration:underline
}
#sidebarR h2 a:hover,
#sidebarR h3 a:hover,
#sidebarR p a:hover {
	color: #330000;
}





#sidebarB {
	padding: 0px 0px 1px 0px;
	background-image: url(../images/design/sidebarB-foot.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0px 0px 10px 0px;
	width: 220px;
	float: left;
	background-color: #8E5932;
}

#sidebarB img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: none;
}

#sidebarBtext {
	padding: 0px 0px 5px 0px;
	margin: 0;
	width: 220px;
	float: left;
	background-image: url(../images/design/sidebarB-head.gif);
	background-repeat: no-repeat;
}

#sidebarB h1,
#sidebarB h2,
#sidebarB h3,
#sidebarB h4,
#sidebarB p,
#sidebarB li {
	color: #FFFFFF;
}

#sidebarB h1 {
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 5px 0px;
}

#sidebarB h2 {
	padding: 10px 10px 5px 10px;
	background-image: url(../images/design/sidebarB-spacer.jpg);
	background-repeat: no-repeat;
	margin: 5px 0px 0px 0px;
	display: block;
}

#sidebarB h1 a,
#sidebarB h2 a {
	background-image: url(../images/design/sidebarB-more.gif);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 10px 0px 0px;
	margin: 0px;
}
#sidebarB h1 a:hover,
#sidebarB h2 a:hover {
	background-image: url(../images/design/sidebarB-more-over.gif);
	color: #2A1B0F;
}


#sidebarB p a,
#sidebarB li a {
	color: #FFFFFF;
	text-decoration: underline;
}
#sidebarB p a:hover,
#sidebarB li a:hover {
	color: #2A1B0F;
	text-decoration: underline;
}
#sidebarB .newsdate {
	color: #2A1B0F;
	font-size: 0.93em;
}



#sidebarG  .links {
	float: left;
	width: 220px;
	font-weight: bold;
	list-style-type: none;
	padding: 5px 0px 0px 0px;
	background-image: url(../images/design/sidebarG-head.gif);
	background-repeat: no-repeat;
}
#sidebarG  .links  li {
	float: left;
	width: 220px;
	font-size: 0.88em;
	line-height: 1em;
	font-weight: bold;
	background-repeat: no-repeat;
	border-top: 0px dotted #FFF;
}
#sidebarG  .links  a {
	text-decoration:none;
	display: block;
	padding: 5px 10px;
	background-repeat: no-repeat;
	background-position: 202px 5px;
	border-top: 0px solid #FFF;
	background-image: url(../images/design/sidebarG-more.gif);
}
#sidebarG   .links   li.first {
	background-image: none;
}

#sidebarG  .links  a:hover {
	text-decoration:none;
	background-image: url(../images/design/sidebarG-more-over.gif);
}


#sidebarG {
	padding: 0px 0px 1px 0px;
	background-image: url(../images/design/sidebarG-foot.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0px 0px 10px 0px;
	width: 220px;
	float: left;
	background-color: #8B8D8E;
}
#sidebarG img {
	float: right;
	margin: -1px 5px 0px 0px;
}
#sidebarG h1 {
	background-image: url(../images/design/sidebarG-head.gif);
	background-repeat: no-repeat;
}
#sidebarG h1 a,
#sidebarG h2 a {
	background-image: url(../images/design/sidebarG-more.gif);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	color: #282821;
	text-decoration: none;
	padding: 10px 15px 10px 10px;
	margin: 0px;
}
#sidebarG h1 a:hover,
#sidebarG h2 a:hover {
	background-image: url(../images/design/sidebarG-more-over.gif);
	color: #FFFFFF;
}
#sidebarG h1,
#sidebarG h2,
#sidebarG h3,
#sidebarG h4,
#sidebarG p,
#sidebarG li {
	color: #282821;
}

#sidebarG p a,
#sidebarG li a {
	color: #282821;
	text-decoration: underline;
}

#sidebarG h3 a {
	color: #282821;
	text-decoration: none;
}
#sidebarG h3 a:hover,
#sidebarG p a:hover,
#sidebarG li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


#sidebarCart {
	padding: 0px 0px 0px 0px;
	background-image: url(../images/design/sidebarGR-foot.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0px 0px 10px 0px;
	width: 220px;
	float: left;
	background-color: #8E5932;
	color: #FFFFFF;
}

#sidebarCart img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 220px;
	border: none;
}

#sidebarCart h1,
#sidebarCart h2,
#sidebarCart h3,
#sidebarCart h4,
#sidebarCart p,
#sidebarCart li {
	color: #FFFFFF;
}

#sidebarCart h1 {
	padding: 10px;
	margin: 0;
	background-image: url(../images/design/sidebarB-head.gif);
	background-repeat: no-repeat;
}

#sidebarCart h1 a {
	background-image: url(../images/design/sidebarB-more.gif);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
#sidebarCart h1 a:hover {
	background-image: url(../images/design/sidebarB-more-over.gif);
	color: #2A1B0F;
}

#sidebarCart table {
	float: left;
	width: 220px;
	font-size: 0.75em;
}
#sidebarCart .items {
	background-image: url(../images/design/sidebarB-spacer.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#sidebarCart .description {
	padding: 5px 5px 0px 10px;
}
#sidebarCart .subprice {
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #794C2C;
	text-align: right;
}
#sidebarCart .price {
	padding: 5px 10px 5px 5px;
	width: 50px;
	border-left: 1px solid #794C2C;
	text-align: right;
	vertical-align: bottom;
	border-bottom: 1px solid #794C2C;
}
#sidebarCart .quantity {
	padding: 5px;
	width: 10px;
}
#sidebarCart .summary {
}
#sidebarCart .summary tr {
	background-image: url(../images/design/sidebarB-spacer.jpg);
	background-repeat: no-repeat;
}
#sidebarCart .summarytext {
	padding: 5px 5px 5px 10px;
	text-align: left;
	color: #FFFFFF;
}
#sidebarCart .summaryprice {
	width: 50px;
	border-left: 1px solid #794C2C;
	padding: 5px 10px 5px 5px;
	text-align: right;
	color: #FFFFFF;
}

#sidebarCart .totaltext {
	padding: 10px 5px 10px 10px;
	text-align: left;
	color: #FFF;
	font-weight: bold;
	background-image: url(../images/design/sidebarGR-spacer.jpg);
	background-repeat: no-repeat;
}
#sidebarCart .totalprice {
	border-left: 1px solid #664126;
	padding: 10px 10px 10px 5px;
	text-align: right;
	color: #FFF;
	font-weight: bold;
	background-image: url(../images/design/sidebarGR-spacer.jpg);
	background-repeat: no-repeat;
	width: 50px;
}
#sidebarlogos {
	float: left;
	width: 220px;
	margin: 0px 0px 5px 0px;
}
#sidebarlogos img {
	border: none;
	float: left;
	margin: 0px 5px 0px 0px;
}
#sidebarlogos #trada {
	margin: 5px 5px 0px 0px;
}
#tradabox {
	float: left;
	width: 220px;
	text-align: center;
}

#tradabox img {
	border: none;
}



/* ----------- footer ----------- */

#footer {
	clear: left;
	margin: 0;
	padding: 0px 0px 10px 0px;
	text-align: left;
	border-top: 0px dashed #8E5932;
	width: 940px;
	background-image: url(../images/design/footer-foot.gif);
	background-repeat: no-repeat;
	background-color: #007D57;
	float: left;
	background-position: bottom left;
}
#footer p {
	font-size: 0.69em;
	color: #FFFFFF;
	margin: 0px;
	line-height: 1.4;
	padding: 0px 10px;
}
#footer strong {
	font-size: 1.09em;
}
#footer a {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:hover {
	color: #66CC33;
}
.bullet {
	color: #66CC33;
}
#credits {
	clear: both;
	margin: 0;
	padding: 5px 0px;
	text-align: left;
}
#credits p {
	font-size: 0.69em;
	color: #8B8D8E;
	margin: 0px;
	line-height: 1.4;
	padding: 0px 10px;
}
#credits a {
	color: #8B8D8E;
	text-decoration: none;
}
#credits a:hover {
	color: #8B8D8E;
	text-decoration: underline;
}

.pdf {
	background-image: url(../images/design/pdf.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 2px 25px;
	background-position: top left;
	display: block;
}


/* ------------ sitemap ------------ */


#casestudy,
#popup,
#yourfloor,
#sitemap {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#sitemap h1 {
	color: #007D57;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
}

#sitemap ul {
	font-size: 0.75em;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	color: #8E5932;
}
#sitemap ul ul {
	font-size: 1em;
}
#sitemap li {
	line-height: 1.4;
	margin: 0px 0px 2px 0px;
	padding: 0px;
}
#sitemap li a {
	color: #007D57;
	font-weight: bold;
}
#sitemap li a:hover {
	color: #8E5932;
}

/* ------------ sitemap ------------ */


#casestudy img {
	margin: 0px 0px 10px 10px;
	float: right;
	clear: right;
	border: none;
}

#popup img {
	margin: 0px 0px 10px 0px;
}

#yourfloor img {
	margin: 0px 0px 10px 0px;
}

#casestudy h1,
#popup h1,
#yourfloor h1 {
	color: #007D57;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
}
#casestudy h2,
#popup h2,
#yourfloor h2 {
	font-size: 0.75em;
	color: #007D57;
	margin: 15px 0px 5px 0px;
	font-weight: bold;
	clear: right;
}
#casestudy h3,
#popup h3 {
	font-size: 0.75em;
	color: #007D57;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	line-height: 1.4;
	clear: left;
}
#casestudy h4 {
	font-weight: normal;
	color: #007D57;
	font-size: 0.75em;
	margin: 0px 0px 0px 0px;
	line-height: 1.4;
}

#casestudy h5 {
	font-weight: normal;
	color: #007D57;
	font-size: 0.75em;
	margin: -8px 0px 8px 0px;
	line-height: 1.4;
}
#casestudy p,
#popup p,
#yourfloor p {
	font-size: 0.75em;
	color: #282821;
	margin: 0px 0px 8px 0px;
	line-height: 1.25em;
	clear: left;
	padding: 0px 0px;
}
#casestudy p a,
#casestudy li a {
	color: #282821;
}

#casestudy p a:hover,
#casestudy li a:hover {
	color: #007D57;
}

#yourfloor p a {
	color: #007D57;
	background-image: url(../images/design/yourfloor-more.gif);
	display: block;
	background-repeat: no-repeat;
	background-position: right top;
	width: 40px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1em;
}

#yourfloor p a:hover {
	color: #8E5932;
	background-image: url(../images/design/yourfloor-more-over.gif);
}

	
#casestudy li {
	font-size: 0.75em;
	color: #282821;
	line-height: 1.25em;
}
#casestudy li strong {
	color: #007D57;
	font-weight: bold;
}
#casestudy li li {
	font-size: 1em;
}
#casestudy ul, ol {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 18px;
}

#casestudy HR {
	border: none 0;
	border-top: 1px dotted #8E5932;
	height: 1px;
}

#fixing,
#fitting {
	display: none;
}

#casestudy table {
	font-size: 0.75em;
	border-left: 1px solid #007D57;
	margin: 0px 0px 8px 0px;
}

#casestudy th {
	background-color: #007D57;
	padding: 5px;
	border-right: 1px solid #FFF;
	color: #FFFFFF;
	width: 100px;
	vertical-align: bottom;
	font-weight: normal;
}
.headleft {
	text-align: left;
}

#casestudy td {
	padding: 5px;
	border-bottom: 1px solid #007D57;
	border-right: 1px solid #007D57;
	color: #282821;
}
.textright {
	text-align: center;
}


/* ------------ forms ------------ */

#realname,
#email,
#Question,
#Telephone,
#Practice,
#Company,
#Association,
#Postcode,
#casestudy textarea,
#text textarea {
	width: 250px;
}

#Time {
	width: 100px;
}


sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}










/* ----------- ACTINIC SHOP STYLES ----------- */

#shopnav {
	margin: 0px 0px 10px 0px;
	font-size: 0.75em;
	padding: 0px 10px;
	color: #8E5932;
	clear: left;
	background-position: bottom left;
}
#shopnav a {
	color: #00877D;
	text-decoration: none;
	border-right: 1px solid #8E5932;
	display: inline;
	padding: 0px 5px;
	margin: 0;
}
#shopnav a:hover {
	color: #8E5932;
}


/*---------------- shop nav -----------------*/

#cart-summary {
	padding: 5px 10px 0px 10px;
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 0.75em;
	color: #FFF;
	line-height: 1.4;
}

#cart-summary a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 0px 0px 0px;
}

#cart-summary a:hover {
	color: #2A1B0F;
}

#shopcategories {
	background-image: url(../images/design/sidebarG-head.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 10px 10px 10px 10px;
	font-size: 0.88em;
	font-weight: bold;
	margin: 0;
	text-align: left;
}

#shopcategories a {
	background-image: url(../images/design/sidebarG-more.gif);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	color: #282821;
	text-decoration: none;
	padding: 0px 15px 0px 0px;
	margin: 5px 0px 0px;
	width: 185px;
}

#shopcategories a:hover {
	background-image: url(../images/design/sidebarG-more-over.gif);
	color: #FFFFFF;
}


#searchwrap {
	width: 200px;
	float: left;
	clear: left;
	padding: 10px;
}

.searchbox {
	width: 160px;
	margin: 0px 5px 0px 0px;
	font-size: 0.75em;
}

.go {
	width: 30px;
	font-size: 0.75em;
}



/*---------------- shop main -----------------*/

#shop {
	margin: -10px 0px 0px 0px;
	padding: 0px;
	width: 700px;
	float: left;
	clear: left;
}

.shop_wrapper {
	margin: 0;
	padding: 10px 0px 10px 0px;
	float: left;
	width: 700px;
	border-bottom: 1px dotted #8E5932;
	clear: left;
}

.shop_pic {
	float: left;
	width: 220px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.shop_text {
	margin: 0px 20px 0px 0px;
	color: #282821;
	padding: 0px 0px 0px 10px;
	float: left;
	width: 450px;
}

.content_right td {
	font-size: 0.75em;
}

#shopmain hr {
	border: none 0;
	border-top: 1px solid #E2E1DC;
	height: 1px;
}

#shop h2 {
	font-size: 0.88em;
	color: #007D57;
	margin: 0px 0px 8px 0px;
}

#shop h2 a {
	color: #007D57;
}

#shop h2 a:hover {
	color: #8E5932;
}

#shop h3 {
	font-size: 0.75em;
	color: #007D57;
	line-height: 1.4;
	margin: 0px 0px 8px 0px;
}

#shop h4 {
	font-size: 0.75em;
	color: #007D57;
	line-height: 1.4;
	margin: 0px 0px 0px 0px;
}

#shop h4 .vat {
	font-weight: normal;
}


#shop h5 {
	font-size: 0.75em;
	color: #007D57;
	line-height: 1.4;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
}

#shop h5 a {
	color: #007D57;
}

#shop h5 a:hover {
	color: #282821;
}

#shop p {
	font-size: 0.75em;
	color: #282821;
	line-height: 1.4;
	margin: 0px 0px 8px 0px;
}

#shop p a {
	color: #282821;
}

#shop p a:hover {
	color: #007D57;
}

/*---------------- shop text-----------------*/

#shoptext {
	margin: 0px;
	padding: 0px;
	width: 700px;
	float: left;
}

#shoptext HR {
	border: none 0;
	border-top: 1px dotted #8E5932;
	height: 1px;
	clear: right;
	width: 680px;
	padding: 0px 10px;
	margin: 0px 0px 8px 0px;
}

#shoptext h2 {
	font-size: 0.75em;
	color: #007D57;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px;
	font-weight: bold;
	clear: right;
}
#shoptext h3 {
	font-size: 0.75em;
	color: #007D57;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px;
	font-weight: bold;
	line-height: 1.4;
	clear: left;
}
#shoptext h4 {
	font-weight: normal;
	color: #007D57;
	font-size: 0.75em;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px;
	line-height: 1.4;
}
#shoptext h5 {
	font-weight: normal;
	color: #007D57;
	font-size: 0.75em;
	margin: -8px 0px 8px 0px;
	padding: 0px 10px;
	line-height: 1.4;
}
#shoptext p {
	font-size: 0.75em;
	color: #282821;
	margin: 0px 0px 8px 0px;
	padding: 0px 10px;
	line-height: 1.25em;
}

#shoptext p input,
#shoptext p select,
#shoptext h2 input,
#shoptext h2 select {
	margin: 0px 0px 0px 5px;
}

#shoptext p a,
#shoptext li a {
	color: #282821;
}

#shoptext p a:hover,
#shoptext li a:hover {
	color: #007D57;
}
	
#shoptext li {
	font-size: 0.75em;
	color: #282821;
	line-height: 1.4;
}

#shoptext li strong {
	color: #007D57;
	font-weight: bold;
}

#shoptext li li {
	font-size: 1em;
}

#shoptext ul, ol {
	margin: 0px 0px 8px 10px;
	padding: 0px 0px 0px 8px;
}






/*---------------- shop cart -----------------*/

.cartgrid {
	margin: 0px 0px 10px 10px;
	width: 680px;
}

.cartgrid table {
	width: 100%;
}

.cartheading-left {
	background-color: #007D57;
	padding: 5px;
	font-size: 0.75em;
	color: #FFFFFF;
	text-align: left;
}

.cartheading {
	background-color: #007D57;
	padding: 5px;
	border-left: 1px solid #FFFFFF;
	font-size: 0.75em;
	color: #FFFFFF;
	width: 60px;
	text-align: right;
}

.product {
	background-color: #DDD;
	padding: 5px;
	font-size: 0.75em;
	color: #282821;
	border-top: 1px solid #FFFFFF;
}

.cartgrid li {
	font-size: 1em;
}

.product a {
	color: #282821;
}

.product a:hover {
	color: #7F265D;
}

.cart {
	background-color: #DDD;
	padding: 5px;
	font-size: 0.75em;
	width: 60px;
	text-align: right;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #282821;
}

.subtotal-left {
	font-size: 0.75em;
	padding: 5px;
	text-align: right;
	background-color: #8B8D8E;
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
}

.subtotal {
	background-color: #8B8D8E;
	padding: 5px;
	font-size: 0.75em;
	width: 60px;
	text-align: right;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
}

.total {
	background-color: #8E5932;
	padding: 5px;
	font-size: 0.75em;
	color: #FFFFFF;
	width: 60px;
	text-align: right;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.total-left {
	font-size: 0.75em;
	padding: 5px;
	text-align: right;
	font-weight: bold;
	background-color: #8E5932;
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
}

.formtext {
	font-size: 0.75em;
	padding: 5px 10px 10px 0px;
	color: #282821;
	width: 180px;
	vertical-align: top;
}

.formtext-right {
	font-size: 0.75em;
	padding: 5px 10px 10px 0px;
	color: #282821;
	vertical-align: top;
}

.receipthead {
	background-color: #007D57;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: 5px;
	font-size: 0.75em;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}

.receipthead-right {
	background-color: #007D57;
	padding: 5px;
	font-size: 0.75em;
	color: #FFFFFF;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	font-weight: bold;
}

.receipt {
	background-color: #DDDDDD;
	padding: 5px;
	font-size: 0.75em;
	color: #282821;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.buttons input {
	margin: 0px 10px 0px 0px;
}

/*---------------- form inputs -----------------*/

#name,
#subject,
#email,
#message,
#search,
#price,
#username,
#password,
#country,
#state,
#address1,
#address2,
#city, 
#postcode,
#tel,
#coupon,
#tax1,
#tax2,
#postage,
#instruction,
#found,
#whybuy,
#cctype,
#ccnumber, {
	width: 200px;
}

#ccexpmonth,
#ccexpyear, 
#ccstartmonth,
#ccstartyear,
#issue {
	width: 50px;
}



/*---------------- shop cart -----------------*/


#cart {
	margin: 0;
	padding: 0px;
	width: 700px;
	float: left;
	clear: left;
}

#cart table {
	width: 700px;
	font-size: 0.75em;
	clear: left;
}
#cart th {
	background-color: #007D57;
	color: #FFFFFF;
	padding: 5px;
	text-align: left;
	font-weight: bold;
}
#cart td {
	vertical-align: top;
}
#cart .summary {
	border-top: 0px solid #8B8D8E;
}

#cart .summaryprice {
	padding: 5px;
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	text-align: right;
	color: #FFF;
	background-color: #8B8D8E;
}

#cart .summarytext {
	padding: 5px;
	border-top: 1px solid #FFF;
	color: #FFF;
	background-color: #8B8D8E;
	text-align: right;
}

#cart .totalprice {
	width: 60px;
	padding: 5px;
	border-left: 1px solid #FFF;
	border-top: 3px solid #FFF;
	text-align: right;
	color: #FFF;
	background-color: #8E5932;
	font-weight: bold;
}

#cart .totaltext {
	padding: 5px;
	border-top: 3px solid #FFF;
	color: #FFF;
	background-color: #8E5932;
	font-weight: bold;
	text-align: right;
}


#cart .eC_PurchaserInfoWrapper {
	border-top: 3px solid #DDD;
	padding: 10px 0px 0px 0px;
}
#cart .tablelable {
	padding: 5px 10px 5px 5px;
	color: #282821;
	width: 150px;
	font-weight: bold;
	background-color: #DDD;
	border-top: 1px solid #FFF;
}
#cart .productimage {
	padding: 5px 0px;
	width: 220px;
}
#cart .description {
	padding: 5px;
	color: #282821;
	background-color: #DDD;
	border-top: 1px solid #FFF;
}
#cart .description img {
	float: right;
	margin: 0px 0px 10px 10px;
}
#cart .description h2 {
	color: #007D57;
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	line-height: 1.3;
}

#cart .description h3 {
	color: #E1081E;
	font-size: 1em;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
	line-height: 1.3;
}
#cart .description p {
	font-size: 1em;
	line-height: 1.3;
}

#cart .pricehead {
	border-left: 1px solid #FFF;
	text-align: right;
}

#cart .price {
	width: 60px;
	padding: 5px;
	border-left: 1px solid #FFF;
	text-align: right;
	color: #282821;
	background-color: #DDDDDD;
	border-top: 1px solid #FFF;
}
#cart .remove {
	width: 5px;
	padding: 5px;
	text-align: right;
	color: #282821;
	background-color: #DDDDDD;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
}

#cart .removehead {
	border-right: 1px solid #FFF;
	text-align: center;
}

#cart .buttons {
	padding: 10px 5px 0px 0px;
	border-top: 0px solid #8E5932;
}
#cart .checkout {
	padding: 10px 0px 0px 0px;
	border-top: 3px solid #DDD;
	width: 80px;
}
#cart  .buttons  input {
	margin: 0;
}
#cart .cartempty {
	height: 400px;
}
#cart ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
#cart li {
	font-size: 0.75em;
	color: #333333;
}

#carttext {
	float: left;
	width: 700px;
	padding: 10px 0px;
	clear: left;
}

#carttext h2 {
	font-size: 0.88em;
	color: #007D57;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	clear: left;
}

#carttext p {
	font-size: 0.75em;
	color: #282821;
	margin: 0px 0px 5px 0px;
	line-height: 1.4;
	clear: left;
}




/*---------------- admin -----------------*/


#admin {
	margin: 0;
	padding: 0px;
	width: 700px;
	float: left;
	clear: left;
}

#admin h2 {
	font-size: 0.88em;
	color: #007D57;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	clear: left;
}

#admin p {
	font-size: 0.75em;
	color: #282821;
	margin: 0px 0px 5px 0px;
	line-height: 1.4;
	clear: left;
}


#admin table {
	width: 700px;
	font-size: 0.75em;
	clear: left;
	margin: 0px 0px 10px 0px;
}
#admin th {
	background-color: #007D57;
	color: #FFFFFF;
	padding: 5px;
	text-align: left;
	font-weight: bold;
}
#admin td {
	vertical-align: top;
	padding: 5px 0px;
}

#admin .text {
	color: #282821;
	text-align: left;
	width: 100px;
	font-weight: normal;
}