/* Undo some of the default styling of common (X)HTML browsers */ /* This block is (c) 2004 Tantek Celik and is licensed under the Creative Commons License */ :link,:visited { text-decoration:none } ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; line-height:normal; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img, abbr, acronym { border:none } /* END COPYRIGHTED SECTION */ /* MAIN STYLES */ body { font: 0.7em/1.4 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; color: #757575; text-align: center; margin-top: 4px; background: #FFF; } h1 { padding: 14px 0 0 8px; } h2 { background: #143F68 url(../images/bg-title-bluegradient.jpg) repeat-y right top; height: 55px; border-bottom: 5px solid #FFF; } body#doors h2 { background: #CCD8E0; } body#windows h2 { background: #935D37; } body#doorframes h2 { background: #C29C05; } body#extdoors h2 { background: #66B09C; } body#intdoors h2 { background: #5FA1C2; } body#patiodoors h2 { background: #E76B5C; } body#stairs h2 { background: #956E8E; } body#garagedoors h2 { background: #BFA377; } h3 { color: #538096; border-top: 1px solid #D6C9C3; border-bottom: 1px solid #D6C9C3; margin: 0 0 1em -11px; padding: 0.5em 0 0.5em 11px; } #left h3 { color: #538096; border-top: 1px solid #D6C9C3; border-right: 1px solid #D6C9C3; border-bottom: none; margin: 0 0 0 -11px; padding: 0.5em 0 0.5em 0; text-align: center; width: 174px; float: left; } #left li.off h3 { border: none; background: #EDEDEB; margin-left: 4px; margin-right: 10px; padding: 0.5em 0; } li.off h3 a { color: #666; display: block; } li.off { border-bottom: 1px solid #D6C9C3; } body#doors h3 { color: #73B8CC; } body#externaldoors h3 { color: #66B09C; } body#windows h3 { color: #935D37; } body#doorframes h3 { color: #C29C05; } body#intdoors h3 { color: #559CBE; } body#patiodoors h3 { color: #E76B5C; } body#stairs h3 { color: #956E8E; } body#garagedoors h3 { color: #BFA377; } a { text-decoration: none; color: #6895A4; } a:hover { text-decoration: underline; } input { font: 1em 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; } button { font: 1em 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; background: transparent; margin: 0; padding: 0; border: none; } /* GENERIC CLASSES */ .blue { color: #6895A4; } .blue strong { color: #15416B; font-weight: normal; } /* CONTAINERS */ #header, #main, #strapline div, #footer { text-align: left; width: 745px; margin: 0 auto; } /* HEADER AREA */ #header { position: relative; margin-bottom: 16px; } /* LOGIN FORM */ #header form { position: absolute; top: 0; right: 0; background: url(../images/bg-login.jpg) repeat-y right top; height: 22px; padding-top: 3px; } #header form input { padding: 2px 4px; width: 7.1em; border: none; color: #A19890; } #header form * { vertical-align: middle; } #header form button { color: #15416B; } #header form .welcome { margin-right: 2.2em; } /* TOP-LEVEL MENU */ #header ul { position: absolute; top: 35px; right: 0px; color: #6895A4; } #header ul li { float: left; padding-left: 0.5em; } #header ul li.on a { color: #507190; text-decoration: underline; } #header ul li a:hover { color: #507190; } #header ul a { color: #6895A4; } /* FOOTER AREA */ #footer { clear: both; padding: 11px 0 3em 0; } #footer ul { color: #B8AE9D; } #footer ul a { color: #B8AE9D; } #footer span { color: #6895A4; } #footer ul li { float: left; padding-right: 0.5em; } /* STRAPLINE (RELIABILITY FOR REAL LIFE) */ #strapline { background: #BBB5AB; clear: both; border-top: 20px solid #FFF; } #strapline div { text-align: right; } /* PRODUCT MENU */ #menu { background: #CCD8E0; margin-bottom: 6px; height: 25px; } #menu ul { background: #15416B; border-right: 5px solid #FFF; border-left: 5px solid #FFF; color: #7CA3AD; padding-left: 14px; height: 25px; width: 731px; margin: auto; text-align: left; overflow: hidden; } #menu ul a { color: #C4D6DB; display: inline; padding: 5px 4px; height: 24px; } #menu ul a:hover { background: #507190; color: #FFF; text-decoration: none; } #menu ul li { float: left; padding: 5px 0.5em 0 0; } #menu ul li.on a { color: #FFF; text-decoration: underline; } /* KEYWORD SEARCH BOX */ #menu ul li.search { float: right; padding: 4px 6px 0 0; } #menu ul li.search input { border: none; background: #FFF; padding: 2px 4px 1px 4px; color: #A19890; width: 140px; } #menu ul li.search button { color: #FFF; } /* LEFT SIDEBAR */ #sidebar-left { border-top: 1px solid #D6C9C3; border-left: 1px solid #D6C9C3; float: left; width: 184px; } #sidebar-left a { color: #7B7359; } #sidebar-left li { padding: 4px 0 4px 11px; border-bottom: 1px solid #D6C9C3; } #sidebar-left li.on { background: #477AB4 url(../images/bg-sidebarleft-blue.jpg) repeat-x left bottom; } #sidebar-left li.on a { color: #FFF; } #sidebar-left ul ul { background: #5988BC url(../images/bg-submenu.jpg) repeat-x left bottom; border-top: 1px solid #D6C9C3; margin: 5px 0 -4px -11px; padding: 10px 0 15px 0; } #sidebar-left ul ul li { border: none; background: url(../images/bullet-whitesquare.gif) no-repeat 11px 9px; padding: 2px 0 2px 20px; } #sidebar-left ul ul li.on { background: url(../images/bullet-whitesquare.gif) no-repeat 11px 9px; } #sidebar-left ul ul li.on a { font-weight: bold; } #sidebar-left.additionalinfo { margin-top: 10px; color: #62594B; border: none; } #sidebar-left.additionalinfo ul { border-top: 1px solid #D6C9C3; border-left: 1px solid #D6C9C3; } #sidebar-left.additionalinfo ul ul, #sidebar-left.additionalinfo li.on { background: none; } #sidebar-left.additionalinfo ul ul { padding: 0 0 2px 0; margin: 0; border: none; } #sidebar-left.additionalinfo li { padding-left: 8px; margin-bottom: 6px; } #sidebar-left.additionalinfo ul ul li { padding-left: 20px; margin-bottom: 0; background: url(../images/bullet-hyphen-blue.gif) no-repeat 12px 9px; } #sidebar-left.additionalinfo li a { color: #09C; } /* STOCKIST POSTCODE FINDER */ .stockistfind { background: url(../images/bg-stockistfinder.jpg) repeat-y right top; color: #FFF; padding: 6px 0 9px 8px; } .stockistfind input { width: 4.5em; border: 1px solid #D6C9C3; padding: 2px 4px; } .stockistfind fieldset { margin: 0; padding: 0; border: none; } .stockistfind fieldset legend { margin-bottom: 0.5em; } .stockistfind button { color: #FFF; } /* RIGHT SIDEBAR */ #sidebar-right { float: right; width: 184px; border-top: 1px solid #D6C9C3; border-left: 1px solid #D6C9C3; } /* CONTENT AREA */ #content { border-top: 1px solid #D6C9C3; border-left: 1px solid #D6C9C3; margin: 0 187px; padding: 13px 13px 0 13px; } #content p { margin-bottom: 1em; } #content ul { margin-bottom: 15px; } #content ul li a { color: #0099CC; } #content ul { list-style-type: disc; list-style-position: outside; margin-left: 2em; } /* OTHER CONTENT STYLES */ #content.noright { margin: 0 0 0 187px; } #content.noright p.intro { color: #538096; width: 100%; } #content.noright p { width: 500px; /* Was 440px */ } #content.noright p.info { color: #935D37; border: 1px solid #935D37; margin: 10px 15px 10px 0; padding: 10px; width: 480px; } #content.noright p.important { color: #FF7777; border: 1px solid #FF7777; margin: 10px 15px 10px 0; padding: 10px; width: 480px; } #content.noright p img { margin-left: 10px; } #content.noright h4 { color: #538096; margin-top: 20px; margin-bottom: 10px; } #content.noright .img { clear: right; float: right; } #content.noright .img p { margin-left: 20px; width: 100%; color: #7B7359; } #left { padding: 5px 0 0 11px; margin-right: 375px; clear: left; border-left: 1px solid #D6C9C3; } #left p { margin-bottom: 1em; } #left div { min-height: 211px; padding-top: 8px; } #left div p.info { color: #935D37; border: 1px solid #935D37; margin: 10px 15px 10px 0; padding: 10px; } #extdoors #main #left div p.info { color: #66B09C; border: 1px solid #66B09C; margin: 10px 15px 10px 0; padding: 10px; } #patiodoors #main #left div p.info { color: #E76B5C; border: 1px solid #E76B5C; margin: 10px 15px 10px 0; padding: 10px; } #left div p.important { color: #FF7777; border: 1px solid #FF7777; margin: 10px 15px 10px 0; padding: 10px; } #left div.clearer { min-height: 0; height: 0; clear: both; } #left div ul { list-style-type: disc; list-style-position: outside; margin: 0 2em; } #right { float:right; width: 369px; clear: both; padding-top: 5px; } #right .beautyshot { background: #EDEDEB; } #right .beautyshot img { border-right: 5px solid #FFF; } /* BREADCRUMB STYLES */ #breadcrumb { background: #EAF4F0; font-size: 1.1em; padding-left: 11px; height: 23px; } #breadcrumb.bottom { border-bottom: 5px solid #FFF; } #breadcrumb select { font-family: 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #333; border: 2px solid #7C9203; background: #FFF; padding: 1px 1px; margin: 2px 2px 0 0; } #breadcrumb a { color: #66B09C; font-weight: bold; } #breadcrumb li { float: left; padding-top: 5px; background: url(../images/arrow-breadcrumb-extdoors.gif) no-repeat 0px 9px; padding-left: 8px; padding-right: 6px; } #breadcrumb li.productselect { background: none !important; float: right; min-width: 10em; } /* Windows */ body#windows #breadcrumb { background: #F5F7EB; } body#windows #breadcrumb select { border: 2px solid #935D37; } body#windows #breadcrumb a { color: #935D37; } body#windows #breadcrumb li { background-image: url(../images/arrow-breadcrumb-windows.gif); } /* Door Frames */ body#doorframes #breadcrumb { background: #FFF6DC; } body#doorframes #breadcrumb select { border: 2px solid #7C9203; } body#doorframes #breadcrumb a { color: #C29C05; } body#doorframes #breadcrumb li { background-image: url(../images/arrow-breadcrumb-doorframes.gif); } /* Internal Doors */ body#intdoors #breadcrumb { background: #EEF5F9; } body#intdoors #breadcrumb select { border: 2px solid #559CBE; } body#intdoors #breadcrumb a { color: #559CBE; } body#intdoors #breadcrumb li { background-image: url(../images/arrow-breadcrumb-intdoors.gif); } /* Patio Doors */ body#patiodoors #breadcrumb { background: #FDEAE3; } body#patiodoors #breadcrumb select { border: 2px solid #559CBE; } body#patiodoors #breadcrumb a { color: #E76B5C; } body#patiodoors #breadcrumb li { background-image: url(../images/arrow-breadcrumb-patiodoors.gif); } /* Stairs */ body#stairs #breadcrumb, body#stairs #tabs { background: #EEDEEC; } body#stairs #breadcrumb select { border: 2px solid #559CBE; } body#stairs #breadcrumb a { color: #956E8E; } body#stairs #breadcrumb li { background-image: url(../images/arrow-breadcrumb-stairs.gif); } /* Garage doors */ body#garagedoors #breadcrumb { background: #F9F5E8; } body#garagedoors #breadcrumb select { border: 2px solid #559CBE; } body#garagedoors #breadcrumb a { color: #BFA377; } body#garagedoors #breadcrumb li { background-image: url(../images/arrow-breadcrumb-garagedoors.gif); } /* Must come after to override #breadcrumb li */ #breadcrumb li.first { background: url(none) !important; padding-left: 0; } #tabs { background: #EAF4F0 none no-repeat left top; height: 27px; padding-top: 5px; } #tabs ul { background: none; padding-top: 5px; float: left; width: 375px; } #tabs ul li { background: #E4E3DF; border: solid 1px #E4E3DF; border-bottom: none; margin-right: 5px; float: left; height: 19px; padding: 2px 0 0 0; text-align: center; } #tabs ul li.on { background: #FFF; border-color: #D6C9C3; font-weight: bold; } #tabs a { color: #62594B; } body#intdoors #tabs { background: #EEF5F9 url(../images/bg-tabs-internaldoors.jpg) no-repeat -169px 0; } body#extdoors #tabs { background: #EAF4F0 url(../images/bg-tabs-externaldoors.jpg) no-repeat -169px 0; } body#windows #tabs { background: #F5F7EB url(../images/bg-tabs-windows.jpg) no-repeat -169px 0; } body#garagedoors #tabs { background: #F9F5E8 url(../images/bg-tabs-garagedoors.jpg) no-repeat -169px 0; } body#patiodoors #tabs { background: #FDEAE3 url(../images/bg-tabs-patiodoors.jpg) no-repeat -169px 0; } body#doorframes #tabs { background: #FFF6DC url(../images/bg-tabs-doorframes.jpg) no-repeat -169px 0; } body#stairs #tabs { background: #EEDEEC url(../images/bg-tabs-stairs.jpg) no-repeat -169px 0; } /* ADDITIONAL INFORMATION */ .additionalinformation { clear: left; } .additionalinformation li { padding: 8px 0 0 44px; background: no-repeat 0px 6px; min-height: 32px; } .additionalinformation a { color: #62594B; } .additionalinformation ul li a { color: #538096; } .additionalinformation ul li { min-height: 0; padding: 0 0 0.2em 8px; background: url(../images/arrow-grey.gif) no-repeat 1px 6px; } .pdflink { display: block; height: 64px; background: url(../images/button-pdf.png) no-repeat left top; padding-left: 75px; margin-top: 2em; } /* PRODUCTS AREA */ #products { margin-top: 6px; border-left: 1px solid #D6C9C3; padding-left: 11px; } #products h3 { float: none; text-align: left; width: 100%; border-bottom: 1px solid #D6C9C3; border-right: 0; padding-left: 11px; } #products h3 span { float: right; } #products table { width: 100%; } #products td { vertical-align: top; padding-top: 5px; padding-bottom: 11px; padding-right: 11px; width: 72px; line-height: 1.1em; } #products td.image { vertical-align: bottom; padding-bottom: 0; } #products div { border: 3px solid #FFF; background: #66B09C; position: absolute; } #products div a { color: #FFF; } #products div h4 { color: #FFF; } #products .largeimage { position: absolute; top: 0; left: 0; border: solid 3px #E4E3DF; padding: 2px; background: #FFF; } /* Windows */ body#windows #products ul li { padding-right: 20px; } body#windows #products p img { vertical-align: middle; } body#windows #products p { color: #888; margin-bottom: 2px; } body#windows #products span { color: #333; } body#windows #products a:hover { text-decoration: none; } body#windows #products a.codes { text-decoration: underline; color: #968D7E; font-size: 0.8em; } /* Stockist search buttons */ #left a.stockistsearch, #left a.brochure2008 { display: block; height: 58px; margin: 0; padding: 10px 0 0 70px; background: url(../images/bg-stockistsearch.jpg) no-repeat left top; text-decoration: none !important; } #left a.brochure2008 { background-image: url(../images/bg-2k8brochure.jpg); } #left a.brochure2008:hover { background-image: url(../images/bg-2k8brochure-on.jpg); } #left a.stockistsearch:hover { background-image: url(../images/bg-stockistsearch-on.jpg); } #left a.stockistsearch:hover, a.brochure2008:hover { text-decoration: none; } #sidebar-right a.stockistsearch, #sidebar-right a.brochure2008 { display: block; height: 48px; margin: 0 0 2px 0; padding: 10px 0 0 65px; background: url(../images/bg-stockistsearch-short.jpg) no-repeat left top; text-decoration: none !important; } #sidebar-right a.brochure2008 { background-image: url(../images/bg-2k8brochure-short.jpg); /*margin-bottom: 1em;*/ } #sidebar-right a.brochure2008:hover { background-image: url(../images/bg-2k8brochure-short-on.jpg); } #sidebar-right a.stockistsearch:hover { background-image: url(../images/bg-stockistsearch-short-on.jpg); } #sidebar-right a.stockistsearch:hover, #sidebar-right a.brochure2008:hover { text-decoration: none; } a.stockistsearch strong, a.brochure2008 strong { font-weight: normal; color: #5A5545; font-size: 1.25em; } .feature-eb { background-color: #F4F3F0; margin-top: 0; padding: 0 0 3px 0; } .feature-eb ul { margin: 3px 0; padding-left: 4px; } .feature-eb ul li { background: url(../images/arrow-home-grey.gif) no-repeat top left; display: inline; margin: 0 5px; padding-left: 6px; } .feature-eb ul li a { color: #354A6F; } /* FILTER PAGES */ #columns li { float: left; margin-left: 5px; } #columns li.first { margin-left: 0; } #columns h3 { margin: 0; padding: 3px 0 3px 6px; } #columns img { border-bottom: solid 6px #FFF; } #columns div { border-left: solid 1px #DCE3E9; border-right: solid 1px #DCE3E9; border-bottom: solid 1px #DCE3E9; margin: -3px 0 0 0; } #columns p { margin: 0.7em 6px 0 6px; } #columns.count4 li { width: 182px; } #columns.count3 li { width: 242px; } #columns.count2 li { width: 370px; } #columns.count4 { background: url(../images/bg-4column.gif) repeat-y top left; } #columns.count3 { background: url(../images/bg-3column.gif) repeat-y top left; } #columns.count2 { background: url(../images/bg-2column.gif) repeat-y top left; } #doors #columns.count3 ul.alt { clear: both; margin: 8px 0 0 -5px; } #doors #columns.count3 ul.alt h3 { background: #73B8CC; border: none; margin-top: 10px; padding: 5px 0 6px 10px; position: absolute; bottom: 0; width: 234px; } #doors #columns.count3 ul.alt h3 a { color: #FFF; } #doors #columns.count3 ul.alt p { color: #747474; padding: 0 0 0 5px; } #doors #columns.count3 ul.alt li { margin-right: 4px; } #doors #columns.count3 ul.alt li.last { margin-right: 0; } #doors #columns.count3 ul.alt li div { height: 12em; margin-top: -3px; padding-top: 3px; position: relative; } #doors #columns.count3 ul.alt li img { border: none; } #doors #columns.count3 ul.alt li div.ext { border-left: 1px solid #67B09C; } #doors #columns.count3 ul.alt li div.ext h3 { background: #67B09C; } #doors #columns.count3 ul.alt li div.frame { border-left: 1px solid #C19C05; } #doors #columns.count3 ul.alt li div.frame h3 { background: #C19C05; } #doors #columns.count3 ul.alt li div h4 { font-size: 1.25em; font-weight: normal; margin: 5px 10px; } #doors #columns.count3 ul.alt li div ul { margin-left: 10px; } #doors #columns.count3 ul.alt li div ul li { float: left; margin: 0 0 5px 0; width: 105px; } #doors #columns.count3 ul.alt li div ul li a { background: url(../images/arrow-home-grey.gif) no-repeat 0 0; display: block; padding-left: 6px; } #intdoors #columns.count3 ul.alt { clear: both; } #intdoors #columns.count3 ul.alt h3 { background: #569CBE; border: none; margin-top: 10px; padding: 5px 0 6px 10px; position: absolute; bottom: 0; width: 234px; } #intdoors #columns.count3 ul.alt h3 a { color: #FFF; } #intdoors #columns.count3 ul.alt p { color: #747474; padding: 0 0 0 5px; } #intdoors #columns.count3 ul.alt li div { border-left: 1px solid #569CBE; height: 15em; margin-top: -5px; padding-top: 3px; position: relative; } #intdoors #columns.count3 ul.alt li img { border: none; } #intdoors #columns.count4 ul.alt { clear: both; } #intdoors #columns.count4 ul.alt h3 { background: #559CBE; border: none; margin-top: 10px; padding: 5px 0 6px 10px; position: absolute; bottom: 0; width: 171px; } #intdoors #columns.count4 ul.alt h3 a { color: #FFF; font-weight: normal; } #intdoors #columns.count4 ul.alt p { color: #747474; padding: 0 5px 0 5px; } #intdoors #columns.count4 ul.alt li div { border-left: 1px solid #DCE3E9; border-right: 1px solid #DCE3E9; border-bottom: 1px solid #DCE3E9; height: 12.5em; margin-top: 0; padding-top: 1px; position: relative; width: 179px; } #intdoors #columns.count4 ul.alt li img { border: none; margin-bottom: -8px; } #intdoors #columns.count4 ul.alt a { color: #60A2C2; text-decoration: underline; } #extdoors #columns.count4 ul.alt { clear: both; } #extdoors #columns.count4 ul.alt h3 { background: #67B09C; border: none; margin-top: 10px; padding: 5px 0 6px 10px; position: absolute; bottom: 0; width: 171px; } #extdoors #columns.count4 ul.alt h3 a { color: #FFF; font-weight: normal; } #extdoors #columns.count4 ul.alt p { color: #747474; padding: 0 5px 0 5px; } #extdoors #columns.count4 ul.alt li div { border-left: 1px solid #DCE3E9; border-right: 1px solid #DCE3E9; border-bottom: 1px solid #DCE3E9; height: 12.5em; margin-top: 0; padding-top: 1px; position: relative; width: 179px; } #extdoors #columns.count4 ul.alt li img { border: none; margin-bottom: -8px; } #extdoors #columns.count4 ul.alt a { color: #60A2C2; text-decoration: underline; } #feature { background-color: #B28F7B; height: 17.2em; margin-bottom: 6px; } #feature h3 { border: none; margin-bottom: 5px; padding: 10px 0 0 20px; } #feature h3 img { vertical-align: middle; } #feature h3 img.badge { margin: 0 0 0 10px; } #feature p { color: #FFF; margin: 0 0 10px 10px; width: 300px; } #feature ul.btns { float: left; margin-left: 10px; } #feature ul.btns li { border: 1px solid #999; float: left; } #feature ul.btns li.right { border-left: none; } #feature ul.btns li a { background: url(../images/new-features/btn-bg.gif) repeat-x top left; border: 1px solid #FFF; color: #747474; float: left; height: 15px; padding: 1px 5px 3px 5px; } #feature ul.btns li a:hover { background: #FFF; text-decoration: none; } /* RANGE PAGE */ #grid { width: 750px; } #grid h3 { font-weight: bold; color: #FFF !important; text-transform: capitalize; padding: 4px 0 4px 10px; margin: 0 0 5px 0; border: none; } #grid h4 { margin-bottom: 0.4em; } #grid div { float: left; width: 242px; /*width: 370px;*/ height: 11em; margin: 0 8px 6px 0; background: none; } #grid div.short { height: 10em; } #grid div.short a { position: relative; } #grid div img { float: left; width: 100px; } #grid div img.new { float: none; position: absolute; top: 0; right: -2px; width: auto; } #grid div span { display: block; line-height: 1.2em; margin: 0 0.5em 0 110px; width: 126px; height: 0; } #grid div span ul { margin-bottom: 5px; } #grid div span a { font-weight: bold; margin: 6px 0 0 0; } #grid div span.newProduct { position: relative; margin: 0; width: 100px; } #grid h3 a { color: #FFF; display: block; text-decoration: none; width: 232px; } #grid h4 a { display: block; } /* Patio doors links */ #patiodoors #grid div span a { background: url(../images/arrow-home-pink.gif) no-repeat top left; color: #E76B5C; padding-left: 12px; word-spacing: -0.1em; } #patiodoors #grid div span.newProduct a { background: none; } #patiodoors #grid h3 { background: #E76B5C url(../images/headers/bg-patiodoors.png) repeat-x top left; } #patiodoors #grid h3 a { background: url(../images/headers/bg-arrow-pink.gif) no-repeat right; } /* Door frames links */ #doorframes #grid div { height: 12em; } #doorframes #grid div span a { background: url(../images/arrow-home-yellow.gif) no-repeat top left; color: #C29C05; padding-left: 12px; } #doorframes #grid div span.newProduct a { background: none; } #doorframes #grid h3 { background: #C29C05 url(../images/headers/bg-frames.gif) repeat-x top left; } #doorframes #grid h3 a { background: url(../images/headers/bg-arrow-yellow.gif) no-repeat right; } /* Windows links */ #windows #grid div { height: 12em; } #windows #grid div.short { height: 10em; } #windows #grid h4 a { dipsplay: block; } #windows #grid div span a { background: url(../images/arrow-home-brown.gif) no-repeat top left; color: #935D37; padding-left: 12px; } #windows #grid div span.newProduct a { background: none; } /* Stair Links */ #stairs #grid div span a { background: url(../images/arrow-home-purple.gif) no-repeat top left; color: #956E8E; padding-left: 12px; } #grid div ul li { background: url(../images/arrow-grey.gif) no-repeat 0 6px; padding: 0 0 0 12px; } #intdoors #grid h3 { background: #559CBE url(../images/headers/bg-internal.png) repeat-x top left; } #intdoors #grid h3 a { background: url(../images/headers/bg-arrow-blue.gif) no-repeat right; color: #FFF; } #intdoors #grid h3 a:hover { text-decoration: none; } #intdoors #grid div span a { background: url(../images/arrow-home-blue.gif) no-repeat top left; color: #559CBE; padding-left: 12px; } #intdoors #grid div span.newProduct a { background: none; } #extdoors #grid h3 { background: #66B09C url(../images/headers/bg-external.png) repeat-x top left; } #extdoors #grid h3 a { background: url(../images/headers/bg-arrow-lgreen.png) no-repeat right; color: #FFF; } #extdoors #grid h3 a:hover { text-decoration: none; } #extdoors #grid div span a { background: url(../images/arrow-home-green.gif) no-repeat top left; color: #66B09C; padding-left: 12px; } #extdoors #grid div span.newProduct a { background: none; } #windows #grid h3 { background: #925C36 url(../images/headers/bg-windows.png) repeat-x top left; } #windows #grid h3 a { background: url(../images/headers/bg-arrow-brown.gif) no-repeat right; } #stairs #grid h3 { background: #956E8E url(../images/headers/bg-stairs.png) repeat-x top left; } #garagedoors #grid h3 { background: #BFA377 url(../images/headers/bg-garage.png) repeat-x top left; } #garagedoors #grid h3 a { background: url(../images/headers/bg-arrow-lbrown.png) no-repeat right; } /* PRODUCT CODE TABLES */ #productcodes { width: 100%; border-top: 1em solid #FFF; clear: both; } .dims-note {} .dims-note .key { width: 350px; float: left; } .dims-note .info { width: 350px; float: right; margin-top: 1em; font-size: 0.8em; } .dims-note .info blockquote { margin: 0 0 10px 0; padding: 10px; border: 1px solid #935D37; color: #935D37; font-size: 1.2em; } /* External Doors */ #productcodes table { color: #69A187; margin-bottom: 2em; clear: left; float: left; } #productcodes table caption { text-align: left; margin-bottom: 0.5em; font-size: 1.2em; font-weight: bold; } #productcodes table tr.codes { background: #DCE2BA; } #productcodes table tr td { border-right: 1px solid #69A187; } #productcodes table tr.alt { background: #EAF4F0; border-right: 1px solid #FFF; } #productcodes table tr { border-right: 1px solid #FFF; } #productcodes td, #productcodes th { padding: 8px 9px; text-align: left; vertical-align: top; border-left: 1px solid #D7CAC4;} #productcodes th { border-bottom: 1px solid #D7CAC4; border-top: 1px solid #D7CAC4; padding: 3px 9px; color: #84AAA6; } #productcodes table td, #productcodes table th { padding: 3px 4px; font-size: 0.9em; border: none; } #productcodes table th { text-transform: uppercase; color: #FFF !important; background: #69A187; font-weight: normal; border-bottom: 3px solid #FFF; padding: 0.2em 1em; } /* Windows */ body#windows #productcodes table { color: #935D37; } body#windows #productcodes table tr td { border-right: 1px solid #935D37; } body#windows #productcodes table tr.alt { background: #E4D6CD; } body#windows #productcodes th { color: #935D37; } body#windows #productcodes table th { background: #935D37; } /* Door Frames */ body#doorframes #productcodes table { color: #C29C05; } body#doorframes #productcodes table tr td { border-right: 1px solid #C29C05; } body#doorframes #productcodes table tr.alt { background: #FFF6DC; } body#doorframes #productcodes th { color: #C29C05; } body#doorframes #productcodes table th { background: #C29C05; } /* Internal Doors */ body#intdoors #productcodes table { color: #559CBE; } body#intdoors #productcodes table tr td { border-right: 1px solid #559CBE; } body#intdoors #productcodes table tr.alt { background: #EEF5F9; } body#intdoors #productcodes th { color: #559CBE; } body#intdoors #productcodes table th { background: #559CBE; } /* Patio Doors */ body#patiodoors #productcodes table { color: #E76B5C; } body#patiodoors #productcodes table tr td { border-right: 1px solid #E76B5C; } body#patiodoors #productcodes table tr.alt { background: #FDEAE3; } body#patiodoors #productcodes th { color: #E76B5C; } body#patiodoors #productcodes table th { background: #E76B5C; } /* Stairs */ body#stairs #productcodes table { color: #956E8E; } body#stairs #productcodes table tr td { border-right: 1px solid #956E8E; } body#stairs #productcodes table tr.alt { background: #EEDEEC; } body#stairs #productcodes th { color: #956E8E; } body#stairs #productcodes table th { background: #956E8E; } /* Garage Doors */ body#garagedoors #productcodes table { color: #B1915A; } body#garagedoors #productcodes table tr td { border-right: 1px solid #B1915A; } body#garagedoors #productcodes table tr.alt { background: #ECE6D9; } body#garagedoors #productcodes th { color: #B1915A; } body#garagedoors #productcodes table th { background: #B1915A; } /* Pretty pretty form */ .prettyform fieldset { margin-top: 1em; border: none; border-top: solid 1px #EEE; } .prettyform fieldset legend { font-size: 1.2em; font-weight: bold; } .prettyform fieldset label { display: block; width: 13em; float: left; cursor: pointer; } .prettyform fieldset div { margin: 0.5em 0 0 13em; } .prettyform li { clear: left; padding: 0.3em 0; } .prettyform input, .prettyform textarea { font: 1.2em Verdana, Arial, Helvetica, sans-serif; width: 22em; } .prettyform textarea { height: 8em; } .prettyform button { border: solid 2px #D6C9C3; border-left-color: #EFE5E0; border-top-color: #EFE5E0; background: #E4E3DF; color: #62594B; padding: 0.3em 0.8em; } .prettyform em { font-style: normal; color: red; font-weight: bold; font-size: 1.1em; } .prettyform .details ul li { margin: 5px 0 5px 10px; } .prettyform .details textarea { height: auto; } .prettyform .info ul li { margin: 5px 0 10px 10px; } .prettyform .info label { float: none; display: inline; margin: 0; } .prettyform .info input { width: auto; } /* * Brochure list */ .brochurelist li { float: left; width: 360px; clear: none; margin-bottom: 1em; padding-right: 10px; } .brochurelist li div { width: auto; margin: 0; } .brochurelist li img { float: left; position: relative; } .brochurelist input { width: auto; margin: 0.2em 0.4em 1.5em 0; float: left; } .brochurelist div input { margin-bottom: 6em; } .brochurelist li label { width: auto; float: none; padding-top: 0.6em; } .brochurelist li div label { margin-left: 87px; } .brochurelist li label img { float: none; vertical-align: middle; } .brochurelist h3 { clear: left; border: none; margin: 0 0 1em 0; padding: 4px 0 4px 9px; color: #FFF; background: #559CBE; } .brochurelist h3 span { float: right; font-weight: normal; padding-right: 8px; } .brochurelist h3 span a { color: #FFF; } .leftfeatures { margin: 0; padding: 0 0 10px 0; } /* 2009 Brochure Feature */ .brochure2009 { background: url(../images/ranges/bg-brochures.jpg) no-repeat top left; height: 69px; list-style-type: none; margin-left: -20px; padding-left: 155px; width: 195px; } .brochure2009 h4 { font-size: 1.3em; font-weight: normal; padding-top: 5px; } .brochure2009 h4 img { vertical-align: middle; } .brochure2009 ul { margin: 0 0 0 -20px; padding-top: 5px; } .brochure2009 ul li { list-style-type: none; float: left; margin: 0 28px 1px -20px; padding: 0; } .brochure2009 ul li.first { margin-right: 0; } .brochure2009 ul li a { background: url(../images/arrow-brochures09.gif) no-repeat 0 4px; padding-left: 7px; } /* DreamVu microsite feature */ .leftfeatures .microsite { background: url(../images/ranges/bg-microsite.jpg) no-repeat top left; height: 69px; list-style-type: none; margin-left: -20px; margin-bottom: 10px; padding-left: 157px; width: 195px; } .leftfeatures .microsite h4 { font-size: 1.25em; font-weight: normal; padding-top: 5px; } .leftfeatures .microsite h4 img { vertical-align: middle; } .leftfeatures .microsite p { margin: 5px 28px 0 0; padding: 0; } .leftfeatures .microsite a { background: url(../images/arrow-brochures09.gif) no-repeat 0 4px; padding-left: 7px; } /* * Boxout */ .boxout-right { float: right; width: 12em; padding: 0.7em 1em 1em 1em; margin-left: 1em; background: #E7E5DF; color: #62594B; } /* Frame type key list */ .frametypes { margin-top: 1em; } .frametypes li { padding: 0.4em 0 0.6em 28px; background-position: left center; background-repeat: no-repeat; } /* Sitemap */ .sitemap { width: 48%; } .sitemap ul { margin-left: 2em; } /* Press releases */ #content .pressreleases { margin: 0; list-style-type: none; } .pressreleases li { margin-bottom: 0.7em; } .pressreleases li span { float: left; width: 7em; } .pressreleases li a { display: block; margin-left: 7em; } #content .imagealignleft { float: left; margin: 0 1em 1em 0; } #content .imagealignright { float: right; margin: 0 0 1em 1em; } /* * Search results */ .searchresults { list-style-type: decimal; list-style-position: outside; font-size: 1.2em; margin: 1em 3em; } .searchresults li { margin-bottom: 1.5em; } .searchresults li p, .recommended li p { font-size: 0.85em; } .searchresults li p.info, .recommended li p.info { margin-top: 0.3em; } .searchresults li p.info span, .recommended li p.info span { color: #94A546; } form.search fieldset { padding: 0.5em 0; border-bottom: solid 1px #EEE; } form.search li { padding: 0 !important; } form.search div label { width: auto; display: inline; } form.search div input { width: auto; } .recommended { background: #FAF8F5; border: 1px solid #DACFC2; padding: 0.7em 0.7em 0.4em; margin: 1em 0 2em; } .recommended h3 { border: none; margin: 0 0 0.7em 0; padding: 0; font-size: 1.4em; } .recommended li { font-size: 1.2em; margin-left: 1.1em; margin-bottom: 1em; } /* * Image list / gallery */ body#patiodoors #imageList { margin-top: 5px; } body#patiodoors #right .noscript { background: #FDEAE3; } body#patiodoors #right .noscript a { color: #E76B5C; } body#patiodoors #navigationBottom li a { background: #ED9085; color: #FFF; } body#patiodoors #navigationBottom li a:active { background: #EB8174; } body#intdoors #right .noscript { background: #EEF5F9; } body#intdoors #right .noscript a { color: #559CBE; } body#intdoors #navigationBottom li a { background: #87B9D1; color: #FFF; } body#intdoors #navigationBottom li a:active { background: #5FA1C2; } body#extdoors #right .noscript { background: #EAF4F0; } body#extdoors #right .noscript a { color: #66B09C; } body#extdoors #navigationBottom li a { background: #8CC4B5; color: #FFF; } body#extdoors #navigationBottom li a:active { background: #7DBCAB; } body#doorframes #right .noscript { background: #FFF6DC; } body#doorframes #right .noscript a { color: #C29C05; } body#doorframes #navigationBottom li a { color: #C29C05; border: solid 1px #C29C05; } body#windows #navigationBottom { background: none; } body#windows #right .noscript { background: #F5F7EB; } body#windows #right .noscript a { color: #935D37; } body#windows #navigationBottom li a { background: #AE8669; color: #FFF; } body#windows #navigationBottom li a:active { background: #A37555; } body#stairs #right .noscript { background: #EEDEEC; } body#stairs #right .noscript a { color: #956E8E; } body#stairs #navigationBottom li a { background: #B092AA; color: #FFF; } body#stairs #navigationBottom li a:active { background: #A5849F; color: #FFF; } body#garagedoors #right .noscript { background: #F9F5E8; } body#garagedoors #right .noscript a { color: #BFA377; } body#garagedoors #navigationBottom li a { color: #BFA377; border: solid 1px #BFA377; } #imageList { background: #EDEDEB; height: 212px; position: relative; } #imageList li { position: absolute; } #imageList img { border-right: 5px solid #FFF; } #imageList.scripted { background: none; } #imageList.scripted img { border-right: 5px solid #FFF; border-left: 5px solid #FFF; margin-left: 23px; } #navigationBottom { height: 2.1em; padding: 0.3em 0 0 0; position: absolute; top: 19.25em; width: 375px; } #navigationBottom li { float: left; margin: 0; padding: 0; } #navigationBottom li a { font-weight: bold; display: block; padding: 101px 0 102px 0; width: 20px; text-align: center; } #navigationBottom li.previous { margin-right: 329px; } #navigationBottom li.on a { background: #FFF; } #navigationBottom .imageOfTotal { background: #FFF; font-size: 0.9em; position: absolute; top: 195px; right: 32px; padding: 0.3em 1em; text-align: right; color: #837663; } #right .noscript { font-weight: bold; border-top: solid 7px #FFF; padding: 0.3em 0 0.5em 0.5em; } #rangeImages { border-top: solid 5px #FFF; } #rangeImages li { float: left; margin: 0 5px 2px 0; } /* Range overview page */ .overviewtext { padding: 1em 0 1em 12px; margin-right: 200px; } .overviewtext p { margin-bottom: 1em; } .overviewtext div { float: right; } h3.overview { border: none; margin: 0; padding: 3px 0 4px 12px; text-transform: uppercase; clear: both; } body#intdoors h3.overview { background: #559CBE; color: #FFF; } body#extdoors h3.overview { background: #66B09C; color: #FFF; } div.overview { margin-bottom: 7px; padding: 17px 0 0 20px; } div.overview ul { overflow: visible; } div.overview ul li { float: left; width: 100px; height: 170px; overflow: hidden; } body#intdoors div.overview { border-left: 1px solid #559CBE; } body#extdoors div.overview { border-left: 1px solid #66B09C; } /* Range Features */ #rangeFeatureArea { height: 200px; margin-bottom: 6px; } #rangeFeatureArea ul li { display: block; position: absolute; height: 200px; width: 745px; } #rangeFeatureArea h3, #rangeFeatureArea h4 { border: none; margin: 0; } #rangeFeatureArea p { line-height: 1.3em; } #rangeFeatureArea a.button { background: url(../images/ranges/internal/bg-button.png) repeat-x top left; color: #333; display: block; float: left; height: 18px; margin: 7px -12px 0 18px; padding: 2px 8px 0 8px; text-decoration: none; } #rangeFeatureArea ul li#roomfold { background: url(../images/ranges/internal/bg-roomfold.jpg) no-repeat top left; } #rangeFeatureArea li#roomfold h3, #rangeFeatureArea li#roomfold h4 { background: none; border: none; float: left; clear: left; margin: 0; padding: 0; } #rangeFeatureArea li#roomfold h3 { margin-bottom: 10px; } #rangeFeatureArea li#roomfold p { clear: both; color: #DFE1DE; margin: 5px 0 5px 18px; width: 350px; } #rangeFeatureArea li#roomfold a.seeRange img, #rangeFeatureArea li#roomfold a.findStockist img { margin-top: 20px; } #rangeFeatureArea li#roomfold a.button { color: #787154; border: 1px solid #797E72; } #rangeFeatureArea ul li#oregon { background: url(../images/ranges/internal/bg-oregon.jpg) no-repeat top left; } #rangeFeatureArea li#oregon h3, #rangeFeatureArea li#oregon h4 { background: none; border: none; float: left; clear: left; margin: 0; padding: 0; } #rangeFeatureArea li#oregon h3 { margin-bottom: 10px; } #rangeFeatureArea li#oregon p { clear: both; color: #646463; margin: 8px 0 5px 18px; width: 400px; } #rangeFeatureArea li#oregon a.seeRange img, #rangeFeatureArea li#oregon a.findStockist img { margin-top: 9px; } /* Canberra - Patio Doors */ #patiodoors #rangeFeatureArea { height: 190px; } #patiodoors #rangeFeatureArea ul li#canberra { background: url(../images/ranges/patiodoors/bg-canberra.jpg) no-repeat top left; } #patiodoors #rangeFeatureArea li#canberra h3, #patiodoors #rangeFeatureArea li#canberra h4 { background: none; border: none; float: left; clear: left; margin: 0; padding: 0; } #patiodoors #rangeFeatureArea li#canberra h3 { margin-bottom: 20px; } #patiodoors #rangeFeatureArea li#canberra p { clear: both; color: #DEE0DD; margin: 0 0 40px 18px; width: 290px; } #patiodoors #rangeFeatureArea li#canberra a.button { color: #787154; border: 1px solid #D7D2CF; } /* Wellington - Patio Doors */ #patiodoors #rangeFeatureArea { height: 190px; } #patiodoors #rangeFeatureArea ul li#wellington { background: url(../images/ranges/patiodoors/bg-wellington.jpg) no-repeat top left; } #patiodoors #rangeFeatureArea li#wellington h3, #patiodoors #rangeFeatureArea li#wellington h4 { background: none; border: none; float: left; clear: left; margin: 0; padding: 0; } #patiodoors #rangeFeatureArea li#wellington h3 { margin-bottom: 12px; } #patiodoors #rangeFeatureArea li#wellington p { clear: both; color: #DEE0DD; margin: 0 0 40px 18px; width: 290px; } #patiodoors #rangeFeatureArea li#wellington a.button { color: #787154; border: 1px solid #D7D2CF; } /*DreamVu Windows*/ #rangeFeatureArea ul li#dreamvu { background: url(../images/ranges/windows/bg-dreamvu.jpg) no-repeat top left; } #rangeFeatureArea li#dreamvu h3, #rangeFeatureArea li#dreamvu h4 { background: none; border: none; float: left; clear: left; margin: 0; padding: 0; } #rangeFeatureArea li#dreamvu h3 { margin-bottom: 10px; } #rangeFeatureArea li#dreamvu p { clear: both; color: #474845; margin: 5px 0 0 18px; width: 350px; } #rangeFeatureArea li#dreamvu a.seeRange img, #rangeFeatureArea li#dreamvu a.findStockist img { margin-top: 10px; } #rangeFeatureArea li#dreamvu a.button { color: #787154; border: 1px solid #797E72; } #rangeFeatureArea li#dreamvu a.microsite { position: absolute; top: 148px; } #rangeFeatureArea li#dreamvu a.microsite img { margin: 0; } /* Stormsure Windows */ #rangeFeatureArea ul li#stormsure { background: url(../images/ranges/windows/bg-stormsure.jpg) no-repeat top left; } #rangeFeatureArea li#stormsure h3, #rangeFeatureArea li#stormsure h4 { background: none; border: none; float: left; clear: left; margin: 0; padding: 0; } #rangeFeatureArea li#stormsure p { clear: both; color: #474845; margin: 5px 0 0 18px; width: 420px; } #rangeFeatureArea li#stormsure a.seeRange img, #rangeFeatureArea li#stormsure a.findStockist img { margin-top: 20px; } #rangeFeatureArea li#stormsure a.button { color: #787154; border: 1px solid #797E72; } /* Mackintosh External Doors */ #rangeFeatureArea ul li#mackintosh { background: url(../images/ranges/external/bg-mackintosh.jpg) no-repeat top left; } #rangeFeatureArea li#mackintosh h3, #rangeFeatureArea li#mackintosh h4 { background: none; border: none; float: left; clear: left; margin: 0; padding: 0; } #rangeFeatureArea li#mackintosh h3 img { padding-bottom: 15px; } #rangeFeatureArea li#mackintosh p { clear: both; color: #E9E3D3; margin: 5px 0 0 18px; width: 360px; } #rangeFeatureArea li#mackintosh a.seeRange img, #rangeFeatureArea li#mackintosh a.findStockist img { margin-top: 11px; } #rangeFeatureArea li#mackintosh a.button { color: #787154; border: 1px solid #797E72; } /* Liscard Stairs */ #rangeFeatureArea ul li#liscard { background: url(../images/ranges/stairs/bg-liscard.jpg) no-repeat top left; } #rangeFeatureArea li#liscard h3, #rangeFeatureArea li#liscard h4 { background: none; border: none; float: left; clear: left; margin: 0; padding: 0; } #rangeFeatureArea li#liscard h3 img { padding-bottom: 10px; } #rangeFeatureArea li#liscard p { clear: both; color: #E9E3D3; margin: 5px 0 0 18px; width: 460px; } #rangeFeatureArea li#liscard a.seeRange img, #rangeFeatureArea li#liscard a.findStockist img { margin-top: 10px; } #rangeFeatureArea li#liscard a.button { color: #787154; border: 1px solid #797E72; } /* Lancaster collection */ #rangeFeatureArea ul li#lancaster { background: url(../images/ranges/external/bg-lancaster.jpg) no-repeat top left; } #rangeFeatureArea li#lancaster h3, #rangeFeatureArea li#lancaster h4 { background: none; border: none; float: left; clear: left; margin: 0; padding: 0; } #rangeFeatureArea li#lancaster h3 img { padding-bottom: 30px; } #rangeFeatureArea li#lancaster p { clear: both; color: #555; margin: 5px 0 10px 18px; width: 380px; } #rangeFeatureArea li#lancaster.seeRange img, #rangeFeatureArea li#lancaster a.findStockist img { margin-top: 10px; } #rangeFeatureArea li#lancaster a.button { color: #787154; border: 1px solid #797E72; } /* Liscard Stairs */ #rangeFeatureArea ul li#tnt { background: url(../images/ranges/windows/bg-tnt.jpg) no-repeat top left; } #rangeFeatureArea li#tnt h3, #rangeFeatureArea li#tnt h4 { background: none; border: none; float: left; clear: left; margin: 0; padding: 0; } #rangeFeatureArea li#tnt h3 img { padding-bottom: 10px; } #rangeFeatureArea li#tnt p { clear: both; color: #555; margin: 5px 0 10px 18px; width: 380px; } #rangeFeatureArea li#tnt.seeRange img, #rangeFeatureArea li#tnt a.findStockist img { margin-top: 10px; } #rangeFeatureArea li#tnt a.button { color: #787154; border: 1px solid #797E72; } /* Bottom Range Page Features */ #patiodoors .bottomFeatures { background: url(../images/bg-bottomfeatures-patiodoors.jpg) no-repeat top left; width: 493px; } #patiodoors .bottomFeatures h4 { border: none; background: none; padding: 0; margin: 0; } #patiodoors .bottomFeatures ul { overflow: auto; } #patiodoors .bottomFeatures li { float: left; width: 246px; } #patiodoors .bottomFeatures li img.linker { float: left; } .midTabs { margin-top: 0.7em; } .midTabs li { float: left; padding: 0; margin: 0; } /* Terms and conditions */ .tsandcs li { margin-bottom: 1em; } .tsandcs ol { margin: 1em 2.5em; } /* Guarantees */ .guarantees { margin-bottom: 1em; } .guarantees thead { display: none; } .guarantees td { vertical-align: top; }