/* CSS Document */
* { margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; }

/* framework */

#frame { width: 960px; padding-bottom: 20px; }

#frame-top { width: 940px; height: 150px; background: url(../images/bkg-top.gif) no-repeat; }
#frame-top h1 { text-indent: -9999px; }
#frame-top ul { padding: 15px 0px 0px 310px; }
#frame-top li { list-style: none; float: left; }
#frame-top a { text-indent: -9999px; }

#frame-new-nav { float: left; width: 170px; padding-left: 30px; list-style: none; text-indent: -9999px; }
#frame-new-nav li { list-style: none; }

#frame-content { float: left; width: 580px; padding-left: 10px; }
#frame-content textarea { width: 200px; margin-bottom: 10px; }
#frame-content ul { padding: 20px; }
#frame-content li { font-size: 70%; color: #686B5A; line-height: 140%; padding-bottom: 10px; }

#frame-new-content { float: left; width: 580px; background: url(../images/bkg-top-header.gif) no-repeat; margin-left: 10px; }
#frame-new-content h1 { text-indent: -9999px; padding: 0px; margin: 0px; }
#frame-new-content p { padding: 15px 20px 0px 20px; }

#frame-new-traditional { float: left; width: 285px; margin: 0px 10px 20px 0px; background: url(../images/bkg-landing-base.gif) left bottom no-repeat; }
#frame-new-contemporay { float: left; width: 285px; background: url(../images/bkg-landing-base.gif) left bottom no-repeat; }
#frame-new-banner { float: left; width: 120px; padding-left: 10px; }

#frame-new-caveat { border-top: solid 1px #DAE3B5; border-bottom: solid 1px #DAE3B5; padding: 0px 10px 10px 10px; text-align: center; background: #FFFFFF; }
#frame-new-caveat p { padding-top: 10px; }

#frame-timber-caveat { width: 725px; border-top: solid 1px #DAE3B5; border-bottom: solid 1px #DAE3B5; text-align: center; background: #FFFFFF; }
#frame-timber-caveat p { padding: 10px; }

#frame-new-timber { width: 750px; float: left; background: url(../images/bkg-timber-windows.gif) repeat-y; }
#frame-new-timber h3 { padding: 10px 20px 0px 20px; font-size: 75%; line-height: 140%; }

#frame-new-timber-landing { width: 745px; float: left; padding-left: 10px; }
#frame-new-timber-landing h3 { padding: 10px 20px 0px 20px; font-size: 75%; line-height: 140%; }

.timber-landing { background:#039; padding-right: 10px; background: url(../images/bkg-timber-landing.gif) repeat-y left top; }
.timber-landing p { padding: 10px 20px 0px 20px; width: 190px; }

#frame-timber-products { border: solid 1px #DAE3B5; background: #F0F7D4; padding: 10px 10px 20px 10px; margin: 10px 0px 20px 0px; width: 681px; }
#frame-timber-products h1 { background: url(../images/h1-divider2.gif) no-repeat; padding-bottom: 5px; margin: 0px; }
#frame-timber-products li { width: 83px; float: left; list-style: none; text-align: center; }
#frame-timber-products a { color: #686B5A; text-decoration: none; }
#frame-timber-products a:hover { color: #CC8C66; text-decoration: none; }
#frame-timber-products ul { padding: 0px; margin-left: 0px; width: 665px;}

#frame-timber-content-buttons ul { margin: 20px 0px 0px 20px; width: 665px;}
#frame-timber-content-buttons li { list-style: none; float: left; }
#frame-timber-content-buttons a { color: #F0F7D3; text-decoration: none; text-align: center; text-align: center; font-style: italic; padding-top: 6px; font-size: 120%; }
#frame-timber-content { border: solid 1px #DAE3B5; padding: 10px; margin: 0px 0px 20px 20px; width: 665px; }

#timber-nav { border-bottom: 1px solid #DAE3B5; }
#timber-nav li { float: left; list-style: none; text-indent: -9999px; }

#frame-banner { float: left; padding-left: 10px; width: 120px; }
#frame-double-split { background: url(../images/bkg-double-split.gif) repeat-y; }
#frame-double-split h1 { padding: 0px; margin: 0px; }
#frame-case { padding-top: 10px; }
#frame-case h1 { padding-bottom: 5px; width: 290px; float: right; font-size: 80%; font-style: normal; text-align: left; font-weight: bold; }
#frame-case p { padding: 0px; width: 290px; float: right; }
#frame-case img { padding: 0px; float: left; }
#frame-gallery { border: solid 1px #DAE3B5; background: #F0F7D4; padding: 10px 10px 20px 10px; margin: 10px 0px 20px 0px; width: 515px; }
#frame-gallery h1 { padding-bottom: 10px; background: url(../images/h1-divider.gif) no-repeat; }
#frame-call-to-action {  border-top: solid 1px #DAE3B5; border-bottom: solid 1px #DAE3B5; padding: 20px 10px 10px 10px; text-align: center; margin-bottom: 10px;  }
#frame-call-to-action p { font-size: 120%; color: #65761C; font-weight: normal; line-height: 130%; text-align: center; font-style: italic; }

#frame-vacancy h1 { padding-bottom: 5px; width: 290px; float: right; font-size: 80%; font-style: normal; text-align: left; font-weight: bold; }
#frame-vacancy p { padding: 0px;  }

#frame-install ol { padding-left: 16px; }

#footer-links li { float: right; list-style: none; padding-left: 10px;  }
#new-footer-links { padding: 20px 0px; background: #FFF; width: 725px; }
#new-footer-links li { list-style: none; float: right; padding-left: 10px; font-size: 70%; }

#frame-timber-container { width: 725px; padding: 0px 10px; background: url(../images/timber-slice.gif) repeat-y; }
#new-content-holder { width: 725px; margin-left: 10px; float: left; }

/* Skin */
@media projection, screen { .ui-tabs-hide { display: none !important; } }
@media print { .ui-tabs-nav { display: none; } }
.ui-tabs-nav { list-style: none; margin-top: 10px; }
.ui-tabs-nav:after { display: block; clear: both; content: " "; }
.ui-tabs-nav li { float: left; margin: 0px; font-weight: bold; }
.ui-tabs-nav a, .ui-tabs-nav a span { float: left; width: 117px; background: url(../images/tabs.gif); color: #F0F7D3; font-style:italic; }
.ui-tabs-nav a { margin: 0px; padding-left: 0; background-position: 100% 0; text-decoration: none; white-space: nowrap; outline: 0; }
.ui-tabs-nav a:link, .ui-tabs-nav a:visited { color: #fff;}
.ui-tabs-nav .ui-tabs-selected a { position: relative;  margin-top: 0; background-position: 100% 0px;   }
.ui-tabs-nav a span { padding-right: 0; height: 22px; background-position: 0 0; padding-top: 6px;  text-align: center;  }
.ui-tabs-nav .ui-tabs-selected a span { padding-top: 6px; height: 23px; background-position: 0 -29px;  text-align: center; }
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { cursor: text; }
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { cursor: pointer; }
.ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); }
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { color: #000; }
.ui-tabs-panel { border: 1px solid #DAE3B5; padding: 11px; background: #fff; width: 680px; margin: 0px 0 0 0px;  }
.ui-tabs-panel p { font-size: 70%; color: #686B5A; line-height: 140%; padding-bottom: 10px; }
.ui-tabs-panel h2 { text-align: left; padding-bottom: 10px; }
* html .ui-tabs-nav { display: inline-block; }
*:first-child+html .ui-tabs-nav  { display: inline-block; }
#gallery ul { padding: 0px; margin: 0px auto 0px auto; }
#gallery li { list-style: none; float: left; width: 124px; height: 90px; padding: 5px 5px; margin: 0px; text-align: center; }
#gallery img { border: 1px solid #DAE3B5; }

/* generic */
.clearer { clear: both; }
.keyline { background: url(../images/bkg-keyline.gif) repeat-y; width: 540px; padding: 20px 20px 10px 20px; }
.keyline2 { background: url(../images/bkg-keyline2.gif) repeat-y; width: 540px; border-top: #CCCCCC; padding: 20px 20px 10px 20px; }
.keyline-base { background: url(../images/bkg-keyline-base.gif) no-repeat; height: 55px; }
.image-pad { padding-bottom: 10px; }
.caveat { border-top: solid 1px #DAE3B5; border-bottom: solid 1px #DAE3B5; padding: 10px 10px 0px 10px; text-align: center; background: #FFFFFF; }
.img-split { float: left; }
.left-split { float: left; width: 230px; padding: 15px 0px 0px 20px; }
.right-split { float: left; width: 230px; padding: 15px 0px 0px 57px; }
.case-key-white { border: solid 1px #DAE3B5; padding: 15px; margin-bottom: 10px; width: 505px; }
.case-key-green {  background: #F0F7D4; border: solid 1px #DAE3B5; padding: 15px; margin-bottom: 10px; width: 505px; }
.error { color: #CC0000; }
.mandatory { color: #CC0000; font-weight: bold; }
.vacancy { padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #DAE3B5; }  

/* text */
p { font-size: 70%; color: #686B5A; line-height: 140%; padding-bottom: 10px; }
h1 { font-size: 180%; color: #65761C; font-weight: normal; line-height: 130%; padding-bottom: 20px; text-align: center; font-style: italic; }
h2 { font-size: 120%; color: #65761C; font-weight: normal; line-height: 130%; text-align: center; font-style: italic; }
h3 { font-size: 90%; color: #686B5A; font-weight: bold; line-height: 130%; padding-bottom: 15px;}
h4 { font-size: 70%; color: #686B5A; font-weight: bold; line-height: 130%; padding-bottom: 5px;}
li { font-size: 70%; color: #686B5A; line-height: 140%; }
a { color: #CC8C66; text-decoration: underline; }
a:hover { color: #7770C2; text-decoration: underline; }
.green-txt { color: #323B0E; }
.light-green-txt { color: #C7D590; }

/* buttons */
.but-home a { display: block; width: 170px; height: 38px; background: url("../images/but-home.jpg") 0 0 no-repeat; }
.but-home a:hover { background-position: -170px 0; }

.but-conservatories a { display: block; width: 170px; height: 36px; background: url("../images/but-conservatories.jpg") 0 0 no-repeat; }
.but-conservatories a:hover { background-position: -170px 0; }

.but-orangeries a { display: block; width: 170px; height: 36px; background: url("../images/but-orangeries.jpg") 0 0 no-repeat; }
.but-orangeries a:hover { background-position: -170px 0; }

.but-timber-windows a { display: block; width: 170px; height: 36px; background: url("../images/but-timber-windows.jpg") 0 0 no-repeat; }
.but-timber-windows a:hover { background-position: -170px 0; }

.but-doors-windows a { display: block; width: 170px; height: 36px; background: url("../images/but-doors-windows.jpg") 0 0 no-repeat; }
.but-doors-windows a:hover { background-position: -170px 0; }

.but-folding-sliding-doors a { display: block; width: 170px; height: 36px; background: url("../images/but-folding-sliding-doors.jpg") 0 0 no-repeat; }
.but-folding-sliding-doors a:hover { background-position: -170px 0; }

.but-garden-rooms a { display: block; width: 170px; height: 36px; background: url("../images/but-garden-rooms.jpg") 0 0 no-repeat; }
.but-garden-rooms a:hover { background-position: -170px 0; }

.but-furniture a { display: block; width: 170px; height: 36px; background: url("../images/but-furniture.jpg") 0 0 no-repeat; }
.but-furniture a:hover { background-position: -170px 0; }

.but-other-products a { display: block; width: 170px; height: 36px; background: url("../images/but-other-products.jpg") 0 0 no-repeat; }
.but-other-products a:hover { background-position: -170px 0; }

.but-design-process a { display: block; width: 170px; height: 36px; background: url("../images/but-design-process.jpg") 0 0 no-repeat; }
.but-design-process a:hover { background-position: -170px 0; }

.but-timber-fixed a { display: block; width: 170px; height: 36px; background: url("../images/but-timber-fixed.jpg") 0 0 no-repeat; }

.but-traditional-timber a { display: block; width: 160px; height: 30px; background: url("../images/but-traditional-timber.gif") 0 0 no-repeat; }
.but-traditional-timber a:hover { background-position: -160px 0; }
.but-traditional-timber-fix a { display: block; width: 160px; height: 30px; background: url("../images/but-traditional-timber.gif") -160px 0 no-repeat; }

.but-urbane-timber a { display: block; width: 160px; height: 30px; background: url("../images/but-urbane-timber.gif") 0 0 no-repeat; }
.but-urbane-timber a:hover { background-position: -160px 0; }
.but-urbane-timber-fix a { display: block; width: 160px; height: 30px; background: url("../images/but-urbane-timber.gif") -160px 0 no-repeat; }

.but-historic-timber a { display: block; width: 160px; height: 30px; background: url("../images/but-historic-timber.gif") 0 0 no-repeat; }
.but-historic-timber a:hover { background-position: -160px 0; }
.but-historic-timber-fix a { display: block; width: 160px; height: 30px; background: url("../images/but-historic-timber.gif") -160px 0 no-repeat; }

.but-about-us a { display: block; width: 170px; height: 36px; background: url("../images/but-about.jpg") 0 0 no-repeat; }
.but-about-us a:hover { background-position: -170px 0; }

.but-contact a { display: block; width: 170px; height: 36px; background: url("../images/but-contact.jpg") 0 0 no-repeat; }
.but-contact a:hover { background-position: -170px 0; }

.but-vacancies a { display: block; width: 170px; height: 36px; background: url("../images/but-vacancies.jpg") 0 0 no-repeat; }
.but-vacancies a:hover { background-position: -170px 0; }

.but-hg-furniture a { display: block; width: 170px; height: 223px; background: url("../images/but-hg-furniture.jpg") 0 0 no-repeat; }

.but-show a { display: block; width: 240px; height: 98px; background: url("../images/but-show-me-more.gif") 0 0 no-repeat; }
.but-show a:hover { background-position: -240px 0; }

.but-show2 a { display: block; width: 198px; height: 48px; background: url("../images/but-show-me-more2.gif") 0 0 no-repeat; }
.but-show2 a:hover { background-position: -195px 0; }

.but-submit-details a { display: block; width: 330px; height: 58px; background: url("../images/but-submit-details.gif") 0 0 no-repeat; }
.but-submit-details a:hover { background-position: -330px 0; }

.but-hgfurniture a { display: block; width: 242px; height: 38px; background: url("../images/but-hg-furniture2.gif") 0 0 no-repeat; text-indent: -9999px; }
.but-hgfurniture a:hover { background-position: -242px 0; }

.but-top-conservatories a { display: block; width: 132px; height: 16px; background: url("../images/but-top-conservatories.gif") 0 0 no-repeat; }
.but-top-conservatories a:hover { background-position: -132px 0; }

.but-top-orangeries a { display: block; width: 108px; height: 16px; background: url("../images/but-top-orangeries.gif") 0 0 no-repeat; }
.but-top-orangeries a:hover { background-position: -108px 0; }

.but-top-doors a { display: block; width: 157px; height: 16px; background: url("../images/but-top-doors.gif") 0 0 no-repeat; }
.but-top-doors a:hover { background-position: -157px 0; }

.but-top-folding a { display: block; width: 185px; height: 20px; background: url("../images/but-top-folding.gif") 0 0 no-repeat; }
.but-top-folding a:hover { background-position: -185px 0; }

.but-back a { display: block; width: 540px; height: 50px; background: url("../images/but-back.gif") 0 0 no-repeat; }
.but-back a:hover { background-position: -540px 0; }

.but-timber-products a { display: block; width: 121px; height: 23px; background: url("../images/but-timber-products.gif") 0 0 no-repeat;  }
.but-timber-products a:hover { background-position: -121px 0; }