*{ padding: 0; margin: 0; } html, body, .allContent,.centerContent{ height: 100%; } body > .allContent { min-height: 100%; } .allContent > .centerContent{ height: auto; min-height: 100%; } body{ height: 100%; padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; color:#2c2c2c; } .clear{ clear: both; } h1,h2,h3{ font-family:Arial, Helvetica, sans-serif; color:#af9b64; } p{ font-family:Arial, Helvetica, sans-serif; color:#2c2c2c; font-size: 12px; line-height: 18px; margin: 0 0 18px 0; } h2{ font-size: 22px; line-height: 24px; margin: 0 0 21px 0; font-weight: normal; } h3{ font-size: 16px; line-height: 18px; margin: 0 0 15px 0; font-weight: normal; } a{ font-family:Arial, Helvetica, sans-serif; color:#ad9961; } a:hover{ font-family:Arial, Helvetica, sans-serif; color:#000000; } .allContent{ width: 100%; height: 100%; background: #fdfdfc url(/sitefiles/20/design/background.png) center top no-repeat; } .centerContent{ width: 900px; height: 100%; margin: 0 auto; background: #fff url(/sitefiles/20/design/backgroundFading.jpg) 0 126px no-repeat; } .centerContent .top{ position: relative; float: left; width: 900px; height: 126px; background: url(/sitefiles/20/design/topBg.jpg) 0 1px no-repeat; } .centerContent .top .logo{ position: absolute; width: 122px; height: 125px; top: 0; left: -20px; } .centerContent .top .logo a{ float: left; width: 122px; height: 125px; background: url(/sitefiles/20/design/logo.png) 0 10px no-repeat; text-indent: -99999px; text-decoration: none; } .centerContent .content{ float: left; width: 900px; overflow:hidden; } .content .contentLeft{ float: left; width: 155px; padding: 83px 0 0 21px; background: url(/sitefiles/20/design/contentLeftBg.png) left top no-repeat; overflow:hidden; } .content .contentLeft .shop{ width: 176px; } .content .contentRight{ float: left; width: 690px; padding: 10px 10px 0 24px; overflow:hidden; } .centerContent .footer{ float: left; width: 900px; } .menu{ float: left; width: 155px; margin: 0 0 27px 0; } .menu .menuLvl0 a:hover, .menu .menuLvl0 .active{ color: #000; } .menu li{ margin: 0 0 3px 0; } .menu .addSpace{ margin: 0 0 27px 0; } .menu .menuLvl0{ float: left; width: 141px; padding: 0 0 0 14px; background: url(/sitefiles/20/design/harthIcon.png) 1px 7px no-repeat; } .menu .starIconReplace{ background: url(/sitefiles/20/design/starIcon.png) 0 6px no-repeat; } .menu .menuLvl0 a{ font-size: 20px; line-height: 22px; color: #ad9961; text-decoration: none; } .menu .menuLvl0 ul{ float: left; width: 141px; margin: 0 0 11px 0; } .menu .menuLvl0 ul .menuLvl1{ float: left; width: 141px; } .menu .menuLvl0 ul .menuLvl1 a{ font-size: 12px; line-height: 14px; text-decoration: none; } .threeBoxes{ width: 690px; margin: 10px 0 0 0; } .threeBoxes li{ float: left; } .threeBoxes .events{ float: left; width: 230px; height: 180px; text-indent: -99999px; background: url(/sitefiles/20/design/events.png) 0 0 no-repeat; } .threeBoxes .newsBlog{ float: left; width: 230px; height: 180px; text-indent: -99999px; background: url(/sitefiles/20/design/newsBlog.png) 4px 20px no-repeat; } .threeBoxes .gallery{ float: left; width: 230px; height: 180px; text-indent: -99999px; background: url(/sitefiles/20/design/gallery.png) 13px 9px no-repeat; } .seperator{ float: left; font-size: 0; height: 1px; width: 155px; background: url(/sitefiles/20/design/seperator.png) -10px 0 no-repeat; } .cart{ clear: both; margin: 7px 0 15px 0; } .cart, .cart li{ float: left; width: 155px; vertical-align: middel; } .cart li{ height: 21px; line-height: 21px; } .cart .cartHeader{ width: 155px; font-size: 13px; font-weight: bold; color: #ad9961; background: url(/sitefiles/20/design/cartIcon.png) 102px 0 no-repeat; } .cart .cartInfo{ font-size: 12px; font-weight: bold; color: #000; } .cart a{ font-size: 12px; } .searchContainer{ clear: both; margin: 15px 0 15px 0; } .searchContainer, .searchContainer form, .searchContainer ul, .searchContainer li{ float: left; width: 155px; } .searchContainer li{ margin: 0 0 3px 0; } .searchContainer .searchHeader{ font-size: 12px; line-height: 16px; height: 16px; color: #000; } .searchContainer .fattext{ width: 124px; padding: 3px 5px 0 5px; height: 17px; border: 1px solid #abadb3; } .footer{ float: left; margin: 40px 0 0 0; width: 900px; clear: both; background: url(/sitefiles/20/design/footerBorder.png) center top no-repeat; } .footer p{ float: left; width: 900px; padding: 8px 0 26px 0; text-align: center; font-size: 10px; color: #000; } .footer p a, .footer p a:hover{ color: #000; font-size: 10px; text-decoration: none; } .productH2{ width: 690px; margin-top: 71px; } .productList{ float: left; width: 690px; margin: 0 0 35px 0; } .productList li, .productList li a{ float: left; width: 211px; height: 190px; text-decoration: none; } .productList li a .img{ display: block; text-align: center; } .productList li a .title{ display: block; width: 211px; text-align: center; font-size: 14px; color: #5b5030; line-height: 16px; } .productList li a .price{ display: block; width: 211px; height: 16px; text-align: center; font-size: 12px; color: #ad9961; font-weight: bold; line-height: 14px; } .productList .item1{ background: url(/sitefiles/20/design/grid.jpg) 0 19px no-repeat; } .productList .item2{ background: url(/sitefiles/20/design/grid.jpg) 0 19px no-repeat; border-bottom: 1px solid #decdb9; height: 189px; } .productList .item2gradient{ background: url(/sitefiles/20/design/grid.jpg) -211px 5px no-repeat; } .productList .item3{ background: url(/sitefiles/20/design/grid.jpg) -211px 19px no-repeat; } .productList .item4{ background: url(/sitefiles/20/design/grid.jpg) 0 -185px no-repeat; padding: 10px 0 0 0; } .productList .item5{ background: url(/sitefiles/20/design/grid.jpg) 0 -185px no-repeat; padding: 10px 0 0 0; } .productList .item6{ padding: 10px 0 0 0; /*background: url(/sitefiles/20/design/grid.jpg) 0 0 no-repeat;*/ } .centerLink{ float: left; width: 690px; margin: 0 0 45px 0; text-align: center; } .paging{ float: left; width: 690px; margin: 0 0 35px 0; } .paging .currentPage, .paging .navigate{ width: 690px; text-align: center; } .paging .currentPage{ font-size: 12px; font-weight: bold; color: #af9b64; line-height: 14px; margin: 0 0 3px 0; } .paging .navigate, .paging .navigate a{ font-size: 12px; color: #af9b64; line-height: 14px; } .paging .navigate a{ margin: 0 5px 0 0; } .productDetails{ float: left; width: 690px; margin: 45px 0 0 0; } .productDetailsLeft{ float: left; width: 430px; margin: 0 24px 0 0; _margin: 0 12px 0 0; } .productDetailsLeft a{ font-size: 12px; color: #ad9961; } .productDetailsLeft .bigImage{ float: left; width: 430px; height: 310px; text-align: center; } .productDetailsLeft .bigImage a{ float: left; width: 100%; } .productDetailsLeft .leftImage{ float: left; width: 213px; height: 229px; text-align: center; margin: 0 4px 0 0; } .productDetailsLeft .leftImage a{ float: left; width: 100%; } .productDetailsLeft .rightImage{ float: left; width: 213px; height: 229px; text-align: center; } .productDetailsLeft .rightImage a{ float: left; width: 100%; } .productDetailsRight{ float: left; width: 236px; } .productDetailsRight .addToCart{ position: relative; float: left; width: 236px; padding: 12px 0 11px 0; } .productDetailsRight .addToCart li{ float: left; width: 236px; margin: 0 0 10px 0; } .productDetailsRight .addToCart li input{ float: left; width: 36px; font-size: 12px; border: 1px solid #abadb3; text-align: left; } .productDetailsRight .addToCart li label{ float: left; padding: 0 0 0 5px; font-size: 12px; font-weight: bold; height: 17px; line-height: 17px; vertical-align: middel; } .productDetailsRight .addToCart li select{ float: left; } .productDetailsRight .addToCart .buy{ position: absolute; clear: both; top: 7px; left: 135px; width: 60px; height: 56px; margin: none; } .productDetailsRight .addToCart .buy .buyBtn{ float: left; width: 60px; height: 56px; border: none; background: url(/sitefiles/20/design/buy.jpg) 0 0 no-repeat; cursor: pointer; } .tipAfriend{ float: left; width: 236px; font-size: 12px; } .tipAfriend li{ width: 236px; float: left; margin: 0 0 5px 0; } .tipAfriend li label{ width: 236px; float: left; } .tipAfriend li .input{ width: 121px; float: left; font-size: 12px; border: 1px solid #abadb3; } .productDetailsRight h4{ float: left; margin: 33px 0 5px 0; width: 236px; font-size: 12px; font-weight: bold; } .productDetailsRight #message{ margin: 10px 0; } .detailCart{ float: left; width: 690px; font-size: 13px; margin: 0 0 20px 0; } .detailCart .header{ background: #aaaaaa; color: #ffffff; height: 23px; line-height: 23px; } .detailCart li{ float: left; width: 690px; height: 30px; line-height: 30px; vertical-align: middel; color: #000; margin: 0 0 3px 0; background: #f8f6ea; } .detailCart li .name{ float: left; width: 229px; border-right: 1px solid #ffffff; padding: 0 0 0 5px; } .detailCart li .name a{ color: #000000; text-decoration: none; } .detailCart .header .name{ border: none; width: 230px; } .detailCart li .productPrice{ float: left; width: 114px; padding: 0 0 0 5px; border-right: 1px solid #ffffff; } .detailCart .header .productPrice{ border: none; width: 115px; padding: 0 0 0 5px; } .detailCart li .qty{ float: left; width: 135px; padding: 5px 0 0 5px; } .detailCart .header .qty{ padding: 0 0 0 5px; } .detailCart li .qty .count{ float: left; width: 22px; padding: 2px; margin: 0 3px 0 0; border: 1px solid #555555; } .detailCart li .qty .updateBtn{ float: left; height: 20px; border: none; color: #ffffff; padding: 0 2px; background: #555555; cursor: pointer; } .detailCart li .price{ float: left; width: 89px; border-right: 1px solid #ffffff; } .detailCart .header .price{ width: 90px; border: none; } .detailCart li .options{ float: left; width: 100px; padding: 0 0 0 5px; } .detailCart li .options a{ color: #000000; } .detailCart li .info{ float: left; width: 490px; padding: 0 0 0 5px; } #checkout{ float: left; width: 690px; font-size: 13px; } #checkout form{ float: left; width: 680px; padding: 0 0 10px 10px; } #checkout form fieldset, #checkout form fieldset legend, #checkout form fieldset ul, #checkout form fieldset ul li{ float: left; width: 340px; _width: 320px; } #checkout form fieldset ul{ margin: 0 0 20px 0; } #checkout form fieldset ul li{ padding: 0 0 5px 0; } #checkout form fieldset legend{ font-size: 16px; margin: 0 0 10px 0; } #checkout form fieldset ul .no-label{ padding: 0 0 5px 140px; width: 140px; } #checkout form fieldset ul li label{ float: left; width: 140px; } #checkout form fieldset ul li input, #checkout form fieldset ul li textarea{ float: left; width: 160px; padding: 3px; border: 1px solid #555555; } #checkout form fieldset .submit{ float: left; width: 74px; height: 79px; background: url(/sitefiles/20/design/complete.jpg) 0 0 no-repeat; border: 0; cursor: pointer; } .contentRight form{ float: left; font-size: 13px; padding: 0 0 10px 10px; } .contentRight form table{ float: left; width: 340px; } .contentRight table{ padding: 0 0 5px 0; } .contentRight table td{ float: left; width: 160px; padding: 0 0 5px 0; } .contentRight table input, .contentRight table textarea{ float: left; width: 160px; padding: 3px; border: 1px solid #555555; } .contentRight table .fatbutton{ float: left; width: 60px; height: 20px; border: none; color: #ffffff; padding: 0 2px; background: #555555; cursor: pointer; } #change-account-details{ float: left; width: 690px; font-size: 13px; } #change-account-details form{ float: left; width: 680px; padding: 0 0 10px 10px; } #change-account-details form fieldset, #change-account-details form fieldset legend, #change-account-details form fieldset ul, #change-account-details form fieldset ul li{ float: left; width: 340px; } #change-account-details form fieldset ul li{ padding: 0 0 5px 0; } #change-account-details form fieldset legend{ font-size: 16px; margin: 0 0 10px 0; } #change-account-details form fieldset ul .no-label{ padding: 0 0 5px 140px; width: 140px; } #change-account-details form fieldset ul li label{ float: left; width: 140px; } #checkout form fieldset ul li input, #change-account-detailsform fieldset ul li textarea{ float: left; width: 160px; padding: 3px; border: 1px solid #555555; } fieldset ul li .submit{ float: left; width: 60px; height: 20px; border: none; color: #ffffff; padding: 0 2px; background: #555555; cursor: pointer; } .standard{ float: left; width: 680px; } .contentRight .standard .standard{ float: left; } .userLogin{ float: left; width: 155px; font-size: 12px; line-height: 16px; color: #000000; } .userLogin li{ float: left; width: 155px; margin: 0 0 3px 0; } .userLogin li label{ float: left; width: 155px; } .userLogin li .fattext{ width: 124px; padding: 3px 5px 0 5px; height: 17px; border: 1px solid #abadb3; } .userLogin li a{ color: #000000; } #checkout form fieldset ul #longText{ width: 310px; padding: 0 0 0 10px; } #checkout form fieldset ul li #paymentMethodId_dibs{ width: auto; border: none; } #checkout form fieldset ul li #paymentMethodId_invoice{ width: auto; border: none; } .error-message{ color: #ff0000; } .pagingProducts{ float: left; clear: both; width: 690px; margin: 0 0 10px; 0; } .pagingProducts li{ float: left; margin: 0 20px 0 0; } .pagingProducts li a{ float: left; } .pagingProducts .right{ float: right; } .contentLeft .infobox3 p { margin:0; } .contentLeft .infobox3 img { margin:0; padding:0px 10px 10px 0px; float:left; } /*################## Bildelinker ##########*/ .bildeLinker { width:689px; height:487px; position:relative; overflow:hidden; } .bildeLink { position:absolute; }