/************************************************** * Body * **************************************************/ body { background:#000; border-top:5px solid #00a0c5; color:#fff; font:100.1%/1 Arial, sans-serif; margin:0; text-align:center; } /************************************************** * General * **************************************************/ a { text-decoration:none; } a:hover { } img { border:0; } /************************************************** * Container * **************************************************/ #container { font-size:62.5%; line-height:1.6; margin:0 auto; text-align:left; width:960px; } /************************************************** * Header * **************************************************/ #header { background:url('../images/background/header.jpg') no-repeat; background-position:0 109px; font-size:1.2em; overflow:hidden; position:relative; width:960px; } /************************************************** * Header > Logo * **************************************************/ #header .logo { background:url('../images/background/header_logo.jpg') no-repeat; float:left; height:114px; width:371px; } #header .logo a { display:block; height:114px; text-indent:-9999px; width:371px; } /************************************************** * Header > Contact Details * **************************************************/ #header .contact-details { background:url('../images/background/header_contact-details.jpg') no-repeat; background-position:0 5px; height:31px; position:absolute; right:0; top:-5px; } #header .contact-details p { font-size:1.33em; margin:0; padding:0 0 1px; } #header .contact-details p a { color:#fff; display:block; line-height:30px; padding:0 11px; } #header .contact-details p a span { color:#000; } #header .contact-details p a:hover { } #header .contact-details p a:hover span { } /************************************************** * Header > Navigation * **************************************************/ #header .navigation { float:right; height:42px; overflow:hidden; padding:72px 0 0; width:579px; } #header .navigation ul { float:right; list-style:none; margin:0; padding:0; } #header .navigation ul li { float:left; } #header .navigation ul li a { color:#fff; display:block; line-height:24px; margin:0 0 5px; padding:0 8px 13px; } #header .navigation ul li a:hover { text-decoration:underline; } #header .navigation ul li a.selected { background:#00a0c5; margin:0; padding:0 8px 18px; } #header .navigation ul li a.selected:hover { } /************************************************** * Header > Banner * **************************************************/ #header .banner { background:url('../images/background/header_banner.jpg') no-repeat; background-position:bottom left; clear:both; float:left; height:246px; overflow:hidden; padding:0 0 5px; position:relative; width:960px; } #header .banner h1 { background:#00a0c5; bottom:35px; color:#fff; display:inline-block; filter:alpha(opacity=90); font-size:5.67em; font-weight:400; left:30px; line-height:1; margin:0 269px 0 0; -khtml-opacity:.9; -moz-opacity:.9; opacity:.9; padding:11px 17px 10px; position:absolute; } #header .banner img { display:block; height:246px; width:960px; } /************************************************** * Header > Banner > Promotion * **************************************************/ #header .banner .promotion { bottom:35px; height:89px; overflow:hidden; position:absolute; right:30px; width:209px; } #header .banner .promotion p { background:url('../images/background/header_banner_promotion_p.jpg') no-repeat; filter:alpha(opacity=90); margin:0; -khtml-opacity:.9; -moz-opacity:.9; opacity:.9; text-indent:-9999px; } #header .banner .promotion p a { display:block; height:89px; width:209px; } #header .banner .promotion p a:hover { } /************************************************** * Header > Breadcrumbs * **************************************************/ #header .breadcrumbs { clear:both; padding:13px 0 0; } #header .breadcrumbs p { color:#666; line-height:24px; margin:0; } #header .breadcrumbs p a { color:#fff; } #header .breadcrumbs p a:hover { } /************************************************** * Content * **************************************************/ #content { border-left:1px solid #5f5f5f; float:right; font-size:1.2em; margin:0 0 0 -1px; padding:0 0 10px 25px; width:727px; } #content a { border-bottom:1px dotted #ddd; color:#eee; } #content a:hover { border-bottom-style:solid; } #content blockquote { border-left:3px solid #00a0c5; margin:0 0 10px 25px; padding:0 0 0 10px; } #content h1 { color:#00a0c5; font-size:1.17em; font-weight:bold; margin:0 0 8px; } #content h2 { color:#00a0c5; font-size:1.17em; font-weight:bold; margin:0 0 8px; } #content h3 { color:#00a0c5; font-size:1.08em; font-weight:bold; margin:0 0 8px; } #content h4 { color:#00a0c5; font-size:1.08em; font-weight:bold; margin:0 0 8px; } #content h5 { color:#00a0c5; font-size:1em; font-weight:400; margin:0 0 8px; } #content h6 { color:#00a0c5; font-size:1em; font-weight:400; margin:0 0 8px; } #content img { } #content img.left { border:1px solid #ccc; display:block; float:left; margin:0 10px 10px 0; padding:4px; } #content img.right { border:1px solid #ccc; display:block; float:right; margin:0 0 10px 10px; padding:4px; } #content ol { list-style:decimal-leading-zero; margin:0 0 14px; padding:0 0 0 25px; } #content ol li { } #content ol li ul { margin:0; } #content p { margin:0 0 10px; } #content table { border-collapse:collapse; } #content table tr { } #content table tr td { padding:5px; } #content table tr th { font-weight:bold; padding:5px; } #content ul { margin:0 0 9px; padding:0 0 0 14px; } #content ul li { margin:0 0 5px; } #content ul li ul { margin:0; } /************************************************** * Content > Form * **************************************************/ #content .form { overflow:hidden; width:727px; } #content .form input { font-size:.9em; margin:0 321px 5px 0; } #content .form input.captchacode { letter-spacing:5px; text-transform:uppercase; } #content .form input.submit { clear:both; display:block; margin:5px 0 10px 195px; } #content .form input.text { background:#fff; border:1px solid #ccc; float:right; padding:2px; width:205px; } #content .form input.text:focus { background:#ffd; } #content .form label { clear:both; float:left; line-height:1.3; padding:1px 10px 0 0; width:174px; } #content .form label em { color:#f00; font-size:.9em; font-style:normal; } #content .form p { clear:both; margin:0 0 15px; } #content .form p em { color:#f00; font-style:normal; } #content .form p.error { background:#ffe1da; border:1px solid #f34f4f; clear:both; color:#be0b0b; display:block; padding:5px; } #content .form p.success { background:#00a0c5; border:1px solid #69cfe7; clear:both; color:#fff; display:block; font-size:1.33em; padding:5px 10px; } #content .form span { } #content .form span.checkbox { display:block; float:left; padding:5px 0 6px 11px; } #content .form span.checkbox input { float:left; } #content .form select { background:#fff; border:1px solid #ccc; font-size:.9em; float:right; margin:0 321px 5px 0; padding:2px 2px 2px 0; width:211px; } #content .form select:focus { background:#ffd; } #content .form select optgroup { font-style:normal; } #content .form textarea { background:#fff; border:1px solid #ccc; font:.85em Verdana, sans-serif; float:right; margin:0 321px 5px 0; padding:2px; width:205px; } #content .form textarea:focus { background:#ffd; } /************************************************** * Content > Form > Captcha * **************************************************/ #content .form .captcha { border:1px solid #ccc; clear:both; height:30px; margin:0 0 5px 195px; overflow:hidden; padding:2px; width:205px; } #content .form .captcha img { display:block; margin:-1px 0; } /************************************************** * Content > Form > Summary * **************************************************/ #content .form .summary { background:#ffe1da; border:1px solid #f34f4f; clear:both; color:#be0b0b !important; cursor:help; display:block; margin:0 0 10px; padding:5px 10px; } #content .form .summary ul { color:#be0b0b; margin:5px 0 0 15px; padding:0; } /************************************************** * Content > Gallery * **************************************************/ #content .gallery { overflow:hidden; padding:10px 0 0; width:727px; } #content .gallery p { background:#00a0c5; color:#fff; display:inline-block; font-size:2.17em; font-weight:400; line-height:1; margin:0 0 25px; padding:3px 7px; } #content .gallery p strong { font-weight:400; } #content .gallery ul { list-style:none; margin:0; padding:0; width:752px; } #content .gallery ul li { float:left; padding:0 25px 25px 0; } #content .gallery ul li a { border:0; color:#00a0c5; display:block; text-align:center; width:163px; } #content .gallery ul li a img { border:3px solid #00a0c5; display:block; width:157px; } #content .gallery ul li a:hover { text-decoration:underline; } #content .gallery ul li a:hover img { } /************************************************** * Content > News * **************************************************/ #content .news { } /************************************************** * Content > News > Item * **************************************************/ #content .item { } /************************************************** * Content > News > Item > Details * **************************************************/ #content .item .details { border-bottom:1px solid #3b3b3b; border-left:1px solid #3b3b3b; float:right; margin:0 5px 15px; padding:0 0 10px 10px; } #content .item .details dl { margin:0; width:197px; } #content .item .details dl dd { float:right; margin:0; width:112px; } #content .item .details dl dt { clear:both; float:left; font-weight:bold; width:75px; } /************************************************** * Content > News > Items * **************************************************/ #content .items { } #content .items ul { list-style:none; margin:0; padding:0; } #content .items ul li { padding:0 0 20px; } #content .items ul li strong { } #content .items ul li strong a { border-bottom-color:#00a0c5; color:#00a0c5; } /************************************************** * Content > Pagination * **************************************************/ #content .pagination { } #content .pagination ul { float:right; list-style:none; margin:0; overflow:hidden; padding:0 0 10px; } #content .pagination ul li { float:left; padding:0 0 0 5px; } #content .pagination ul li a { border:1px solid #3b3b3b; color:#999; display:block; padding:0 5px; } #content .pagination ul li a:hover { border-color:#5f5f5f; color:#eee; } #content .pagination ul li a.selected { border-color:#5b5b5b; color:#ccc; } #content .pagination ul li a.selected:hover { border-color:#5f5f5f; color:#eee; } /************************************************** * Sidebar * **************************************************/ #sidebar { border-right:1px solid #5f5f5f; float:left; font-size:1.2em; width:207px; } #sidebar h4 { color:#00a0c5; font-size:1.17em; line-height:32px; margin:0; padding:3px 0 0; } /************************************************** * Sidebar > Navigation * **************************************************/ #sidebar .navigation { margin:0 0 -4px; } #sidebar .navigation ul { border-top:1px solid #3b3b3b; list-style:none; margin:0 0 30px; padding:0; } #sidebar .navigation ul li { width:207px; } #sidebar .navigation ul li a { background:url('../images/background/sidebar_navigation_ul_li_a.jpg') no-repeat; background-position:0 9px; border-bottom:1px solid #3b3b3b; color:#fff; display:block; line-height:30px; padding:0 0 0 19px; width:188px; } #sidebar .navigation ul li a:hover { background-color:#222; } /************************************************** * Sidebar > Recent News * **************************************************/ #sidebar .recent-news { padding:0 0 20px; } #sidebar .recent-news ul { border-top:1px solid #3b3b3b; list-style:none; margin:0; padding:0; } #sidebar .recent-news ul li { } #sidebar .recent-news ul li a { color:#d5d5d5; display:block; padding:6px 15px 0 0; } #sidebar .recent-news ul li a span { color:#999; } #sidebar .recent-news ul li a strong { } #sidebar .recent-news ul li a:hover { color:#fff; } #sidebar .recent-news ul li a:hover span { col } #sidebar .recent-news ul li a:hover strong { text-decoration:underline; } /************************************************** * Promotional * **************************************************/ #promotional { clear:both; font-size:1.2em; height:584px; position:relative; width:960px; } /************************************************** * Promotional > Welcome * **************************************************/ #promotional .welcome { filter:alpha(opacity=90); height:329px; left:50px; -khtml-opacity:.9; -moz-opacity:.9; opacity:.9; overflow:hidden; position:absolute; top:50px; width:179px; z-index:20; } #promotional .welcome h1 { background:#151515; color:#fff; font-size:2.5em; font-weight:400; line-height:1; margin:0 15px; padding:6px 10px; position:absolute; text-align:center; top:0; z-index:40; } /************************************************** * Promotional > Welcome > Content * **************************************************/ #promotional .welcome .content { background:#00a0c5; color:#fff; display:inline-block; padding:25px 15px 2px; position:relative; top:25px; z-index:30; } #promotional .welcome .content p { margin:0 0 10px; } #promotional .welcome .content p a { color:#000; } #promotional .welcome .content p a:hover { text-decoration:underline; } /************************************************** * Promotional > Promotion * **************************************************/ #promotional .promotion { height:76px; left:50px; overflow:hidden; position:absolute; top:429px; width:180px; z-index:20; } #promotional .promotion p { background:url('../images/background/promotional_promotion_p.jpg') no-repeat; filter:alpha(opacity=90); margin:0; -khtml-opacity:.9; -moz-opacity:.9; opacity:.9; text-indent:-9999px; } #promotional .promotion p a { display:block; height:76px; width:180px; } #promotional .promotion p a:hover { } /************************************************** * Promotional > Kitchens * **************************************************/ #promotional .kitchens { filter:alpha(opacity=90); height:86px; -khtml-opacity:.9; -moz-opacity:.9; opacity:.9; position:absolute; right:390px; top:419px; width:315px; z-index:20; } #promotional .kitchens h2 { background:#151515; color:#fff; font-size:1.67em; font-weight:400; line-height:1; margin:0 10px; padding:6px 10px; position:absolute; text-align:center; top:0; z-index:40; } /************************************************** * Promotional > Kitchens > Content * **************************************************/ #promotional .kitchens .content { background:#00a0c5; color:#fff; height:66px; padding:5px; position:absolute; top:10px; z-index:30; width:305px; } #promotional .kitchens .content p { line-height:1.2; margin:0; } #promotional .kitchens .content p a { background:url('../images/background/promotional_kitchens_p_a.jpg') no-repeat; background-position:bottom right; color:#fff; display:block; height:56px; padding:5px; } #promotional .kitchens .content p a img { display:block; float:left; margin:-5px 10px 0 -5px; } #promotional .kitchens .content p a:hover { text-decoration:underline; } #promotional .kitchens .content p a:hover img { } /************************************************** * Promotional > Bedrooms * **************************************************/ #promotional .bedrooms { filter:alpha(opacity=90); height:86px; -khtml-opacity:.9; -moz-opacity:.9; opacity:.9; position:absolute; right:50px; top:419px; width:315px; z-index:20; } #promotional .bedrooms h2 { background:#151515; color:#fff; font-size:1.67em; font-weight:400; line-height:1; margin:0 10px; padding:6px 10px; position:absolute; text-align:center; top:0; z-index:40; } /************************************************** * Promotional > Bedrooms > Content * **************************************************/ #promotional .bedrooms .content { background:#00a0c5; color:#fff; height:66px; padding:5px; position:absolute; top:10px; z-index:30; width:305px; } #promotional .bedrooms .content p { line-height:1.2; margin:0; } #promotional .bedrooms .content p a { background:url('../images/background/promotional_bedrooms_p_a.jpg') no-repeat; background-position:bottom right; color:#fff; display:block; height:56px; padding:5px; } #promotional .bedrooms .content p a img { display:block; float:left; margin:-5px 10px 0 -5px; } #promotional .bedrooms .content p a:hover { text-decoration:underline; } #promotional .bedrooms .content p a:hover img { } /************************************************** * Promotional > Helpful Tips * **************************************************/ #promotional .helpful-tips { background:#21211d; height:29px; left:0; line-height:29px; overflow:hidden; position:absolute; top:555px; width:960px; } #promotional .helpful-tips h4 { background:#00a0c5 url('../images/background/promotional_helpful-tips_h4.jpg') no-repeat; float:left; font-size:1.33em; font-weight:400; line-height:29px; margin:0; text-align:center; width:100px; } #promotional .helpful-tips h4 a { color:#fff; display:block; padding:0 5px; width:90px; } #promotional .helpful-tips h4 a:hover { text-decoration:underline; } #promotional .helpful-tips ol { float:left; list-style:none; margin:0; padding:0; width:860px; } #promotional .helpful-tips ol li { } #promotional .helpful-tips ol li a { background:url('../images/background/promotional_helpful-tips_ol_li_a.jpg') no-repeat; background-position:right top; color:#ddd; display:block; padding:0 37px 0 9px; width:814px; } #promotional .helpful-tips ol li a em { color:#00a0c5; font-style:normal; font-weight:bold; } #promotional .helpful-tips ol li a:hover { background-color:#252525; color:#fff; } #promotional .helpful-tips ol li a:hover em { text-decoration:underline; } /************************************************** * Promotional > Images * **************************************************/ #promotional .images { height:555px; left:0; overflow:hidden; position:absolute; top:0; width:960px; z-index:10; } #promotional .images img { display:block; height:555px; width:960px; } /************************************************** * Footer * **************************************************/ #footer { background:url('../images/background/footer.jpg') no-repeat; background-position:0 21px; clear:both; font-size:1.1em; overflow:hidden; padding:52px 0 0; width:960px; } /************************************************** * Footer > Our Showroom * **************************************************/ #footer .our-showroom { background:url('../images/background/footer_information.jpg') no-repeat; background-position:0 38px; float:right; width:314px; } #footer .our-showroom h4 { background:#00a0c5; color:#fff; display:inline-block; font-size:2.73em; font-weight:400; line-height:1; margin:0; padding:4px 7px; } #footer .our-showroom p { font-size:1.18em; line-height:1.3; margin:0; padding:13px 0 0 197px; position:relative; } #footer .our-showroom p a { color:#00a0c5; display:block; font-weight:bold; line-height:17px; padding:114px 0 0 17px; position:absolute; right:135px; top:0; width:163px; } #footer .our-showroom p a:hover { text-decoration:underline; } /************************************************** * Footer > Information * **************************************************/ #footer .information { float:left; width:621px; } #footer .information p { clear:both; font-weight:bold; margin:0; padding:0 0 20px; } #footer .information ul { clear:both; list-style:none; margin:0; overflow:hidden; padding:0 0 10px; width:621px; } #footer .information ul li { background:url('../images/background/footer_information_ul_li.jpg') no-repeat; background-position:center right; float:left; margin:0 10px 0 0; padding:0 11px 0 0; } #footer .information ul li.last-item { background:0; padding:0 10px 0 0; } #footer .information ul li a { color:#fff; } #footer .information ul li a:hover { text-decoration:underline; } #footer .information ul.bold { font-weight:bold; } /************************************************** * Footer > Information > Prodo * **************************************************/ #footer .information .prodo { color:#666; padding:10px 0 0; } #footer .information .prodo p { font-weight:400; margin:0; text-transform:uppercase; } #footer .information .prodo p a { color:#666; } #footer .information .prodo p a:hover { color:#aaa; text-decoration:underline; } /************************************************** * ASP Trace * **************************************************/ #__asptrace { background:#fff; color:#000; margin:30px; padding:5px; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Copyright (c) 20010 Janis Skarnelis * Examples and documentation at:http://fancybox.net * * Version:1.3.0 (02/02/2010) * Requires:jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; background:transparent; z-index:1104; display:none; } * html #fancybox-loading { position:absolute; margin-top:0; } #fancybox-loading div { position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url('../images/jquery.fancybox/fancy_loading.png') no-repeat; } #fancybox-overlay { position:fixed; top:0; left:0; bottom:0; right:0; background:#000; z-index:1100; display:none; } * html #fancybox-overlay { position:absolute; width:100%; } #fancybox-tmp { padding:0; margin:0; border:0; overflow:auto; display:none; } #fancybox-wrap { position:absolute; top:0; left:0; margin:0; padding:20px; z-index:1101; display:none; } #fancybox-outer { position:relative; width:100%; height:100%; background:#FFF; } #fancybox-inner { position:absolute; top:0; left:0; width:1px; height:1px; padding:0; margin:0; outline:none; overflow:hidden; } #fancybox-hide-sel-frame { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; } #fancybox-close { position:absolute; top:-15px; right:-15px; width:32px; height:32px; background:url('../images/jquery.fancybox/fancy_close.png') top left no-repeat; cursor:pointer; z-index:1103; display:none; } #fancybox_error { color:#444; font:normal 12px/20px Arial; } #fancybox-content { height:auto; width:auto; padding:0; margin:0; } #fancybox-img { width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; -ms-interpolation-mode:bicubic; } #fancybox-frame { position:relative; width:100%; height:100%; border:none; display:block; } #fancybox-title { position:absolute; bottom:0; left:0; font-family:Arial; font-size:12px; z-index:1102; } .fancybox-title-inside { padding:10px 0; text-align:center; color:#333; } .fancybox-title-outside { padding-top:5px; color:#FFF; text-align:center; font-weight:bold; } .fancybox-title-over { color:#FFF; text-align:left; } #fancybox-title-over { padding:10px; background:url('../images/jquery.fancybox/fancy_title_over.png'); display:block; } #fancybox-title-wrap { display:inline-block; } #fancybox-title-wrap span { height:32px; float:left; } #fancybox-title-left { padding-left:15px; background:transparent url('../images/jquery.fancybox/fancy_title_left.png') repeat-x; } #fancybox-title-main { font-weight:bold; line-height:29px; background:transparent url('../images/jquery.fancybox/fancy_title_main.png') repeat-x; color:#FFF; } #fancybox-title-right { padding-left:15px; background:transparent url('../images/jquery.fancybox/fancy_title_right.png') repeat-x; } #fancybox-left, #fancybox-right { position:absolute; bottom:0; height:100%; width:35%; cursor:pointer; outline:none; background-image:url('../images/jquery.fancybox/blank.gif'); z-index:1102; display:none; } #fancybox-left { left:0; } #fancybox-right { right:0; } #fancybox-left-ico, #fancybox-right-ico { position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block; } #fancybox-left-ico { background:transparent url('../images/jquery.fancybox/fancy_nav_left.png') no-repeat; } #fancybox-right-ico { background:transparent url('../images/jquery.fancybox/fancy_nav_right.png') no-repeat; } #fancybox-left:hover, #fancybox-right:hover { visibility:visible; } #fancybox-left:hover span { left:20px; } #fancybox-right:hover span { left:auto; right:20px; } div.fancy-bg { position:absolute; padding:0; margin:0; border:0; z-index:1001; } div#fancy-bg-n { top:-20px; left:0; width:100%; height:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_n.png') repeat-x; } div#fancy-bg-ne { top:-20px; right:-20px; width:20px; height:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_ne.png') no-repeat; } div#fancy-bg-e { top:0; right:-20px; height:100%; width:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_e.png') repeat-y; } div#fancy-bg-se { bottom:-20px; right:-20px; width:20px; height:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_se.png') no-repeat; } div#fancy-bg-s { bottom:-20px; left:0; width:100%; height:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_s.png') repeat-x; } div#fancy-bg-sw { bottom:-20px; left:-20px; width:20px; height:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_sw.png') no-repeat; } div#fancy-bg-w { top:0; left:-20px; height:100%; width:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_w.png') repeat-y; } div#fancy-bg-nw { top:-20px; left:-20px; width:20px; height:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_nw.png') no-repeat; }