body { color:#959595;} body.homepage {} a { color:#959595; text-decoration:none} ul li { list-style-type:none} #container { width:980px; position:relative; margin:0 auto} #container .arrow-back a { background:transparent url(../images/arrow-back.jpg) scroll no-repeat left top; display:block; height:43px; left:77px; position:absolute; top:335px; width:36px; } #footer {clear:both; background:transparent url(../images/footer.png) no-repeat scroll 3px bottom; height:62px} #container #simulator p#size strong { display:block } #container #simulator div.element-container { height:389px; } #container.pink #simulator p#size { font-weight:bold} #container.pink #simulator p#size strong {display:block; color:#ED1E79} #container.pink #simulator p#size span {font-weight:bold;font-size:16px; color:#ED1E79} #container.orange #simulator p#size { font-weight:bold} #container.orange #simulator p#size strong { color:#F47722} #container.orange #simulator p#size span {font-weight:bold;font-size:16px; color:#F47722} #container.gray #simulator p#size { font-weight:bold} #container.gray #simulator p#size strong { color:#959595} #container.gray #simulator p#size span {font-weight:bold;font-size:16px; color:#636363} /***** colors general *****/ #container h2 span { display:none} #container .tiles-items li { position:relative;overflow: hidden;width: 75px;height: 60px;} #container .tiles-items a.item span { background:transparent url(../images/tiles-item.png) scroll no-repeat left top; display:block; height:55px; left:0; position:absolute; top:0; width:75px; } /************************************* pink *************************************/ #container.pink #header #logo a.novo { display:block; background:transparent url(../images/bath-novo-pink.png) scroll no-repeat;width:281px;height:100px;} #container.pink.hide #header #logo a.novo { width:253px} #container.pink #header #logo a.disney { display:block; background:transparent url(../images/bath-disney-pink.png) scroll no-repeat;width:250px;height:100px;} #container.pink h2.rooms { background:transparent url(../images/rooms-pink.jpg) scroll no-repeat left top; height:16px;} /** tiles **/ #container.pink h2.tiles { background:transparent url(../images/tiles-pink.jpg) scroll no-repeat left top; height:31px;margin:7px 0;} #container.pink div.element-types ul li, #container.pink .pic-general .category { color:#ed1e79} #container.pink h2.clickfortiles a { background:transparent url(../images/click-pink.png) scroll no-repeat left top; height:31px;} #container.pink #block-right .thmb a.active, #container.pink #block-right .thmb a:hover { background:transparent url(../images/room-hover-pink.jpg) scroll no-repeat left top !important} #container.pink .up-down ul li a {background-image:url(../images/arrow-pink.jpg);} /** tiles zoom in**/ #container.pink.zoomin #header #logo a.novo { display:block; background:transparent url(../images/tz-novo-pink.png) scroll no-repeat;width:216px;height:100px;} #container.pink.zoomin #header #logo a.disney { display:block; background:transparent url(../images/tz-disney-pink.png) scroll no-repeat;width:216px;height:100px;} /** item **/ #container.pink ul.item_list { color:#ed1e79; font-weight:bold} #container.pink ul.item_list li {float:left; padding-left:30px;padding-right:15px; margin:0; background:transparent url(../images/separator-ul.jpg) scroll no-repeat left bottom; } #container ul.item_list li#item_detail1 { background:none;padding-left:0;} .value { text-transform:uppercase} #container.pink .tiles-items a:hover.item span, #container.pink .tiles-items a.active.item span { background:transparent url(../images/tiles-item-pink-hover.png) scroll no-repeat left top} #container.pink #header ul#top-item li a { background:transparent url(../images/trend_Contempo_on.png) scroll no-repeat left top;} #container.pink #header ul#top-item li a:hover span,#container.pink #header ul#top-item li a.active span { background:transparent url(../images/trend_pink_hover.png) scroll no-repeat left top;} #container #header ul#top-item li a span { text-indent: -9999px; } #container #header ul#top-item { background: #fff;padding:0 8px;} #container.gray.hide #header ul#top-item {padding:0 28px 0 8px} #container.orange.hide #header ul#top-item {padding:0 36px 0 0px} #container.pink.hide #header ul#top-item {padding:0 36px 0 2px} #container #header ul#top-item li { margin-left:3px; margin-top:4px; } #container h2.clickfortiles a { display: block; } /************************************* orange *************************************/ #container.orange #header #logo a.novo { display:block; background:transparent url(../images/kitchen-novo-orange.png) scroll no-repeat;width:230px;height:100px;} #container.orange #header #logo a.disney { display:block; background:transparent url(../images/kitchen-disney-orange.png) scroll no-repeat;width:281px;height:100px;} #container.orange h2.rooms { background:transparent url(../images/rooms-orange.jpg) scroll no-repeat left top; height:16px;} /** tiles **/ #container.orange h2.tiles { background:transparent url(../images/tiles-orange.jpg) scroll no-repeat left top; height:31px; margin:7px 0} #container.orange div.element-types ul li,#container.orange .pic-general .category { color:#f47722} #container.orange h2.clickfortiles a{ background:transparent url(../images/click-orange.png) scroll no-repeat left top; height:31px;} #container.orange #block-right .thmb a.active, #container.orange #block-right .thmb a:hover { background:transparent url(../images/room-hover-orange.jpg) scroll no-repeat left top !important} #container.orange .up-down ul li a {background-image:url(../images/arrow-orange.jpg);} /** tiles zoom in**/ #container.orange.zoomin #header #logo a.novo { display:block; background:transparent url(../images/tz-novo-orange.png) scroll no-repeat;width:216px;height:100px;} #container.orange.zoomin #header #logo a.disney { display:block; background:transparent url(../images/tz-disney-orange.png) scroll no-repeat;width:216px;height:100px;} /** item **/ #container.orange ul.item_list { color:#f47722; font-weight:bold} #container.orange ul.item_list li {float:left; padding-left:26px; margin:0; background:transparent url(../images/separator-ul.jpg) scroll no-repeat left bottom; } #container.orange .tiles-items a:hover.item span, #container.orange .tiles-items a.active.item span { background:transparent url(../images/tiles-item-orange-hover.png) scroll no-repeat left top} #container.orange #header ul#top-item li a { background:transparent url(../images/trend_Contempo_on.png) scroll no-repeat left top;} #container.orange #header ul#top-item li a:hover span,#container.orange #header ul#top-item li a.active span { background:transparent url(../images/trend_orange_hover.png) scroll no-repeat left top;} /************************************* gray *************************************/ #container.gray #header #logo a.novo { display:block; background:transparent url(../images/living-novo-gray.png) scroll no-repeat;width:281px;height:100px;} #container.gray #header #logo a.disney { display:block; background:transparent url(../images/living-disney-gray.png) scroll no-repeat;width:281px;height:100px;} #container.gray h2.rooms { background:transparent url(../images/rooms-gray.jpg) scroll no-repeat left top; height:16px;} /** tiles **/ #container.gray h2.tiles { background:transparent url(../images/tiles-gray.jpg) scroll no-repeat left top; margin:7px 0; height:31px;} #container.gray div.element-types ul li, #container.gray .pic-general .category { color:#636363} #container.gray h2.clickfortiles a{ background:transparent url(../images/click-gray.png) scroll no-repeat left top; height:31px;} #container.gray #block-right .thmb a.active, #container.gray #block-right .thmb a:hover { background:transparent url(../images/room-hover-gray.jpg) scroll no-repeat left top !important} #container.gray .up-down ul li a {background-image:url(../images/arrow-gray.jpg);} /** tiles zoom in**/ #container.gray.zoomin #header #logo a.novo { display:block; background:transparent url(../images/tz-novo-gray.png) scroll no-repeat;width:216px;height:100px;} #container.gray.zoomin #header #logo a.disney { display:block; background:transparent url(../images/tz-disney-gray.png) scroll no-repeat;width:216px;height:100px;} /** item **/ #container.gray ul.item_list { color:#636363; font-weight:bold} #container.gray ul.item_list li {float:left; padding-left:26px; margin:0; background:transparent url(../images/separator-ul.jpg) scroll no-repeat left bottom; } #container.gray .tiles-items a:hover.item span, #container.gray .tiles-items a.active.item span { background:transparent url(../images/tiles-item-gray-hover.png) scroll no-repeat left top} #container.gray #header ul#top-item li a { background:transparent url(../images/trend_Contempo_on.png) scroll no-repeat left top;} #container.gray #header ul#top-item li a:hover span,#container.gray #header ul#top-item li a.active span { background:transparent url(../images/trend_gray_hover.png) scroll no-repeat left top;} /** general **/ .up-down { clear:both;position:relative;margin-top:15px;} .up-down#item-scroller-1 ul{ position:absolute;left:0px;} .up-down#item-scroller-2 ul { position:absolute;left:118px;} .up-down#item-scroller-3 ul { position:absolute;right:10px;} .up-down ul li {float:left; margin:0 0 0 10px } .up-down ul li a {display:block; background-image:url(../images/arrow-up-down.jpg); background-repeat:no-repeat; width:20px; height:11px;} .up-down ul li.up a { background-position:left top} .up-down ul li.down a { background-position:right top} .category-collection { width:830px; float:right; margin-bottom:20px; background:transparent url(../images/bar-main-top.jpg) scroll no-repeat left top} .category-collection .collection { margin-top:28px;float:left;} .category-collection .back-homepage { float:right;margin-top:28px; margin-right:0} .category-collection .back-homepage a {display:block;background:transparent url(../images/back-to-hp.png) scroll no-repeat left top; width:199px; height:91px;} body.homepage #header,body.index #header { background:transparent url(../images/header.png) scroll no-repeat 0 0; height:168px; margin-bottom:77px} body.homepage #main,body.index #main { margin-bottom:40px;height:270px;} body.homepage #logo,body.index #logo-homepage { width:359px;height:193px; float:left;} div.nav-home { float:right;padding-right:0px;} div.nav-home ul { height:193px;margin-bottom:8px;} div.nav-home ul li { margin:0; float:left; list-style-type:none} div.nav-home ul li a { display:block;} div.nav-home ul li a b { display:none} div.nav-home ul li#bathroom a { background:transparent url(../images/bathroom.png) scroll no-repeat left top; width:198px; height:193px;} div.nav-home ul li#living a { background:transparent url(../images/living.png) scroll no-repeat left top; width:198px; height:193px;} div.nav-home ul li#kitchen a { background:transparent url(../images/kitchen.png) scroll no-repeat left top; width:198px; height:193px;} .click { background:transparent url(../images/arrow.png) scroll no-repeat left center; padding:2px 0 0 19px;clear:left; font-size:22px} body.index #footer { background:transparent url(../images/footer.png) scroll no-repeat 3px bottom; height:220px;} #footer ul {float:left; padding-top:5px} #footer ul li { display:inline; list-style-type:none;margin:0 6px;} #footer ul li.back-to {margin-left:9px;} #footer ul li.separator {margin-left:3px;} #footer ul li.to-the-collection {margin-left:3px;} div.back-to-showroom { float:right; padding-top:4px;margin-right:184px;} /** main-menu **/ body #logo a { display:block; text-indent:-99999px; background:transparent url(../images/logo-menu.jpg) scroll no-repeat left top; width:334px; height:108px;color:red} body #main ul#nav-category li.pink {background:#ed1e79;width:162px; height:157px; margin-right:4px !important} body #main ul#nav-category li.orange {background:#f47722;width:162px; height:157px; margin-right:4px !important} body.myCollections {} body.myCollections #header,body.room #header{ background:transparent url(../images/wrapper.jpg) scroll no-repeat right top;} body.myCollections #logo {} body.myCollections #main { float:right; width:830px;padding-top:10px; background:transparent url(../images/bar-main-top.jpg) scroll no-repeat left top} body.myCollections #main ul#nav-category {float:left;margin:0;} body.myCollections #main ul#nav-category li.gray { background:#e7e7e7;width:162px; height:157px; margin-right:4px} body.myCollections #main ul#nav-category li.black { background:#7d7d7d;width:162px; height:157px; margin-right:4px} body.myCollections #main ul#nav-category li {float:left;margin:0; list-style-type:none}A body.myCollections #main ul#nav-category li a { display:block;width:166px; height:163px;} body.myCollections2 {} body.myCollections2 #header,body.room #header{ background:transparent url(../images/wrapper.jpg) scroll no-repeat right top;} body.myCollections2 #logo {background:transparent url(../images/logo-menu.jpg) scroll no-repeat left top; width:334px; height:108px;} body.myCollections2 #main { float:right; width:830px;padding-top:10px; background:transparent url(../images/bar-main-top.jpg) scroll no-repeat left top} body.myCollections2 #main ul#nav-category {float:left;margin:0;} body.myCollections2 #main ul#nav-category li.gray { background:#e7e7e7;width:162px; height:157px; margin-right:4px} body.myCollections2 #main ul#nav-category li.black { background:#7d7d7d;width:162px; height:157px; margin-right:4px} body.myCollections2 #main ul#nav-category li {float:left;margin:0; list-style-type:none} body.myCollections2 #main ul#nav-category li a { display:block;width:166px; height:163px;} body.myKitchen {} body.myKitchen #header,body.room #header{ background:transparent url(../images/wrapper.jpg) scroll no-repeat right top;} body.myKitchen #logo {background:transparent url(../images/logo-menu.jpg) scroll no-repeat left top; width:334px; height:108px;} body.myKitchen #main { float:right; width:830px;padding-top:10px; background:transparent url(../images/bar-main-top.jpg) scroll no-repeat left top} body.myKitchen #main ul#nav-category {float:left;margin:0;} body.myKitchen #main ul#nav-category li.gray { background:#e7e7e7;width:162px; height:157px; margin-right:4px} body.myKitchen #main ul#nav-category li.black { background:#7d7d7d;width:162px; height:157px; margin-right:4px} body.myKitchen #main ul#nav-category li {float:left;margin:0; list-style-type:none} body.myKitchen #main ul#nav-category li a { display:block;width:166px; height:163px;} body.myBathroom {} body.myBathroom #header,body.room #header{ background:transparent url(../images/wrapper.jpg) scroll no-repeat right top;} body.myBathroom #logo {background:transparent url(../images/logo-menu.jpg) scroll no-repeat left top; width:334px; height:108px;} body.myBathroom #main { float:right; width:830px;padding-top:10px; background:transparent url(../images/bar-main-top.jpg) scroll no-repeat left top} body.myBathroom #main ul#nav-category {float:left;margin:0;} body.myBathroom #main ul#nav-category li.gray { background:#e7e7e7;width:162px; height:157px; margin-right:4px} body.myBathroom #main ul#nav-category li.black { background:#7d7d7d;width:162px; height:157px; margin-right:4px} body.myBathroom #main ul#nav-category li {float:left;margin:0; list-style-type:none} body.myBathroom #main ul#nav-category li a { display:block;width:166px; height:163px;} body.myLivingRoom {} body.myLivingRoom #header,body.room #header{ background:transparent url(../images/wrapper.jpg) scroll no-repeat right top;} body.myLivingRoom #logo {background:transparent url(../images/logo-menu.jpg) scroll no-repeat left top; width:334px; height:108px;} body.myLivingRoom #main { float:right; width:830px;padding-top:10px; background:transparent url(../images/bar-main-top.jpg) scroll no-repeat left top} body.myLivingRoom #main ul#nav-category {float:left;margin:0;} body.myLivingRoom #main ul#nav-category li.gray { background:#e7e7e7;width:162px; height:157px; margin-right:4px} body.myLivingRoom #main ul#nav-category li.black { background:#7d7d7d;width:162px; height:157px; margin-right:4px} body.myLivingRoom #main ul#nav-category li {float:left;margin:0; list-style-type:none} body.myLivingRoom #main ul#nav-category li a { display:block;width:166px; height:163px;} /** category-item **/ body.room {} body.room #header #logo { float:left} body.room #header ul#top-item { float:left;margin-top:20px;} body.room #header ul#top-item li img { background-color:#fff;padding-right:10px;} body.room #header ul#top-item li { position:relative; float:left} body.room #header ul#top-item li { position:relative; } body.room #header ul#top-item li a span{ position:absolute; left:0; top:0; width:76px; height:70px } body.room #header ul#top-item li a { display:block; width:76px; height:70px} body.room #main .pic-general { float:left; background:transparent url(../images/bg-pic.jpg) scroll no-repeat left top;margin-top:27px;padding:35px 0 14px; width:640px} body.room #container.hide #main .pic-general {padding:8px 0 14px;} body.room #main .pic-general .category { font-size:40px; margin:0; } body.room #main #block-right { float:left;margin:26px 0 0 25px; width:315px;} body.room #main #block-right .thmb { float:left; } body.room #main #block-right .thmb a { background:transparent url(../images/bg-room.jpg) scroll no-repeat left top; display:block; padding:2px 7px 5px 2px;} body.room #main #block-right .thmb a:hover, body.room #main #block-right .thmb a.active {background:transparent url(../images/bg-room-hover.jpg) scroll no-repeat left top;} body.room #main #block-right .click { font-size:14px; background:transparent url(../images/arrow-small.png) scroll no-repeat left center;margin:17px 0; padding:0 0 0 17px} body.room #main #block-right .click-bottom { background:transparent url(../images/arrow-small.png) scroll no-repeat left center;font-size:14px;margin:39px 0 26px;padding:0 0 0 15px;} body.room .tiles-items { background:transparent url(../images/bg-tiles.jpg) scroll 15px top;height:243px;margin-top:12px; } body.room .tiles-items div.tiles-container { float:left;position:relative; margin-bottom:0;height: 235px ;overflow: hidden; } body.room .tiles-items li { margin:0 45px 0 0} body.room .tiles-items ul.last li { margin:0} body.room #footer { background:transparent url(../images/footer-category-item.jpg) scroll no-repeat 0 0;height:86px;} body.room #footer ul { padding-top:5px} body.room #container.hide #footer ul { padding-top:3px} #simulator { width:638px; height: 468px; position: relative; margin: 0; padding: 0; } #container.hide #simulator { height:490px} #simulator .element { position: absolute; left: 0; top: 0; width: 638px; height: 482px; } div.element-types ul { margin: 0 0 0 4px; padding: 0; } div.element-types ul li { margin: 0; padding: 0; width: 74px; margin:0 44px 0 0; float: left; text-align: left; font-weight:bold; } div.element-types ul li.last { margin:0} #container.hide { /*display: none;*/ } #loading { width: 100%; height: 100%; background: #ddd; opacity: 0.8; text-align: center; padding-top: 200px; } #loading #load { width: 350px; background: #fff; border: 1px solid #ccc; margin: 0 auto; } #loading #load h1{ font-size: 17px; font-weight: 100; padding-top: 20px; } html,body { height: 100%; width: 100%; } #novoimagine-logo img { background-color:#fff; padding-right:51px; position:absolute; right:1px; z-index:1000 }