html, body, div#wrapper{ height: 100%; margin: 0; } body > div#wrapper { height: auto; min-height: 100%; } strong { font-weight: bold; } div#main form, div#main form fieldset p { font-size: 15px; line-height: 1.3; } div#wrapper { width: 930px; margin: 0 auto; background: url(/sitefiles/35/gfx/contentBackground.png) repeat-y; padding: 0 29px; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale",src="/sitefiles/35/gfx/contentBackground.png"); } div#top { padding-top: 20px; } li.last { margin:0; } div.left { float: left; clear: left; } div.right { float: right; clear: right; } div.infobox1, div.infobox2, div.infobox3 { font-size: 15px; color: #333333; } div.infobox1 h2, div.infobox2 h2, div.infobox3 h2 { font-size: 25px; font-weight: bold; margin: 10px 0; } div.infobox1 p, div.infobox2 p, div.infobox3 p { padding: 10px 0 0; line-height: 1.3; } h1#logo { display: block; float: left; clear: left; width: 160px; height: 100px; margin-left: 10px; } h1#logo a { width: 100%; height: 100%; outline: none; display: block; background: url(/sitefiles/35/rteige-skalert.png) no-repeat; text-indent: -9999px; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale",src="/sitefiles/35/gfx/logo.png"); } div.contactInfobox { float: left; width: 280px; height: 70px; margin-left: 30px; } div.leftColumn { width: 300px; float: left; clear: left; } div.rightColumn { float: right; clear: right; width: 615px; padding: 0 0 0 15px; } div.contactInfobox table { border-spacing: 5px; line-height: 1.4; width: 270px; font-size: 12px; } div.contactInfobox table td { padding-right: 10px; } div.searchContainer { float: right; clear: right; width: 293px; height: 42px; background: url(/sitefiles/35/gfx/searchfield.png) no-repeat; margin-top: 9px; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale",src="/sitefiles/35/gfx/searchfield.png"); } div.searchContainer form { height: 42px; position: relative; width: 293px; } div.searchContainer input#searchField { margin: 10px 0px 0 10px; _margin: 10px 0 0 5px; width: 205px; border: 0; background: none; padding: 3px 2px 0px; height: 20px; display: block; float: left; clear: left; } div.searchContainer input#submitBtn { display: block; float: right; clear: right; margin: 10px 10px 0 0; _margin: 10px 5px 0 0; width: 64px; padding: 2px; cursor: pointer; border: 0; background: none; } div.clearAll { clear: both; margin: 0; padding: 0; } div#top div.topContent { background: url(/sitefiles/35/gfx/headerbg120.png) no-repeat; width: 892px; height: 100px; padding: 10px 18px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } ul#mainMenu { clear: both; width: 933px; height: 50px; margin-top: 2px; } ul#mainMenu li { float: left; width: 152px; height: 50px; display: block; } ul#mainMenu li.columnSeperator { width: 15px; } ul#mainMenu li.menuSeperator { width: 1px; height: 50px; background: url(/sitefiles/35/gfx/menuSeperator.png) no-repeat; float: left; } ul#mainMenu li.last, ul#mainMenu li.last a { width: 147px; } ul#mainMenu li.firstLast, ul#mainMenu li.firstLast a { width: 156px; } ul#mainMenu li a { width: 152px; height: 50px; position: relative; background: url(/sitefiles/35/gfx/menuBtn.png) repeat-x scroll 0 0; display: block; line-height: 50px; text-align: center; text-decoration: none; color: #000000; font-size: 13px; float: left; } ul#mainMenu li a.cat2{ background: url(/sitefiles/35/design/catBlue.png) repeat-x scroll 0 0; } ul#mainMenu li a.cat3{ background: url(/sitefiles/35/design/catYellow.png) repeat-x scroll 0 0; } ul#mainMenu li a.cat4{ background: url(/sitefiles/35/design/catRed.png) repeat-x scroll 0 0; } ul#mainMenu li a:hover { background-position: 0 -50px; } ul#mainMenu li a.active { background-position: 0 -50px; } ul#mainMenu li a.active span.activeMenu { background: url(/sitefiles/35/gfx/activeBtnArrow.png) no-repeat; width: 17px; height: 9px; position: absolute; bottom: 0; left: 50%; margin-left: -8.5px; display: block; overflow: hidden; } div#main { float: left; clear:both; padding: 30px 0; } div#main form, div#main form fieldset { float: left; } div#main.subcat { padding: 0; } ul.categoryBoxes { height: 500px; width: 930px; } ul.categoryBoxes li { width: 300px; height: 500px; display: block; float: left; /* background: #cccccc; */ margin-right: 15px; position: relative; } ul.categoryBoxes li.last { margin: 0; } ul.categoryBoxes li div.catImage { /* height: 140px; width: 100%; background:#cccccc; */ margin:0; padding:0; width:100%; height:102px; border-bottom:solid 1px #FFFFFF; background-color:#FFFFFF; background-repeat:no-repeat; background-position:right bottom; } ul.categoryBoxes li a { height: 80px; width: 100%; display: block; text-indent: 22px; line-height: 80px; text-decoration: none; font-size: 25px; font-weight: bold; color: #ffffff; border-bottom: 1px solid #ffffff; cursor: pointer; } ul.categoryBoxes li a.catTitle { height: 80px; width: 100%; display: block; text-indent: 22px; line-height: 80px; text-decoration: none; font-size: 25px; font-weight: bold; color: #ffffff; /* background: url(/sitefiles/35/gfx/menuOverlay.png) repeat-x; */ border-bottom: 1px solid #ffffff; /* _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale",src="/sitefiles/35/gfx/menuOverlay.png"); cursor: pointer; */ } ul.categoryBoxes li a span.categoryName { /* float: left; clear: left; */ display:block; } ul.categoryBoxes li a span.categoryLogo { float: right; clear: right; height: 80px; line-height: 90px; margin-right: 10px; vertical-align: middle; } ul.categoryBoxes li a span.categoryLogo img { _padding-top: 25px; } ul.categoryBoxes li ul.categoryChildren { padding: 10px 0 0 20px; margin: 0; list-style-type: disc; list-style-position: inside; color: #ffffff; } ul.categoryBoxes li ul.categoryChildren li { width: auto; height: auto; display: list-item; background: none; margin: 0; float: none; clear: both; padding: 5px 0; position: inherit; } ul.categoryBoxes li ul.categoryChildren li a { font-size: 12px; width: auto; height: auto; line-height: 1; display: inline; position: relative; background: none; border: 0; font-size: 15px; font-weight: normal; } ul.categoryBoxes li a.moreInfo { width: 100%; height: auto; text-align: center; display: block; font-size: 15px; font-weight: bold; line-height: 1; position: absolute; bottom: 14px; left: 0; background: none; border: 0; } p.breadcrumb { float: left; color: #666666; font-size: 11px; height: 20px; width: 700px; line-height: 20px; } p.breadcrumb a { text-decoration: none; color: #403f84; margin-right: 3px; } p.breadcrumb span { margin-right: 3px; } div.productListContainer { } .cart{ float: left; width: 230px; } .cart p{ float: right; height: 20px; font-size: 11px; line-height: 20px; vertical-align: middle; } .cart a{ float: right; color: #333333; padding: 0 0 0 15px; height: 20px; font-size: 11px; line-height: 20px; vertical-align: middle; font-weight: bold; } div.productListItem { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 2px solid #cccccc; padding: 10px 20px; } div.productListItem div.left { width: 510px; } div.productListItem div.left div.image { width: 176px; float: left; clear: left; } div.productListItem div.left div.productInformation { float: right; clear: right; width: 316px; } div.productListItem h3 { font-size: 20px; color: #333333; margin: 10px 0; } div.productListItem div.left div.productInformation p { font-size: 15px; line-height: 1.3; color: #333333; height: 139px; overflow: hidden; } div.productListItem div.right { width: 300px; } ul.documentList li { background: url(/sitefiles/35/gfx/documentBackground.png) repeat-x; width: 130px; height: 39px; padding: 0 10px; line-height: 39px; float: left; clear: left; margin: 0 10px 7px 0; display: block; } ul.documentList li.clear { clear: right; float: right; margin: 0 0 7px 0; } ul.documentList li a { text-decoration: none; color: #333333; font-size: 15px; display: block; background: url(/sitefiles/35/gfx/documentIcon.png) no-repeat scroll right 5px; height: 100%; width: 100%; } div.productListItem { margin-bottom: 10px; } div.productListItem div.right { position: relative; width: 310px; min-height: 226px; _height: 226px; } div.productListItem div.right a.requestLink { position: absolute; bottom: 0; right: 0; display: block; background: url(/sitefiles/35/gfx/requestBtnBackground.png) repeat-x; height: 47px; width: 310px; text-decoration: none; font-size: 15px; color: #1a1a1a; } div.productListItem div.right a.requestLink span.text { padding: 8px 0 0 45px; float: left; clear: left; width: 210px; } div.productListItem div.right a.requestLink span.arrow { background: url(/sitefiles/35/gfx/requestBtnArrow.png) no-repeat; display: block; width: 27px; height: 47px; float: right; clear: right; margin-right: 10px; } div.productListItem div.right a.requestLink:hover { background-position: 0 -49px; color: #ffffff; } div.productListItem div.right a.requestLink:hover span.arrow { background-position: 0 -49px; } div.productListItem div.right a.green { display: block; background: #436d3b url(/sitefiles/35/gfx/requestBtnBackground2.png) repeat-x; height: 47px; width: 310px; text-decoration: none; font-size: 15px; color: #fff; } div.productListItem div.right a.green span.arrow { background: url(/sitefiles/35/gfx/requestBtnArrow2.png) no-repeat; display: block; width: 27px; height: 47px; float: right; clear: right; margin-right: 10px; } div.productListItem div.right h3 { padding-left: 10px; } ul.subcatmenu li { height: 84px; width: 300px; margin-bottom: 10px; } ul.subcatmenu li a { color: #565656; display: block; font-size: 25px; font-weight: bold; line-height: 84px; text-decoration: none; height: 84px; width: 260px; padding: 0 20px; background: url(/sitefiles/35/gfx/subcatmenuBackground.png) repeat-x; } ul.subcatmenu li a span.text { float: left; clear: left; } ul.subcatmenu li a span.arrow { background: url(/sitefiles/35/gfx/subcatmenuArrow.png) no-repeat; float: right; clear: right; width: 27px; height: 84px; } ul.subcatmenu li.active a, ul.subcatmenu li a:hover, ul.subcatmenu li a:hover span.arrow, ul.subcatmenu li.active a span.arrow { color: #333333; background-position: 0 -84px; } li.person { background: url(/sitefiles/35/gfx/personBackground.png) no-repeat; height: 121px; width: 398px; padding: 10px; margin-bottom: 10px; } li.person div.right { width: 255px; padding-top: 12px; } li.person div.right p { padding-bottom: 5px; } li.person div.right p.email a { text-decoration: none; color: #333333; } li.person div.right p.email a:hover { text-decoration: underline; } form#form-1430 li { background: #e5e5e5; color: #333333; margin-bottom: 12px; padding: 10px; } form#form-1430 li label { text-align: right; font-size: 25px; font-weight: bold; line-height: 1.3; width:152px; } form#form-1430 li input { height: 28px; border: 1px solid #bfbfbf; width:330px; } form#form-1430 li textarea { height: 180px; width: 342px; border: 1px solid #bfbfbf; width:330px; } form#form-1430 li.form-controls { margin: 0; text-align: right; } form#form-1430 li.error { background: none; height: auto; line-height: 1; padding: 7px 7px 7px; font-size: 15px; color: #FF0000; margin: 10px 0 0px; border-top: 3px solid #e5e5e5; border-left: 3px solid #e5e5e5; border-right: 3px solid #e5e5e5; font-weight: bold; } form#form-1430 li.form-controls input { background: #c2c2c2; width: 325px; height: 50px; text-align: center; color: #ffffff; font-size: 25px; float: right; margin: 0; clear: both; } div.subcatmenuWrapper { padding-bottom: 10px; } div.mainsubcatmenuContainer ul li { float: left; border-right: 1px solid #ffffff; } div.mainsubcatmenuContainer ul { width: 620px; height: 40px; background: #edf4f5; display: block; } div.mainsubcatmenuContainer div.left h2 { display: block; width: 290px; height: 40px; line-height: 40px; background: #edf4f5; color: #666666; font-size: 20px; font-weight: bold; text-align: right; padding-right: 10px; } div.mainsubcatmenuContainer ul li.last { margin: 0; } div.mainsubcatmenuContainer ul li a { display: block; background: #edf4f5; height: 40px; padding: 0 10px; line-height: 40px; text-decoration: none; color: #000000; float: left; } div.mainsubcatmenuContainer ul li a:hover, div.mainsubcatmenuContainer ul li.active a { background: #bdd6d9; } div.currentCategoryHeader { width: 300px; height: 84px; float: left; clear: left; background: #cccccc url(/sitefiles/35/gfx/categoryTitleBackground.png) repeat-x; position: relative; } div.currentCategoryHeader div.categoryTitleOverlay, div.bigSearchOverlay { background: url(/sitefiles/35/gfx/categoryTitleOverlay.png) repeat-x; position: absolute; width: 100%; /*height: 100%;*/ height: 84px; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale",src="/sitefiles/35/gfx/categoryTitleOverlay.png"); } div.currentCategoryHeader h2 { color: #ffffff; font-size: 25px; font-weight: bold; text-indent: 12px; line-height: 84px; float: left; position: absolute; left: 0px; top: 0; z-index: 5; } div.currentCategoryHeader img { float: right; position: absolute; right: 10px; top: 50%; z-index: 5; } div.bigSearchContainer { float: right; clear: right; height: 84px; width: 620px; position: relative; background: #cccccc url(/sitefiles/35/gfx/bigSearchContainer.png) no-repeat; } div.bigSearchContainer form { position: absolute; z-index: 5; top: 6px; left: 9px; width: 604px; } div.bigSearchContainer input#searchInput { display: block; float: left; width: 431px; height: 26px; clear: left; border: none; padding: 19px 10px; background: url(/sitefiles/35/gfx/searchTextField.png) no-repeat; font-size: 19px; font-style: italic; color: #595959; font-weight: bold; margin-top: 4px; position: relative; } div.bigSearchContainer input#submitBtn { float: right; clear: right; width: 149px; height: 72px; cursor: pointer; border: none; background: url(/sitefiles/35/gfx/searchSubmitBtnBig.png) no-repeat; text-indent: -9999px; position: relative; } div.leftDescription { padding: 10px 20px; height: 46px; width: 260px; background: #ebebeb; font-size: 15px; color: #595959; float: left; clear: left; text-align: right; } div.rightDescription { width: 580px; padding: 10px 20px; height: 46px; background: #ebebeb; font-size: 15px; color: #8f8f8f; float: right; clear: right; } div.rightDescription a { color: #8f8f8f; } div.leftDescription a { color: #595959; } div.leftDescription span.leftDescArrow { display: block; float: left; background: url(/sitefiles/35/gfx/leftDescArrow.png) no-repeat; width: 27px; height: 30px; margin: 6px 10px 0 0; } p.searchResult { padding-bottom: 10px; } p.searchResult a.title { font-weight: bold; color: #333333; text-decoration: none; font-size: 20px; } p.searchResult a { color: #333333; } p.searchResult a:hover { color: #333333px; } div#footer { /*position: absolute;*/ clear: both; bottom: 0; /* left: 50%; margin-left: -465px;*/ } div.referenceListContainer { width: 930px; } div.referenceListContainer div.topSeperator { height: 1px; clear: both; margin: 20px 0; width: 100%; background: #cccccc; overflow: hidden; } div.referenceListContainer h3 { font-size: 12px; color: #333333; padding: 5px 0; } div.referenceListContainer ul.referenceList { } div.referenceListContainer ul.referenceList li { float: left; margin-right: 10px; } .addToCart{ float: left; display: block; width: 314px; height: 30px; margin: 0 0 0 20px; padding: 17px 0 0 0; text-align: center; text-decoration: none; background: url(/sitefiles/35/gfx/requestBtnBackground2.png) 0 -47px repeat-x; font-size: 15px; color: #fff; } .checkout{ /* float: left; clear: both; */ width: 920px; margin: 0 0 5px 0; width:930px; } p.errormessage { margin:0; padding:10px 0px 10px 0px; font-weight:bold; color:red; text-align:center; } .checkout .left{ float: left; width: 290px; } .checkout .left h2{ float: left; width: 290px; font-size: 20px; font-weight: bold; line-height: 20px; color: #333; margin: 0 0 16px 0; } .checkout .left p{ float: left; width: 270px; font-size: 12px; line-height: 17px; color: #333; } .checkout .right{ float: left; width: 630px; } .dotted{ border: dotted 1px #333; } .dottedBottom{ border-bottom: dotted 1px #333; } .solid{ border: solid 1px #e5e5e5; } .solidBottom{ border-bottom: solid 1px #e5e5e5; } .cartDetails{ float: left; width: 639px; margin: 20px 0 0 1px; } .cartDetails .item{ float: left; width: 629px; padding: 4px; border-bottom: dotted 1px #333; } .cartDetails .item .image{ float: left; width: 60px; height: 60px; margin: 0 1px 0 0; background: #ccc; } .cartDetails .item .productinfo{ float: left; width: 558px; padding: 0 0 0 10px; } .cartDetails .item .productinfo .cartHeader{ float: left; font-weight: bold; width: 558px; height: 35px; margin: 0; font-size: 12px; font-family: Verdana; color: #333; } .cartDetails .item .productinfo a{ float: right; color: #333; margin: 0 10px 0 0; } .cartDetails .text{ height: 50px; line-height: 50px; vertical-align: middle; text-align: center; border: none; } .contactInfo{ float: left; width: 639px; margin: 20px 0 0 0; } .contactInfo li{ float: left; width: 487px; height: 55px; padding: 0 0 0 33px; margin: 0 0 12px 0; background: #e5e5e5; } .contactInfo li label{ float: left; width: 117px; padding: 0 10px 0 0; height: 55px; font-size: 15px; color: #333; line-height: 55px; vertical-align: middle; text-align: right; } .contactInfo li input{ float: left; width: 338px; height: 27px; font-size: 15px; border: solid 1px #bfbfbf; margin: 8px 0 0 0; padding: 7px 0 0 10px; } .contactInfo li .file{ float: left; width: 338px; height: auto; font-size: 12px; border: solid 1px #bfbfbf; margin: 15px 0 0 0; } .sendBtn{ float: left; margin: 25px 0 25px 477px; } form.kpgenerated{ width: 580px; margin: 0 0 0 20px; } form.kpgenerated fieldset ul li.heading{ line-height: 47px; }