/* HTML elements
body { font: .85em Verdana, Arial, Helvetica, sans-serif; margin: 0; background-color: #eceded; color: #505255; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
img { border: none; }
h1 img { vertical-align: middle; margin: 0 0 5px 10px; }
h1 small { clear: both; font-size: .7em; }
a { color: #666; text-decoration: none; }
a:hover { color: red; }
hr { border: 0; height: 4px; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/hr.gif) repeat-x center center; }
object:active { outline: none; }
object:focus { -moz-outline-style: none; }
address { font-style: normal; font-size: 8pt; padding-top: 10px; }
.container { min-width: 592px; }
.hide { display: none !important; }
.left { float: left; }
.right { float: right; }
.middle { float: left; padding-left: 30px; width: 550px; min-height: 700px;}
.clear { clear: both; }
.hidden { visibility: hidden; }
.hidden2{ display:none;}
.no-flash { font-weight: bold; color: red; }
#fader { position: absolute; top: 7px; left: 575px; z-index: 200; }
#fsc { float: right; margin: 5px -20px 0 0; }
/* Form elements */
input[type=text] { font: inherit; border: 1px inset gray; padding: .25em; color: inherit; width: 160px; }
/* Layout */
#container { position: relative; width: 960px; min-height: 700px; margin: 5px auto; padding: 34px 0 62px 0; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/body.jpg) repeat-y top center; }
#container #top { position: absolute; top: 0; left: 0; height: 50px; width: 960px; margin: 0; padding: 0; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/header.jpg) no-repeat top center; }
#container #bottom { position: absolute; bottom: 0; left: 0; height: 62px; width: 960px; margin: 0; padding: 0; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/footer.jpg) no-repeat bottom center; }
#container #bottomLeft { position: absolute; bottom: 0px; left: 80px; height: 35px; width: 200px; margin: 0px; padding: 0; z-index: 21;}
#accessibility { position: absolute; top: 7px; right: 15px; z-index: 20; height: 20px; width: 140px; margin: 0; padding: 0; }
#accessibility ul { margin: 0; padding: 0; }
#switch { position: absolute; top: 7px; right: 155px; }
#switch2 { position: absolute; top: 7px; right: 155px; }
#switch3 { position: absolute; top: 7px; right: 288px; }
#breadcrumb { position: absolute; top: 10px; left: 300px; width: 450px; font: .7em Verdana, Arial, Helvetica, sans-serif; color: #e41e13; font-weight: bold; }
#breadcrumb a { color: #666666; font-weight: normal; }
#breadcrumb a:hover { color: #cfaa7a; font-weight: normal; }
#boldBreadcrumb { color: #cfaa7a; font-weight: normal; }
#breadcrumbAbout { position: absolute; top: 10px; left: 300px; width: 450px; font: .7em Verdana, Arial, Helvetica, sans-serif; color: #e41e13; }
#breadcrumbAbout a { color: #666666;}
#breadcrumbAbout a:hover { color: #cfaa7a; }
#breadlabel { position: absolute; top: 10px; left: 300px; width: 70px; font: .7em Verdana, Arial, Helvetica, sans-serif; color: #e41e13; font-weight: bold;}
#breadcrumbVillage { position: absolute; top: 10px; left: 20px; width: 450px; font: .7em Verdana, Arial, Helvetica, sans-serif; color: #e41e13; }
#breadcrumbVillage a { color: #666666;}
#breadcrumbVillage a:hover { color: #cfaa7a; }
#header { position: absolute; top: -40px; left: 0; margin: 0; padding: 0 25px; width: 225px; }
#header1 { position: absolute; top: 50px; left: 0; margin: 0; padding: 0 25px; width: 225px; }
#content { min-height: 560px; width: 612px; margin: 0 8px 0 315px; padding: 0 25px 15px 0; overflow: hidden; position: relative; }
#bottom a { position: absolute; bottom: 20px; right: 35px; z-index: 20; font-size: 0.7em; }
/* Header */
#header p { text-align: center; }
#header #logo { margin-bottom: 20px; }
#header #kitchenware a { color: #e41e13; font-weight:bold; }
#header #kitchenware #kitchenware-small {font-size: 0.7em; color: #e41e13; font-weight: normal; }
#header1 p { text-align: center; }
#header1 #logo { margin-bottom: 20px; }
/* Navigation */
#navigation { background: url(http://www.kdjoiners.co.uk/i/navigation/separator.png) no-repeat top left; margin-left: -17px; padding: 0; width: 260px; }
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation>ul { background: url(http://www.kdjoiners.co.uk/i/navigation/separator.png) no-repeat bottom left; }
#navigation>ul>li { padding: 10px 0 10px 30px; background: transparent url(http://www.kdjoiners.co.uk/i/navigation/separator.png) no-repeat top left; }
#navigation>ul>li:first-child { background: none; }
#navigation>ul>li a { display: block; }
#navigation>ul>li a.selected { background: url(http://www.kdjoiners.co.uk/i/navigation/selected.gif) no-repeat bottom left; padding-bottom: 5px; margin-bottom: 5px; }
/* Second level navigation */
#navigation ul ul { padding-bottom: 0px; }
#navigation ul ul li { padding: 0 0 0 30px; background: none; }
#navigation ul ul li.selected { background-repeat: no-repeat; background-position: left center; }
#navigation ul ul a { font-size: .8em; line-height: normal; display: inline; }
/* Default Navigation Colours */
#navigation a.selected { color: #cfaa7a; }
#navigation ul ul li.selected { background-image: url(http://www.kdjoiners.co.uk/i/navigation/sub-selected-brown.gif); }
#navigation ul ul li.selected a { color: #cfaa7a; }
/* Top navigation */
#topNavigation { list-style: none; padding: 0; margin: 0; }
#topNavigation li { float: left; margin: 0; padding: 0; }
#topNavigation a { display: block; width: 110px; height: 33px; background: url(http://www.kdjoiners.co.uk/i/background/layout/top-navigation.png) no-repeat center center; font-size: 0.65em; color: #666; text-align: center; padding: 7px 5px 0 5px; }
/* Default Top Navigation Colours */
#topNavigation a:hover,
#topNavigation a.selected { color: #cfaa7a; }
/* Content */
#content h1 { color: red; font-weight: lighter; padding-bottom: 10px; background: url(http://www.kdjoiners.co.uk/i/background/layout/h1.gif) repeat-x bottom left; display: inline-block; min-width: 300px; color: #666; }
#content p a { color: red; }
#content p a:hover { border-bottom: 1px dotted red; }
/* Info */
#info { font-size: .85em; margin: 15px 20px 0 8px; padding-top: 5px; clear: both; }
#infoHome { font-size: 1em; margin: 480px 0px 0 0px;padding:0px 0px 0px 20px; clear: both; }
#infoStatic { font-size: .85em;}
#info #technicalLink { font-size: .9em; padding-left: 15px; background-image: url(http://www.kdjoiners.co.uk/i/icons/technical-detail-dot-brown.gif); background-repeat: no-repeat; background-position: left center; color: inherit; }
#info #technicalLink:hover { border: none; color: #d3b078; }
/* Info Lamona*/
#infolamona { font-size: .85em; margin: 5px 20px 0 8px; clear: both; }
/* Main section page (e.g., Kitchen Collection, Appliances, ...) */
.main #info p { margin-left: 0; }
#info-right { font-size: .85em; }
/* Back link */
#back { position: absolute; right: 25px; bottom: 10px; font-size: 0.8em; }
.icons #back { position: static; float: right; clear: both; margin-top: 40px; text-align: right; width: 80px; }
/* Subject to availability */
#sta { float: right; clear: both; margin: 10px 20px 0 0; font-size: .85em; color: #d3b078; }
th#sta { font-size: 1em; text-align: left; float: none; margin: 0; }
em#stadg { color: red; }
sup { color: red; }
/* Product photo */
.appliances #photo a { position: relative; display: block; width: 300px; height: 300px; background: url(http://www.kdjoiners.co.uk/i/background/product/main-appliances.jpg) no-repeat center center; padding: 10px 20px 65px 10px; }
.appliances #photo span { position: absolute; top: 320px; left: 10px; font-weight: bold; }
/* Appliances Product icons */
#icons { padding-top: 10px; }
#icons ul { list-style: none; padding: 0; margin: 0; }
#icons li { display: inline; }
/* Appliances Product information */
.appliances #product-info { width: 300px; margin-top: 100px; }
.appliances #product-info ul { padding: 0; }
/* Categories */
#categories { list-style: none; margin: 15px 0 0 0; padding: 0; height: 480px; width: 620px; right: -25px; }
#categories a { display: block; width: 599px; height: 450px; background: url(http://www.kdjoiners.co.uk/i/background/category/nav.png) no-repeat center center; position: relative; color: #333; padding: 12px 0 17px 13px; }
#categories a:hover { font-weight: bold; }
#categories span { position: absolute; left: 13px; bottom: 12px; background: url(http://www.kdjoiners.co.uk/i/background/category/nav-title.png) no-repeat center left; display: block; width: 580px; padding: 10px; font-size: 1em; color: black; }
#frmSlideImage {position: absolute; margin-left: 3px; height: 473px; background: url(http://www.kdjoiners.co.uk/i/background/homepage-background.png) no-repeat left top; }
/* CategoriesHome */
#categoriesHome { list-style: none; margin: 10 0 0 0; padding: 0; height: 480px; width: 660px; }
#categoriesHome a { display: block; width: 631px; height: 418px; position: relative; color: #333; padding: 1px 0px 0px 25px; }
#categoriesHome a:hover { font-weight: bold; }
#categoriesHome span { position: absolute; left:25px; bottom: 20px; background: url(http://www.kdjoiners.co.uk/i/background/category/nav-title.png) no-repeat center left; display: block; width: 630px; padding: 10px; font-size: 1em; color: black; }
/* Product list */
#products { list-style: none; padding: 0; float: left; margin: 0; width: 100%; }
#products li { margin: 0; float: left; }
#products a { display: inline-block; vertical-align: top; width: 175px; height: 140px; margin: 0; background: url(http://www.kdjoiners.co.uk/i/background/175x140.png) no-repeat center center; position: relative; color: #333; padding: 9px 12px 11px 8px; }
#products span.title { position: absolute; left: 8px; bottom: 11px; background: url(http://www.kdjoiners.co.uk/i/background/product/nav-title.png) repeat-y center left; width: 165px; padding: 5px; font-size: .8em; line-height: 1.5em; color: black; }
#products a:hover { font-weight: bold; }
#products span.new { position: absolute; top: 15px; right: 17px; }
/* textlink list */
#TextLink { list-style: none; padding: 0; float: left; margin: 0; width: 100%; }
#TextLink a { display: inline-block; vertical-align: top; width:350px; height: 140px; margin:0px; background:none; position: relative; color: #333; padding: 0px 0px 0px 0px; }
#TextLink a:hover { text-decoration: none; font-weight: normal; }
/* Related Product List */
#related { list-style: none; margin: 0; padding: 0; }
#related li { float: left; width: 150px; height: 150px; }
#related img { display: block; }
#related a span { text-decoration: underline; }
#related a:hover { color: #666; }
#related a:hover em { text-decoration: none; }
.joinery #related em { color: #fdb813; font-size: 0.9em; }
/* Slideshow Controls */
.previewControls { clear: both; font-size: 1em; margin-top: -7px; padding-top: 8px; }
.previewControls a { cursor: pointer; }
.previewControls img { vertical-align: middle; margin: 0 .2em; }
.previewControls a.selected { font-weight: bold; color: #cfaa7a; }
/* Accessibility */
#accessibility p { display: none; }
#accessibility ul { list-style: none; padding: 0; }
#accessibility li { display: inline; }
/* Expand page */
/*.expand #header { margin-top: 125px; text-align: center; }
.expand #header #logo { margin-bottom: 25px; }
*/
.expand #container { padding: 35px 0 40px 0; min-height: 630px; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/body-home.jpg) repeat-y top center; }
.expand #container #top { height: 28px; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/header-home.jpg) no-repeat top center; }
.expand #container #bottom { height: 40px; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/footer-home.jpg) no-repeat bottom center; }
.expand #content { margin-left: 290px; }
.expand #imageMenu { position: relative; width: 630px; height: 473px; overflow: hidden; }
.expand #imageMenu ul { list-style: none; margin: 0; height: 473px; padding: 0; }
.expand #imageMenu li { float: left; background-position: top left; display: block; overflow: hidden; height: 473px; width: 208px; position: relative; }
.expand #imageMenu #our-product-ranges { background-image: url(http://www.kdjoiners.co.uk/i/home/products.jpg); }
.expand #imageMenu #design-inspiration { background-image: url(http://www.kdjoiners.co.uk/i/home/inspiration.jpg); }
.expand #imageMenu #about-us { background-image: url(http://www.kdjoiners.co.uk/i/home/about.jpg); }
.expand #imageMenu div.links { visibility: hidden; display: block; position: absolute; top: 100px; left: 9px; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/trans-temp.png) top left no-repeat; height: 180px; padding: 40px 0 0 10px; margin: 0; font-size: .85em; width: 240px; }
.expand #imageMenu li:hover div.links { visibility: visible; }
.expand #imageMenu h2 { position: relative; margin-top: 110px; margin-left: 19px; z-index: 200; }
.expand #imageMenu div.rightBorder { position: absolute; top: 0; right: 0; z-index: 100; height: 473px; width: 12px; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/home-panels.png) no-repeat top right; }
/* expand Temporary */
.expand #imageMenu li { width: 304px; }
.expand #imageMenu #our-product-ranges { background-image: url(http://www.kdjoiners.co.uk/i/home/products.jpg); }
.expand #imageMenu #design-inspiration { background-image: url(http://www.kdjoiners.co.uk/i/home/inspiration.jpg); }
.expand #imageMenu #about-us { background-image: url(http://www.kdjoiners.co.uk/i/home/about.jpg); }
/* Home page */
.home #header { margin-top: 125px; text-align: center; }
.home #header #logo { margin-bottom: 25px; }
.home #container { padding: 35px 0 40px 0; min-height: 550px; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/body-home.jpg) repeat-y top right; }
.home #container #top { height: 28px; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/header-home.jpg) no-repeat top center; }
.home #container #bottom { height: 40px; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/footer-home.jpg) no-repeat bottom center; }
.home #content { width: 660px; margin: 0 0 0 315px; padding: 0 0 15px 0; margin-left: 290px; }
.home #imageMenu { position: relative; width: 630px; height: 473px; overflow: hidden; }
.home #imageMenu ul { list-style: none; margin: 0; height: 473px; padding: 0; }
.home #imageMenu li { float: left; background-position: top left; display: block; overflow: hidden; height: 473px; width: 208px; position: relative; }
.home #imageMenu #our-product-ranges { background-image: url(http://www.kdjoiners.co.uk/i/home/products.jpg); }
.home #imageMenu #design-inspiration { background-image: url(http://www.kdjoiners.co.uk/i/home/inspiration.jpg); }
.home #imageMenu #about-us { background-image: url(http://www.kdjoiners.co.uk/i/home/about.jpg); }
.home #imageMenu div.links { visibility: hidden; display: block; position: absolute; top: 100px; left: 9px; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/trans-temp.png) top left no-repeat; height: 180px; padding: 40px 0 0 10px; margin: 0; font-size: .85em; width: 240px; }
.home #imageMenu li:hover div.links { visibility: visible; }
.home #imageMenu h2 { position: relative; margin-top: 110px; margin-left: 19px; z-index: 200; }
.home #imageMenu div.rightBorder { position: absolute; top: 0; right: 0; z-index: 100; height: 473px; width: 12px; background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/home-panels.png) no-repeat top right; }
/* Temporary */
.home #imageMenu li { width: 304px; }
.home #imageMenu #our-product-ranges { background-image: url(http://www.kdjoiners.co.uk/i/home/products.jpg); }
.home #imageMenu #design-inspiration { background-image: url(http://www.kdjoiners.co.uk/i/home/inspiration.jpg); }
.home #imageMenu #about-us { background-image: url(http://www.kdjoiners.co.uk/i/home/about.jpg); }
/* Options list */
#options { list-style: none; padding: 0 0 3px 0; margin: 0 0 -10px 0; width: 620px; background: url(http://www.kdjoiners.co.uk/i/options-border-bottom.gif) repeat-x bottom left; }
#options li { display: inline-block; padding: 0; margin: 0; font-size: .85em; }
#options a { display: block; width: 130px; height: 20px; padding-top: 5px; line-height: 20px; background: url(http://www.kdjoiners.co.uk/i/background/layout/option.jpg) no-repeat center center; text-align: center; }
#options .selected { color: #cfaa7a; }
/* Image list (ranges) */
.imageList { list-style: none; padding: 0; margin: 0; }
.imageList li { margin: 0; float: left; margin-right: 20px; position: relative; }
.imageList li a { display: block; height: 400px; background: url(http://www.kdjoiners.co.uk/i/background/product/main.png) no-repeat left center; padding: 15px 22px 22px 18px; position: relative; }
.imageList li span {
position: absolute;
z-index: 2;
left: 15px;
bottom: 58px;
background: url(http://www.kdjoiners.co.uk/i/background/product/title.png) no-repeat center left;
width: 90%;
padding: 5px;
font-size: .8em;
color: #333;
}
.imageList li .borderRight {
width: 22px;
position: absolute;
height: 437px;
top: 0px;
right: -3px;
background: url(http://www.kdjoiners.co.uk/i/background/product/main-right.png) no-repeat right center;
background-image: url(http://www.kdjoiners.co.uk/i/background/product/main-right.png);
}
/* Scroll container */
.scrollContainer { overflow: hidden; position: relative; right: 1px; width: 633px; margin-bottom: 20px; }
.scrollContainer ul { margin: 0; padding: 0; width: 10000px; list-style: none; }
.scrollContainer li { position: relative; float: left; margin-right: 30px; }
/* Search page */
.search #searchStats { float: right; }
.search #searchPrevNext { float: left; }
.search #keyMatches { border: 2px solid #E41E13; -moz-border-radius: 5px 5px 5px 5px; background-color: #ffffff;; padding: 5px 10px; position: relative; }
.search #keyMatches h4 { margin: 0; position: absolute; top: 5px; right: 10px; }
.search #keyMatches dl { margin: 0; }
.search #keyMatches dt { font-size: 1.25em; }
.search #keyMatches dt a { font-weight: bold; color: #E41E13; }
.search #keyMatches dt a:hover { font-weight: bold; color: #666666; }
.search #keyMatches dd { padding: 5px 10px; margin-left: 0; }
.search #searchResults div { margin-bottom: 1.5em; }
.search #searchResults .resultContainer { clear: both; }
.search #searchResults .resultImage { float: left; }
.search #searchResults .resultImage img { border: 1px solid #ccc; max-width: 184px; max-height: 130px; display: block; }
.search #searchResults .resultText { margin-left: 200px; }
.search #searchResults .resultText h4 { font-weight: normal; font-size: 1.1em; margin-bottom: .5em; }
.search #searchResults .resultText h4 a { color:#E41E13;}
.search #resultsPaging { text-align: center; }
.search #resultsPaging em { font-weight: bold; font-style: normal; }
/* Advanced search page */
.search.advanced #content form h4 { margin-bottom: 0; }
.search.advanced #content form p { clear: both; height: 1.1em; line-height: 1.1em; margin-left: 25px; }
.search.advanced #content form label { display: block; width: 300px; float: left; }
.search.advanced #content form input,
.search.advanced #content form select { float: left; }
.search.advanced #content form input[type="submit"] { float: right; }
/* Sitemap */
.sitemap #sitemap>li { margin-bottom: 1em; }
/* Link to Us */
.link2us #content ul { list-style: none; margin: 0; padding: 0; width: 630px; height: 338px; background: url(http://www.kdjoiners.co.uk/i/background/layout/link2us.jpg) no-repeat center center; }
.link2us #content ul li { float: left; padding: 19px 0 0 0px; display: block; height: 150px; text-align: center; }
.link2us #content ul p { text-align: center; }
/* Product features */
#features h3 { color: #cfaa7a; margin-bottom: 5px; }
#features ul { width: auto; margin: 0 0 20px 0; padding: 0; list-style: none; }
#features li { background: url(http://www.kdjoiners.co.uk/i/icons/variants-list.jpg) no-repeat 1px 5px; padding-left: 10px; }
#features p { margin: 0 0 5px 0; }
#features table { border-collapse: collapse; clear: both; margin-bottom: 10px; }
#features table th { font-weight: normal; text-align: left; padding-right: 5px !important; }
#features table td { text-align: right; }
#features table td,
#features table th { border-bottom: 1px solid #aaa; padding: 5px 0 2px 0; }
/* Product Icons */
.product #icons { clear: both; margin: 0; padding: 0; list-style: none; }
.product #icons li { float: left; font-size: 9px; width: 70px; min-height: 85px; text-align: center; margin: 0 5px 0 0; letter-spacing: -1px; }
.product #icons h5 { margin: 0 0 5px 5px; clear: both; }
/* Icon Listing Page */
.icons h3 { float: left; width: 55px; }
.icons table { float: right; margin: 0; padding: 8px 0 0 0; width: 575px; margin-top: 40px; }
.icons table th { width: 90px; min-height: 75px; margin: 5px 0; padding: 10px 5px 10px 0; font-size: 0.7em; text-align: center; font-weight: normal; }
.icons table th.title { font-size: 10pt; text-align: left; font-weight: bold; width: 100%; }
.icons table td { width: 100%; min-height: 75px; margin: 5px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #000; padding: 10px 0; }
/* Product Columns */
.product .left { margin: 0; width: 48%; }
.product .right { margin: 0; width: 52%; }
.product #products { margin-bottom: 8px; }
/* Preview Pane */
#previewPane { margin: 10px 0 0 5px; }
#sub-enclosure2 { height: 630px; width: 800px; padding: 0px 0px 75px 23px; margin-top: 20px; position: absolute;}
#enclosure,
#sub-enclosure { height: 470px; }
/* Carousel Container - Keeps carousel out of view until constructed. If content has disappeared could be this. */
.categories .container,
.products .container { position: absolute; left: -5000px; visibility: hidden; }
/************************/
/** VARIANTS & COLOURS **/
/************************/
/* Main category pages */
.main #info { margin-left: 38px; }
/* Range variants */
.range .container { min-height: 485px; }
.range h1 { margin-left: 18px; }
.range #options { margin-left: 18px; font-size: 0.85em; }
.range .previewControls { margin-left: 18px; }
.range #enlarge { margin: -50px 113px 0 0; float: right; }
.range #info { margin: 10px 0 0 20px; }
.range #info p { margin: 0 0 20px 0; padding: 0; }
/* Kitchen */
.kitchen #container { min-height: 800px; }
#kitchen-collection a:hover,
.kitchen a:hover { color: #d3b078; }
.kitchen #content h1 { color: #666; background: none; }
.kitchen #options .selected { color: #d3b078; }
.kitchen .previewControls a.selected { color: #d3b078; }
.kitchen #info #technicalLink { background-image: url(http://www.kdjoiners.co.uk/i/icons/technical-detail-dot-brown.gif); }
.kitchen #info #technicalLink:hover { color: #d3b078; }
.kitchen #navigation a.selected { color: #d3b078; }
.kitchen #navigation ul ul li.selected { background-image: url(http://www.kdjoiners.co.uk/i/navigation/sub-selected-brown.gif); }
.kitchen #navigation ul ul li.selected a { color: #d3b078; }
.kitchen #sta { color: #000000; }
.kitchen #topNavigation a:hover,
.kitchen #topNavigation a.selected { color: #d3b078; }
/* Appliances */
.appliances #container { min-height: 800px; }
#appliance-collection a:hover,
.appliances a:hover { color: #cfaa7a; }
.appliances #content h1 { color: #666; background: none; }
.appliances #options .selected { color: #cfaa7a; }
.appliances .previewControls a.selected { color: #cfaa7a; }
.appliances #info #technicalLink { background-image: url(http://www.kdjoiners.co.uk/i/icons/technical-detail-dot-brown.gif); }
.appliances #info #technicalLink:hover { color: #d3b078; }
.appliances #navigation a.selected { color: #cfaa7a; }
.appliances #navigation ul ul li.selected { background-image: url(http://www.kdjoiners.co.uk/i/navigation/sub-selected-brown.gif); }
.appliances #navigation ul ul li.selected a { color: #cfaa7a; }
.appliances #sta { color: #000000; }
.appliances #topNavigation a:hover,
.appliances #topNavigation a.selected { color: #cfaa7a; }
/* Bathroom */
.bathroom #container { min-height: 800px; }
#bathroom-cabinet-collection a:hover,
.bathroom a:hover { color: #51c0dc; }
.bathroom #content h1 { color: #666; background: none; }
.bathroom #options .selected { color: #51c0dc; }
.bathroom .previewControls a.selected { color: #51c0dc; }
.bathroom #info #technicalLink { background-image: url(http://www.kdjoiners.co.uk/i/icons/technical-detail-dot-blue.gif); }
.bathroom #info #technicalLink:hover { color: #51c0dc; }
.bathroom #navigation a.selected { color: #51c0dc; }
.bathroom #navigation ul ul li.selected { background-image: url(http://www.kdjoiners.co.uk/i/navigation/sub-selected-blue.gif); }
.bathroom #navigation ul ul li.selected a { color: #51c0dc; }
.bathroom #sta { color: #000000; }
.bathroom #topNavigation a:hover,
.bathroom #topNavigation a.selected { color: #51c0dc; }
.bathroom object p { color: red; font-weight: bold; }
/* Joinery */
.joinery #container { min-height: 800px; }
#doors-joinery-collection a:hover,
#flooring-collection a:hover,
.joinery a:hover { color: #fdb813; }
.joinery .previewControls a.selected { color: #fdb813; }
.joinery #navigation a.selected { color: #fdb813; }
.joinery #navigation ul ul li.selected { background-image: url(http://www.kdjoiners.co.uk/i/navigation/sub-selected-yellow.gif); }
.joinery #navigation ul ul li.selected a { color: #fdb813; }
.joinery #content h1 { color: #666; background: none; }
.joinery #options .selected { color: #fdb813; }
.joinery #sta { color: #000000; }
.joinery #topNavigation a:hover,
.joinery #topNavigation a.selected { color: #fdb813; }
/* Lamona Collection */
.lamona-collection #container { min-height: 800px; }
#lamona-collection a:hover,
.lamona-collection a:hover { color: #cfaa7a; }
.lamona-collection #content h1 { background: none; }
/* New Products */
#new-products a:hover,
.new-products a:hover { color: #cfaa7a; }
.new-products #content h1 { background: none; }
/* Product Specification */
.product-specification #container { min-height: 800px; }
#product-specification a:hover,
.product-specification a:hover { color: #cfaa7a; }
.product-specification #content h1 { background: none; }
/* About Us */
.about a:hover { color: #cfaa7a; }
.about #content h1 { background: none; }
/* Door Features Table */
em { font-style: normal; font-weight: bold; }
em.iconFD,
em.iconM,
em.iconE { color: #e0b509; }
em.iconLo { color: #dc931a; }
em.iconLg,
em.iconP ,
em.iconF { color: #118f40; }
em.iconSta { color: red; }
em.iconFSC { color: #fdb813; }
em.iconPEFC { color: #fdb813; }
em.iconUK { color: #1c3f93; }
em.iconNEW { color: #d3b078; }
#doorFeatures table { border-collapse: collapse; clear: both; width: 95%; }
#doorFeatures table th { font-weight: normal; padding: 5px 0 2px 0; text-align: left; }
#doorFeatures table td { color: #aaa; text-align: left; border-bottom: 1px solid #AAAAAA; padding: 5px 0 2px 0; }
#doorFeatures table td.code,
#doorFeatures table th#sta { text-align: right; }
/* Inclusive Kitchens */
.inclusive-sub .products #products a { margin-right: 0; width: 275px; height: 220px; background-image: url(http://www.kdjoiners.co.uk/i/background/275x220.png); }
.inclusive-sub .products #products .title { background-image: url(http://www.kdjoiners.co.uk/i/background/category/nav-title-handles.png); width: 265px; bottom: 11px; }
/* Inclusive Units and Plinths */
.inclusive-unit-plinth .products #products a { width: 275px; height: 220px; background-image: url(http://www.kdjoiners.co.uk/i/background/275x220.png); margin-right: 6px; }
.inclusive-unit-plinth .products #products .title { background-image: url(http://www.kdjoiners.co.uk/i/background/category/nav-title-handles.png); width: 265px; bottom: 11px; }
/* Kitchen Range Summaries */
.kitchen .range-summary .products #products a { background-image: url(http://www.kdjoiners.co.uk/i/background/125x200.png); margin-right: 3px; width: 125px; height: 200px; }
.kitchen .range-summary .products #products .title { width: 115px; }
/* Bathroom Range Summaries */
.bathroom .range-summary .products #products a { background-image: url(http://www.kdjoiners.co.uk/i/background/120x240.png); margin-right: 3px; width: 120px; height: 240px; }
.bathroom .range-summary .products #products .title { width: 110px; }
/* Flooring */
.flooring .product #products a { width: 175px; height: 350px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x350.png); }
.flooring .product #preview { float: left; }
.flooring .product #info { float: left; }
.flooring .product #info table, .flooring-accessories .product #info table { width: 100%; }
.flooring .product #sta { padding: 0 15px 10px 0; }
.flooring .product #enlarge { float: left; clear: left; width: 100%; }
.flooring img.new { position: absolute; top: 15px; right: 17px; }
.flooring #icons { margin-top: 20px; }
.flooring #icons li { float: left; font-size: 9px; width: 70px; min-height: 85px; text-align: center; margin: 0 5px 0 0; letter-spacing: -1px; }
/* .flooring #icons li br { display: none; } */
/* Door furniture */
.door-furniture #products li { position: relative; display: inline-block; width: 150px; height: 275px; background: url(http://www.kdjoiners.co.uk/i/background/150x275.png) no-repeat bottom left; padding: 4em 10px 11px 10px; margin: 0 30px 20px 0; }
.door-furniture #products h3 { position: absolute; top: 0; left: 5px; }
.door-furniture #products p { margin-top: 0; }
.door-furniture #products .new { position: absolute; top: 4em; right: 10px; }
/* Worktops */
.worktops .products #products a { width: 175px; height: 250px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x250.png); }
.worktops .previewControls { margin-left: 5px; }
.worktops .product #products a { width: 263px; height: 375px; background-image: url(http://www.kdjoiners.co.uk/i/background/263x375.png); }
.worktops .product #enlarge { margin-left: 120px; }
.worktops .product table.variants { width: 263px; }
.worktops .product #features table { width: 265px; }
/* Solid Surface Worktops */
.solid-worktops .products #products a { display: block; height: 400px; width: 500px; background: url(http://www.kdjoiners.co.uk/i/background/product/main.png) no-repeat left center; padding: 15px 22px 22px 18px; position: relative; }
.solid-worktops .products #products .borderRight { width: 22px; position: absolute; height: 437px; top: 0; right: 0; background: url(http://www.kdjoiners.co.uk/i/background/product/main-right.png) no-repeat right center; }
.solid-worktops .previewControls { margin-left: 5px; }
.solid-worktops .product table.variants { width: 263px; }
.solid-worktops .product #features table { width: 265px; }
.solid-worktops .products #products span.solid-title { position: absolute; z-index: 2; left: 18px; bottom: 22px; background: url(http://www.kdjoiners.co.uk/i/background/product/title.png) no-repeat center left; width: 90%; padding: 5px; font-size: .8em; color: #333; }
/* Kitchen Accessories */
.kitchen .accessories .product #products a { width: 253px; height: 375px; background-image: url(http://www.kdjoiners.co.uk/i/background/253x375.png); }
.kitchen .accessories .product #enlarge { margin-left: 120px; }
.kitchen .accessories .product #features table { width: 253px; }
/* Drawer Storage */
.drawers .categories #products a { width: 275px; height: 220px; background-image: url(http://www.kdjoiners.co.uk/i/background/275x220.png); }
.drawers .categories #products .title { background-image: url(http://www.kdjoiners.co.uk/i/background/category/nav-title-handles.png); width: 265px; }
.drawers .product #products a { width: 338px; height: 270px; background-image: url(http://www.kdjoiners.co.uk/i/background/338x270.png); }
.drawers .product #enlarge { margin-left: 8px; }
.drawers .product #features table { width: 325px; }
/* Bathroom Accessories */
.bathroom .accessories .product #products a { width: 253px; height: 375px; background-image: url(http://www.kdjoiners.co.uk/i/background/253x375.png); }
.bathroom .accessories .product #enlarge { margin-left: 120px; }
.bathroom .accessories .product #features table { width: 253px; }
/* Handles */
.handles .categories #products a { width: 275px; height: 220px; background-image: url(http://www.kdjoiners.co.uk/i/background/275x220.png); }
.handles .categories #products .title { background-image: url(http://www.kdjoiners.co.uk/i/background/category/nav-title-handles.png); width: 265px; }
.handles .product #products a.detail { width: 325px; height: 260px; background-image: url(http://www.kdjoiners.co.uk/i/background/325x260.png); }
.handles .product #products a.example { width: 195px; height: 260px; background-image: url(http://www.kdjoiners.co.uk/i/background/195x260.png); }
.handles .product #enlarge { margin-left: 8px; }
.handles .product #features table { width: 325px; }
/* Sinks */
.sinks .categories #products a { width: 275px; height: 220px; background-image: url(http://www.kdjoiners.co.uk/i/background/275x220.png); }
.sinks .categories #products .title { background-image: url(http://www.kdjoiners.co.uk/i/background/category/nav-title-handles.png); width: 265px; }
.sinks .product #products a.detail { width: 325px; height: 260px; background-image: url(http://www.kdjoiners.co.uk/i/background/325x260.png); }
.sinks .product #products a.example { width: 195px; height: 260px; background-image: url(http://www.kdjoiners.co.uk/i/background/195x260.png); }
.sinks .product #enlarge { margin-left: 8px; }
.sinks .product #features table { width: 325px; }
/* Taps */
.taps .categories #products a { width: 275px; height: 220px; background-image: url(http://www.kdjoiners.co.uk/i/background/275x220.png); }
.taps .categories #products .title { background-image: url(http://www.kdjoiners.co.uk/i/background/category/nav-title-handles.png); width: 265px; }
.taps .previewControls { margin-left: 5px; }
.taps .product #products a.detail { width: 325px; height: 260px; background-image: url(http://www.kdjoiners.co.uk/i/background/325x260.png); }
.taps .product #products a.example { width: 195px; height: 260px; background-image: url(http://www.kdjoiners.co.uk/i/background/195x260.png); }
.taps .product #enlarge { margin-left: 8px; }
.taps .product #features table { width: 325px; }
/* Ovens */
.ovens .products #products a,
.ovens .categories #products a { width: 175px; height: 175px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x175.png); }
.ovens .previewControls { margin-left: 5px; }
.ovens .product #products a.detail { width: 250px; height: 250px; background-image: url(http://www.kdjoiners.co.uk/i/background/250x250.png); }
.ovens .product .left #sta { margin: 6px 20px 15px 8px; float: left; }
.ovens .product #enlarge { margin-left: 8px; float: left; }
.ovens .product #info { margin: 0; }
.ovens .product #features table { width: 100%; }
/* Hobs */
.hobs .products #products a,
.hobs .categories #products a { width: 175px; height: 175px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x175.png); }
.hobs .previewControls { margin-left: 5px; }
.hobs .product #products a.detail { width: 250px; height: 250px; background-image: url(http://www.kdjoiners.co.uk/i/background/250x250.png); }
.hobs .product #sta,
.hobs .product #enlarge { margin-left: 8px; float: left; }
.hobs .product #info { margin: 0; }
.hobs .product #features table { width: 100%; }
/* Extractors */
.extractors .products #products a,
.extractors .categories #products a { width: 175px; height: 175px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x175.png); }
.extractors .previewControls { margin-left: 5px; }
.extractors .product #products a.detail { width: 250px; height: 250px; background-image: url(http://www.kdjoiners.co.uk/i/background/250x250.png); }
.extractors .product #sta,
.extractors .product #enlarge { margin-left: 8px; float: left; }
.extractors .product #info { margin: 0; }
.extractors .product #features table { width: 100%; }
/* Range-Cookers */
.range-cookers .products #products a,
.range-cookers .categories #products a { width: 175px; height: 175px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x175.png); }
.range-cookers .previewControls { margin-left: 5px; }
.range-cookers .product #previewPane { width: 270px; height: 300px; margin-bottom: 20px; overflow: hidden; background-image: url(http://www.kdjoiners.co.uk/i/background/250x280.png); }
.range-cookers .product .container { position: relative; min-width: auto; }
.range-cookers .product .previewControls { display: none; position: absolute; bottom: 15px; left: 8px; z-index: 100; }
.range-cookers .product #products { width: 100%; height: 300px; }
.range-cookers .product #products li { width: 258px; }
.range-cookers .product #products a { width: 250px; height: 250px; padding: 9px 12px 11px 8px; }
.range-cookers .product #sta,
.range-cookers .product #enlarge { margin-top: -10px; margin-left: 8px; float: left; }
.range-cookers .product #info { margin: 0; }
.range-cookers .product #features table { width: 100%; }
/* Freestanding-Cookers */
.freestanding-cookers .products #products a,
.freestanding-cookers .categories #products a { width: 175px; height: 175px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x175.png); }
.freestanding-cookers .previewControls { margin-left: 5px; }
.freestanding-cookers .product #previewPane { width: 270px; height: 300px; margin-bottom: 20px; overflow: hidden; background-image: url(http://www.kdjoiners.co.uk/i/background/250x280.png); }
.freestanding-cookers .product .container { position: relative; min-width: auto; }
.freestanding-cookers .product .previewControls { display: none; position: absolute; top: 270px; left: 8px; z-index: 100; }
.freestanding-cookers .product #products { width: 100%; height: 300px; }
.freestanding-cookers .product #products a { width: 250px; height: 250px; padding: 9px 12px 11px 8px; }
.freestanding-cookers .product #sta,
.freestanding-cookers .product #enlarge { margin-top: -10px; margin-left: 8px; float: left; }
.freestanding-cookers .product #info { margin: 0; }
.freestanding-cookers .product #features table { width: 100%; }
/* Dishwashers */
.dishwashers .products #products a,
.dishwashers .categories #products a { width: 175px; height: 175px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x175.png); }
.dishwashers .previewControls { margin-left: 5px; }
.dishwashers .product #products a.detail { width: 250px; height: 250px; background-image: url(http://www.kdjoiners.co.uk/i/background/250x250.png); }
.dishwashers .product #sta,
.dishwashers .product #enlarge { margin-left: 8px; float: left; }
.dishwashers .product #info { margin: 0; }
.dishwashers .product #features table { width: 100%; }
/* Microwaves */
.microwaves .products #products a,
.microwaves .previewControls { margin-left: 5px; }
.microwaves .product #products a.detail { width: 250px; height: 200px; background-image: url(http://www.kdjoiners.co.uk/i/background/250x200.png); }
.microwaves .product #sta,
.microwaves .product #enlarge { margin-left: 8px; float: left; }
.microwaves .product #info { margin: 0; }
.microwaves .product #features table { width: 100%; }
/* Refrigeration */
.refrigeration .products #products a,
.refrigeration .categories #products a { width: 175px; height: 175px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x175.png); }
.refrigeration .previewControls { margin-left: 5px; }
.refrigeration .product #previewPane { width: 270px; height: 300px; margin-bottom: 20px; overflow: hidden; background-image: url(http://www.kdjoiners.co.uk/i/background/250x280.png); }
.refrigeration .product .container { position: relative; min-width: auto; }
.refrigeration .product .previewControls { display: none; position: absolute; top: 270px; left: 8px; z-index: 100; }
.refrigeration .product #products { width: 100%; height: 300px; }
.refrigeration .product #products a { width: 250px; height: 250px; padding: 9px 12px 11px 8px; }
.refrigeration .product #sta,
.refrigeration .product #enlarge { margin-top: -15px; margin-left: 8px; float: left; }
.refrigeration .product #info { margin: 0; }
.refrigeration .product #features table { width: 100%; }
/* Laundry */
.laundry .products #products a,
.laundry .categories #products a { width: 175px; height: 175px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x175.png); }
.laundry .previewControls { margin-left: 5px; }
.laundry .product #products a.detail { width: 250px; height: 250px; background-image: url(http://www.kdjoiners.co.uk/i/background/250x250.png); }
.laundry .product #sta,
.laundry .product #enlarge { margin-left: 8px; float: left; }
.laundry .product #info { margin: 0; }
.laundry .product #features table { width: 100%; }
/* Kitchen Accessories */
.accessories .products #products a { margin-left: 18px; width: 155px; height: 230px; background-image: url(http://www.kdjoiners.co.uk/i/background/155x230.png); }
.accessories .products #products span.title { padding: 5px 2px; width: 151px; background-image: url(http://www.kdjoiners.co.uk/i/background/product/nav-title-kithen-accessories.png); }
/*Door Cutout Previews */
#cutout { float: left; list-style-type: none; margin: 0 10px 0 0; background: url(http://www.kdjoiners.co.uk/i/background/72x150.png) no-repeat top left; padding: 9px 12px 11px 8px; width: 72px; }
/* Internal Doors */
.internal-doors #products a { margin-right: 8px; }
.internal-doors #products span.title { width: 110px; }
.internal-doors .products #products a,
.internal-doors .categories #products a { width: 120px; height: 240px; background-image: url(http://www.kdjoiners.co.uk/i/background/120x240.png); }
.internal-doors .previewControls { margin-left: 5px; }
.internal-doors .product #products { min-height: 470px; }
.internal-doors .product #products a.detail { width: 220px; height: 440px; background-image: url(http://www.kdjoiners.co.uk/i/background/220x440.png); }
.internal-doors .product .left #sta { margin: 6px 20px 15px 8px; float: none; }
.internal-doors .product #enlarge { margin-left: 8px; float: none; }
.internal-doors .product #info { margin: 0; padding-top: 0; }
.internal-doors .product #features table { width: 100%; }
.internal-doors .product .intro { padding-bottom: 10px; }
/* External Doors */
.external-doors #products a { margin-right: 8px; }
.external-doors #products span.title { width: 110px; }
.external-doors .products #products a,
.external-doors .categories #products a { width: 120px; height: 240px; background-image: url(http://www.kdjoiners.co.uk/i/background/120x240.png); }
.external-doors .previewControls { margin-left: 5px; }
.external-doors .product #products { min-height: 470px; }
.external-doors .product #products a.detail { width: 220px; height: 440px; background-image: url(http://www.kdjoiners.co.uk/i/background/220x440.png); }
.external-doors .product .left #sta { margin: 6px 20px 15px 8px; float: none; }
.external-doors .product #enlarge { margin-left: 8px; float: none; }
.external-doors .product #info { margin: 0; padding-top: 0; }
.external-doors .product #features table { width: 100%; }
.external-doors .product .intro { padding-bottom: 10px; }
/* Door Icons */
.joinery .external-doors #icons,
.joinery .internal-doors #icons { margin: 0; padding: 0; width: auto; }
.joinery .external-doors #icons li,
.joinery .internal-doors #icons li { float: left; margin: 0; padding: 0; }
/* Mouldings */
.mouldings .categories #products .title { background-image: url(http://www.kdjoiners.co.uk/i/background/category/nav-title-handles.png); width: 265px; bottom: 11px; }
.mouldings .products #products a,
.mouldings .categories #products a { width: 275px; height: 220px; background-image: url(http://www.kdjoiners.co.uk/i/background/275x220.png); }
.mouldings .previewControls { margin-left: 5px; }
.mouldings .product #products li { width: 100%; margin: 0; padding: 0; }
.mouldings .product #products a.detail { width: 382px; height: 306px; float: left; margin: 0 0 0 3px; background-image: url(http://www.kdjoiners.co.uk/i/background/382x306.png); background-position: top left; }
.mouldings .product #products a.side { width: 180px; height: 306px; float: right; margin: 0 3px 0 0; background-image: url(http://www.kdjoiners.co.uk/i/background/180x306.png); background-position: top left; }
.mouldings .product .left #sta { margin: 6px 20px 15px 8px; float: none; }
.mouldings .product #enlarge { margin-left: 8px; float: none; }
.mouldings .product #info { margin: 0; }
.mouldings .product #features table { width: 100%; }
/* Hardware */
.hardware .products #products span.title { left: 120px; top: 65px; background: none; text-align: center; width: 65px; margin: 0; padding: 0; }
.hardware .categories #products a { width: 175px; height: 140px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x140.png); }
.hardware .previewControls { margin-left: 5px; }
.hardware .products #products a { width: 175px; height: 140px; background-image: url(http://www.kdjoiners.co.uk/i/background/100x140.png); background-position: left center; }
.hardware .product #previewPane { width: 618px; }
.hardware .product #products li { margin: 0; padding: 0; }
.hardware .product #products li a { vertical-align: top; display: inline-block; text-align: left; clear: both; margin: 0; padding: 0; background: none; width: 150px; height: 240px; }
.hardware .product #products li a:hover { font-weight: normal; }
.hardware .product #products a.detail { width: 382px; height: 306px; float: left; margin: 0 0 0 3px; background-image: url(http://www.kdjoiners.co.uk/i/background/382x306.png); background-position: top left; }
.hardware .product #products a.side { width: 180px; height: 306px; float: right; margin: 0 3px 0 0; background-image: url(http://www.kdjoiners.co.uk/i/background/180x306.png); background-position: top left; }
.hardware .product .left #sta { margin: 6px 20px 15px 8px; float: none; }
.hardware .product #enlarge { margin-left: 8px; float: none; }
.hardware .product #info { margin: 0; }
.hardware .product #features table { width: 100%; }
.hardware img.new { position: absolute; top: 10px; left: 80px; }
.joinery .hardware #content h1 { float: left; width: 100%; padding-bottom: 50px; }
/* Stair Parts */
.stair-parts img.new { position: absolute; top: 15px; right: 17px; }
.stair-parts #products span.title { width: 165px; }
.stair-parts .categories #products span.title { width: 110px; }
.stair-parts .categories #products a { width: 120px; height: 240px; background-image: url(http://www.kdjoiners.co.uk/i/background/120x240.png); }
.stair-parts .previewControls { margin-left: 5px; }
.stair-parts .product #products li { width: 100%; margin: 0; padding: 0; }
.stair-parts .product #products a.detail { width: 382px; height: 306px; float: left; margin: 0 0 0 3px; background-image: url(http://www.kdjoiners.co.uk/i/background/382x306.png); background-position: top left; }
.stair-parts .product #products a.side { width: 180px; height: 306px; float: right; margin: 0 3px 0 0; background-image: url(http://www.kdjoiners.co.uk/i/background/180x306.png); background-position: top left; }
.stair-parts .product .left #sta { margin: 6px 20px 15px 8px; float: none; }
.stair-parts .product #enlarge { margin-left: 8px; float: none; }
.stair-parts .product #info { margin: 0; }
.stair-parts .product #features table { width: 100%; }
/* Frames & Casings */
.frame-casings #products span.title { width: 175px; }
.frame-casings img.new { position: absolute; top: 15px; right: 17px; }
.frame-casings .products #products a,
.frame-casings .categories #products a { width: 175px; height: 140px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x140.png); }
.frame-casings .previewControls { margin-left: 5px; }
.frame-casings .product #products li { width: 100%; margin: 0; padding: 0; }
.frame-casings .product #products a.detail { width: 382px; height: 306px; float: left; margin: 0 0 0 3px; background-image: url(http://www.kdjoiners.co.uk/i/background/382x306.png); background-position: top left; }
.frame-casings .product #products a.side { width: 180px; height: 306px; float: right; margin: 0 3px 0 0; background-image: url(http://www.kdjoiners.co.uk/i/background/180x306.png); background-position: top left; }
.frame-casings .product .left #sta { margin: 6px 20px 15px 8px; float: none; }
.frame-casings .product #enlarge { margin-left: 8px; float: none; }
.frame-casings .product #info { margin: 0; }
.frame-casings .product #features table { width: 100%; }
/* New Products Pages */
.new-products #container { min-height: 775px; }
.new-products #back { left: 0; }
.new-products .categories #products { margin: 18px 0 0 10px; padding: 0 0 20px 0; }
.new-products .categories #products li { margin: 0 5px 5px 0; padding: 0; }
.new-products .categories #products a { width: 175px; height: 140px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x140.png); }
.new-products .products #products { margin: 18px 0 0 10px; padding: 0 0 20px 0; }
.new-products .products #products li { margin: 0 5px 5px 0; padding: 0; }
.new-products .products #products a { width: 175px; height: 140px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x140.png); }
#l-collection a{ width: 175px; height: 175px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x175.png); }
.new-products .categories #products .title { vertical-align: middle; }
.new-products .categories #products .title img { float: left; }
.new-products .categories #products .titleText { padding: 0 0 0 30px; vertical-align: middle; }
/* Product Specification Static Pages */
.product-specification .cabinets .left,
.product-specification .cabinets .right { width: 49%; }
.product-specification .cabinets ul.specs,
.product-specification .cabinets ul.specs ul { list-style: none; margin: 0; padding: 0; color: #878787; }
.product-specification .cabinets ul.specs li { font-weight: bold; border-bottom: 1px dashed #878787; padding: 15px 0; }
.product-specification .cabinets ul.specs li ul { margin-left: 25px; padding-top: 15px; }
.product-specification .cabinets ul.specs li ul li { font-weight: normal; margin: 0; padding: 0; border: none; }
.product-specification .cabinets ul.specs li ul li.circled { list-style: circle; }
.product-specification .cabinets ul.specs li ul li.spaced { padding-bottom: 15px; }
.product-specification .cabinets table.specs { color: #878787; width: 450px; }
.product-specification .cabinets .logos-vertical { float:right; width: 100px; height: 500px;}
.product-specification .cabinets ul.footnotes { color: #878787; font-weight: normal; list-style: none;}
/* Product Specification Section */
.product-specification .previewControls { padding-top: 15px; }
.product-specification .kitchens #products span.title { left: 120px; top: 65px; background: none; text-align: center; width: 65px; margin: 0; padding: 0; }
.product-specification .kitchens #products a { width: 175px; height: 140px; margin-bottom: 10px; background-image: url(http://www.kdjoiners.co.uk/i/background/100x140.png); background-position: left center; }
.product-specification .bathroom-cabinets #products span.title { left: 95px; top: 65px; background: none; text-align: center; width: 90px; margin: 0; padding: 0; }
.product-specification .bathroom-cabinets #products a { width: 175px; height: 140px; margin-bottom: 10px; background-image: url(http://www.kdjoiners.co.uk/i/background/70x140.png); background-position: left center; }
.product-specification .appliances #products a,
.product-specification .worktops #products a,
.product-specification .sinks #products a,
.product-specification .taps #products a,
.product-specification .doors #products a { width: 175px; height: 175px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x175.png); }
.product-specification .appliances #products a,
.product-specification .worktops #products .title,
.product-specification .sinks #products .title,
.product-specification .taps #products .title,
.product-specification .doors #products .title { width: 165px; }
.product-specification .worktops .products #products a { width: 175px; height: 140px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x140.png); }
/*Lamona collection pages */
.lamona-collection #back { left: 0; }
.lamona-collection .categories #products { margin: 18px 0 0 10px; padding: 0 0 20px 0; }
.lamona-collection .categories #products li { margin: 0 5px 5px 0; padding: 0; }
.lamona-collection .categories #products a { width: 175px; height: 175px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x175.png); }
/*.lamona-collection .categories #products .title { width: 165px; }*/
/*.lamona-collection .categories #products .title img { vertical-align: middle; margin: -2px 0 0 0; padding: 0 10px 0 0; }*/
.lamona-collection .products #products { margin: 18px 0 0 10px; padding: 0 0 20px 0; }
.lamona-collection .products #products li { margin: 0 5px 5px 0; padding: 0; }
.lamona-collection .products #products a { width: 175px; height: 175px; background-image: url(http://www.kdjoiners.co.uk/i/background/175x175.png); }
/*.lamona-collection .products #products .title { width: 165px; }*/
/* Joinery Flooring */
.joinery .flooring-main .categories #products a { width: 275px; height: 220px; background-image: url(http://www.kdjoiners.co.uk/i/background/275x220.png); }
.joinery .flooring-main .categories #products .title { background-image: url(http://www.kdjoiners.co.uk/i/background/category/nav-title-handles.png); width: 265px; bottom: 11px; }
/* Joinery Flooring Accessories */
.joinery .flooring-accessories .product .left { width: 48%; }
.joinery .flooring-accessories .product .right { width: 48%; }
.joinery .flooring-accessories #icons { clear: left; width: 260px; }
.joinery .flooring-accessories .product #products a { width: 250px; height: 250px; background-image: url(http://www.kdjoiners.co.uk/i/background/250x250.png); }
/* Joinery section size changes */
.joinery #photo a { position: relative; display: block; width: 250px; height: 400px; background: url(http://www.kdjoiners.co.uk/i/background/250x400.png) no-repeat center center; padding: 9px 12px 11px 8px; }
.joinery #photo span { position: absolute; top: 20px; left: 20px; font-weight: bold; color: white; }
/* Joinery Product icons */
.joinery #icons { width: 350px; }
.joinery #icons ul { list-style: none; padding: 0; }
.joinery #icons li { display: inline; }
/* Joinery Product information */
.joinery #product-info { margin-top: 100px; width: 350px; }
.joinery #product-info dd { margin: 0; float: left; display: block; width: 150px; padding-bottom: 1em; color: #bbb; }
.joinery em.m { color: #fdb813; font-style: normal; font-weight: bold; }
/* About Us Pages */
.about #content p a,
.about a:hover { color: #d3b078; border-bottom: none; }
.about div.left { width: 340px; float: left; }
em.tradeonly { color: red; }
ol.tradeonly { color: red; font-weight: bold; padding-bottom: 1em; }
ol.tradeonly span { color: black; font-weight: normal; }
/* About Us - Village Pages */
.village #content p a,
.village a:hover { color: #d3b078; border-bottom: none; }
.village img.top { float: right; margin: -5px -20px 0 0; }
.village h3 { color: #D5B079; }
.village div.right { width: 340px; float: right; }
.village div.right a { color: #EFB526; }
.village ul.grid { margin: 0; padding: 0; list-style: none; width: 300px; height: 300px; }
.village ul.grid li { margin: 0; padding: 0; width: 150px; height: 150px; float: left; }
.village .container { position: absolute; left: -5000px; }
.village .container li { height: 550px; width: 590px; }
.village .previewPane #products a { background-image: none; }
/* About Us - Village Flash Intro */
.village-flash #switch { right: 140px; }
.village-flash #content p a,
.village-flash a:hover { color: #d3b078; border-bottom: none; }
.village-flash #container { background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/body-about.jpg) repeat-y top center; }
.village-flash #container #top { background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/header-about.jpg) no-repeat top center; }
.village-flash #container #bottom { background: transparent url(http://www.kdjoiners.co.uk/i/background/layout/footer-about.jpg) no-repeat bottom center; }
.village-flash #header { display: none; }
.village-flash #content { margin: 0 8px 0 24px; width: 895px; position: relative; height: 620px; }
.village-flash #content h1 { color: #d3b078; }
.village-flash #logo-top { position: absolute; top: 0px; left:23px; z-index: 10; }
.village-flash object { position: absolute; z-index: 5; top: 5px; left: 0; }
.village-flash #detail { position: absolute; bottom: 40px; right: 10px; width: 220px; height: 280px; font-size: 0.85em; z-index: 10; }
.village-flash #detail h3 { font-size: 1.2em; color: #D5B079; }
.village-flash #detail em { color: #D5B079; }
.village-flash a:hover { color: #d3b078; }
/* Contract Kitchens */
.contract #homeNav { width: 652px; background: url(http://www.kdjoiners.co.uk/i/homenav/contract.jpg) no-repeat bottom right; height: 465px; }
.contract #homeNav ul { list-style-type: none; margin: 0; padding: 0; z-index: 3000; }
.contract #homeNav li { width: 200px; height: auto; background: url(http://www.kdjoiners.co.uk/i/homenav/hometab.png) no-repeat; text-align: center; float: left; padding-top: 6px; }
.contract #homeNav li a { text-decoration: none; color: #666666; width: 200px; position: relative; }
.contract #homeNav li a:hover { color: #cfaa7a; }
.contract #homeNav ul ul { visibility: hidden; list-style-type: none; z-index: 3000; margin-top: 10px; }
.contract #homeNav ul ul li { width: 200px; height: 1.6em; background: url(http://www.kdjoiners.co.uk/i/homenav/trans-temp.png) repeat bottom; margin-left: 10px; text-align: left; }
.contract #homeNav ul ul li.last { width: 200px; height: 1.5em; background: url(http://www.kdjoiners.co.uk/i/homenav/trans-temp-last.png) no-repeat top; margin-left: 10px; }
.contract #homeNav ul ul li a { font-weight: normal; text-decoration: none; font-size: 0.8em; text-align: left; padding-left: 5px; }
.contract #homeNav ul li:hover ul { visibility: visible; height: 150px; }/* Chris tricky hack: Enlarge the size of the ul to keep the user hovering over it */
.contract #homeNav ul ul li { width: 200px; height: 1.6em; background: url(http://www.kdjoiners.co.uk/i/homenav/trans-temp.png) repeat bottom; margin-left: 10px; text-align: left; }
.contract #homeNav ul ul li.last { width: 200px; height: 1.5em; background: url(http://www.kdjoiners.co.uk/i/homenav/trans-temp-last.png) no-repeat top; margin-left: 10px; }
#contractRangeFeatures table { border-collapse: collapse; clear: both; width: 95%; }
#contractRangeFeatures table th { font-weight: bold; padding: 5px 0 2px 0; text-align: left; }
#contractRangeFeatures table td { text-align: left; padding: 5px 0 2px 0; }
.contract a { text-decoration: none; color: #505255;}
.contract a:hover { text-decoration: none; color: #cfaa7a; }
.contract #content p a { text-decoration: none; color: #505255;}
.contract #content p a:hover { text-decoration: none; color: #cfaa7a; }
.contract #hardware .right { float: right; width: 50%;}
.contract #hardware .left { float: left; width: 50%; }
.contract #hardware table { font-size: 0.75em; width:95%; }
.contract #hardware table td {border-bottom: 1px solid #aaa; padding: 5px 0 2px 0; }
.contract #hardware table td.code {width: 50px; }
/* Product list */
#contractFrontals { list-style: none; padding: 0; float: left; margin: 0; width: 100%; }
#contractFrontals li { margin: 0; float: left; }
#contractFrontals a { display: inline-block; vertical-align: top; width: 100px; height: 200px; margin: 0; background: url(http://www.kdjoiners.co.uk/i/background/100x145.png) no-repeat center center; position: relative; color: #333; padding: 9px 12px 11px 8px; }
#contractFrontals span.title { position: absolute; left: 3px; bottom: 0px; background: url(http://www.kdjoiners.co.uk/i/background/product/nav-title.png) repeat-y center left; width: 115px; font-size: .85em; line-height: 1.0em; color: black; }
#contractFrontals a:hover { font-weight: bold; }
#contractFrontals span.new { position: absolute; top: 15px; right: 17px; }
#mainNav { position: relative; width: 620px; margin: 0px 0 0 0; min-height: 35px; z-index: 200; padding-left: 25px; }
/* Main navigation - top level */
#mainNav>ul { padding: 0px 0px 0px 10px; list-style: none; float: left; }
#mainNav li { float: left; width: 200px; padding: 5px 0 0px 0; text-align: center; background: url(http://www.kdjoiners.co.uk/i/homenav/hometab.png) no-repeat; height: 100px;}
#mainNav>ul>li { background: url(http://www.kdjoiners.co.uk/i/homenav/hometab.png) no-repeat; }
#mainNav a { font-weight: bold; color: #888; text-decoration: none; line-height: 1.5em; display: block; width: 192px; padding-left: 1px; padding: 2px 0px }
#mainNav .selected { color: #c7a170; }
#mainNav a:hover { color: #c7a170; }
/* Main navigation - bottom level */
#mainNav ul ul { float: left; list-style: none; width: 164px; position: absolute; left: -999em; height: auto; margin: 10px 0px 0px 0px; z-index: 3000; }
#mainNav li ul a {color: #666666; text-decoration: none; font-size: 0.8em; width: 167px; margin: 0 0px; padding: 5px 0px 0px 0px; line-height: 1.25em; text-align: left; }
#mainNav li ul a:hover { color: #cfaa7a; }
#mainNav li li { border: none; height: 1.6em; width: 200px; background: transparent url(http://www.kdjoiners.co.uk/i/homenav/trans-temp.png) repeat bottom ; margin:0px 0px 0px 0px; position: relative; left: -41px; padding: 0px 0px 0px 0px; }
#mainNav ul li ul li.last { width: 200px; background: transparent url(http://www.kdjoiners.co.uk/i/homenav/trans-temp-last2.png) no-repeat top ; }
#mainNav li:hover ul { left: auto; }
#mainNav ul li ul li em a { text-decoration: none; font-size: 0.8em;font-weight: normal; text-align: left; padding-left: 5px;}
/* Webmaster form styles */
table.webmasterForm { width: 100%; }
table.webmasterForm tr { padding-bottom: 10px; }
table.webmasterForm th { text-align: left; font-weight: normal; width: 100%; }
table.webmasterForm th.submitButton { text-align:center; }
table.webmasterForm td.name { width: 200px;}
table.webmasterForm input { width: 390px; border: 1px #666666 solid; font: inherit;}
table.webmasterForm input.submit { width: 200px; background: #e7e7e7; border: 1px #666666 outset; float: center; }
table.webmasterForm textarea.notes { width: 392px; border: 1px #666666 solid; font: inherit; color: inherit; }
table.webmasterForm input.url { width: 390px; border: 1px #666666 solid; font: inherit;}
#webmaster { position: absolute; bottom: 20px; right: 140px; z-index: 20; font-size: 0.7em; }
a.webmasterLink { text-align: left; text-decoration: none; }
a:hover.webmasterLink { text-decoration: none; }
/* Request a brochure form */
table.requestForm { width: 100%; }
table.requestForm tr { padding-bottom: 15px; }
table.requestForm tr.spaced { min-height: 40px;}
table.requestForm th { text-align: left; font-weight: normal; }
table.requestForm th.submitButton { text-align:center; }
table.requestForm td.name { width: 400px;}
table.requestForm input { width: 330px; border: 1px #666666 solid; font: inherit;}
table.requestForm input.submit { width: 200px; background: #e7e7e7; border: 1px #666666 outset; float: center; }
table.requestForm input.postcode { width: 150px; border: 1px #666666 solid; font: inherit;}
table.requestForm input.type { width: 30px; border: none; padding-bottom: 20px;}
table.requestForm input#btnFind { margin-left: 10px; width: 100px; background: #e7e7e7; border: 1px #666666 outset; }
table.requestForm input#btnFetch { width: 200px; background: #e7e7e7; border: 1px #666666 outset; }
table.requestForm input.optionGroup { width: 30px; border: none; padding-bottom: 20px;}
table.requestForm select#selectaddress { min-width:200px ; }
em.warning { color: red; font-weight: bold; }
/* Mobi version pages */
#mobiFrame { background: url('http://www.kdjoiners.co.uk/i/phone-bg-grey.gif') no-repeat top right; width: 350px; height: 538px; }
#mobiIFrame { padding-left: 52px; padding-top: 80px; }
#mobiBenefits { float:left; width: 250px; }
#mobiBenefits ul {margin-left: 5px; }
#mobiBenefits ul li { margin-left: 10px; padding-bottom: 10px; }