#wrap { float: left; width: 100%; } #inner { width: 1003px; margin: 0 auto; padding: 14px 25px 14px 25px; } #header { float: left; width: 100%; height: 35px; } #navigation { float: left; width: 885px; } #navigation ul { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; } #navigation ul li { float: left; width: 113px; margin: 0 14px 0 0; padding: 8px 0 0 0; list-style-type: none; font-size: 12px; color: #c0c0c2; border-top: 1px solid #c0c0c2; font-weight: bold; text-transform: uppercase; } #navigation ul li.active { float: left; width: 113px; margin: 0 14px 0 0; padding: 8px 0 0 0; list-style-type: none; font-size: 12px; color: #000000; border-top: 3px solid #000000; font-weight: bold; text-transform: uppercase; } #navigation ul li.last { margin: 0 0 0 0; } #navigation ul li a, #navigation ul li a:link { color: #c0c0c2; text-decoration: none; } #navigation ul li a:hover, #navigation ul li a:focus { color: #1d1d1b; text-decoration: none; } #navigation ul li a.active { color: #1d1d1b; text-decoration: none; } #navigation ul li.active a { color: #000000; text-decoration: none; } #Search { float: right; width: 113px; height: 30px; margin: 0; padding: 0; border: 1px solid #c0c0c2; } #Search input { float: left; width: 105px; border: none; background-color: #ffffff; margin: 7px 0 0 4px; color: #666666; font-size: 12px; } #SearchForm_SearchForm_action_results { display: none; } #section-header { float: left; width: 100%; height: 128px; } #content { float: left; width: 100%; } #content-tw-alpha { float: left; width: 113px; } #content-tw-beta { float: right; width: 876px; } #navigation-section { float: left; width: 100%; border-top: 1px solid #e5e5e5; } .section-spacer { float: left; width: 108px; padding: 3px 0 3px 5px; border-bottom: 1px solid #f2f2f2; } .section-parent { float: left; width: 108px; padding: 0 0 0 0; border-bottom: 1px solid #f2f2f2; } .section-parent span { float: left; width: 100%; color: #666666; font-size: 11px; } .section-parent span a, .section-parent span a:link { display: block; width: 100%; text-decoration: none; color: #666666; padding: 3px 0 3px 5px; } .section-parent span a:hover, .section-parent span a:focus { text-decoration: none; color: #ffffff; background-color: #000000; } .section-children { display: none; float: left; width: 108px; padding: 3px 0 0 0; border-top: 1px solid #f2f2f2; } .section-children.active { display: block; } #navigation-section a.active { color: #000000; } #navigation-section a.active:hover { text-decoration: none; color: #ffffff; background-color: #000000; } #promo-homepage-top { float: left; width: 100%; margin: 0 0 5px 0; } #promo-homepage-top img { float: left; } #promo-homepage-bottom { float: left; width: 100%; } .box-wt-alpha { float: left; width: 620px; } .box-wt-beta { float: right; width: 240px; } .box-tw-alpha { float: left; width: 210px; } .box-tw-beta { float: right; width: 650px; } .partners-line { float: left; width: 100%; overflow: hidden; } .partners-line-inner { float: left; width: 660px; overflow: hidden; } .partners-line-item { float: left; width: 210px; margin: 0 10px 0 0; } .partners-line-item img{ float: left; } .contact-line-item-alpha { float: left; width: 210px; margin: 0 10px 0 0; } .contact-line-item-beta { float: left; width: 210px; margin: 0 10px 0 0; } .contact-line-item-gamma { float: left; width: 210px; margin: 0 0 0 0; } .contact-line-item-delta { float: right; width: 210px; margin: 0 0 0 0; } .box-eee-alpha { float: left; width: 284px; margin: 0 12px 0 0; } .box-eee-beta { float: left; width: 284px; } .box-eee-gamma { float: right; width: 284px; } .box-eee-item { float: left; width: 284px; margin: 0 12px 0 0; } .inner-eee { float: left; width: 910px; overflow: hidden; } .box-eeee-alpha { float: left; width: 210px; margin: 0 12px 0 0; } .box-eeee-beta { float: left; width: 210px; margin: 0 12px 0 0; } .box-eeee-gamma { float: left; width: 210px; } .box-eeee-delta { float: right; width: 210px; } .box-ee-alpha { float: left; width: 284px; margin: 0 12px 0 0; } .box-ee-beta { float: left; width: 284px; } .section-header { float: left; width: 100%; height: 30px; margin: 0 0 5px 0; position: relative; } .section-header h2 { float: left; margin: 7px 0 0 0; } .section-header h3 { float: left; margin: 8px 0 0 0; font-size: 12px; color: #000000; } .section-header div.pages { position: absolute; top: 9px; right: 0; width: 215px; height: 20px; } .section-header div.pages p { margin: 0; color: #000000; } .section-header div.pages a, .section-header div.pages a:link { text-decoration: none; color: #666666; font-size: 11px; } .section-header div.pages a:hover { text-decoration: underline; color: #000000; font-size: 11px; } .section-header div.shopping-bag { position: absolute; top: 0; right: 0; width: 95px; height: 30px; background: transparent url(../images/icon_shopping.gif) right top no-repeat; } .section-header div.shopping-bag a, .section-header div.shopping-bag a:link { display: block; width: 95px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.shopping-bag a:hover { display: block; width: 95px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.back { position: absolute; top: 0; right: 110px; width: 40px; height: 30px; } .section-header div.back a, .section-header div.back a:link { display: block; width: 40px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.back a:hover { display: block; width: 40px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.back-alt { position: absolute; top: 0; right: 200px; width: 40px; height: 30px; } .section-header div.back-alt a, .section-header div.back-alt a:link { display: block; width: 40px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.back-alt a:hover { display: block; width: 40px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.sheet { position: absolute; top: 0; right: 90px; width: 125px; height: 30px; } .section-header div.sheet a, .section-header div.sheet a:link { display: block; width: 125px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.sheet a:hover { display: block; width: 125px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.pinboard { position: absolute; top: 0; right: 0; width: 50px; height: 30px; } .section-header div.pinboard a, .section-header div.pinboard a:link { display: block; width: 50px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.pinboard a:hover { display: block; width: 50px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.clear-all { position: absolute; top: 0; right: 100px; width: 40px; height: 30px; } .section-header div.clear-all a, .section-header div.clear-all a:link { display: block; width: 40px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.clear-all a:hover { display: block; width: 40px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.clear-all-bag { position: absolute; top: 0; right: 110px; width: 50px; height: 30px; } .section-header div.clear-all-bag a, .section-header div.clear-all-bag a:link { display: block; width: 50px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.clear-all-bag a:hover { display: block; width: 50px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.download-pdf { position: absolute; top: 0; right: 0; width: 75px; height: 30px; } .section-header div.download-pdf a, .section-header div.download-pdf a:link { display: block; width: 75px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.download-pdf a:hover { display: block; width: 75px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.project-thumbs { position: absolute; top: 0; right: 0; width: 135px; height: 30px; } .section-header div.project-thumbs a, .section-header div.project-thumbs a:link { display: block; width: 135px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.project-thumbs a:hover { display: block; width: 135px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.download-catalogue { position: absolute; top: 0; right: 0; width: 135px; height: 30px; text-align: right; } .section-header div.download-catalogue a, .section-header div.download-catalogue a:link { display: block; width: 135px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.download-catalogue a:hover { display: block; width: 135px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .item-line { float: left; width: 100%; } .item-line a, .item-line a:link { color: #666666; text-decoration: underline; } .item-line a:hover, .item-line a:focus { color: #000000; text-decoration: underline; } .item-grid-eeee { float: left; width: 100%; overflow: hidden; } .item-grid-eeee-inner { float: left; width: 920px; overflow: hidden; } .grid-item-eeee { float: left; width: 211px; height: 185px; margin: 0 10px 0 0; position: relative; } .grid-item-eeee p span { color: #000000; } .grid-item-eeee a, .grid-item-eeee a:link { color: #666666; text-decoration: none; } .grid-item-eeee a:hover, .grid-item-eeee a:focus { color: #000000; text-decoration: none; } .grid-item-eeee p a span, .grid-item-eeee p a:link span { color: #000000; } .grid-item-eeee p a:hover span, .grid-item-eeee p a:focus span { color: #000000; } .grid-item-eeee img { float: left; } .grid-item-eeee-overlay { display: none; position: absolute; width: 211px; height: 129px; background-color: #336733; z-index: 99; top: 0; left: 0; } .photo-grid { float:left; width: 100%; overflow: hidden; } .photo-grid-inner { float:left; width: 896px; overflow: hidden; } .photo-grid img { float:left; margin: 0 10px 30px 0; } .event-list-item { height: 265px; } .event-header { float: left; width: 100%; height: 65px; margin: 10px 0 0 0; } .event-header p { font-size: 16px; margin: 0; } .event-header span { color: #000000; text-transform: uppercase; } .event-header span.new { color: #cc9966; font-size: 16px; } .event-intro { float: left; width: 100%; } .event-intro h3 { font-size: 13px; margin: 10px 0 15px 0; color: #000000; } .event-list-item { border-top: 5px solid #000000; } .past-event-alpha { float: left; width: 130px; } .past-event-beta { float: right; width: 110px; } .past-event-beta p { color: #666666; margin: 4px 0 0 0; } .past-event-beta p span { color: #000000; } .property .event-list-item { border-top: 5px solid #333366; } .interior .event-list-item { border-top: 5px solid #993333; } .shops .event-list-item { border-top: 5px solid #000000; } .school .event-list-item { border-top: 5px solid #ffcc33; } .event-grid-list { float: left; width: 100%; overflow: hidden; } .event-grid-list-inner { float: left; width: 650px; overflow: hidden; } .event-grid-list-item { float: left; width: 199px; height: 205px; margin: 0 12px 0 0; } .event-grid-list-item p a, .event-grid-list-item p a:link { color: #000000; text-decoration: none; } .event-grid-list-item p a:hover, .event-grid-list-item p a:focus { color: #000000; text-decoration: underline; } .event-grid-list-item img { float: left; margin: 0 0 10px 0; } #product-specs, #project-specs { float: left; width: 100%; } #product-specs p u { color: #000000; } #project-specs p { color: #666666; } #project-specs p u { color: #666666; } #spec-left { float: left; width: 120px; } #spec-right { float: right; width: 120px; } #loading { display: none; float: left; width: 100%; height: 375px; margin: 0 0 5px 0; } #image-gallery-large { float: left; width: 100%; margin: 0 0 5px 0; } #image-gallery-large img { float: left; margin: 0; border: 1px solid #cccccc; } #image-gallery-thumbs { float: left; width: 325px; overflow: hidden; } #image-gallery-thumbs-inner { float: left; width: 330px; overflow: hidden; } #image-gallery-thumbs-inner img { float: left; margin: 0 5px 5px 0; border: 1px solid #cccccc; } .pinboard-item { float: left; width: 230px; margin: 5px 20px 0 0; } .pinboard-item-alpha { float: left; width: 120px; margin: 0; } .pinboard-item-alpha img { float: left; margin: 0; border: 1px solid #cccccc; } .pinboard-item-beta { float: right; width: 100px; margin: 0; } .care-instruction { float: left; width: 368px; margin: 5px 10px 0 0; } .care-instruction span.title-large { font-size: 16px; color: #000000; margin: 0 0 15px 0; font-family: Arial, Verdana, Helvetica, sans-serif; } #project-gallery { float: left; width: 100%; height: 540px; overflow: hidden; } #project-gallery img { float: left; margin: 0; } #project-gallery-details { float: left; width: 100%; margin: 10px 0 0 0; } #project-gallery-details-alpha { float: left; width: 620px; } #project-gallery-details-beta { float: right; width: 240px; text-align: right; } #project-gallery-details a, #project-gallery-details a:link { color: #666666; text-decoration: none; } #project-gallery-details-alpha a, #project-gallery-details-alpha a:link { color: #666666; text-decoration: underline; } #project-gallery-details-alpha a:hover { color: #000; text-decoration: none; } span.project-info { font-family: Georgia; font-size: 13px; font-weight: bold; } span.project-info a, span.project-info a:link { color: #000000; text-decoration: none; } #feature-gallery-wrap { float: left; width: 100%; position: relative; } #feature-gallery-pagination { display: none; position: relative; } #feature-gallery-pagination #left { position: absolute; top: 170px; left: 20px; z-index: 9999; } #feature-gallery-pagination #right { position: absolute; top: 170px; right: 20px; z-index: 9999; } #feature-gallery { float: left; width: 100%; height: 380px; overflow: hidden; } #feature-gallery img { float: left; margin: 0; } #feature-gallery-details { float: left; width: 100%; margin: 10px 0 0 0; } #feature-gallery-details a, #feature-gallery-details a:link { color: #666666; text-decoration: none; } #hero-slider { float: left; width: 618px; height: 380px; overflow: hidden; } .box-wt-beta .form { float: left; width: 100%; } .box-wt-beta .form div.field { float: left; width: 100%; margin: 0 0 5px 0; } .box-wt-beta .form div.text input { float: left; width: 230px; border: 1px solid #c8c7c7; padding: 6px 4px 6px 4px; font-size: 11px; color: #666666; } .box-wt-beta .form div.email input { float: left; width: 230px; border: 1px solid #c8c7c7; padding: 6px 4px 6px 4px; font-size: 11px; color: #666666; } .box-wt-beta .form div.textarea textarea { float: left; width: 230px; height: 115px; border: 1px solid #c8c7c7; padding: 6px 4px 6px 4px; font-size: 11px; color: #666666; } .box-wt-beta .form div.Actions input { background-color: #c8c7c7; padding: 4px 6px 4px 6px; border: none; font-size: 11px; color: #ffffff; } .box-wt-alpha .form { float: left; width: 100%; } .box-wt-alpha .form div.field { float: left; width: 100%; margin: 0 0 5px 0; } .box-wt-alpha .form div.checkbox { float: left; width: 100%; margin: 5px 0 0 0; } .box-wt-alpha .form div.Actions { float: left; width: 100%; margin: 15px 0 5px 0; } .box-wt-alpha .form span.required { float: left; width: 100%; font-size: 10px; color: #cc0000; margin: 5px 0 5px 0; } .box-wt-alpha .form div.text label, .box-wt-alpha .form div.dropdown label, .box-wt-alpha .form div.email label, .box-wt-alpha .form div.textarea label { float: left; width: 100%; font-size: 11px; color: #666666; margin: 0 0 5px 0; } .box-wt-alpha .form div label span { color: #cc0000; } .box-wt-alpha .form div.text input { float: left; width: 610px; border: 1px solid #c8c7c7; padding: 6px 4px 6px 4px; font-size: 11px; color: #666666; } .box-wt-alpha .form div.email input { float: left; width: 610px; border: 1px solid #c8c7c7; padding: 6px 4px 6px 4px; font-size: 11px; color: #666666; } .box-wt-alpha .form div.textarea textarea { float: left; width: 610px; height: 115px; border: 1px solid #c8c7c7; padding: 6px 4px 6px 4px; font-size: 11px; color: #666666; } .box-wt-alpha .form div.textarea textarea#Form_Form_Comment { float: left; width: 610px; height: 245px; border: 1px solid #c8c7c7; padding: 6px 4px 6px 4px; font-size: 11px; color: #666666; } .box-wt-alpha .form div.checkbox input { float: left; } .box-wt-alpha .form div.checkbox label { float: left; margin: 0 0 0 10px; font-size: 11px; color: #666666; } .box-wt-alpha .form div.dropdown select { float: left; width: 210px; border: 1px solid #c8c7c7; padding: 6px 4px 6px 4px; font-size: 11px; color: #666666; } #Database { float: left; width: 100%; margin: 5px 0 0 0; } #Database input { float: left; } #Database label { float: left; margin: 0 0 0 10px; font-size: 11px; color: #666666; } #Club { float: left; width: 100%; margin: 5px 0 0 0; } #Club input { float: left; } #Club label { float: left; margin: 0 0 0 10px; font-size: 11px; color: #666666; } .box-wt-alpha .form div.Actions input { background-color: #c8c7c7; padding: 4px 6px 4px 6px; border: none; font-size: 11px; color: #ffffff; } #product-actions { float: right; width: 285px; margin: 0 2px 5px 0; } #ajax_message { display: none; } #ajax_message span { float: left; display: block; width: 105px; height: 14px; padding: 3px; border: 1px solid #CCCCCC; color: #ff3c3c; font-size: 10px; text-transform: uppercase; text-decoration: none; } .buttons { float: left; width: 100%; } a.checkout, a.checkout:link { float: left; display: block; width: 105px; height: 14px; padding: 3px; border: 1px solid #CCCCCC; color: #000000; font-size: 10px; text-transform: uppercase; text-decoration: none; } a.checkout:hover, a.checkout:focus { float: left; display: block; width: 105px; height: 14px; padding: 3px; border: 1px solid #CCCCCC; background-color: #CCCCCC; color: #ffffff; font-size: 10px; text-transform: uppercase; text-decoration: none; } a.add-to-bag, a.add-to-bag:link { float: left; display: block; width: 105px; height: 14px; padding: 3px; border: 1px solid #CCCCCC; color: #000000; font-size: 10px; text-transform: uppercase; text-decoration: none; } a.add-to-bag:hover, a.add-to-bag:focus { float: left; display: block; width: 105px; height: 14px; padding: 3px; border: 1px solid #CCCCCC; background-color: #CCCCCC; color: #ffffff; font-size: 10px; text-transform: uppercase; text-decoration: none; } a.gift-wrap, a.gift-wrap:link { float: right; display: block; width: 105px; height: 14px; padding: 3px; border: 1px solid #CCCCCC; color: #000000; font-size: 10px; text-transform: uppercase; text-decoration: none; } a.gift-wrap:hover, a.gift-wrap:focus { float: right; display: block; width: 105px; height: 14px; padding: 3px; border: 1px solid #CCCCCC; background-color: #CCCCCC; color: #ffffff; font-size: 10px; text-transform: uppercase; text-decoration: none; } a.viewsheet, a.viewsheet:link { float: left; display: block; width: 155px; height: 14px; padding: 3px; border: 1px solid #CCCCCC; color: #000000; font-size: 10px; text-transform: uppercase; text-decoration: none; } a.viewsheet:hover, a.viewsheet:focus { float: left; display: block; width: 15px; height: 14px; padding: 3px; border: 1px solid #CCCCCC; background-color: #CCCCCC; color: #ffffff; font-size: 10px; text-transform: uppercase; text-decoration: none; } .comments-count { float: left; width: 100%; margin: 10px 0 25px 0; background: transparent url(../images/icon_comment.gif) top left no-repeat; } .comments-count span { float: left; margin: 0 0 0 27px; display: block; } .comments-count span a, .comments-count span a:link { color: 666666; text-decoration: none; font-size: 13px; } #news-items { float: left; width: 100%; } .news-item { float: left; width: 100%; margin: 0 0 25px 0; padding: 0 0 10px 0; } .news-item-alpha { float: left; width: 115px; } .news-item-alpha p { color: #666666; } .news-item-alpha p span { color: #000000; } .news-item-beta { float: right; width: 493px; } .news-item-beta p { font-size: 13px; color: #666666; } .product-grid { float: left; width: 100%; overflow: hidden; } .product-grid-inner { float: left; width: 890px; margin: 10px 0 0 0; overflow: hidden; } .product-grid-inner p { font-size: 13px; color: #666666; } .product-grid-inner a, .product-grid-inner a:link { text-decoration: none; color: #666666; } .product-grid-inner a:hover, .product-grid-inner a:focus { text-decoration: none; color: #000000; } .product-wide { float: left; width: 240px; margin: 0 11px 0 0; text-align: center; } .product-narrow { float: left; width: 115px; margin: 0 11px 0 0; text-align: center; } #product-whatsnew { float: left; width: 100%; position: relative; } #product-whatsnew span { float: left; width: 115px; font-family: Georgia; font-weight: bold; font-size: 19px; text-transform: uppercase; margin: 0 0 10px 0; color: #666666; } #product-whatsnew-1 { position: absolute; top: 0; left: 0; width: 370px; height: 125px; } #product-whatsnew-1-text { position: absolute; top: 25px; left: 0; width: 115px; } #product-whatsnew-1-image { position: absolute; top: 25px; right: 0; width: 255px; } #product-whatsnew-2 { position: absolute; top: 155px; left: 0; width: 270px; height: 250px; } #product-whatsnew-2-text { position: absolute; top: 200px; left: 0; width: 270px; } #product-whatsnew-2-image { position: absolute; top: 0; right: 0; width: 270px; } #product-whatsnew-3 { position: absolute; top: 155px; left: 135px; width: 230px; } #product-whatsnew-3-text { position: absolute; top: 200px; left: 0; width: 130px; } #product-whatsnew-3-image { position: absolute; top: 0; right: 0; } #product-whatsnew-3-text span { float: left; width: 130px; } #product-whatsnew-4 { position: absolute; top: 0; left: 375px; width: 230px; } #product-whatsnew-4-text { position: absolute; top: 420px; left: 0; width: 170px; } #product-whatsnew-4-image { position: absolute; top: 25px; right: 0; } #product-whatsnew-4-text span { float: left; width: 170px; } #product-whatsnew-5 { position: absolute; top: 0; right: 0; width: 240px; } #product-whatsnew-5-text { position: absolute; top: 25px; right: 0; width: 115px; } #product-whatsnew-5-image { position: absolute; top: 25px; left: 0; } #product-whatsnew-5-text span { float: left; width: 115px; } #product-whatsnew-6 { position: absolute; top: 0; right: 0; width: 240px; } #product-whatsnew-6-text { position: absolute; top: 125px; left: 0; width: 115px; } #product-whatsnew-6-image { position: absolute; top: 135px; right: 20px; } #product-whatsnew-6-text span { float: left; width: 115px; } #product-whatsnew-7 { position: absolute; top: 0; left: 633px; width: 215px; } #product-whatsnew-7-text { position: absolute; top: 419px; left: 0; width: 215px; } #product-whatsnew-7-image { position: absolute; top: 315px; left: 0; } #product-whatsnew-7-text span { float: left; width: 215px; } #product-matchs { float: left; width: 100%; overflow: hidden; } #product-matchs-inner { float: left; width: 630px; overflow: hidden; } .product-match { float: left; width: 114px; margin: 0 12px 12px 0; } .product-match p a, .product-match p a:link { text-decoration: none; } #product-styled { float: left; width: 100%; overflow: hidden; } #product-styled-inner { float: left; width: 630px; overflow: hidden; } .product-styled { float: left; width: 114px; margin: 0 12px 12px 0; } #sitemap-alpha, #sitemap-beta, #sitemap-gamma, #sitemap-delta, #sitemap-epsilon { float: left; width: 113px; margin: 0 14px 0 0; } #sitemap-zeta { float: right; width: 113px; margin: 0; } .section-title { float: left; width: 100%; margin: 0 0 10px 0; font-size: 13px; } #PageNumbers { float: left; width: 100%; border-top: 1px solid #c8c7c7; padding: 10px 0 0 0; } #PageNumbers a, #PageNumbers a:link { color: #000; text-decoration: none; } #PageNumbers a:hover, #PageNumbers a:focus { color: #666666; text-decoration: none; } #footer { float: left; width: 1003px; margin: 120px 0 10px 0; } #footer-wrap { float: left; width: 1003px; border-top: 1px solid #c0c0c2; margin:0 auto; } #footer-alpha { float: left; width: 600px; margin: 8px 0 0 0; } #footer-alpha p { text-transform: uppercase; font-size: 10px; line-height: 1.4em; color: #666666; } #footer-alpha p a, #footer-alpha p a:link { color: #666666; text-decoration: none; } #footer-alpha p a:hover, #footer-alpha p a:focus { color: #000000; } #footer-beta { float: right; width: 390px; margin: 8px 0 0 0; } #footer-beta p { font-size: 10px; line-height: 1.4em; color: #666666; } #footer-beta-text { float: left; width: 145px; } #footer-beta-form { float: right; width: 240px; } #footer-beta-form input.name { float: left; width: 230px; border: 1px solid #c8c7c7; padding: 3px 4px 3px 4px; margin: 0 0 4px 0; font-size: 11px; color: #666666; } #footer-beta-form input.firstname { float: left; width: 108px; border: 1px solid #c8c7c7; padding: 3px 4px 3px 4px; margin: 0 0 4px 0; font-size: 11px; color: #666666; } #footer-beta-form input.lastname { float: right; width: 108px; border: 1px solid #c8c7c7; padding: 3px 4px 3px 4px; margin: 0 0 4px 0; font-size: 11px; color: #666666; } #footer-beta-form input.email { float: left; width: 108px; border: 1px solid #c8c7c7; padding: 3px 4px 3px 4px; margin: 0 0 4px 0; font-size: 11px; color: #666666; } #footer-beta-form input.postcode { float: left; width: 58px; border: 1px solid #c8c7c7; padding: 3px 4px 3px 4px; margin: 0 0 4px 4px; font-size: 11px; color: #666666; } #footer-beta-form select.dropdown { float: left; width: 68px; border: 1px solid #c8c7c7; padding: 3px 4px 2px 4px; margin: 0 0 4px 4px; font-size: 11px; color: #666666; } #footer-beta-form input.submit { float: right; background-color: #c8c7c7; padding: 3px 4px 3px 4px; border: none; font-size: 11px; color: #ffffff; } #security #AlumniLoginForm_LoginForm h4 { font-size: 12px; color: #808080; font-weight: normal; margin: 0 0 15px 0; } #security #AlumniLoginForm_LoginForm span.required { float: left; width: 100%; color: #cc0000; font-size: 16px; margin: 0; padding: 0; } #security #AlumniLoginForm_LoginForm fieldset { margin: 0; padding: 0; } #security #AlumniLoginForm_LoginForm div.text, #security #AlumniLoginForm_LoginForm div.email { float: left; width: 100%; margin: 0 0 15px 0; } #security #AlumniLoginForm_LoginForm label { float: left; width: 100%; margin: 0 0 10px 0; font-size: 12px; color: #000; } #security #AlumniLoginForm_LoginForm input.email, #security #AlumniLoginForm_LoginForm input.text, #security #AlumniLoginForm_LoginForm input.password { float: left; width: 200px; height: 28px; margin: 0; padding: 1px; border: 1px solid #E5E5E5; color: #ABABAC; font-size: 12px; background-color: transparent; font-weight: normal; } #security #AlumniLoginForm_LoginForm .Actions { float: left; margin: 15px 0 10px 0; } #security #AlumniLoginForm_LoginForm .Actions input { float: left; width: 200px; height: 32px; margin: 0 0 20px 0; color: #fff; font-size: 12px; background-color: #ABABAC; font-weight: normal; border: 0; } #security p#Remember { float: left; width: 100%; margin: 10px 10px 0 0; border: none; } #security #Remember input { float: left; width: 10px; margin: 0 10px 0 0; border: none; } #security #Remember label { float: left; width: 200px; margin: 0 0 0 0; } #security p#ForgotPassword { float: left; width: 100%; clear: left; } #MemberLoginForm_LostPasswordForm h4 { font-size: 12px; color: #ABABAC; font-weight: normal; margin: 0 0 15px 0; } #MemberLoginForm_LostPasswordForm span.required { float: left; width: 100%; color: #cc0000; font-size: 16px; margin: 0; padding: 0; } #MemberLoginForm_LostPasswordForm fieldset { margin: 0; padding: 0; } #MemberLoginForm_LostPasswordForm div.text, #MemberLoginForm_LostPasswordForm div.email { float: left; width: 100%; margin: 0 0 15px 0; } #MemberLoginForm_LostPasswordForm label { float: left; width: 100%; margin: 0 0 10px 0; font-size: 12px; color: #000; } #MemberLoginForm_LostPasswordForm input.email, #MemberLoginForm_LostPasswordForm input.text { float: left; width: 200px; height: 28px; margin: 0; padding: 1px; border: 1px solid #E5E5E5; color: #ABABAC; font-size: 12px; background-color: transparent; font-weight: normal; } #MemberLoginForm_LostPasswordForm .Actions { float: left; margin: 0 0 10px 0; } #MemberLoginForm_LostPasswordForm .Actions input { float: left; width: 204px; height: 32px; margin: 0 0 20px 0; color: #fff; font-size: 12px; background-color: #ABABAC; font-weight: normal; border: 0; } #social-icons { float: left; width: 100%; margin: 0 0 0 0; } a#social-facebook { float: left; display: block; font-size: 20px; font-weight: bold; width:30px; height: 30px; margin: 0 10px 0 0; padding: 0; background: url(../images/social-facebook.gif) 0 0 no-repeat; text-indent: -5000px; } a#social-facebook:hover { background: url(../images/social-facebook.gif) 0 -30px no-repeat; } #career-search { float: left; width: 100%; border-bottom: 1px solid #ABABAC; margin: 0 0 15px 0; } #career-search fieldset { float: left; width: 750px; } #career-search div.field { float: left; width: 180px; margin: 10px 0 15px 0; } #career-search div.Actions { float: left; margin: 32px 0 0 0; } #career-search div.Actions input { background-color: #c8c7c7; padding: 8px; border: none; font-size: 11px; color: #ffffff; } #career-search label { float: left; margin: 0 0 10px 0; font-size: 11px; color: #666666; font-weight: bold; } #career-search select { float: left; width: 160px; border: 1px solid #c8c7c7; padding: 6px 4px 6px 4px; font-size: 11px; color: #666666; } .application .Actions { margin: 15px 0 0 0; } .career { float: left; width: 100%; border-top: 1px solid #ababac; padding-top: 10px; } .career-alpha { float: left; width: 420px; } .career-alpha h2 { font-family: Georgia; font-size: 13px; color: #fe7815; text-transform: capitalize; margin: 0 0 15px 0; } .career-alpha span { font-size: 11px; color: #909090; } .career-alpha h2 a, .career-alpha h2 a:link { color: #fe7815; text-decoration: none; } .career-alpha h2 a:hover, .career-alpha h2 a:focus { color: #000; text-decoration: none; } .career-alpha-text { display: none; margin: 5px 0 0 0; } .career-alpha-text p { font-size: 11px; } .career-beta { float: right; width: 125px; } .career-beta p { font-size: 11px; text-align: right; } .black { color: #000000; } .green { color: #000000; } .grey { color: #666666; } .red { color: #993333; } .purple { color: #333366; } .yellow { color: #ffcc33; } .orange { color: #fe7815; } .no-overflow { overflow: hidden; } div.large p { font-size: 13px; } div.grey p { color: #666666; } .type-large p { font-size: 16px; font-family: Georgia; } .type-medium p { font-size: 12px; } .font-medium { font-size: 16px; } .pinboard-item-beta a.remove, .pinboard-item-beta a.remove:link { color: #cc0000; font-size: 11px; } .title-large { font-family: Georgia; font-size: 26px; color: #000000; margin: 0 0 15px 0; } .title-grey { font-size: 12px; color: #666666; } .property { color: #333366; } a.property, a.property:link { color: #333366; text-decoration: none; } a.property:hover, a.property:focus { color: #000000; text-decoration: underline; } .interior { color: #993333; } a.interior, a.interior:link { color: #993333; text-decoration: none; } a.interior:hover, a.interior:focus { color: #000000; text-decoration: underline; } .shops { color: #000000; } a.shops, a.shops:link { color: #000000; text-decoration: none; } a.shops:hover, a.shops:focus { color: #000000; text-decoration: underline; } .school { color: #ffcc33; } a.school, a.school:link { color: #ffcc33; text-decoration: none; } a.school:hover, a.school:focus { color: #000000; text-decoration: underline; } .cancel-margin { margin: 0 0 0 0; } .margin-bottom { float: left; margin: 0 0 5px 0; } .margin-bottom-medium { float: left; margin: 0 0 10px 0; } .margin-bottom-large { float: left; margin: 0 0 15px 0; } .padding-top { padding-top: 5px; } .padding-bottom { padding-bottom: 5px; } .border { border: 1px solid #ababac; } .border-top { border-top: 1px solid #ababac; } .border-bottom { border-bottom: 1px solid #ababac; } .item-line h3 a, .item-line h3 a:link { color: #000000; text-decoration: none; } .item-line h3 a:hover, .item-line h3 a:focus { color: #000000; text-decoration: underline; } h2.red a, h2.red a:link { color: #993333; text-decoration: none; } h2.red a:hover, h2.red a:focus { color: #000000; text-decoration: none; } h2.purple a, h2.purple a:link { color: #333366; text-decoration: none; } h2.purple a:hover, h2.purple a:focus { color: #000000; text-decoration: none; } #navigation li, .section-header h2 { height: auto !important; text-indent:-999em; } .cufon-ready .section-header h2, .cufon-ready #navigation li { text-indent:0; }