/******************************************************************************* * DRYEN - www.dryen.com.au *******************************************************************************/ /* GENERAL *******************************************************************************/ a { color: #dddddd; outline: none; } a:hover { color: #fff; text-decoration: none; } .companyProfile { color: #663422; font-size: 1.1em; } body { background: #d2cfc9; margin: 0 auto; padding: 0; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 70%; position: relative; } /* BRANDING *******************************************************************************/ h1 { margin: 0; margin-left: 5px; display: block; width: 88px; height: 108px; background: transparent url(../images/layout/dryen-logo.gif) no-repeat; } h1 a { display: block; width: 88px; height: 108px; text-decoration: none; text-indent: -9999px; } /* LAYOUT *******************************************************************************/ #bodyWrapper { margin: 0 auto; display: block; width: 830px; position: relative; } #copyContainer { margin-top: 348px; display: block; width: 655px; height: 150px; padding: 5px; padding-top: 0; background: #fff; float: right; } #flashContainer { margin-top: 10px; } #menu, #heroContainer { margin-top: -495px; } #quickInfo { display: block; width: 330px; height: 88px; position: absolute; top: 0; right: 0; } #minorLinks, #contactInfo { display: block; width: 135px; height: 88px; float: left; padding-left: 30px; } #minorLinks { background-color: #aba599; } #contactInfo { background-color: #8f8778; } /* BACKGROUNDS *******************************************************************************/ /* this is to set the two backgrounds on each other */ html,body html { width:100%; height:100%; background: #d2cfc9 url(../images/layout/site-bg/background-nursery.gif); } body { width:100%; height:100%; margin:0; padding:0; background: transparent url(../images/layout/site-bg/background-home-2.gif) no-repeat 50% 0; } /* PAGE ELEMENTS *******************************************************************************/ .off, hr { display: none; } .clear { clear: both; } .left { float: left; } .right { float: right; } /* PAGE ELEMENTS *******************************************************************************/ h2, h3 h4 { font-family: "Times New Roman", Times, serif; text-transform: uppercase; } /* QUICK LINKS *******************************************************************************/ #contactInfo p { margin-bottom: -1em; color: #dddddd; font-size: 1em; } #minorLinks p { margin-top: .7em; margin-bottom: -.7em; } #minorLinks p a { color: #6d634e; font-family: "Times New Roman", Times, serif; font-size: 1.1em; font-weight: bold; text-decoration: none; text-indent: -9999px; background: transparent url(../images/layout/quick-links.gif) no-repeat 0 -10px; display: block; height: 18px; } #minorLinks p a#quickIndex { background-position: 0 -13px; } #minorLinks p a#quickAbout { background-position: 0 -36px; } #minorLinks p a#quickContact { background-position: 0 -58px; } #minorLinks p a#quickBuy { background-position: 0 -80px; } #minorLinks p a#quickIndex:hover { background-position: 0 -112px; } #minorLinks p a#quickAbout:hover { background-position: 0 -135px; } #minorLinks p a#quickContact:hover { background-position: 0 -157px; } #minorLinks p a#quickBuy:hover { background-position: 0 -180px; } #contactInfo span { color: #fff; } #contactInfo a { color: #dddddd; } #contactInfo a:hover { color: #fff; } #contactInfo h2 { margin: 10px 0 0 0; display: block; height: 15px; width: 80px; background: transparent url(../images/layout/title-contact.gif) no-repeat 0 0; text-indent: -9999px; } /* MENU ELEMENTS ******************************************************************************* This is the general style for the menu *******************************************************************************/ #menu { display: block; width: 325px; height: 330px; background: #fff; padding: 5px; } #menu div { display: block; width: 325px; height: 330px; background: #a5dfdf url(../images/layout/menu-background.gif) no-repeat bottom right; } #menu ul { margin: 0; display: block; width: 165px; height: 330px; background: #fff url(../images/layout/menu-babyface.jpg) no-repeat bottom left; list-style: none; padding: 0; position: relative; } #menu ul ul { margin: -25px 0 0 0; display: block; width: 160px; margin-left: 160px; background: none; background: transparent; position: absolute; top: 25px; left: 5px; } #menu ul ul ul { display: block; margin: 55px 0 0 -5px; height: auto; clear: both; } #menu li, #menu li li { margin: 0 0 1px 0; display: block; width: 160px; height: 25px; background: #8f8778; } #menu li li { margin: 0; border-bottom: 1px solid #fff; } #menu li li li { border: 0; background: transparent; height: 19px; } #menu li a { display: block; width: 160px; height: 25px; font-family: "Times New Roman", Times, serif; color: #fff; text-decoration: none; padding: 0; font-weight: bold; text-indent: -9999px; background: transparent url(../images/layout/menu.gif) no-repeat 0 0px; text-decoration: none; } /******************************************************************************* This is to style the links that use images (primary/secondary). *******************************************************************************/ #menu li#menuBedlinen a { background-position: 0 0px; } #menu li#menuTeen a { background-position: 0 -26px; } #menu li#menuKids a { background-position: 0 -52px; } #menu li#menuNursery a { background-position: 0 -78px; } #menu li#menuHomeLiving a { background-position: 0 -104px; } #menu li#menuDwellRange a { background-position: 0 -130px; } #menu li a:hover { background-color: #a5dfdf; color: #526f6f; } #menu li#menuBedlinen a:hover { background-position: 0 -160px; } #menu li#menuTeen a:hover { background-position: 0 -186px; } #menu li#menuKids a:hover { background-position: 0 -212px; } #menu li#menuNursery a:hover { background-position: 0 -238px; } #menu li#menuHomeLiving a:hover { background-position: 0 -264px; } #menu li#menuDwellRange a:hover { background-position: 0 -290px; } #menu li#menuDesignersChoice a { background-position:0 -1144px; } #menu li#menuDesignersChoice a:hover { background-position: 0 -1169px; } #menu li li a { display: block; width: 160px; height: 25px; font-family: "Times New Roman", Times, serif; color: #fff; text-decoration: none; padding: 0; font-weight: bold; text-indent: -9999px; text-decoration: none; } /* Secondary Links Off */ #menu #menuBedlinen li.menuGeneric a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -321px; } #menu #menuBedlinen li.menuLicense a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -346px; } #menu #menuTeen li.menuGeneric a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -432px; } #menu #menuTeen li.menuLicense a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -458px; } #menu #menuKids li.menuGeneric a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -544px; } #menu #menuKids li.menuLicense a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -570px; } #menu #menuNursery li.menuGeneric a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -656px; } #menu #menuNursery li.menuLicense a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -682px; } #menu #menuHomeLiving li.menuFurnishings a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -768px; } #menu #menuDwellRange li.menuFlannelette a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -824px; } #menu #menuDwellRange li.menuBeachTowel a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -850px; } #menu #menuDwellRange li.menuQuilt a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -876px; } #menu #menuDwellRange li.menuNursery a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -902px; } #menu #menuDwellRange li.menuOption5 a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -928px; } #menu #menuDwellRange li.menuOption6 a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -954px; } #menu #menuDesignersChoice li.menuFlannelette a { background: transparent url(../images/layout/menu.gif) no-repeat 0 -1194px; } /* Secondary Links On */ #menu #menuBedlinen li.menuGeneric a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -376px; } #menu #menuBedlinen li.menuLicense a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -402px; } #menu #menuTeen li.menuGeneric a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -488px; } #menu #menuTeen li.menuLicense a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -514px; } #menu #menuKids li.menuGeneric a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -600px; } #menu #menuKids li.menuLicense a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -626px; } #menu #menuNursery li.menuGeneric a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -712px; } #menu #menuNursery li.menuLicense a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -738px; } #menu #menuHomeLiving li.menuFurnishings a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -794px; } #menu #menuDwellRange li.menuFlannelette a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -984px; } #menu #menuDwellRange li.menuBeachTowel a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -1010px; } #menu #menuDwellRange li.menuQuilt a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -1036px; } #menu #menuDwellRange li.menuNursery a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -1062px; } #menu #menuDwellRange li.menuOption5 a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -1088px; } #menu #menuDwellRange li.menuOption6 a:hover { background: transparent url(../images/layout/menu.gif) no-repeat 0 -1114px; } #menu #menuDesignersChoice li.menuFlannelette a:hover { background-position:0 -1219px; } /******************************************************************************* This is to style the tertiary links *******************************************************************************/ #menu #menuBedlinen li.menuGeneric li a, #menu #menuTeen li.menuGeneric li a, #menu #menuKids li.menuGeneric li a, #menu #menuNursery li.menuGeneric li a, #menu #menuBedlinen li.menuLicense li a, #menu #menuTeen li.menuLicense li a, #menu #menuKids li.menuLicense li a, #menu #menuNursery li.menuLicense li a, #menu #menuHomeLiving li.menuFurnishings li a, #menu #menuDwellRange li.menuFlannelette li a, #menu #menuDwellRange li.menuBeachTowel li a, #menu #menuDwellRange li.menuQuilt li a, #menu #menuDwellRange li.menuNursery li a, #menu #menuDwellRange li.menuOption5 li a, #menu #menuDwellRange li.menuOption6 li a, #menu #menuDesignersChoice li li a { background: none; background: transparent; color: #526f6f; font-family: Arial, Helvetica, sans-serif; font-weight: normal; height: 16px; padding: 2px 0 0 13px; text-indent: 0; width: 147px; } #menu #menuBedlinen li.menuGeneric li a:hover, #menu #menuTeen li.menuGeneric li a:hover, #menu #menuKids li.menuGeneric li a:hover, #menu #menuNursery li.menuGeneric li a:hover, #menu #menuBedlinen li.menuLicense li a:hover, #menu #menuTeen li.menuLicense li a:hover, #menu #menuKids li.menuLicense li a:hover, #menu #menuNursery li.menuLicense li a:hover, #menu #menuHomeLiving li.menuFurnishings li a:hover, #menu #menuDwellRange li.menuLicense li a:hover, #menu #menuDwellRange li.menuFlannelette li a:hover, #menu #menuDwellRange li.menuBeachTowel li a:hover, #menu #menuDwellRange li.menuQuilt li a:hover, #menu #menuDwellRange li.menuNursery li a:hover, #menu #menuDwellRange li.menuOption5 li a:hover, #menu #menuDwellRange li.menuOption6 li a:hover { background: #8cbebe; color: #fff; } /* colours the link when off */ #menu #menuBedlinen li.menuGeneric li a, #menu #menuBedlinen li.menuLicense li a { color: #2d414c; } #menu #menuTeen li.menuGeneric li a, #menu #menuTeen li.menuLicense li a { color: #454c58; } #menu #menuKids li.menuGeneric li a, #menu #menuKids li.menuLicense li a { color: #484342; } #menu #menuNursery li.menuGeneric li a, #menu #menuNursery li.menuLicense li a { color: #445151; } #menu #menuHomeLiving li.Furnishings li a { color: #69684a; } #menu #menuDwellRange li.menuFlannelette li a, #menu #menuDwellRange li.menuBeachTowel li a, #menu #menuDwellRange li.menuQuilt li a, #menu #menuDwellRange li.menuNursery li a, #menu #menuDwellRange li.menuOption5 li a, #menu #menuDwellRange li.menuOption6 li a { color: #505050; } /* colours the link when on */ #menu #menuBedlinen li.menuGeneric li a:hover, #menu #menuBedlinen li.menuLicense li a:hover { background-color: #6d90a3; color: #fff; } #menu #menuTeen li.menuGeneric li a:hover, #menu #menuTeen li.menuLicense li a:hover { background-color: #8fa1bd; color: #fff; } #menu #menuKids li.menuGeneric li a:hover, #menu #menuKids li.menuLicense li a:hover { background-color: #a69490; color: #fff; } #menu #menuNursery li.menuGeneric li a:hover, #menu #menuNursery li.menuLicense li a:hover { background-color: #8cbebe; color: #fff; } #menu #menuHomeLiving li.menuFurnishings li a { color: #505050; } #menu #menuHomeLiving li.menuFurnishings li a:hover { background-color: #b0ae7b; color: #fff; } #menu #menuDwellRange li.menuFlannelette li a:hover, #menu #menuDwellRange li.menuBeachTowel li a:hover, #menu #menuDwellRange li.menuQuilt li a:hover, #menu #menuDwellRange li.menuNursery li a:hover, #menu #menuDwellRange li.menuOption5 li a:hover, #menu #menuDwellRange li.menuOption6 li a:hover { background-color: #a0a0a0; color: #505050; } #menu #menuDesignersChoice li.menuFlannelette li a { background:none; color: #505050; } #menu #menuDesignersChoice li.menuFlannelette li a:hover { background:#bdb7a9; } /* margin: 55px 0 0 -5px; */ /* MENU STYLES - PAGE SPECIFIC ******************************************************************************* This is to operate the menu. *******************************************************************************/ /* Hides secondary and tertiary by default */ #menu ul ul, #menu ul ul ul { display: none; } /* Turns on seconday */ #sectBedlinen #menu #menuBedlinen ul, #sectTeen #menu #menuTeen ul, #sectKids #menu #menuKids ul, #sectNursery #menu #menuNursery ul, #sectHomeLiving #menu #menuHomeLiving ul, #sectDwellRange #menu #menuDwellRange ul, #sectDwellRange #menu #menuDwellRange ul, #sectDesignersChoice #menu #menuDesignersChoice ul { display: block; } /* Turns off tertiary */ #sectBedlinen #menu #menuBedlinen ul li.menuGeneric ul.subMenuBedlinen, #sectTeen #menu #menuTeen ul li.menuGeneric ul.subMenuTeen, #sectKids #menu #menuKids ul li.menuGeneric ul.subMenuKids, #sectNursery #menu #menuNursery ul li.menuGeneric ul.subMenuNursery, #sectHomeLiving #menu #menuHomeLiving ul li.menuGeneric ul.subMenuHomeLiving, #sectDwellRange #menu #menuDwellRange ul li.menuGeneric ul.subMenuDwellRange, #sectBedlinen #menu #menuBedlinen ul li.menuLicense ul.subMenuBedlinen, #sectTeen #menu #menuTeen ul li.menuLicense ul.subMenuTeen, #sectKids #menu #menuKids ul li.menuLicense ul.subMenuKids, #sectNursery #menu #menuNursery ul li.menuLicense ul.subMenuNursery, #sectHomeLiving #menu #menuHomeLiving ul li.menuLicense ul.subMenuHomeLiving, #sectDwellRange #menu #menuDwellRange ul li.menuLicense ul.subMenuDwellRange, #sectHomeLiving #menu #menuHomeLiving ul li.menuFurnishings ul.subMenuHomeLiving, #sectDwellRange #menu #menuDwellRange ul li.menuFlannelette ul.subMenuDwellRange, #sectDwellRange #menu #menuDwellRange ul li.menuBeachTowel ul.subMenuDwellRange, #sectDwellRange #menu #menuDwellRange ul li.menuQuilt ul.subMenuDwellRange, #sectDwellRange #menu #menuDwellRange ul li.menuNursery ul.subMenuDwellRange, #sectDwellRange #menu #menuDwellRange ul li.menuOption5 ul.subMenuDwellRange, #sectDwellRange #menu #menuDwellRange ul li.menuOption6 ul.subMenuDwellRange, #sectDesignersChoice #menu #menuDesignersChoice ul li.menuFlannelette ul.subMenuDesignersChoice { display: none; } /* Turns on tertiary */ #sectBedlinen.typeGeneric #menu #menuBedlinen ul li.menuGeneric ul.subMenuBedlinen, #sectTeen.typeGeneric #menu #menuTeen ul li.menuGeneric ul.subMenuTeen, #sectKids.typeGeneric #menu #menuKids ul li.menuGeneric ul.subMenuKids, #sectNursery.typeGeneric #menu #menuNursery ul li.menuGeneric ul.subMenuNursery, #sectHomeLiving.typeGeneric #menu #menuHomeLiving ul li.menuGeneric ul.subMenuHomeLiving, #sectDwellRange.typeGeneric #menu #menuDwellRange ul li.menuGeneric ul.subMenuDwellRange, #sectBedlinen.typeLicense #menu #menuBedlinen ul li.menuLicense ul.subMenuBedlinen, #sectTeen.typeLicense #menu #menuTeen ul li.menuLicense ul.subMenuTeen, #sectKids.typeLicense #menu #menuKids ul li.menuLicense ul.subMenuKids, #sectNursery.typeLicense #menu #menuNursery ul li.menuLicense ul.subMenuNursery, #sectHomeLiving.typeLicense #menu #menuHomeLiving ul li.menuLicense ul.subMenuHomeLiving, #sectDwellRange.typeLicense #menu #menuDwellRange ul li.menuLicense ul.subMenuDwellRange, #sectHomeLiving.typeFurnishings #menu #menuHomeLiving ul li.menuFurnishings ul.subMenuHomeLiving, #sectDwellRange.typeFlannelette #menu #menuDwellRange ul li.menuFlannelette ul.subMenuDwellRange, #sectDwellRange.typeBeachTowel #menu #menuDwellRange ul li.menuBeachTowel ul.subMenuDwellRange, #sectDwellRange.typeQuilt #menu #menuDwellRange ul li.menuQuilt ul.subMenuDwellRange, #sectDwellRange.typeNursery #menu #menuDwellRange ul li.menuNursery ul.subMenuDwellRange, #sectDwellRange.typeOption5 #menu #menuDwellRange ul li.menuOption5 ul.subMenuDwellRange, #sectDwellRange.typeOption6 #menu #menuDwellRange ul li.menuOption6 ul.subMenuDwellRange, #sectDesignersChoice.typeFlannelette #menu #menuDesignersChoice ul li.menuFlannelette ul.subMenuDesignersChoice { display: block; } /* HEROSHOTS *******************************************************************************/ #heroContainer { display: block; width: 490px; height: 330px; padding: 0; float: right; border: 5px solid #fff; border-left: none; } #sectAbout #heroContainer p, #sectContact #heroContainer p, #sectBuy #heroContainer p { font-size: 1.2em; } /* COPY CONTAINER *******************************************************************************/ #copyContainer .left, #copyContainer .right { background: #8cbebe; display: block; width: 330px; height: 150px; } #copyContainer .right { width: 325px; } #copyContainer .right h2 { margin: 0; padding: 12px 0 0 25px; display: block; background: #64a1a1; height: 35px; font-size: 1.4em; display: none; } #copyContainer .left h2 { text-transform: none; margin-bottom: -.5em; } #copyContainer .left { padding: 5px 15px 0 15px; width: 300px; height: 145px; } /* PAGE SPECIFIC COLORINGS AND BACKGROUNDS *******************************************************************************/ /* Bedlinen Linen Page */ #sectBedlinen #menu div { background: #80a9c0 url(../images/layout/menu-background-bedlinen.gif) no-repeat bottom right; } #sectBedlinen #copyContainer .left, #sectBedlinen #copyContainer .right { background-color: #80a9c0; } #sectBedlinen #menu ul ul ul { margin-top: 15px; } #sectBedlinen #menu ul { background: #fff url(../images/layout/menu-bedlinen.jpg) no-repeat bottom left; } #sectBedlinen #menu ul ul, #sectBedlinen #menu ul ul ul { background: none; } body#sectBedlinen { width:100%; height:100%; margin:0; padding:0; background: transparent url(../images/layout/site-bg/background-bedlinen-2.gif) no-repeat 50% 0; } /* Teen Page */ #sectTeen #menu div { background: #a8bdde url(../images/layout/menu-background-teen.gif) no-repeat bottom right; } #sectTeen #copyContainer .left, #sectTeen #copyContainer .right { background-color: #a8bdde; } #sectTeen #menu ul ul ul { margin-top: 45px; } #sectTeen #menu ul { background: #fff url(../images/layout/menu-teen.jpg) no-repeat bottom left; } #sectTeen #menu ul ul, #sectTeen #menu ul ul ul { background: none; } body#sectTeen { width:100%; height:100%; margin:0; padding:0; background: transparent url(../images/layout/site-bg/background-teen-2.gif) no-repeat 50% 0; } /* Kids Page */ #sectKids #menu div { background: #c3aea9 url(../images/layout/menu-background-kids.gif) no-repeat bottom right; } #sectKids #copyContainer .left, #sectKids #copyContainer .right { background-color: #c3aea9; } #sectKids #menu ul ul ul { margin-top: 45px; } #sectKids #menu ul { background: #fff url(../images/layout/menu-kids.jpg) no-repeat bottom left; } #sectKids #menu ul ul, #sectKids #menu ul ul ul { background: none; } body#sectKids { width:100%; height:100%; margin:0; padding:0; background: transparent url(../images/layout/site-bg/background-kids-2.gif) no-repeat 50% 0; } /* Nursery Page */ #sectNursery #menu div { background: #a5dfdf url(../images/layout/menu-background-nursery.gif) no-repeat bottom right; } #sectNursery #copyContainer .left, #sectNursery #copyContainer .right { background-color: #a5dfdf; } #sectNursery #menu ul ul ul { margin-top: 45px; } #sectNursery #menu ul { background: #fff url(../images/layout/menu-nursery.jpg) no-repeat bottom left; } #sectNursery #menu ul ul, #sectNursery #menu ul ul ul { background: none; } body#sectNursery { width:100%; height:100%; margin:0; padding:0; background: transparent url(../images/layout/site-bg/background-nursery-2.gif) no-repeat 50% 0; } /* Home Living Page */ #sectHomeLiving #menu div { background: #cfcc90 url(../images/layout/menu-background-homeliving.gif) no-repeat bottom right; } #sectHomeLiving #copyContainer .left, #sectHomeLiving #copyContainer .right { background-color: #cfcc90; } #sectHomeLiving #menu ul ul ul { margin-top: 15px; } #sectHomeLiving #menu ul { background: #fff url(../images/layout/menu-home-living.jpg) no-repeat bottom left; } #sectHomeLiving #menu ul ul, #sectHomeLiving #menu ul ul ul { background: none; } body#sectHomeLiving { width:100%; height:100%; margin:0; padding:0; background: transparent url(../images/layout/site-bg/background-homeliving-2.gif) no-repeat 50% 0; } /* Dwell Range Page */ #sectDwellRange #menu div { background: #b6b6b6 /* url(../images/layout/menu-background-dwellrange.gif) no-repeat bottom right */; } #sectDwellRange #copyContainer .left, #sectDwellRange #copyContainer .right { background-color: #b6b6b6; } #sectDwellRange #menu ul ul ul { margin-top: 15px; } #sectDwellRange #menu ul { background: #fff url(../images/layout/menu-dwell.jpg) no-repeat bottom left; } #sectDwellRange #menu ul ul, #sectDwellRange #menu ul ul ul { background: none; } body#sectDwellRange { width:100%; height:100%; margin:0; padding:0; background: transparent url(../images/layout/site-bg/background-dwellrange-2.gif) no-repeat 50% 0; } /* =Products - Designer's Choice ------------------------------------------------------------------- */ #sectDesignersChoice #menu div { background: #d9d3c3; } #sectDesignersChoice #copyContainer .left, #sectDesignersChoice #copyContainer .right { background-color: #d9d3c3; color:#505050; } #sectDesignersChoice #menu ul ul ul { margin-top:15px; } #sectDesignersChoice #menu ul { background: #fff url(../images/layout/menu-designerschoice.jpg) no-repeat bottom left; } #sectDesignersChoice #menu ul ul, #sectDesignersChoice #menu ul ul ul { background: none; } #sectDesignersChoice.typeFlannelette #menu div { /* background: #acbbb1 url(../images/layout/dwell-summersalt-logo.gif) no-repeat bottom right; */ } body#sectDesignersChoice { width:100%; height:100%; margin:0; padding:0; background: transparent url(../images/layout/site-bg/background-dwellrange-2.gif) no-repeat 50% 0; } /* About Us Page */ #sectAbout #menu div, #sectContact #menu div, #sectBuy #menu div, #sectHome #menu div { background: #8f8778 url(../images/layout/menu-background-generic.gif) no-repeat bottom right; } #sectAbout #copyContainer .left, #sectAbout #copyContainer .right, #sectContact #copyContainer .left, #sectContact #copyContainer .right, #sectBuy #copyContainer .left, #sectBuy #copyContainer .right { background-color: #8f8778; } #sectAbout #heroContainer, #sectContact #heroContainer, #sectBuy #heroContainer { background-color: #8f8778; padding: 20px; padding-top: 0; width: 450px; height: 310px; } #sectAbout #heroContainer h2, #sectContact #heroContainer h2, #sectBuy #heroContainer h2 { color: #fff; } #sectAbout #menu ul { background: #fff url(../images/layout/menu-bedlinen.jpg) no-repeat bottom left; } #sectAbout #menu ul ul, #sectAbout #menu ul ul ul { background: none; } #sectContact #menu ul { background: #fff url(../images/layout/menu-bedlinen.jpg) no-repeat bottom left; } #sectContact #menu ul ul, #sectContact #menu ul ul ul { background: none; } #sectBuy #menu ul { background: #fff url(../images/layout/menu-bedlinen.jpg) no-repeat bottom left; } #sectBuy #menu ul ul, #sectBuy #menu ul ul ul { background: none; } body#sectAbout, body#sectContact, body#sectBuy { width:100%; height:100%; margin:0; padding:0; background: transparent url(../images/layout/site-bg/background-home-2.gif) no-repeat 50% 0; }