/*******************************************
Site: Westbury
Webmaster: Leonie Lindo
Date:18/08/2008

********************************************/


/*--------------------------------------------------------------------------*/
/* reset elements */

/* force scrollbars - breaks popups */
/*html { 
	height: 100%;
	margin-bottom: 1px; 
}*/
body {
	background: #5a778a url(../images/body-bg.png) no-repeat 50% 105px;
	font-size: 75.01%;
	margin: 0;
	padding: 0; 
}

.grey-bg {
	background-color:#808080;
}
body, button, input, select, textarea {
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
}
table, button, input, select, textarea {
	font-size: 1.0em;
}
* :focus {
    outline: 0;
    }/*THIS GETS RID OF THE DOTTED OUTLINE FROM AROUND ANY LINK ON FOCUS*/
* :active {
    outline: 0 none; -moz-outline: 0 none;
    }/*THIS GETS RID OF THE DOTTED OUTLINE FROM AROUND ANY LINK ON FOCUS ON OLDER FIREFOX AND MOZILLA BROWSERS*/

a img {
	border: 0;
}
p {
	line-height: 1.5;
	margin: 1em 0;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
h2 {
	font-size: 1.5em;
	margin: 0.75em 0;
}
a:link {
	color: #5e7b8e;
}
a:visited {
	color: #689;
}
a:hover {
	color: #5e7b8e;
	text-decoration: none;
}
object {
	display: block;
}

/*--------------------------------------------------------------------------*/
/* general (mostly non-semantic) classes */

.clear {
	clear: both
}
.inline {
	display: inline;
}
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.floatright {
	float: right;
}

a.more {
	background: #75c00a url(../images/ltgreen-arrow.gif) no-repeat 100% 50%;
	padding: 4px 28px 3px 6px;
}
a.more:link,
a.more:visited {
	color: #fff;
	text-decoration: none;
}
a.more:hover {
	text-decoration: underline;
}

a.more span {
	background: url(../images/arrow-right-green.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
}

div.banner {
	background: #9d855b;
	margin: 0 -30px 1em;
	position: relative;
	height: 183px;
}
div.banner h1 {
	color: #fff;
	font-family: Baskerville, "Times New Roman", Times, serif;
	font-size: 5em;
	font-weight: normal;
	line-height: 1;
	margin: 0;
	position: absolute;
	top: 17px;
	left: 29px;
}

div.content-primary ul {
	margin:  1em 0 1em 1.5em;
}


/*--------------------------------------------------------------------------*/
/* access keys and skip links */

#top {}
#accessibility {
	height: 0;
	left: -10000px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: -10000px;
}


/*--------------------------------------------------------------------------*/
/* layout */

body#fragment { background: #fff; } /* for thickbox backgrounds*/
body#fragment-2 {
background-color:#808080;
background-image:none;
}

#wrapper {
	min-width: 977px;
}
#header {
	background: #fff;
	padding: 27px 0 5px;
}
#header-wrap {
	height: 73px;
	margin: 0 auto;
	width: 977px;
	position: relative;
}

/* logo */
#logo {
	float: left;
	width: 204px;
}
#logo a,
#logo a img {
	display: block;
}

#header {
}

/* header navigation */
#meta-nav {
	position: absolute;
	right: 320px;
	top: 2px;
}
#meta-nav ul {
	list-style-type: none;
	margin: 0 0 0 15px;
	padding: 0;
}
#meta-nav ul li {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../images/divider.gif) no-repeat 0 50%;
}
#meta-nav ul li.first {
	background: transparent;
}
#meta-nav ul li a {
	color: #5e7b8e;
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#meta-nav ul li a:hover {
	text-decoration: underline;
}

/* order a brochure link */
#brochure {
	position: absolute;
	right: 160px;
	top: 0;
}
#brochure a {
	background: url(../images/brochureBtn.gif) no-repeat 0 0;
	display:block;
	height: 21px; 
	width: 141px;
}

/* search */
#site-search {
	position: absolute;
	right: 0;
	top: 0;
	width: 143px;
}
#site-search form {
	margin: 0;
	padding: 0;
}
#site-search fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#site-search div#search-text-wrap {
	float: left;
	width: 143px;
}
#site-search div#search-top,
#site-search div#search-btm {
	height: 2px;
	overflow: hidden;
	width: 132px;
}
#site-search div#search-top {
	background: url(../images/search-top.gif) no-repeat 0 0;
}
#site-search div#search-btm {
	background: url(../images/search-btm.gif) no-repeat 0 0;
}
#site-search input#search-text {
	background: #e6e6e6 url(../images/search-bg.gif) repeat-x 0 0;
	border-bottom: none;
	border-left: 1px solid #969696;
	border-right: 1px solid #969696;
	border-top: none;
	float: left;
	height: 14px;
	margin: 0;
	padding: 0 0 0 10px;
	width: 122px;
}
#site-search input#searchBtn {
	border: none;
	border: none;
	float: left;
	height: 19px;
	margin: 0 0 0 -22px;
	width: 20px;
}

/* primary navigation */
#nav {
	position: relative; display:inline; float: right;
	margin: 32px 0 0; height:46px;
}
#nav ul {
	list-style-type: none;
	padding:0;
	
}
#nav li {
	position: relative; display:inline; float: left;
	margin: 0;
	padding: 0;
}
#nav a {
	display: block;
	height: 17px;
}
#nav li.on a,
#nav a.hover,
#nav a:hover {
	background-position: 100% 100%;
}
#nav span {
	left: -10000px;
	position: absolute;
	top: -10000px;
}
#nav #nav-1 {
	background-image: url(../images/nav-about-us.png);
	width: 89px;
}
#nav #nav-2 {
	background-image: url(../images/nav-garden-rooms.png);
	margin: 0 0 0 -6px;
	width: 134px;
}
#nav #nav-3 {
	background-image: url(../images/nav-orangeries.png);
	margin: 0 0 0 -6px;
	width: 112px;
}
#nav #nav-4 {
	background-image: url(../images/nav-conservatories.png);
	margin: 0 0 0 -6px;
	width: 145px;
}
#nav #nav-5 {
	background-image: url(../images/nav-pool-houses.png);
	margin: 0 0 0 -6px;
	width: 123px;
}
#nav #nav-6 {
	background-image: url(../images/nav-windows-joinery.png);
	margin: 0 0 0 -6px;
	width: 157px;
}
#nav #nav-7 {
	display: none; /* hide Help & Advice as it is in the menu above */
}

#nav ul li ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute; 
	top: 17px;
	height:28px; line-height:28px;
	background:#fff;
}

#nav ul li.on ul {
display:block;
}

#nav ul ul {
	display:none;
}

#nav ul ul li {
	font-size: 1.083em;
	font-weight: bold;
	background: url(../images/divider-grey.gif) no-repeat 2px 50%;
	padding: 0 0 0 15px;
	white-space: nowrap;
}

#nav ul ul li.first {
	background: transparent;
	padding: 0;
}
#nav ul ul li a {
	color: #808080;
	height: auto;
	text-decoration: none;
	white-space: nowrap;
}
#nav ul ul li a:hover {
	color: #7faac7;
	text-decoration: underline;
}
#nav ul ul li.on a {
	color: #7faac7;
	text-decoration: none;
}
#nav #subnav-1 { left: 0; width:750px; }
#nav #subnav-2 {}
#nav #subnav-3 {}
#nav #subnav-4 {}
#nav #subnav-5 {}
#nav #subnav-6 { right: 0; width:210px; }

/* breadcrumb navigation */



#breadcrumbs {
	color: #f5f5f5;
	clear: both;
	line-height: 38px;
	margin: 30px auto 0 auto;
/*	*margin: 0 auto 0 auto;
*/	padding: 0;
	width: 977px;
}
#breadcrumbs ul {
	margin: 0;
	padding: 0;

}
#breadcrumbs li {
	float: left;
	height: 38px;
	list-style-type: none;
	margin: 0;
	padding: 0 15px 0 2px;
}
#breadcrumbs a {
	padding: 5px 10px;
}
#breadcrumbs a:link,
#breadcrumbs a:visited {
	color: #86acc3;
	text-decoration: underline;
}
#breadcrumbs a:hover {
	color: #f5f5f5;
}
#breadcrumbs span {
	padding: 5px 10px;
}
#breadcrumbs span.here {
	font-weight: bold;
}
#breadcrumbs .crumb-1 { /* note: numbering in reverse order */
}
#breadcrumbs .crumb-2 {
	background: url(../images/breadcrumb-bg-2.png) no-repeat 100% 50%;
}
#breadcrumbs .crumb-3 {
	background: url(../images/breadcrumb-bg-3.png) no-repeat 100% 50%;
}
#breadcrumbs .crumb-4 {
	background: url(../images/breadcrumb-bg-4.png) no-repeat 100% 50%;
}
#breadcrumbs .crumb-5 {
	background: url(../images/breadcrumb-bg-5.png) no-repeat 100% 50%;
}

/* footer */
#footer {
	clear: both;
	color: #fff;
	margin: 0 auto;
	padding: 15px 0 40px;
	width: 977px;
}
#footer p {
	float: left;
	margin: 0;
	padding: 0;
}
#footer ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer ul li {
	color: #fff;
	float: left;
	margin: 0;
	padding: 0 2px;
}
#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}


/*--------------------------------------------------------------------------*/
/* Content wrappers */

#bluebg-wrapper {
	padding: 10px 0 0;
}
#brownbg-wrapper {
	padding: 10px 0 0;
	background: #b09863;
}
#greenbg-wrapper {
	padding: 10px 0 0;
	background: #696f28;
}
#greybg-wrapper {
	padding: 10px 0 0;
	background: #808080;
}
#joinery-detail-wrapper {
	background-position: 50% 0;
	background-repeat: no-repeat;
	padding: 60px 0 0;
}

#content-wrapper {
	margin: 0 auto;
	text-align: left;
	width: 977px;
}

div.content-primary {
	float: left;
	width: 767px;
}
div.wrapper-top,
div.wrapper-middle,
div.wrapper-bottom {
	float: left;
	width: 767px;
}
div.wrapper-top,
div.wrapper-bottom {
	overflow: hidden;
}
div.wrapper-top {
	background: url(../images/wrapper-767-top.png) no-repeat 0 0;
	height: 6px;
}
div.wrapper-middle {
	background: url(../images/wrapper-767-middle.png) repeat-y 0 0 ;
}
div.wrapper-bottom {
	background: url(../images/wrapper-767-bottom.png) no-repeat 0 0;
	height: 10px;
}

#inner {
	padding: 0 35px;
	margin: 0 2px;
}

#content-secondary {
	float: right;
	width: 207px;
}


/*--------------------------------------------------------------------------*/
/* Home page template */

/* Home sub nav */
#home-subnav {
	float: left; position:relative; display:inline;
	margin-top: 70px;
	width: 272px;
}
#home-subnav li {
	clear: both;
	display: block;
	list-style-type: none;
	padding: 0 0 5px;
}
#home-subnav li h2 {
	background: #696f29;
	color: #fff;
	cursor: pointer;
	font-family: Baskerville, "Times New Roman", Times, serif;
	font-size: 1.1667em;
	font-weight: bold;
	line-height: 1em;
	margin: 0;
	padding: 5px 0;
	text-indent: 10px;
}
#home-subnav li.selected h2 {
	/*
	background: #adb73d;
	font-size: 2.1667em;
	*/
}
#home-subnav li div.content {
	height: 95px;
}
#home-subnav li div.content p {
	padding: 0;
	margin: 10px;
}
#home-subnav li div.content div.teaser-link {
	background: #adb73d;
	padding: 0 10px 5px;
}
#home-subnav li div.content div.teaser-link a {
	background: url(../images/teaser-link-bg.gif) no-repeat 100% 50%;
	padding-right: 15px;
}
#home-subnav li div.content div.teaser-link a:link,
#home-subnav li div.content div.teaser-link a:visited {
	color: #fff;
	text-decoration: none;
}
#home-subnav li div.content div.teaser-link a:hover {
	text-decoration: underline;
}
#home-subnav li div.content div.content-info {
	background: #fff;
	border: 1px solid #ccc;
	filter: alpha(opacity=90);
	opacity: 0.9;
}

/* Home teasers */
#home-modules {
	float: right;
	list-style-type: none;
	margin: 380px 0 0;
	padding: 0;
}
#home-modules li {
	float: left;
	height: 108px;
	width: 210px;
}
#home-modules div.cmhtml-section {
	margin: 14px 15px 0;
}
#home-modules h2 {
	font-family: Baskerville, "Times New Roman", Times, serif;
	padding: 0;
}
#home-modules a {
	padding: 4px 24px 3px 6px;
}
#home-modules a:link,
#home-modules a:visited {
	color: #fff;
	text-decoration: none;
}
#home-modules a:hover {
	text-decoration: underline;
}

#module-1 {
	background: url(../images/why.png) no-repeat 0 0;
}
#module-1 h2 {
	color: #6d8d80;
	font-size: 2em;
	margin: 0 0 8px 0;
}
#module-1 h2 em {
	color: #5e7b8e;
	display: block;
	font-size: 0.667em;
	font-style: normal;
	margin: 0 0 -5px 0;
	padding: 0;
}
#module-1 a {
	background: #4ab188 url(../images/green-arrow.gif) no-repeat 95% 50%;
}

#module-2 {
	background: url(../images/inspiration.png) no-repeat 0 0;
}
#module-2 h2 {
	color: #bb702d;
	font-size: 1.75em;
	margin: 0 0 30px 0;
}
#module-2 a {
	background: #bb702d url(../images/brown-arrow.gif) no-repeat 95% 50%;
}

#module-3 {
	background: url(../images/environment.png) no-repeat 0 -1px;
}
#module-3 h2 {
	color: #7faac7;
	font-size: 1.5em;
	margin: 0 0 33px 0;
}
#module-3 a {
	background: #7faac7 url(../images/blue-arrow.gif) no-repeat 95% 50%;
}


/*--------------------------------------------------------------------------*/
/* About us template */

#about-us ul {
	list-style-type: none;
	margin: 0;
}
#about-us li {
	background: url(../images/about-us-teaser-divider.gif) no-repeat 0 0;
	float: left;
	margin:  0 0 0 24px;
	padding:  0 0 0 24px;
}
#about-us div.inner {
	padding: 20px 0 0;
	width: 199px;
}
#about-us li.first {
	background: transparent;
	margin: 0;
	padding: 0;
}
#about-us ul h2 {
	font-size: 1em;
}
#about-us ul h2 a {
	background: url(../images/arrow-right-green.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
}
#about-us ul h2 a:link,
#about-us ul h2 a:visited {
	color: #5e7b8e;
	text-decoration: none;
}
#about-us ul h2 a:hover {
	text-decoration: underline;
}

#about-us .teaser-image p {
	margin: 0;
}


/*--------------------------------------------------------------------------*/
/* Detail template */

#detail h2 {
	font-family: Baskerville, "Times New Roman", Times, serif;
	color: #335266;
	margin: 1em 0 0;
}
#detail p {
	margin: 0 0 1em;
}
#detail #inner div.cmhtml-section {
	width: 446px;
}

/*--------------------------------------------------------------------------*/
/* Windows and joinery template */

#landing div.title {
	color: #fff;
	margin-bottom: 65px;
	width: 767px;
}
#landing div.title h1 {
	font-family: Baskerville, "Times New Roman", Times, serif;
	font-size: 5em;
	font-weight: normal;
	margin: 0;
	line-height: 1;
}
#landing div.title p {
	font-family: Baskerville, "Times New Roman", Times, serif;
	color: #fff;
	display: block;
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
	margin: 0;
}
#landing-modules {
	float: left;
	margin: 0;
}
#landing-modules li.module {
	display: inline; /* IE6 double margin fix */
	float: left;
	margin-right: 9px;
	width: 211px;
}
#landing-modules img {
	display: block;
	float:left;
}
#landing-modules div.text {
	background: url(../images/landing-mod-bg.png) repeat-y 0 0;
	float: left;
	width: 100%;
}
#landing-modules div.text p {
	height: 6em;
}
#landing-modules div.text div.link p {
	height: auto;
}

#landing-modules div.text div.cmhtml-section {
	padding: 10px 10px 0;
}
#landing-modules h2 {
	font-family: Baskerville, "Times New Roman", Times, serif;
	font-size: 2em;
	margin: 0;
	padding: 0;
	
}
#landing-modules a {
	padding: 4px 28px 3px 6px;
}
#landing-modules a:link,
#landing-modules a:visited {
	color: #fff;
	text-decoration: none;
}
#landing-modules a:hover {
	text-decoration: underline;
}
#landing-modules div.bottom {
	background: url(../images/landing-mod-btm.png) no-repeat 0 100%;
	height: 5px;
	width: 100%;
	
}
#landing-modules #landing-module-1 h2 {
	color: #bb702d;
}
#landing-modules #landing-module-1 a {
	background: #bb702d url(../images/brown-arrow.gif) no-repeat 95% 50%;
}
#landing-modules #landing-module-2 h2 {
	color: #7faac7;
}
#landing-modules #landing-module-2 a {
	background: #5e7b8e url(../images/dkblue-arrow.gif) no-repeat 95% 50%;
}
#landing-modules #landing-module-3 h2 {
	color: #adb73d;
}
#landing-modules #landing-module-3 a {
	background: #75c00a url(../images/ltgreen-arrow.gif) no-repeat 100% 50%;
}


/*--------------------------------------------------------------------------*/
/* FAQ template */

#faq div.banner {
/*	background: url(../images/faq-header.jpg) no-repeat 0 0;*/
	background: url(../images/faq-banner-bg.gif) no-repeat 0 0;
	height: 189px;
	margin: 0 8px;
}
#faq div.banner h1 {
	color: #696f28;
	font-size: 6.667em;
	left: 28px;
	top: 12px;
}
#faq div.banner h2 {
	color: #adb73d;
	font-family: Baskerville, "Times New Roman", Times, serif;
	font-size: 24px;
	margin: 0;
	left:28px;
	top: 105px;
	position: absolute;
	line-height: 1;
}
#faq div.banner p {
	left: 520px;
	top: 120px;
	position: absolute;
}
#faq div.banner p a {
	background: #75c00a url(../images/ltgreen-arrow.gif) no-repeat 100% 50%;
	padding: 4px 28px 3px 6px;
	text-decoration: none;
}
#faq div.banner p a:link,
#faq div.banner p a:visited {
	color: #fff;
	text-decoration: none;
}
#faq div.banner p a:hover {
	text-decoration: underline;
}


#subnav {
	margin: 0 50px 0 0;
	padding: 25px 0 0;
	float: left;
	width: 230px;
}
#subnav ul {
	list-style: none;
	margin: 0 0 0 20px;;
	padding: 0;
}
#subnav ul li span {
	display: block;
	padding: 3px 3px 3px 25px;
	background: transparent url(../images/bg_faq_subnav_bottom.gif) no-repeat -173px 100%;
}
#subnav ul li a {
	font-size: 1.1667em;
	font-weight: bold;
	display: block;
	width: 173px;
	background: transparent url(../images/bg_faq_subnav_top.gif) no-repeat 0 0;
}
#subnav ul li a:link,
#subnav ul li a:visited {
	color: #5e7b8e;
	text-decoration: none;
}
#subnav ul li a:hover, 
#subnav ul li.current a {
	background-position: -173px 0;
}
#subnav ul li.current a:link,
#subnav ul li.current a:visited {
	color: #78c10f;
}
#subnav ul li a:hover span, 
#subnav ul li.current a span {
	background-position: 100% 100%;
}

#faq-question {
	float: left;
	list-style: none;
	margin: 0;
	padding:25px 35px 0;
	width: 450px;
}
#faq-question li {
	/*background: url(../images/arrow-green-right.gif) no-repeat 0 1px;*/
	display: block; position:relative; clear:both;
	padding: .5em 0 0 0;
	*padding: 1em 0 0 0;
}
#faq-question a.question {
	font-weight: bold;
	line-height: 1.25;
	margin:.5em 0;
	position:relative; display:block;
}
/*#faq-question a.question:link,
#faq-question a.question:visited {
	
	color: #5e7b8e;
	text-decoration: none;
}*/

#faq-question a{
	
	color: #5e7b8e;
	text-decoration: none;
}
#faq-question a.question:hover {
	text-decoration: underline;
}
#faq-question a.question:focus {
	outline: none;
}

/*#faq-question li.selected {
	background: url(../images/greenfaqquestion-arrowselec.png) no-repeat 0 -3px;
}
#faq-question li.ui-accordion-content-active a,*/
#faq-question li a.ui-state-active {
	font-size: 1.5em;
	font-weight: bold;
	color: #404040;
	text-decoration: none;
}
/*#faq-question li.selected a:link,
#faq-question li.selected a:visited {
	color: #404040;
	text-decoration: none;
}*/
.faq-answer {position:relative; display:block; padding:0 0 0 25px; }
#faq-question p {
	margin: 0;
	padding: 0 0 1em 0;
}
#faq-question li div.ui-accordion-content-active a{zoom:0!important; }

#faq-question li div.cmhtml-section a:hover{text-decoration:underline;}

#faq-question li a.ui-state-default {background: url(../images/arrow-green-right.gif) no-repeat 0 1px;
	padding: 0 0 0 25px;}

#faq-question li a.ui-state-active {background: url(../images/greenfaqquestion-arrowselec.png) no-repeat 0 -3px;
	padding: 0 0 0 25px;
	color: #404040;}

/*--------------------------------------------------------------------------*/
/* Search result template */

#searchresult #inner {
	padding: 20px 200px 20px 50px;
}

#su {
	margin: 0 0 2em;
}
#su h2 {
	font-size: 1.1667em;
	font-weight: normal;
}
#su h2 span.st {
	display: block;
	font-size: 0.786em;
}

#re dl {
	margin:  0 0 0 -25px;
}
#re dt {
	font-size: 1.1667em;
	background: url(../images/greenfaqquestion-arrow.gif) no-repeat 0 50%;
	padding: 0 0 0 25px;
}

#re dd {
	padding: 0 0 0 25px;
	margin: 0 0 2em;
}
#re dd p {
	margin: 0;
}
#re dd p.fm {
	font-size: 0.91667em;
}

#re h3,
#n h3 {
	position: absolute;
	text-indent:  -9999px;
}

#n {
	font-size: 0.91667em;
	margin: 0 0 2em;
}
#n a {
	font-weight: bold;
	margin: 3px 0 0;
}
#n ul {
	margin: 0;
}
#n li {
	display: inline;
	margin: 0 0.5em 0 0;
}
#n a:link,
#n a:visited {
	text-decoration: none;
}
#n li.prev-off,
#n li.next-off {
	color: #cacaca;
}


/*--------------------------------------------------------------------------*/
/* Sitemap template */

#sitemap {
	float: left;
	width: 970px;
}
#sitemap h1 {
	font-family: Baskerville, "Times New Roman", Times, serif;
	font-size: 40px;
	color: #404040;
	margin: 30px 0 40px;
	padding: 0;
}
#sitemap h2 {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/greenfaqquestion-arrow.gif) no-repeat 0 0;
	padding: 0 0 0 20px;
	font-size: 1.2em;
	margin: 0 0 8px;
}
#sitemap a:link,
#sitemap a:visited {
	text-decoration: none;
	color: #648397;
}
#sitemap a:hover {
	text-decoration: underline;
}
#sitemap #inner {
	padding-left: 50px;
}
.sitemap-top {
	background: url(../images/wrapper-970-top.png) no-repeat 0 0;
	height: 6px;
	width: 970px;
	float: left;
	overflow: hidden;
}
.sitemap-middle {
	background: url(../images/wrapper-970-middle.png) repeat-y 0 0;
	width: 970px;
	float: left;
}
.sitemap-btm {
	background: url(../images/wrapper-970-bottom.png) no-repeat 0 0;
	width: 970px;
	height: 11px;
	float: left;
	overflow: hidden;
}
#sitemap div.section {
	float: left;
	height: 245px;
	width: 220px;
}
#sitemap div.section ul {
	list-style: none;
	margin: 0 40px 0 20px;
	padding: 0;
	width: 160px;
}
#sitemap div.section li {
	margin: 0 0 5px;
	padding: 0;
}


/*--------------------------------------------------------------------------*/
/* joinery detail template */

#joinery-detail {
	margin: 245px 0 0;
}

/* Tabs */
#joinery-tabs {
	padding: 25px 0;
	width: 437px;
	float: left;
}
#joinery-tabs h2 {
	color: #404040;
	font-size: 1.6em;
}
#joinery-tabs h3 {
	color: #5e7b8e;
	text-transform: uppercase;
	font-family: Baskerville, "Times New Roman", Times, serif;
	font-size: 2.143em;
}
#joinery-tabs h4 {
	color: #7faac7;
	font-family: Baskerville, "Times New Roman", Times, serif;
	font-size: 1.607em;
}

/* tabs */
.ui-tabs-hide {
	position: absolute;
	left: -10000px;
}

div.tabs {
	height: 36px;
}
div.tabs ul {
	height: 34px;
	background: url(../images/tabs-bg.gif) repeat-x 50% 50%;
	padding: 0;
	margin: 0;
	float: left;
	border: 1px solid #ececec;
	border-right: none;
}
div.tabs li {
	float: left;
	list-style-type: none;
	border-right: 1px solid #ececec;
}
div.tabs li.ui-tabs-selected {
	background: #fff url(../images/tabs-active.gif) repeat-x 50% 50%;
}
div.tabs a {
	display: block;
	font-weight: bold;
	padding: 0 2em;
	line-height: 34px;
}
div.tabs a:link,
div.tabs a:visited {
	color: #7faac7;
	text-decoration: none;
}
div.tabs a:hover {
	color: #404040;
	text-decoration: none;
}
div.tabs a:focus {
	outline: none;
}

div.tabs li.ui-tabs-selected a:link,
div.tabs li.ui-tabs-selected a:visited {
	color: #78C10F;
}
div.tab-content {
	clear: both;
	margin: 2em 0;
}
div.tab-content img.cmhtml-img-left-1 {
	margin: 0 auto 1em;
	display: block;
}

#case-study h1,
#product-landing h1 {
	color: #335266;
	text-transform: uppercase;
	font-family: Baskerville, "Times New Roman", Times, serif;
	font-size: 2em;
}
#case-study a.more,
#product-landing a.more {
	float: right;
	margin: 0 0 2em;
	/*width: 152px;*/
}

img.mainphoto {
	margin: 0 -30px;
	display: block;
}

div.intro {
	width: 463px;
}
div.intro p {
	margin-top: 0;
}
div.fast-facts {
	clear: right;
	width: 185px;
	float: right;
	line-height: 1.5;
}
div.fast-facts h2 {
	margin: 0;
}
div.case-studies {
	margin: 2em 0 0;
	clear: both;
}
div.case-studies h2 {
	color: #404040;
	font-size: 1.2em;
	margin-bottom: 0.5em;
}
div.case-studies ul {
	margin: 0;
	padding: 0;
}
div.case-studies ul li {
	list-style-type: none;
	margin: 0 0 0 11px;
	padding: 0;
	float: left;
	background: url(../images/case-studies-bar.gif) no-repeat 0 0;
}
div.case-studies ul li.first {
	background: transparent;
	margin: 0;
}
div.case-studies ul li div.inner {
	margin: 0 0 0 12px;
	width: 120px;
}
div.case-studies ul li.first div.inner {
	margin: 0;
}
div.case-studies ul h3 {
	font-size: 1em;
}
div.case-studies ul h3 span {
	background: url(../images/arrow-right-green.gif) no-repeat 100% 50%;
	padding-left: 15px;
}
div.case-studies ul h3 a:link,
div.case-studies ul h3 a:visited {
	color: #5e7b8e;
	text-decoration: none;
}
div.case-studies ul h3 a:hover {
	text-decoration: underline;
}


/*--------------------------------------------------------------------------*/
/* Meet the experts template */

#meet-our-experts h1 {
	color: #696f28;
	font-family: Baskerville, "Times New Roman", Times, serif;
	font-size: 3em;
	margin: 20px 0 0 38px;
}
#meet-our-experts ul {
	height: 250px;
	width: 727px;
	margin: 0 0 0 38px;
	list-style-type: none;
}
#meet-our-experts li {
	float: left;
	position: relative;
	margin-right: 15px;
}
#meet-our-experts li a {
	display: block;
	float: left; 
	margin: 0;
	padding: 0;
	display: inline;
}
#meet-our-experts li a:link,
#meet-our-experts li a:visited {
	text-decoration: none;
}
#meet-our-experts li a:hover {
	border: none;
}
#meet-our-experts a span {
	background: url(../images/meet-our-experts-arrow.png) no-repeat 0 0;
	color: #fff;
	cursor: pointer;
	display: block;
	height: 20px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-decoration: none;
	padding: 0 0 0 20px;
	width: 0;
	text-indent: 9999px;
}
#meet-our-experts a:hover span {
	background-color: #75c00a;
	background-position: 0 -60px;
	height: auto;
	padding: 5px 7px 5px 17px;
	text-indent: 0;
	visibility: visible; 
	width: 100px;
	z-index: 100;
}
#meet-our-experts a span strong {
	display: block;
}
#meet-our-experts li div.description {
	position: absolute;
	text-indent:  -9999px;
}

/*--------------------------------------------------------------------------*/
/* small shadow box */

.box {
	width: 207px;
	float: left;
	margin: 0 0 1px;
}
.box-top,
.box-bottom {
	width: 207px;
	height: 10px;
	float: left;
	overflow: hidden;
}
.box-top {
	background: url(../images/box-top.png) no-repeat 0 0;
}
.box-bottom {
	background: url(../images/box-bottom.png) no-repeat 100% 0;
}
.box-middle {
	background: url(../images/box-middle.png) repeat-y 0 0;
	float: left;
	width: 207px;
}
.box-inner {
	margin: 0 13px;
}
.box-inner h3 {
	font-size: 1.5em;
	color: #adb73d;
	font-family: Baskerville, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
.box-inner h3 em {
	font-style: normal;
	text-transform: none;
	display: block;
	line-height: 0.75;
	padding: 0.25em 0 0;
}
.box-inner p {
	color: #696f28;
	margin: 0 0 0.75em;
}
.box-inner ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.box-inner ul li {
	margin: 0;
	padding: 0 0 5px;
	line-height: 1.3em;
}
.box-inner ul li a:link,
.box-inner ul li a:visited {
	color: #5e7b8e;
	text-decoration: none;
}
.box-inner ul li.last {
	margin: 0;
	padding: 0;
}

/* exceptions: */
#send-photo div.box-middle {
	background: url(../images/box-send-photo.png) no-repeat 0 100%;
	padding: 0 0 15px;
}
#send-photo p {
	margin-right: 40px;
}

#arrange-visit div.box-middle {
	background: url(../images/box-arrange-visit.png) no-repeat 0 100%;
	padding: 0 0 15px;
}
#arrange-visit h3 {
	font-size: 1.666em;
}

#how-to-buy-guide div.box-middle {
	background: url(../images/box-how-to-buy.png) no-repeat 0 0;
	padding: 10px 0 0;
}
#how-to-buy-guide div.box-bottom {
	background-image: url(../images/box-how-to-buy-bottom.png);
}
#how-to-buy-guide div.box-inner {
	margin: 0 40px 0 13px;
}
#how-to-buy-guide h3 {
	color: #634e28;
	font-size: 1.75em;
}
#how-to-buy-guide h3 em {
	color: #9d855b;
}
#how-to-buy-guide a.more {
	background: transparent;
	color: #404040;
	text-indent: 0;
	padding: 0;
}

#our-services div.box-middle {
	background: url(../images/box-our-services.png) no-repeat 0 0;
	padding: 10px 0;
}
#our-services div.box-inner {
	margin-bottom: 0;
	height: 101px;
}
#our-services h3 {
	font-size: 1.75em;
	margin:0;
	padding:0;
}
#our-services div.box-inner div {
	margin: 0.2em 0;
}
#our-services div.box-inner div a {
	background: url(../images/arrow-right-green.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
}
#our-services h3 em {
	color: #696f28;
}
#our-services a.more {
	background: transparent;
	color: #404040;
	text-indent: 0;
	padding: 0;
}
#our-services p {
	margin: 0;
	padding: 0;
}

#technical-drawings div.box-middle {
	background: url(../images/box-technical-drawings.png) no-repeat 0 0;
	padding: 10px 0;
}
#technical-drawings div.box-inner {
	margin-bottom: 0;
	height: 80px;
}
#technical-drawings h3 {
	color: #5e7b8e;
	font-size: 1.75em;
}
#technical-drawings h3 em {
	margin: 0 0 20px;
}

#related-links h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #404040;
	font-size: 1.1667em;
	text-transform: none;
}
#related-links li {
	margin: 0.5em 0;
}
#related-links li a {
	font-weight: bold;
}
#related-links li a span {
	background: url(../images/download_arrow.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
	
}


/*--------------------------------------------------------------------------*/
/* layer form */

#fragment #form-success,
#fragment form {
	margin: 0 25px;
	width: 404px;
}
#fragment form div {
	clear: both;
	float: left;
	padding: 0 0 4px;
	width: 404px;
	position:relative;
}
#fragment #form-success h1,
#fragment h1 {
	color: #5e7d91;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	margin: 10px 0 0;
	padding: 0;
	float: left;
	clear: both;
	width: 354px;
}
#fragment form h2 {
	clear: both;
	color: #5e7d91;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 15px 0 0;
	margin: 0 0 5px;
	float: left;
	clear: both;
	width: 404px;
}
#fragment #form-success p,
#fragment form p {
	float: left;
	clear: both;
	margin: 0 0 5px;
	padding: 15px 0 0;
	width: 404px;
}
#fragment form p.hint,
#fragment form p.disclaimer {
	font-size: 0.91667em;
	line-height: 1.2;
	clear: both;
}
#fragment form a:link,
#fragment form a:visited {
	color: #5e7d91;
}
#fragment form label {
	color: #404040;
	float: left;/**/
	font-weight: bold;
	/*margin: 3px -100px 0 0;*/
	margin: 3px 30px 0 0;
	padding: 0;
	text-align: right;
	width: 100px;
}
#fragment form label.error {
	color: #f00;
	float: right;
	font-size: 0.91667em;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 0 5px;
	text-align: left;
	width: 130px;
	/*width:auto;*/
	position:absolute;
	top:0;
	right:-135px;

	
}
#fragment form div.select label.error {
/*margin: 0 0 0 110px;*/
margin: 0 0 0 0;
right:-10px;

}
#fragment form div.ffonly {width:450px;}

#fragment form div.ffonly label.error {
/*margin: 0 0 0 110px;*/
margin: 0 0 0 0;
right:-15px;
*right:-20px;
;

}


#fragment form label.checkbox {
	clear: both;
	font-size: 0.91667em;
	font-weight: normal;
	margin: 0;
	width: auto;
	text-align: left;
	width: 404px;
}
#fragment form input.text {
	/*background: url(../images/bgformfield.gif) no-repeat 0 0;*/
	border: none;
	background: url(../images/formbg.gif) repeat-x 0 0;
	float: left;
	height: 17px;
	/*margin: 0 0 0 110px;*/
	/*padding: 3px 0 0 4px;*/
	padding: 3px 0 0 0;
	width: 144px;
	
}
#fragment form div.input-wrap {clear:none;  width:150px; float:left; position:relative;}
#fragment form div.l-cnr {clear:none; width:3px; height:20px; background:url(../images/l-cnr.gif) top left no-repeat; float:left;}
#fragment form div.r-cnr {clear:none;  width:3px; height:20px; background:url(../images/r-cnr.gif) top left no-repeat; float:left; position:absolute; top:0; right:0;}

#fragment form div.mrg10{margin-bottom:10px;}
/*#fragment form input.text.error {
	background: url(../images/bgformfield-error.gif) no-repeat 0 0;
}

#fragment form input.text.error {
	background: url(../images/errorbg.gif)repeat-x 0 0;
	
}
*/
#fragment form input.file {
	margin: 0 0 0 0px;
	float: left;
	width: 148px;
	height:24px;
}
#fragment form select,
#fragment form textarea {
	background: #f5f5f5;
	border: 1px solid #999;
	float: left;
	/*margin: 0 0 0 110px;*/
	margin: 0 0 0 1px;
	
}
#fragment form select {
	min-width: 150px;
	
}
#fragment form textarea {
	padding: 3px;
	width: 146px;
}
#fragment form textarea.address {
	height: 30px;
}
#fragment form textarea.message {
	height: 150px;
}

/*#fragment form select.error,
#fragment form textarea.error {
	background: #ffe7e7;
	border: 1px solid #f00;
}
*/#fragment form input.submit,
#fragment form input.reset {
	border: none;
	color: #fff;
	cursor: pointer;
	float: left;
	font-weight: bold;
	height: 24px;
	margin: 10px 5px 0 0;
}
#fragment form input.submit {
	background: url(../images/bgsubmit1.gif) no-repeat 0 0;
	clear: both;
	width: 162px;
}
#fragment form input.reset {
	background: url(../images/bgsubmit2.gif) no-repeat 0 0;
	width: 92px;
}
#fragment form div.error {
	color: #f00;
}
#fragment form div.error ul {
	margin: 1em 0 1em 1.5em;
}

#fragment form#order-brochure {
width: 868px;
overflow: hidden;

}
#fragment form#order-brochure div.clear {
width: 100%;
}
#fragment form#order-brochure fieldset {
float: left;
border: 0;
padding: 0;
margin: 0;
}

/*--------------------------------------------------------------------------*/
/* layer slideshow */

#slideshow #next,
#slideshow #prev {
	position: absolute;
	top: 50%;
	z-index: 100;
	outline: none;
}
#slideshow #next:hover,
#slideshow #prev:hover {
}
#slideshow #next {
	right: 0;
}
#slideshow #prev {
	left: 1px;
}
#slideshow ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#slideshow li {
	padding: 0 7px;
	clear: both;
	float: left;
}
#slideshow #people li {
	padding: 0 50px 7px;
	background: #fff;
}
#slideshow #people img {
	float: left;
	margin: 10px -220px 0 0;
}
#slideshow #people div.description {
	float: left;
	padding:  0 0 0 220px;
}
#slideshow #people h1 {
	color: #bb702d;
	font-size: 1.75em;
	margin-bottom: 0;
}
#slideshow #people h2 {
	margin-top: 0;
	font-size: 1.1667em;
}
#slideshow #people div div {
	clear: left;
	float: left;
	margin-top:12px;
	width:337px;
}
#slideshow #people dl {
	clear: left;
	float: left;
	margin: 1.5em 0;
}
#slideshow #people dt {
	float: left;
	font-weight: bold;
	clear: both;
	margin: 0 0.25em 0.25em 0;
}
#slideshow #people dd {
	float: left;
	margin: 0 0 0.25em 0;
}


.address-detail {float:left; width:345px;}



/*--------------------------------------------------------------------------*/
/* Architects and professionals template */

#architects-and-professionals #inner {
	background: url(../images/architects-and-professionals.jpg) no-repeat 50% 0;
	padding-bottom: 50px;
}
#architects-and-professionals div.banner {
	background: transparent;
	height: 100px;
	margin-bottom: 0;
}
#architects-and-professionals div.banner h1 {
	color: #335266;
	line-height: 0.9;
	width: 700px;
}
#architects-and-professionals div.banner h1 em {
	font-size: 0.4em;
	text-transform: uppercase;
	font-style: normal;
	display: block;
	padding: 0.2em 0 0;
}
#architects-and-professionals div.submit-question {
	width: 325px;
	height: 84px;
	position: absolute;
	right: 14px;
	top: 17px;
	background: url(../images/architects-and-professionals-q.jpg) no-repeat 0 0;
}
#architects-and-professionals div.submit-question p {
	margin: 0;
	padding: 10px 10px 0px 10px;
}

#architects-and-professionals ul {
	list-style-type: none;
	padding: 50px 0 0;
	margin: 0;
}
#architects-and-professionals ul ul {
	padding: 0;
}

#architects-and-professionals li {
	background: url(../images/architects-and-professionals-divider.gif) no-repeat 0 0;
	float: left;
	margin:  0 0 0 24px;
	padding:  0 0 0 24px;
}
#architects-and-professionals li li {
	margin: 0 0 0.2em;
	padding: 0;
	clear: both;
	background: transparent;
	float: none;
}
#architects-and-professionals div.inner {
	padding: 0;
	width: 199px;
}
#architects-and-professionals li.first {
	background: transparent;
	margin: 0;
	padding: 0;
}
#architects-and-professionals ul h2 {
	font-size: 1.1667em;
	margin-top: 15px;
}
#architects-and-professionals ul ul span {
	background: url(../images/arrow-right-green.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
}
#architects-and-professionals ul ul a {
	font-weight: bold;
}
#architects-and-professionals ul ul a:link,
#architects-and-professionals ul ul a:visited {
	color: #5e7b8e;
	text-decoration: none;
}
#architects-and-professionals ul ul a:hover {
	text-decoration: underline;
}

#architects-and-professionals .teaser-image p {
	margin: 0;
}

#pageDescription { width: 990px; margin: 0 auto; }
#pageDescription a, a:hover  {color: #FFFFFF; text-decoration: none; } 
#pageDescription  a:hover  {color: #FFFFFF; text-decoration: underline; }