*{ font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; } form {margin: 0px; padding: 0px; } body { text-align: center; background: #f0f0f0 url("../gfx/Body.Background.png") no-repeat top center; margin: 0; padding: 0;} img{border: none;} a:active { /*width:0; height:0; */outline:0; } a:focus {/*width:0; height:0; */outline:0;} .clear{clear: both; margin: 0px; padding: 0px; height: 1px;} .separator {padding: 5px; height: 10px; } #PageContainer {min-height: 800px; width: 970px; position: relative; top: 0px; right: 0px; margin: 0 auto;} div.dynamicOrderContent{ padding: 19px; } div.ProductInfoSeparator{margin-left: 19px; font-size: 120%; font-weight: bold; color: #0083ae } .isVariant{ display: none; } .Resellerprice { display: none; } .instockDeliveryDate{ display: none; } .MinKontoOrdreDetaljerProduktTabell{ width: 100%; } /** Page Header */ #PageHeader{ height: 87px; position: relative; top: 0px; left: 0px; padding: 0px; margin: 0px; } #Logo { float: left; position: relative; top: 0px; left: 0px; width: 198px; } #SearchContainer{ position: relative; top: 1px; float: right; height: 40px; width: 228px; min-height: 40px; padding-top: 5px; } #SearchContainer img{position: relative; float: left; top: -1px; } #SearchContainer .SearchField{ margin: 0px 5px 0px 5px; height: 30px; min-height: 30px; width: 152px; min-width:152px; position: relative; float: left; background-image: url("../gfx/Search.Background.png"); background-repeat: no-repeat; background-position: top center;} #SearchContainer .SearchField input[type="text"]{position: relative; top: 2px; width: 140px; height: 17px; border: 0px; background-color: #fff; padding-top: 3px; } #SearchContainer button{ height: 28px; width: 29px; position: relative; float: left; border: none; background-image: url("../gfx/button.search.submit.png"); background-repeat: no-repeat; background-position: top left; } #BasketContainer{ position: relative; top: 0px; float: right; height: 87px; width: 253px; min-height: 87px; text-align: left; } #BasketContainer h1{ font-family: trebuchet ms, arial; font-weight: bold; font-size: 12px; } #BasketContainer .Basket{ font-family: Trebuchet MS,Arial; margin: 0; line-height: 35px; height: 37px; min-height: 37px; width: 253px; min-width:253px; position: relative; float: left; background-image: url("../gfx/Basket.Background.png"); background-repeat: no-repeat; background-position: top left;} #BasketContainer .Basket img{margin: 0px 10px 0px 5px; position: relative; top: 3px; left: 5px } #BasketContainer .Basket button{ font-family: Trebuchet MS,Arial; font-weight:bold; margin: 5px; height: 27px; width: 117px; position: relative; float: right; border: none; background-image: url("../gfx/button.basket.tocheckout.png"); background-repeat: no-repeat; background-position: top left; } #BasketContainer .Basket span{color: #0083ae; font-weight: bold; } /** Page Navigation */ #PageNavigation{ height: 43px; width: 100%; position: relative; top: 0px; left: 0px; background: #fff url("../gfx/Page.Topmenu.Background.png") repeat-x top center; margin: 0; padding: 0;} #PageNavigation ul.NavigationMenu { float: left; height: 43px; position: relative; top: 0px; left: 0px; text-align: left; list-style-type: none; padding: 0px; margin: 0px; width: 690px; } #PageNavigation ul.NavigationMenu li { display: inline; margin: -2px; padding: 0px; background-image: url("../gfx/Page.Navigation.Separator.png"); background-repeat: no-repeat; background-position: top left;} #PageNavigation ul.NavigationMenu li a { padding: 13px 20px 14px 20px; line-height: 42px; height: 43px; color: #383838; font-size: 14px; font-weight: bold; text-decoration: none; } #PageNavigation ul.NavigationMenu li a:hover{ color: #fff; background-image: url("../gfx/Page.Topmenu.Background.hover.png"); background-repeat: repeat-x; background-position: top left; } #PageNavigation ul.NavigationMenu li:first-child a:hover{ color: #fff; background-image: url("../gfx/Page.Topmenu.Background.hover.first.png"); background-repeat: no-repeat; background-position: top left; } #ContentLeft { float: left; position: relative; top: 0; left: 0; width: 222px; text-align: left; } #ContentLeft .BoxHeader{ padding-left: 10px; margin-top: 19px; height: 38px; width: 222px; min-height: 38px; position: relative; background-image: url("../gfx/Left.GreyHeader.Background.png"); background-repeat: no-repeat; background-position: top left;} #ContentLeft .BoxHeader h1{ position: relative; float: left; width: 180px; font-size: 14px; font-weight: bold; line-height: 36px; padding: 0px; margin: 0px; } #ContentLeft .BoxHeader img{ position: relative; float: left; top: 5px; } #ContentLeft .BoxHeader img:first-child{ position: relative; float: left; top: 15px; margin-right: 5px; } #ContentLeft .BoxContent{ padding-left: 10px; padding-top: 10px; background-color: #fff; width: 210px; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; min-height: 20px; } #ContentLeft .BoxContent h1{font-family: Trebuchet MS,Arial; font-size: 11px; padding:0px; margin: 0px; } #ContentLeft .BoxContent .LongField{margin: 0px; height: 30px; min-height: 30px; width: 201px; min-width:201px; position: relative; float: left; background-image: url("../gfx/LongTextfield.Background.png"); background-repeat: no-repeat; background-position: top center;} #ContentLeft .BoxContent .LongField select{ padding-left: 5px; margin: 2px 0px 0px 2px; height: 23px; width: 196px; border: 0px; outline: 0px; } #ContentLeft .BoxContent .LongField input[type="password"], #ContentLeft .BoxContent .LongField input[type="text"]{ padding-left: 5px; margin: 2px 5px 0px 2px; height: 22px; width: 191px; border: 0px; outline: 0px; } #ContentLeft .BoxContent .ShortField{margin: 0px; height: 30px; min-height: 30px; width: 98px; min-width:98px; position: relative; float: left; background-image: url("../gfx/ShortTextfield.Background.png"); background-repeat: no-repeat; background-position: top center;} #ContentLeft .BoxContent .ShortField select{ margin: 2px 0px 0px 2px; height: 23px; width: 93px; border: 0px; outline: 0px; } #ContentLeft .BoxContent .leftcolumn{position: relative; float: left; width: 102px; } #ContentLeft .BoxContent .rightcolumn{position: relative; float: left; width: 102px; } #ContentLeft .BoxContent button{ font-family: Trebuchet MS,Arial; font-weight:bold; margin: 10px 10px 10px 0px; height: 27px; width: 58px; position: relative; float: right; border: none; background-image: url("../gfx/Button.ModelSearch.Submit.png"); background-repeat: no-repeat; background-position: top left; } #ContentLeft .BoxFooter{ height: 3px; min-height: 3px; width: 222px; background-image: url("../gfx/Left.Greyfooter.Background.png"); background-repeat: no-repeat; background-position: bottom left;} #ContentLeft .BoxContentGray{ padding: 10px; background-color: #d1d1d1; width: 200px; border-top: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; border-left: 1px solid #b1b1b1; min-height: 20px; } #ContentLeft .BoxFooterGray{ height: 3px; min-height: 3px; width: 222px; background-image: url("../gfx/Left.GreyfooterGray.Background.png"); background-repeat: no-repeat; background-position: left bottom;} #ContentLeft .noPadding{ padding: 0px !important; width: 220px !important; } .collapsable{ cursor: pointer; } #ContentLeft ul.ProductMenu { position: relative; list-style: none; padding: 0px; margin: 0px 0px 20px 0px; width: 222px; } #ContentLeft ul.ProductMenu li { font-family: Tahoma, Arial; font-size: 11px; font-weight: bold; margin: 0px; border-bottom: 1px solid #e7e7e7; line-height: 31px; } #ContentLeft ul.ProductMenu li .active{ color: #fff; background: url("../gfx/productmenu.active.background.png") repeat-x top left; width: 221px; } #ContentLeft ul.ProductMenu li .active span{ color: #fff; } #ContentLeft ul.ProductMenu li a { color: #000; display: block; font-size: 12px; color: #4c4c4c; text-decoration: none; height: 32px; line-height: 32px; } #ContentLeft ul.ProductMenu li a img{ margin-left: 10px; margin-right: 5px; } #ContentLeft ul.ProductMenu li a span { color: #0083ae; } #ContentLeft ul.ProductMenu li ul { background-color: #d1d1d1; border: 1px solid #b1b1b1; width: 219px; position: relative; list-style: none; padding: 0px; margin: 0px; } #ContentLeft ul.ProductMenu li ul li { margin: 0px; border: 0px; } #ContentLeft ul.ProductMenu li ul li a { background: url("../gfx/Productmenu.submenu.icon.png") no-repeat 1px 14px; text-indent: 10px; margin-left: 10px; width: 221px; display: block; font-weight: bold !important; font-size: 14px; color: #5d5d5d; text-decoration: none; line-height: 32px; } #ContentLeft ul.ProductMenu li ul li a.subactive{ background: url("../gfx/Productmenu.submenu.down.icon.png") no-repeat 1px 14px; } #ContentLeft ul.ProductMenu li ul li ul{ border: 0px; background-color: #d1d1d1; width: 219px; position: relative; list-style: none; padding: 0px; margin: 0px; display: none; } #ContentLeft ul.ProductMenu li ul li ul li a { background: none; text-indent: 15px; margin-left: 10px; width: 221px; display: block; font-size: 11px; color: #5d5d5d; text-decoration: none; line-height: 22px; height: 22px; } #ContentLeft .BoxContentGray a{font-family:Trebuchet MS,Arial; font-size: 11px; color: #3c3c3c; line-height: 18px; } /** Pages */ div.Pages{ width: 100%; text-align: right; padding-bottom: 10px; } div.Pages ul{ float: right; height: 20px; position: relative; top: 0px; left: 0px; text-align: left; list-style-type: none; padding: 0px; margin: 5px 18px 0px 0px; } div.Pages ul li { display: inline; margin: 2px; padding: 0px; } div.Pages ul li a { border: 1px solid #e8e7e7; padding: 2px 5px 2px 5px; line-height: 16px; height: 16px; width: 16px; color: #383838; font-size: 12px; font-weight: bold; text-decoration: none; } div.Pages ul li a.active{ background-color: #0083ae; color: #fff; } div.Pages ul li a:hover{ border: 1px solid #0083ae; } /** Footer */ #PageFooter { height: 71px; background: url("../gfx/Footer.Background.png") no-repeat top center; position: relative; top: 0; left: 0; width: 100%; margin: 0; padding: 0; color: #000; } #PageFooterContainer { width: 970px; position: relative; margin: 0 auto; line-height: 70px; } #PageFooterContainer .leftcolumn{position: relative; float: left; } #PageFooterContainer .rightcolumn{position: relative; float: right;} #PageFooterContainer a{color: #000; padding-left: 10px; padding-right: 10px; text-decoration: none; } /* #ContentLeft ul.ProductMenu li ul li a:active { text-indent: 22px; display: block; font-size: 12px; color: #4c4c4c; text-decoration: none; height: 18px; line-height: 18px; } #ContentLeft ul.ProductMenu li ul li a:link { text-indent: 22px; display: block; font-size: 12px; color: #4c4c4c; text-decoration: none; height: 18px; line-height: 18px; } #ContentLeft ul.ProductMenu li ul li a:visited { text-indent: 22px; display: block; font-size: 12px; color: #4c4c4c; text-decoration: none; height: 18px; line-height: 18px; } */ #Content { float: left; position: relative; top: 0; left: 0; width: 735px; text-align: left !important; margin-left: 13px; margin-top: 18px; } #Content .noPadding{ padding: 0px !important; width: 733px !important; } #Content .FlashAdvertisement{} #Content .FullBoxHeader{ padding-left: 10px; margin-top: 10px; height: 38px; width: 735px; min-height: 38px; position: relative; background-image: url("../gfx/Content.Main.Box.Header.background.png"); background-repeat: no-repeat; background-position: top left;} #Content .FullBoxHeader h1{ position: relative; float: left; width: 690px; font-size: 14px; font-weight: bold; line-height: 36px; padding: 0px; margin: 0px; } #Content .FullBoxHeader img{ position: relative; float: left; top: 5px; } #Content .FullBoxContent{ padding-left: 10px; padding-top: 10px; background-color: #fff; width: 723px; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; min-height: 20px; } #Content .FullBoxFooter{ height: 3px; min-height: 3px; width: 735px; background-image: url("../gfx/Content.Main.Box.Footer.background.png"); background-repeat: no-repeat; background-position: bottom left;} #productPrice{ color: #0083ae; } .Product2Column{ } .Product2Column .Product { position: relative; float: left; width: 335px; margin: 19px 0px 19px 19px; } .Product2Column .Product .ProductPicture{ position: relative; float: left; width: 175px; } .Product2Column .Product .ProductPicture .header{ height: 3px; width: 162px; min-height: 3px; position: relative; background-image: url("../gfx/Product2Column.Picture.Header.png"); background-repeat: no-repeat; background-position: top left;} .Product2Column .Product .ProductPicture .footer{ height: 3px; width: 162px; min-height: 3px; position: relative; background-image: url("../gfx/Product2Column.Picture.Footer.png"); background-repeat: no-repeat; background-position: top left;} .Product2Column .Product .ProductPicture .picture{width: 160px; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; min-height: 179px; height: 179px; } .Product2Column .Product .ProductInfo{ position: relative; float: left; width: 160px; } .Product2Column .Product .ProductInfo div.Name{ min-height: 28px; height: 28px; } .Product2Column .Product .ProductInfo div.Name a{ font-family:Arial; font-size: 12px; font-weight: bold; color: #0083ae } .Product2Column .Product .ProductInfo p{ min-height: 90px; height: 90px; } .Product2Column .Product .Price{font-weight: bold; } .Product2Column .Product .Price span{color: #0083ae; } .Product2Column .Product .Price img{ position: relative; top: 3px; margin-right: 5px; } .Product2Column .Product .Buy{ text-align: right; } .zoom-icon{ position: absolute; bottom: 5px; left: 131px; Cursor: pointer } .new-icon{ position: absolute; top: 0px; left: 131px; } .ProductListing{ width: 695px; margin: 19px; } .ProductListing thead tr td{ border-bottom: 1px solid #e8e7e7; font-weight: bold; } .ProductListing thead tr td.buy {text-align: center;} .ProductListing tbody td{ border-bottom: 1px solid #e8e7e7; padding-bottom: 7px; } .ProductListing tbody tr td.picture{ width: 65px; margin: 5px; padding-right: 5px; } .ProductListing tbody tr td h2{ font-size: 18px; font-weight: bold; margin: 0px; } .ProductListing .price{ white-space: nowrap; text-align: right; margin-right: 5px; width: 100px; font-weight: bold; } .ProductListing tbody tr td.price{ font-size: 125% !important; } .ProductListing tbody tr td.price span.blueprice{ color: #0083ae; font-size: inherit; } .ProductListing tbody tr td .endprice{ font-weight: normal; } .ProductListing tbody tr td.buy{ white-space: nowrap; width: 100px; text-align: right; } .ProductListing tbody tr td.buy div input[type="text"]{ border: 1px solid #e8e7e7; padding: 2px; width: 21px; } .ProductListing tbody tr td.buy div input[type="image"]{ position: relative; top: 6px; } .ProductListing tbody tr td.text h1 a{font-family:Arial; font-size: 12px; font-weight: bold; color: #0083ae} .ProductListing tbody tr td.text div{font-weight: bold; } .ProductListing tbody tr td.text img{position: relative; top: 1px; } .ProductListing tbody tr td div.itemnumber{ font-weight: normal; } .Product1Column .Product { position: relative; float: left; width: 695px; margin: 19px; } .Product1Column .Product .ProductPicture{ position: relative; float: left; width: 330px; } .Product1Column .Product .ProductPicture .header{ height: 3px; width: 302px; min-height: 3px; position: relative; background-image: url("../gfx/Product.Productpicture.Header.png"); background-repeat: no-repeat; background-position: top left;} .Product1Column .Product .ProductPicture .footer{ height: 3px; width: 302px; min-height: 3px; position: relative; background-image: url("../gfx/Product.Productpicture.footer.png"); background-repeat: no-repeat; background-position: top left;} .Product1Column .Product .ProductPicture .picture{width: 300px; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; min-height: 289px; height: 289px; } .Product1Column .Product .ProductInfo{ position: relative; float: left; width: 360px; } .Product1Column .Product .ProductInfo a{ font-family:Arial; font-size: 14px; font-weight: bold; color: #0083ae } .Product1Column .Product .ProductInfo p{ min-height: 85px; height: 85px; } .Product1Column .Product .Price{font-weight: bold; font-size: 125%; } .Product1Column .Product .Price span{font-weight: bold; font-size: 125%; } .Product1Column .Product .Price div.endprice{ font-weight: normal; color: #000; font-size: 80%; padding-bottom: 10px; text-indent: 25px; }; .Product1Column .Product .Price span{color: #0083ae; } .Product1Column .Product .Price img{ position: relative; top: 3px; margin-right: 5px; } .Product1Column .Product .Buy{ text-align: right; } .Product1Column .Product .Buy input[type="text"]{ border: 1px solid #e8e7e7; padding: 3px; width: 21px; height: 20px; font-weight: bold; font-size: 14px; } .Product1Column .Product .Buy input[type="image"]{ position: relative; top: 8px; } .Product1Column .Product .ProductPicture .Thumbnails{ position: relative; float: left; width: 67px; margin-left: 11px; margin-top: 10px; } .Product1Column .Product .ProductPicture .Thumbnails:first-child{ margin-left: 0px; } .Product1Column .Product .ProductPicture .Thumbnails .header{ height: 3px; width: 67px; min-height: 3px; position: relative; background-image: url("../gfx/Product.Thumbnail.header.png"); background-repeat: no-repeat; background-position: top left;} .Product1Column .Product .ProductPicture .Thumbnails .footer{ height: 3px; width: 67px; min-height: 3px; position: relative; background-image: url("../gfx/Product.Thumbnail.footer.png"); background-repeat: no-repeat; background-position: top left;} .Product1Column .Product .ProductPicture .Thumbnails .picture{width: 65px; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; min-height: 67px; height: 67px; } .Product1Column .ProductTabContentHeader{ margin-left: 19px; height: 3px; width: 690px; min-height: 3px; position: relative; background-image: url("../gfx/Product.TabContent.Header.png"); background-repeat: no-repeat; background-position: top left;} .Product1Column .ProductTabContentFooter{ margin-left: 19px; height: 3px; width: 690px; min-height: 3px; position: relative; background-image: url("../gfx/Product.TabContent.Footer.png"); background-repeat: no-repeat; background-position: top left;} .Product1Column .ProductTabContent{ padding: 3px 5px 3px 5px; margin-left: 19px; width: 678px; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; min-height: 67px; } #ProductNavigation{ margin-left: 19px; height: 43px; width: 691px; background: #fff url("../gfx/Product.Tabs.Background.png") no-repeat top left; padding: 0;} #ProductNavigation ul.NavigationMenu { float: left; height: 43px; position: relative; top: 0px; left: 0px; text-align: left; list-style-type: none; padding: 0px; margin: 0px; width: 660px; } #ProductNavigation ul.NavigationMenu li { display: inline; margin: -2px; padding: 0px; } #ProductNavigation ul.NavigationMenu li a { padding: 13px 40px 14px 40px; line-height: 42px; height: 43px; color: #383838; font-size: 11px; font-weight: bold; text-decoration: none; background-image: url("../gfx/Product.Tabs.Separator.png"); background-repeat: no-repeat; background-position: top right; } #ProductNavigation ul.NavigationMenu li .active, #ProductNavigation ul.NavigationMenu li a:hover{ color: #fff; background-image: url("../gfx/Page.Topmenu.Background.hover.png"); background-repeat: repeat-x; background-position: top left; } #ProductNavigation ul.NavigationMenu li:first-child .active, #ProductNavigation ul.NavigationMenu li:first-child a:hover{ color: #fff; background-image: url("../gfx/Product.Tabs.Background.hover.first.png"); background-repeat: no-repeat; background-position: 2px 0px; } .errorbox{ padding: 0px; border: 1px solid #CB2026; background-color: #F6CBCA; width: 100%; height: 100%; float: left; margin-bottom: 20px;} .errorbox p{ color: #CB2026; font-size: 11px; padding: 5px; margin: 0px; } .errorbox p:first-child{ font-size: 13px; font-weight: bold; } .errorbox p:first-child img{ position: relative; top: 2px; } .errorbox a{ font-weight: bold; color: #CB2026; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#222;} #colorbox{} #cboxContent{margin-top:32px;} #cboxLoadedContent{background:#000; padding:1px;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;} #cboxClose{display: none; } #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} /* tables */ .initialHide{ display: none; } table.tablesorter { font-family:arial; background-color: #CDCDCD; margin:10px 0pt 15px; font-size: 8pt; width: 100%; text-align: left; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; border: 1px solid #FFF; font-size: 8pt; padding: 4px; padding-right: 20px; } table.tablesorter thead th{ } table.tablesorter thead tr .header { background-image: url("../gfx/bg.gif"); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; } table.tablesorter tbody tr.odd td { background-color:#F0F0F6; } table.tablesorter thead tr .headerSortUp { background-image: url("../gfx/asc.gif"); } table.tablesorter thead tr .headerSortDown { background-image: url("../gfx/desc.gif"); } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; }