@charset "utf-8"; /* CSS Document */ /*******************************************************************/ /* RESET */ /*******************************************************************/ * { padding: 0px; margin: 0px; outline: none; } body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; } blockquote, address { font-style: normal; } /*******************************************************************/ /* GLOBAL */ /*******************************************************************/ .clear { clear: both; height: 0px; overflow: hidden;} .hide { display: none; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .small { font-size: 11px; } .note { font-size: 12px; line-height: 140%; } .big { font-size: 14px; } .valign-middle { vertical-align: middle; } img { border: none; } a img { border: none; } a { color: #333333; text-decoration: underline; } a:hover { color: #7B7466; } area { border: none; outline: none; display: block; } img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; } img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; } hr { display: none; } .hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; } /***************/ /* OVERLAPPING */ /***************/ .overlap, .overlap * { display: block; position: relative; overflow: hidden; } .overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; } a.overlap span, .overlap a span { cursor: pointer; } /********/ /* FORM */ /********/ form {} input, select, textarea { font-family: Arial, Helvetica, sans-serif; } /************************/ /* BASIC TAG DEFINITION */ /************************/ body { color: #666666; } h1 { font-size: 30px; color: #000425; text-transform: uppercase; font-weight: normal; height: 40px; line-height: 40px; position: relative; margin-bottom: 17px; letter-spacing: -2px; } h1 span { background-position: left top; background-repeat: no-repeat; width: 100%; height: 40px; position: absolute; top: 0px; left: 0px; } h2 { font-size: 20px; color: #000425; font-weight: normal; line-height: 20px; text-transform: uppercase; } p.intro { font-size: 14px; line-height: 21px; } /*******************************************************************/ /* LAYOUT */ /*******************************************************************/ #page-wrapper { } /*******************************************************************/ /* HEADER */ /*******************************************************************/ #header { width: 1000px; margin: 0 auto; height: 130px; position: relative; z-index: 1; } #logo { width: 159px; height: 39px; padding: 36px 0px 0px 35px; } /*******************************************************************/ /* FOOTER */ /*******************************************************************/ #footer { width: 920px; margin: 0px auto; padding: 20px 0px 20px 0px; font-size: 11px; color: #999999; position: relative; z-index: 1; } #footer p { padding-bottom: 5px; word-spacing: 5px; } #footer a { color: #999999; text-decoration: none; word-spacing: normal; } #footer span { word-spacing: normal; } #footer a:hover { text-decoration: none; } #bottom-nav { color: #CCCCCC; word-spacing: 6px; } #bottom-nav a { color: #CCCCCC; word-spacing: normal; } #bottom-nav a:first-child { color: #999999; } #giant { float: right; } #giant a { text-decoration: none; } #giant img { vertical-align: middle; } /*******************************************************************/ /* MENU */ /*******************************************************************/ #menu { position: absolute; left: 244px; top: 37px; width: 730px; z-index: 8; overflow: visible; } #menu li { list-style: none; color: #000425; font-size: 14px; display: block; float: left; padding: 0px 21px; margin-right: 37px; border: 1px solid #FFFFFF; background-color: #FFFFFFF; height: 34px; } #menu a { color: #000425; text-decoration: none; height: 34px; line-height: 34px; text-transform: uppercase; text-align: center; background-color: #FFFFFF; } #menu span { height: 34px; width: 100%; background-position: left top; background-image: url(/img/menu.png); } #menu li.active { border-color: #CCCCCC; border-bottom: none; height: 36px; background-color: #FFFFFF; } #menu li.active a { height: 36px; } #menu #menu-contact { margin-right: 0px; } /***********/ /* SUBMENU */ /***********/ #submenu { border: 1px solid #CCCCCC; position: absolute; left: 244px; top: 73px; width: 728px; height: 36px; overflow: hidden; z-index: 0; } #submenu li {list-style: none; color: #000425; font-size: 14px; display: block; float: left; padding: 0px 13px 0px 14px; margin-right: 0px; height: 36px; border: none; } #submenu a { color: #000425; text-decoration: none; height: 36px; line-height: 34px; text-transform: uppercase; text-align: center; background-color: #FFFFFF; } #submenu span { height: 36px; width: 100%; background-position: left top; background-image: url(/img/menu.png); } /****************/ /* CUSTOM SPECS */ /****************/ /* CUSTOM WIDTHS */ #menu-about-us a, #menu-about-us span { width: 43px; } #menu-carpets a, #menu-carpets span { width: 65px; } #menu-basic-facts a, #menu-basic-facts span { width: 117px; } #menu-order a, #menu-order span { width: 73px; } #menu-contact a, #menu-contact span { width: 64px; } #menu-carpets-polyester-range a, #menu-carpets-polyester-range span { width: 122px; } #menu-carpets-experimental a, #menu-carpets-experimental span { width: 97px; } #menu-carpets-outdoor a, #menu-carpets-outdoor span { width: 68px; } #menu-carpets-the-loft a, #menu-carpets-the-loft span { width: 62px; } #menu-carpets-class-of-leather a, #menu-carpets-class-of-leather span { width: 124px; } #menu-carpets-wool-range a, #menu-carpets-wool-range span { width: 90px; } /* CUSTOM BACKGROUNDS */ #menu-about-us span { background-position: 0px -4px; } #menu-carpets span { background-position: 0px -35px; } #menu-basic-facts span { background-position: 0px -67px; } #menu-order span { background-position: 0px -99px; } #menu-contact span { background-position: 0px -130px; } #menu-carpets-polyester-range span { background-position: 0px -159px; } #menu-carpets-experimental span { background-position: 0px -186px; } #menu-carpets-outdoor span { background-position: 0px -213px; } #menu-carpets-the-loft span { background-position: 0px -240px; } #menu-carpets-class-of-leather span { background-position: 0px -267px; } #menu-carpets-wool-range span { background-position: 0px -294px; } #menu-carpets-polyester-range.active span { background-position: -200px -159px; } #menu-carpets-experimental.active span { background-position: -200px -186px; } #menu-carpets-outdoor.active span { background-position: -200px -213px; } #menu-carpets-the-loft.active span { background-position: -200px -240px; } #menu-carpets-class-of-leather.active span { background-position: -200px -267px; } #menu-carpets-wool-range.active span { background-position: -200px -294px; } /*******************************************************************/ /* LEFT COLUMN */ /*******************************************************************/ #left-column { width: 210px; padding: 14px 23px 0px 12px; margin: 0px; float: right; } /* 265px */ #left-column h2 { height: 25px; line-height: 26px; font-size: 14px; position: relative; padding: 0px 0px 0px 7px; overflow: hidden; text-transform: uppercase; margin: 0px 0px 6px 0px; } #left-column h2 span { height: 25px; width: 220px; background-image: url(/img/left-titles.png); display: block; position: absolute; top: 0px; left: 0px; } /*************/ /* LEFT MENU */ /*************/ .left-menu {} .left-menu li { list-style: none; float: left; display: block; width: 220px; } .left-menu a { width: 153px; padding: 0px 0px 0px 27px; height: 26px; line-height: 26px; text-transform: uppercase; color: #9FA1AD; text-decoration: none; } .left-menu a:hover { background-color: #000020; color: #FFFFFF; } .left-menu span { background-image: url(/img/left-menu.png); width: 180px; height: 26px; } /*.left-menu a:hover span { background-position: -220px 0px; }*/ /********************/ /* OVERLAPPING TEXT */ /********************/ /* TITLES */ #lt-polyester-range span { background-position: 0px 0px; } #lt-experimental span { background-position: 0px -25px; } #lt-outdoor span { background-position: 0px -50px; } #lt-the-loft span { background-position: 0px -75px; } #lt-class-of-leather span { background-position: 0px -100px; } #lt-wool-range span { background-position: 0px -125px; } /* MENU ITEMS */ #left-menu-sg-polly span { background-position: 0px 0px; } #left-menu-sg-polly-premium span { background-position: 0px -26px; } #left-menu-sg-granite span { background-position: 0px -52px; } #left-menu-sg-granite-premium span { background-position: 0px -78px; } #left-menu-sg-diamonds span { background-position: 0px -104px; } #left-menu-sg-wired span { background-position: 0px -130px; } #left-menu-sg-airy-premium span { background-position: 0px -156px; } #left-menu-sg-platinum span { background-position: 0px -182px; } #left-menu-sports-1 span { background-position: 0px -208px; } #left-menu-mnml-101 span { background-position: 0px -234px; } #left-menu-studio-nyc span { background-position: 0px -260px; } #left-menu-studio-nyc-wool-edition span { background-position: 0px -286px; } #left-menu-rare-soul-premium span { background-position: 0px -312px; } #left-menu-body-and-soul span { background-position: 0px -338px; } #left-menu-cielo-puro span { background-position: 0px -364px; } #left-menu-nightwax span { background-position: 0px -390px; } #left-menu-conny-et-annabelle span { background-position: 0px -416px; } #left-menu-sg-los-roques span { background-position: 0px -442px; } #left-menu-sg-phat-shag span { background-position: 0px -468px; } #left-menu-sg-polly-outdoor span { background-position: 0px -494px; } #left-menu-sg-polly-premium-outdoor span { background-position: 0px -520px; } #left-menu-sg-granite-outdoor span { background-position: 0px -546px; } #left-menu-sg-granite-premium-outdoor span { background-position: 0px -572px; } #left-menu-sg-wired-outdoor span { background-position: 0px -598px; } /* MENU ITEMS: HOVER */ #left-menu-sg-polly.active span { background-position: -220px 0px; } #left-menu-sg-polly-premium.active span { background-position: -220px -26px; } #left-menu-sg-granite.active span { background-position: -220px -52px; } #left-menu-sg-granite-premium.active span { background-position: -220px -78px; } #left-menu-sg-diamonds.active span { background-position: -220px -104px; } #left-menu-sg-wired.active span { background-position: -220px -130px; } #left-menu-sg-airy-premium.active span { background-position: -220px -156px; } #left-menu-sg-platinum activer span { background-position: -220px -182px; } #left-menu-sports-1.active span { background-position: -220px -208px; } #left-menu-mnml-101.active span { background-position: -220px -234px; } #left-menu-studio-nyc.active span { background-position: -220px -260px; } #left-menu-studio-nyc-wool-edition.active span { background-position: -220px -286px; } #left-menu-rare-soul-premium.active span { background-position: -220px -312px; } #left-menu-body-and-soul.active span { background-position: -220px -338px; } #left-menu-cielo-puro.active span { background-position: -220px -364px; } #left-menu-nightwax.active span { background-position: -220px -390px; } #left-menu-conny-et-annabelle.active span { background-position: -220px -416px; } #left-menu-sg-los-roques.active span { background-position: -220px -442px; } #left-menu-sg-phat-shag.active span { background-position: -220px -468px; } #left-menu-sg-polly-outdoor.active span { background-position: -220px -494px; } #left-menu-sg-polly-premium-outdoor.active span { background-position: -220px -520px; } #left-menu-sg-granite-outdoor.active span { background-position: -220px -546px; } #left-menu-sg-granite-premium-outdoor.active span { background-position: -220px -572px; } #left-menu-sg-wired-outdoor.active span { background-position: -220px -598px; } /* WIDTH FIXES */ #left-menu-studio-nyc, #left-menu-studio-nyc-wool-edition a, #left-menu-sg-polly-premium-outdoor a, #left-menu-sg-granite-premium-outdoor a { width: 183px; } #left-menu-studio-nyc span, #left-menu-studio-nyc-wool-edition span, #left-menu-sg-polly-premium-outdoor span, #left-menu-sg-granite-premium-outdoor span { width: 210px; } /*******************************************************************/ /* CONTENT */ /*******************************************************************/ .content { width: 965px; margin: 0 auto; padding-left: 35px; } .content p { padding-bottom: 1em; } table { border-collapse: collapse; margin-bottom: 20px; } thead { color: #FFFFFF; } thead tr { background-color: #000023; } thead th { font-weight: bold; font-size: 12px; text-align: left; vertical-align: bottom; } thead th.center { text-align: left; } td, th { padding: 4px 10px 4px 10px; } tbody tr.even { background-color: #F2F2F4; } tbody td { border-left: 1px solid #DFDFE3; vertical-align: top; } tbody tr td:first-child { border-left: none; } tbody td.center { text-align: center; vertical-align: middle; } #error p { margin-bottom: 0px; padding-bottom: 0px; } #error ul { margin-bottom: 1em; padding-left: 2em; } #error li { color: #CC0000; } /**********************/ /* PRODUCT CATEGORIES */ /**********************/ #product-categories { min-width: 980px; padding-top: 30px; } #product-categories div { background-repeat: no-repeat; } #product-categories h2 { height: 30px; line-height: 30px; font-size: 19px; letter-spacing: -1px; z-index: 1; } #product-categories h2 span { background-image: url(/img/product-category-titles.png); height: 30px; } #product-categories p { width: 260px; color: #8C8C8C; position: relative; z-index: 1;} #product-categories .column-left { width: 50%; float: left; } #product-categories .column-right { width: 50%; float: left; } #product-categories .align-right, #product-categories .align-left { padding-bottom: 35px; } #product-categories .category { padding: 150px 0px 10px 0px;} #category-class-of-leather .category, #category-wool-range .category { padding-top: 180px; } #category-the-loft .category { max-width: 530px; } #product-categories .align-right h2.overlap span { background-position: right top; } #product-categories .align-right .category { text-align: right; } #product-categories .align-right .column-left { text-align: right; background-position: right top; } #product-categories .align-right .column-left .category { float: right; width: 100%; max-width: 650px; } #category-class-of-leather .category { max-width: 580px !important; } #product-categories .align-right .column-right .category { width: 532px; margin-left: -33px; background-position: left top; } #product-categories .align-right p { float: right; } #product-categories .align-left .column-right { background-position: left top; } #product-categories .align-left .column-left .category { width: 590px; margin-right: -105px; float: right; background-position: right top; position: relative; z-index: 1; } #product-categories .align-right h2 span { left: auto; right: 0px; } #category-the-loft .category { margin-left: 105px; } /* TITLES */ #category-polyester-range h2 span { width: 175px; background-position: right 0px; } #category-experimental h2 span { width: 150px; background-position: right -30px !important; } #category-outdoor h2 span { width: 120px; background-position: left -60px; } #category-the-loft h2 span { width: 90px; background-position: left -90px; } #category-class-of-leather h2 span { width: 180px; background-position: right -120px !important; } #category-wool-range h2 span { width: 135px; background-position: right -150px !important; } /* BACKGROUNDS */ #category-polyester-range { background-image: url(/img/category-polyester-range-bg.jpg); } #category-experimental .category { background-image: url(/img/category-experimental-bg.jpg); } #category-outdoor .category { background-image: url(/img/category-outdoor-bg.jpg); } #category-the-loft { background-image: url(/img/category-the-loft-bg.jpg); } #category-class-of-leather { background-image: url(/img/category-class-of-leather-bg.jpg); } #category-wool-range .category { background-image: url(/img/category-wool-range-bg.jpg); } /* CLEAR */ #product-categories .category:after, #product-categories .column-left:after, #product-categories .column-right:after { content: '.'; display: block; width: 0px; height: 0px; visibility: hidden; clear: both; } /********************/ /* PRODUCT CATEGORY */ /********************/ .product-category p.intro { padding-right: 20px; } .product-category p.intro + p.intro { padding-top: 0.8em; } /*****************/ /* PRODUCT ITEMS */ /*****************/ .product-items { font-size: 11px; color: #8C8C8C; margin-top: 30px; } .product-items h2 { font-size: 14px; height: 22px; line-height: 22px; position: relative; letter-spacing: -1px; padding: 0px 1px; white-space: nowrap; } .product-items h2 span {display: block; width: 100%; height: 22px; position: absolute; top: 0px; left: 0px; background: url(/img/product-item-titles.png) no-repeat left top; } .product-items h2 a { text-decoration: none; color: #000425; } .product-items h2 a span { cursor: pointer; } .product-items p { width: 240px; } .product-items .desc { position: relative; top: -45px; margin-bottom: -45px; } .product-items .align-left:after, .product-items .align-right:after, .product-items .desc:after { content: '.'; display: block; width: 0px; height: 0px; visibility: hidden; clear: both; } .product-items .item { width: 350px; float: left; padding-bottom: 30px; } .product-items .align-right { text-align: right; } .product-items .align-right .first { margin-left: -50px; } .product-items .align-right .first .desc { margin-right: -30px; } .product-items .align-right .second .desc { margin-right: -54px; } .product-items .align-right h2 { float: right; } .product-items .align-right p { float: right; padding-left: 100px; } .product-items .align-right h2 span { left: auto; right: 0px; background-position: right top; } .product-items .align-left .first { margin-left: 35px; } .product-items .align-left .first .desc { margin-left: -35px; } .product-items .align-left .second { margin-left: 15px; } .product-items .align-left .second .desc { margin-left: -40px; } /* TITLES */ /* background-position: -(row-1)*22 */ #item-sg-polly span { background-position: right 0px; } #item-sg-polly-premium span { background-position: right -22px; } #item-sg-granite span { background-position: 0px -44px; } #item-sg-granite-premium span { background-position: 0px -66px; } #item-sg-diamonds span { background-position: right -88px; } #item-sg-wired span { background-position: right -110px; } #item-sg-airy-premium span { background-position: 0px -132px; } #item-sg-platinum span { background-position: 0px -154px; } #item-sports-1 span { background-position: right -176px; } #item-mnml-101 span { background-position: right -198px; } #item-studio-nyc span { background-position: right -220px; } #item-studio-nyc-wool-edition span { background-position: right -242px; } #item-rare-soul-premium span { background-position: right -264px; } #item-studio-body-and-soul span { background-position: right -286px; } #item-cielo-puro span { background-position: 0px -308px; } #item-nightwax span { background-position: 0px -330px; } #item-conny-et-annabelle span { background-position: right -352px; } #item-sg-los-roques span { background-position: right -374px; } #item-sg-phat-shag span { background-position: 0px -396px; } #item-sg-polly-outdoor span { background-position: right -418px; } #item-sg-polly-premium-outdoor span { background-position: right -440px; } #item-sg-granite-outdoor span { background-position: 0px -462px; } #item-sg-granite-premium-outdoor span { background-position: 0px -484px; } #item-sg-wired-outdoor span { background-position: right -506px; } /* TITLE WIDTHS */ #item-sg-polly h2 { width: 70px; } #item-sg-polly-premium h2 { width: 130px; } #item-sg-granite h2 { width: 80px; } #item-sg-granite-premium h2 { width: 150px; } #item-sg-diamonds h2 { width: 100px; } #item-sg-wired h2 { width: 70px; } #item-sg-airy-premium h2 { width: 120px; } #item-sg-platinum h2 { width: 90px; } #item-sports-1 h2 { width: 60px; } #item-mnml-101 h2 { width: 70px; } #item-studio-nyc h2 { width: 90px; } #item-studio-nyc-wool-edition h2 { width: 190px; } #item-rare-soul-premium h2 { width: 140px; } #item-studio-body-and-soul h2 { width: 100px; } #item-cielo-puro h2 { width: 90px; } #item-nightwax h2 { width: 80px; } #item-conny-et-annabelle h2 { width: 160px; } #item-sg-los-roques h2 { widht: 110px; } #item-sg-phat-shag h2 { width: 100px; } #item-sg-polly-outdoor h2 { width: 140px; } #item-sg-polly-premium-outdoor h2 { width: 200px; } #item-sg-granite-outdoor h2 { width: 160px; } #item-sg-granite-premium-outdoor h2 { width: 220px; } #item-sg-wired-outdoor h2 { width: 140px; } /********/ /* BODY */ /********/ #body { width: 1000px; margin: 0 auto; padding: 0px; position: relative; z-index: 1; } #body:after { content: '.'; display: block; width: 0px; height: 0px; visibility: hidden; clear: both; } /****************/ /* MAIN CONTENT */ /****************/ #main-content { width: 755px; float: right; padding: 1px 0px 0px 0px; } /* 715px/1000px */ /* PRODUCT DETAIL */ .product-detail {} .product-detail h2 { font-size: 15px; line-height: 18px; margin-bottom: 15px; } .product-detail h2:after { content: '.'; display: block; width: 0px; height: 0px; visibility: hidden; clear: both; } .product-detail h2 span.overlap { float: left; height: 20px; width: 138px; line-height: 20px; overflow: hidden; } .product-detail h2 span span { background-image: url(/img/title-color-variations.png); height: 20px; width: 138px; } .product-detail h2 em { font-size: 11px; color: #BFC2CA; font-style: normal; text-transform: none; } .product-detail .first-part { height: 505px; } /* COLOR VARIATIONS */ #color-variations { padding-bottom: 20px; min-height: 100px; position: relative; } #color-variations img { position: relative; left: -15px; } #color-variations p.bubble { display: inline-block; position: absolute; background-image: url(/img/bubble-bg.png); height: 24px; line-height: 24px; color: #666666; padding: 0px 8px; font-size: 11px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #E7E7E7; cursor: default; } #color-variations-clone { position: relative; } /* COLOR ARROWS */ #color-arrows { position: absolute; top: 370px; left: 212px; } #color-arrows span { display: block; width: 23px; height: 45px; background: url(/img/color-arrow-left.png) no-repeat left top; float: left; margin-right: 19px; cursor: pointer; } #color-arrows span.right { background-image: url(/img/color-arrow-right.png); margin-right: 0px; } /**************************/ /* PRODUCT IMAGES SWAPPER */ /**************************/ #product-images { position: absolute; top: 130px; height: 610px; left: 0px; right: 0px; z-index: 0; } #product-images div { height: 700px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 0; background-repeat: no-repeat; background-position: center top; } #product-images #image-loader { background: url(/img/loader.gif) no-repeat 60% 40%; } /***************/ /* PAGE TITLES */ /***************/ #pt-01 span { background-image: url(/img/pt-01.png); } #pt-02 span { background-image: url(/img/pt-02.png); } #pt-03 span { background-image: url(/img/pt-03.png); } #pt-04 span { background-image: url(/img/pt-04.png); } #pt-05 span { background-image: url(/img/pt-05.png); } #pt-06 span { background-image: url(/img/pt-06.png); } #pt-07 span { background-image: url(/img/pt-07.png); } #pt-08 span { background-image: url(/img/pt-08.png); } #pt-09 span { background-image: url(/img/pt-09.png); } #pt-10 span { background-image: url(/img/pt-10.png); } #pt-11 span { background-image: url(/img/pt-11.png); } #pt-12 span { background-image: url(/img/pt-12.png); } #pt-13 span { background-image: url(/img/pt-13.png); } #pt-14 span { background-image: url(/img/pt-14.png); } #pt-15 span { background-image: url(/img/pt-15.png); } #pt-16 span { background-image: url(/img/pt-16.png); } #pt-17 span { background-image: url(/img/pt-17.png); } #pt-18 span { background-image: url(/img/pt-18.png); } #pt-19 span { background-image: url(/img/pt-19.png); } #pt-20 span { background-image: url(/img/pt-20.png); } #pt-21 span { background-image: url(/img/pt-21.png); } #pt-22 span { background-image: url(/img/pt-22.png); } #pt-23 span { background-image: url(/img/pt-23.png); } #pt-24 span { background-image: url(/img/pt-24.png); } #pt-25 span { background-image: url(/img/pt-25.png); } #pt-26 span { background-image: url(/img/pt-26.png); } #pt-27 span { background-image: url(/img/pt-27.png); } #pt-28 span { background-image: url(/img/pt-28.png); } #pt-29 span { background-image: url(/img/pt-29.png); } #pt-30 span { background-image: url(/img/pt-30.png); } #pt-31 span { background-image: url(/img/pt-31.png); } #pt-32 span { background-image: url(/img/pt-32.png); } #pt-33 span { background-image: url(/img/pt-33.png); } #pt-34 span { background-image: url(/img/pt-34.png); } #pt-35 span { background-image: url(/img/pt-35.png); } #pt-36 span { background-image: url(/img/pt-36.png); } #pt-37 span { background-image: url(/img/pt-37.png); } #pt-38 span { background-image: url(/img/pt-38.png); } #pt-39 span { background-image: url(/img/pt-39.png); } #pt-40 span { background-image: url(/img/pt-40.png); } /****************/ /* PAGE CONTACT */ /****************/ #page-contact { background: url(/img/page-contact-bg.jpg) no-repeat center top; } #page-contact .content { height: 500px; } #page-contact .content address { font-size: 14px; margin-bottom: 31px; line-height: 21px; } #page-contact .content ul { margin-bottom: 46px; } #page-contact .content ul:after { content: '.'; display: block; height: 0px; width: 0px; visibility: hidden; clear: both; } #page-contact .content ul li { list-style: none; padding: 0px; margin: 0px; width: 175px; float: left; } #page-contact .content ul strong { font-size: 14px; display: block; font-weight: normal; line-height: 19px; } /*****************/ /* PAGE ABOUT US */ /*****************/ #page-about-us { background: url(/img/page-about-us-bg.jpg) no-repeat center top; } #page-about-us .content { height: 500px; } #page-about-us .content p { width: 465px; margin-bottom: 1em; } #page-about-us .content p.intro { width: 690px; } /**************/ /* PAGE ORDER */ /**************/ #page-order { background: url(/img/page-order-bg.jpg) no-repeat center top; } #page-order .content { min-height: 500px; } #form-order { width: 410px; } #form-order fieldset { border: none; padding: 0px; margin: 0px; } #form-order p { padding-bottom: 25px; position: relative; } #form-order textarea { width: 390px; height: 62px; padding: 5px; border: 1px solid #CCCCCC; margin-top: 3px; color: #666666; font-size: 14px; } #form-order input[type=text] { border: 1px solid #CCCCCC; padding: 5px 5px; margin-top: 3px; width: 163px; font-size: 14px; color: #666666; } #form-order label[for=form-order-message] { display: block; } #form-order .col1 { width: 226px; float: left; } #form-order .col2 { width: 180px; float: left; } #form-order .col1 label, #form-order .col2 label { display: block; } #form-order .type { line-height: 25px; padding-bottom: 10px; } #form-order .type label { display: block; } #form-order input[type=radio] { position: relative; top: 1px; } #form-order .error input[type=text] { border-color: #CC0000; } #form-order .error-mark { color: #CC0000; font-size: 11px; position: absolute; bottom: 8px; left: 0px; } #form-order div.carpets ul { padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; } #form-order div.carpets ul ul { padding-left: 18px; display: block; } #form-order div.carpets li { list-style: none; font-weight: bold; padding-bottom: 10px; } #form-order div.carpets li li { display: inline-block; font-weight: normal; width: 190px; padding-bottom: 0px; } /********************/ /* PAGE BASIC FATCS */ /********************/ #page-basic-facts {} #page-basic-facts .content { min-height: 500px; width: 935px; padding-right: 35px; } /**************/ /* PAGE LINKS */ /**************/ #page-links {} .links { padding-top: 10px; } .links dt { font-weight: bold; } .links dd { padding-bottom: 15px; } /************/ /* PAGE 404 */ /************/ #page-404 { background: url(/img/page-404-bg.jpg) no-repeat center top; } #page-404 .content { min-height: 505px; } /*******************************************************************/ /* HOMEPAGE */ /*******************************************************************/ #page-homepage {} #page-homepage h1 { font-size: 45px; height: 75px; line-height: 75px; font-weight: normal; letter-spacing: -3px; } #homepage-content { width: 1000px; margin: 0 auto; height: 460px; } #homepage-content h1 { float: right; padding: 0px 10px 0px 0px; width: 550px; margin-bottom: 16px; } #homepage-content h1 span { display: block; height: 75px; width: 100%; position: absolute; top: 0px; right: 0px; background: url(/img/homepage-title.png) no-repeat right top; } #homepage-content p { font-size: 14px; color: #666666; width: 350px; float: right; line-height: 21px; } #slider { font-size: 11px; color: #999999; overflow: hidden; height: 178px; position: relative; margin-bottom: 27px; } #slider .item { width: 275px; height: 170px; float: left; position: relative; } #slider h2 { font-size: 12px; line-height: 18px; height: 18px; position: absolute; top: 120px; left: 177px; white-space: nowrap; z-index: 1; color: #080B2B; } #slider h2 a { text-decoration: none; color: #080B2B; } #slider h2 span { display: block; width: 100%; height: 18px; position: absolute; top: 0px; left: 0px; background: url(/img/hp-slider-titles.png) no-repeat left top; cursor: pointer; } #slider p { position: absolute; top: 137px; left: 177px; line-height: 16px; width: 200px; z-index: 1; } #slider:after { content: '.'; display: block; width: 0px; height: 0px; visibility: hidden; clear: both; } #slider-position { height: 170px; width: 100%; position: absolute; top: 0px; left: 0px; } #scrollbar { background: url(/img/scrollbar.png) no-repeat left top; width: 900px; margin: 0px auto; height: 8px; position: relative; top: 170px; visibility: hidden; } #knob { position: absolute; top: 0px; left: 0px; background-color: #AAAAAA; width: 100px; height: 8px; } #knob span { display: block; width: 3px; height: 8px; overflow: hidden; background: url(/img/knob-bg.png) no-repeat left top; position: absolute; top: 0px; left: -3px; } #knob span.right { right: -3px; left: auto; background-position: 0px -8px; } /* SLIDER TITLES */ /* background-position: 0px -(itemNum-1)*18 */ #st-01 h2 span { background-position: 0px 0px; width: 120px; } #st-02 h2 span { background-position: 0px -18px; width: 140px; } #st-03 h2 span { background-position: 0px -36px; width: 60px; } #st-04 h2 span { background-position: 0px -54px; width: 190px; } #st-05 h2 span { background-position: 0px -72px; width: 140px; } #st-06 h2 span { background-position: 0px -90px; width: 110px; } #st-07 h2 span { background-position: 0px -108px; width: 100px; } #st-08 h2 span { background-position: 0px -126px; width: 80px; } #st-09 h2 span { background-position: 0px -144px; width: 80px; } #st-10 h2 span { background-position: 0px -162px; width: 70px; } /*************/ /* SLIDESHOW */ /*************/ #slideshow { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1;} #slideshow .image { background: url(/img/hp-slideshow-0.jpg) no-repeat center top; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } /* DEBUG */ /*h1 span { opacity: 0.5; }*/ /* #product-categories div { outline: 1px solid black; }*/