/* Zlixx of Scandinavia http://www.zlixx.no */ @import url("highslide.css"); * { margin:0;padding:0; } body { background: #000 url("../gfx/bgbody.jpg") repeat-x center top; font-family:trebuchet ms,arial,helvetica,sans-serif; font-size:0.8em; color:white; padding-bottom: 20px; } a:link, a:active, a:visited { color:#9fd0fe; text-decoration:none; } a:hover { color:#fff; text-decoration:underline; } h2 { font-family:georgia,times new roman,times,serif; font-size:1.6em; margin-bottom:12px; text-transform:uppercase; color:#9fd0fe; } h2.contents-header { text-transform: none; color: white; margin-bottom: 0px; } h3 { font-family:georgia,times new roman,times,serif; font-size:1.4em; margin-bottom: 8px; padding-top: 5px; } h4 { font-family:georgia,times new roman,times,serif; font-size:1.2em; margin-bottom: 10px; } h5 { font-family:georgia,times new roman,times,serif; font-size:1em; } a img, img { border: none; } /* Form styling */ form { float: left; padding: 0 0 0 20px; width:90%; } fieldset { border: none; } form p { padding: 5px 0 15px 0; } form label { display: block; } form input { width: auto; } form textarea { height: 125px; overflow:auto; } form fieldset input.text{ height: 20px; margin-bottom: 5px; } input:focus, textarea:focus { border-color: #9fd0fe; border-style: ridged; position: relative; } button, a.button, input.button, button:visited, a.button:visited, input.button:visited, button:active, a.button:active, input.button:active { color: #08233e; font-size: 1.1em; font-weight:bold; padding: 1px 15px; background: #78bdfe url(../gfx/btn-overlay.png) repeat-x center; border: 1px solid #78bdfe; -moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px; border-bottom:1px solid #9f9f9f; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); cursor: pointer; float: left; } button:hover, a.button:hover, input.button:hover { background-color:rgba(120,189,254, 0.8); text-decoration: none; color: #000000; } /* List styling */ ul { list-style:none; } .bullet { list-style-type: circle; } #page-wrap { float: center; width: 990px; margin: 0 auto; } #main-content { float: left; width: 100%; margin: 0 0 10px 0; } #top-content { float: left; padding: 10px 10px 10px 20px; } #center-content { float: left; width: 100%; margin: 0 0 0 0; padding-bottom: 20px; } #left-content { float: left; padding: 0 0 10px 20px; } #right-content { float: right; padding: 0 10px 10px 0; } #bottom-content { float: left; width: 100%; margin: 0 0 0 0; } #button-row { float: left; width: 100%; padding-bottom: 10px; margin-top: 10px; } #button-row li { float: left; height: 15px; padding-right: 20px; } #button-row li.next { float: right; } #button-row li a.button { color: #000000; } .width-60 { width: 60%; } .width-55 { width: 55%; } .width-auto { width: auto%; } .width-36 { width: 36%; } .width-35 { width: 35%; } .width-40 { width: 40%; } .width-100 { width: 100%; } .width-90 { width: 90%; } .width-75 { width: 75%; } /* background: rgba(46,44,45,0.74); rgb(46,44,45);*/ .solid-box { background: rgba(55,55,55,0.95); rgb(55,55,55); -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; overflow: hidden; } .fade-box { background: -moz-linear-gradient(center bottom, rgb(43,43,43) 23%, rgb(112, 111, 112) 91%); -webkit-gradient(linear, left bottom, left top, color-stop(0.23, rgb(43,43,43)), color-stop(0.91, rgb(112,111,112))); -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; overflow: hidden; } .bottom-box { background: rgba(46,44,45,0.74); rgb(46,44,45); -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomleft: 10px; border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottomright: 10px; border-radius-bottomright: 10px; overflow: hidden; } .image-box { background: rgba(255,255,255,1.00); rgb(255,255,255); -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 3px solid #9fd0fe; overflow: hidden; } .image-box-text { position: relative; top: 90%; left: 0px; width: 100%; background: rgba(46,44,45,0.84); rgb(46,44,45); color: white; text-indent: 5px; } .left { float: left; } .right { float: right; } .intro { font-size: 1.2em; } .clearfix { clear: both; height: 0; line-height: 0; font-size: 0; } .line { margin: 10px 20px 5px 20px; border: 1px solid #C0C0C0; } .line-full { margin: 10px 0px 5px 0px; border: 1px solid #C0C0C0; } p.v-line { border-left: 1px solid #C0C0C0; } .next { margin-right: 20px; } .previous { padding-left: 20px; } .hide {display: none;} .show {display: block;} /* Start Header ----------------------------------------------------------------------------------------------*/ #top-bar { width: 990px; padding: 10px 0px 10px 0px; } #top-bar #language { float: left; padding: 3px 0 0 20px; } #top-bar #language li { float:left; display:inline; margin:0 10px 0 0; } #top-bar #language li a { display:block; text-indent:-6000px; width:16px; height:11px; font-size:1px; } #top-bar #language li.no a { background:url("../gfx/lang_no.gif"); } #top-bar #language li.se a { background:url("../gfx/lang_se.gif"); } #top-bar #language li.dk a { background:url("../gfx/lang_dk.gif"); } #top-bar #language li.en a { background:url("../gfx/lang_en.gif"); } #top-bar #customer { float:left; width:430px; } #top-bar #customer li { margin:0 20px 0 0; display:inline; font-size:0.9em; } #top-bar #cart { float:right; width:340px; padding: 0 20px 0 0; text-align:right; } #top-bar #cart li { display: inline; margin:0 0 0 20px; font-size:0.9em; } #top-bar #cart li a { float: right; } #top-bar #cart li.cart-contents a { background:url("../gfx/cart.gif") no-repeat top left; text-indent: 25px; } #top-bar #cart li.payment-options a { background:url("../gfx/cards.gif") no-repeat top left; width:51px; height:14px; font-size:1px; margin-left: 10px; } #header h1 { float:left; text-indent:-6000px; padding: 20px 20px 20px 20px;} #header h1 a { width:250px; height:82px; display:block; background:url("../gfx/logo.png") no-repeat; } #header .tagline { width:526px; font-family:georgia,times new roman,times,serif; font-size:1.4em; color:#c0c0c0; padding-top:30px; } /* End Header ----------------------------------------------------------------------------------------------*/ /* Start Navigation ----------------------------------------------------------------------------------------------*/ #navigation { float: left; height:32px; margin: 10px 0 0 20px; background:url("../gfx/tabs.jpg") no-repeat top left; width: 100%; } #navigation li { display:block; float:left; /*width: 10em;*/ /* width needed or else Opera goes nuts */} #navigation li a { height:32px; line-height:32px; display:block; text-align:center; width:123px; margin-left:5px; } #navigation li.tab1 a { margin:0; } #navigation li.tab1 a:hover { background:url("../gfx/tabs.jpg") no-repeat center left; } #navigation li.tab1 a.active, #navigation li.tab1 a.active:hover { background:url("../gfx/tabs.jpg") no-repeat bottom left; } #navigation li.tab2 a:hover, #navigation li.tab2 a.active:hover { background:url("../gfx/tabs.jpg") no-repeat -128px -32px; } #navigation li.tab2 a.active { background:url("../gfx/tabs.jpg") no-repeat -128px -64px; } #navigation li.tab3 a:hover { background:url("../gfx/tabs.jpg") no-repeat -256px -32px; } #navigation li.tab3 a.active, #navigation li.tab3 a.active:hover { background:url("../gfx/tabs.jpg") no-repeat -256px -64px; } #navigation li.tab4 a:hover { background:url("../gfx/tabs.jpg") no-repeat -384px -32px; } #navigation li.tab4 a.active, #navigation li.tab4 a.active:hover { background:url("../gfx/tabs.jpg") no-repeat -384px -64px; } #navigation li.tab5 a:hover { background:url("../gfx/tabs.jpg") no-repeat -512px -32px; } #navigation li.tab5 a.active, #navigation li.tab5 a.active:hover { background:url("../gfx/tabs.jpg") no-repeat -512px -64px; } #navigation li.tab6 a:hover { background:url("../gfx/tabs.jpg") no-repeat -640px -32px; } #navigation li.tab6 a.active, #navigation li.tab6 a.active:hover { background:url("../gfx/tabs.jpg") no-repeat -640px -64px; } #navigation li.tab7 a:hover { background:url("../gfx/tabs.jpg") no-repeat -768px -32px; } #navigation li.tab7 a.active, #navigation li.tab7 a.active:hover { background:url("../gfx/tabs.jpg") no-repeat -768px -64px; } .submenu { width: 128px; background: #3F3F3F !important; padding: 0 0 0 0; margin: 0 0 0 2px; } #navigation #drop li a:hover { background: #101010 !important; text-align: left; margin: 0 0 0 0; padding: 0 0 0 10px; width: 118px; } #navigation #drop li a { background: #101010 !important; text-align: left; margin: 0 0 0 0; padding: 0 0 0 10px; width: 118px; } #navigation, #navigation ul { /* all lists */ list-style: none; line-height: 1; } #navigation a { display: block; width: 10em; } #navigation li ul { /* second-level lists */ position: absolute; width: 10em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #navigation li ul ul { /* third-and-above-level lists */ margin: -2.5em 0 0 10em; } #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul { left: -999em; } #navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } #breadcrumb { height:2.0em; } #breadcrumb li { float: left; display:inline; } #breadcrumb li a { display:block; text-align:left; margin-right:10px; } /* End Navigation ----------------------------------------------------------------------------------------------*/ /* Start Footer ----------------------------------------------------------------------------------------------*/ #footer { float: left; width: 990px; margin-top: 5px; } #pages { padding: 0 0 10px 0px; margin-bottom: 10px; } #pages ul { float: left; width: 220px; line-height: 1.4em; padding: 0 0 0 20px; text-align: left; margin-top: 10px; } #pages ul li a { margin-left: 10px; } #partners-bar { margin-left: 120px; } #partners-bar li { float: left; margin: 7px 20px 10px 0; } #partners-bar #verisign { margin-top: 0px; } #partners-bar li a { opacity:0.4; filter:alpha(opacity=40); } #partners-bar li a:hover { opacity:0.9; filter:alpha(opacity=90); } #signature { float: left; width:100%; padding: 0 0 20px 0; text-align:center;} /* End Footer ----------------------------------------------------------------------------------------------*/ /* Start Home - General ----------------------------------------------------------------------------------------------*/ #services { clear:both; float: left; margin: 20px 0 0 0; padding-bottom: 10px; } #services li ul { float: left; width:55%; line-height: 1.3em; margin: 5px 0 5px 0; padding: 0 0 0 25px; font-family:georgia,times new roman,times,serif; font-size:1.1em; letter-spacing:1px; } #services li a { float: left; width: 65%; } #services li h2 { padding: 10px 0 0 0; } #services li h4 { float: left; padding: 15px 0 0 10px; } .box-size-3 { float: left; width: 296px; margin: 0 20px 0 0; padding: 0 0 10px 20px; } .last { margin-right: 0px; padding-right: 0px; } #services img.icon { float: left; padding-right: 5px; } #services p.text { float: left; margin-top: 10px; width: 92%; padding: 0 0 0 10px; font-size: 1.1em; } #services p.text a { width: auto; float: none; } /* End Home - General ----------------------------------------------------------------------------------------------*/ /* Start Home - Contact ----------------------------------------------------------------------------------------------*/ .contact-us-img { float: left; padding-top: 10px; } #map { float: left; width: 350px; height: 200px; margin: 10px 0 0 0; } #list { float: left; width: 100%; list-style: none; padding: 5px 0 0 0; } #list li { padding: 1px; display: block; float: left; margin-right: 20px; color: #9fd0fe; } #list li:hover { color: #fff; cursor: pointer; cursor: hand; } #contact { float: left; width: auto; } /* End Home - Contact ----------------------------------------------------------------------------------------------*/ /* Start Profile - General ----------------------------------------------------------------------------------------------*/ .box-size-270 { float: left; width: 270px; height: 180px; margin: 15px 20px 0 0; padding: 0 0 0 0; } .profile-showcase-img-1 { background: #000 url("../gfx/profile-showcase-1.jpg") no-repeat center top; } .profile-showcase-img-2 { background: #000 url("../gfx/profile-showcase-2.jpg") no-repeat center top; } .profile-showcase-img-3 { background: #000 url("../gfx/profile-showcase-3.jpg") no-repeat center top; } .profile-showcase-img-4 { background: #000 url("../gfx/profile-showcase-4.jpg") no-repeat center top; } .testemonials { margin-top: 15px; float: left; padding: 5px 12px 10px 12px; } .quote { font-size: 1.1em; float: left; padding: 5px; } .quote img { float: right; padding: 0 0 0 5px;; } #contact-bar { float: left; width: 100%; padding: 10px 0 5px 0; } #contact-bar h4 { float: left; width: 80%; text-indent: 20px; margin-bottom: 2px; } #contact-bar p { float: left; width: 80%; text-indent: 20px; font-size: 1.1em; } #contact-bar button { float: right; margin: 0 20px 0 0; padding-top: 5px; padding-bottom : 5px; } /* End Profile - General ----------------------------------------------------------------------------------------------*/ /* Start Webshop - Home ----------------------------------------------------------------------------------------------*/ .frontpage-banner { float:left; border: 1px solid #272727; font-size:0.9em; margin-bottom:10px; width:100%; margin-top: 20px; } .frontpage-product { float:left; border-bottom:1px solid #272727; font-size:0.9em; margin-bottom:10px; width:50%; padding-top: 5px; } .frontpage-product img { float:left; margin:0 20px 10px 0; } .frontpage-product .price em { font-size:1.3em; font-weight:bold; font-style:normal; } .frontpage-product .price { margin-bottom: 5px; } .frontpage-product .buy { float:left; padding:4px 15px; } .frontpage-product h2 { font-size: 1.4em; text-transform: none; } #mostsold h3 { padding-bottom: 4px; font-weight: normal; } #mostsold ul li { display:inline; } #mostsold ul li a { font-size:1.2em; font-weight:bold; display:block; float:left; width:106px; margin-right:8px; } #mostsold ul li.last a { margin-right:0; margin-left: 0px; } #specialoffer ul li { display:inline; } #specialoffer ul li a { font-size:1.2em; font-weight:bold; display:block; float:left; width:106px; margin-right:10px; } #specialoffer ul li.last a { margin-right:0; } #freight { margin: 0; margin-top: 15px; } #news { margin :20px 0 10px 0; border: 1px solid #272727; } /* End Webshop - Home ----------------------------------------------------------------------------------------------*/ /* Start Webshop - Product List ----------------------------------------------------------------------------------------------*/ .children-product-type { float:left; border-bottom:1px solid #272727; font-size:0.9em; margin-bottom:10px; width:50%; padding-bottom: 10px; } .children-product-type img { float:left; margin:0 20px 10px 0; } .children-product-type h2 { text-transform: none; font-size: 1.4em; } #products { float: left; padding: 0 0 0 20px; } #products li { display:block; width:145px; float:left; padding:10px 0 5px 0; margin:0 15px 0px 0; background: rgba(65,65,65,0.95); rgb(65,65,65); -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; overflow: hidden; } #products li.last { margin:0 0 15px 0; } #products li a img { margin: 0 10px 0 10px; } #products li p { padding-left: 10px; } #products li p.price { float: left; font-size:1.3em; font-weight:bold; } #products li a.button { float: left; margin: 0 0 0 15px; } /* End Webshop - Product List ----------------------------------------------------------------------------------------------*/ /* Start Webshop - Product Details ----------------------------------------------------------------------------------------------*/ #product-picture-main { float: left; display: inline; width: 380px; height: 380px; border: 1px solid black;} #product-pictures { float: right; display: inline; width: 120px; margin-right: 20px; } #product-pictures li { float: left; margin: 0 0 7px 0; border: 1px solid black; } #product-pictures li img{ float: left; } #product h2 { text-transform: none; color: white; } #product .number { font-style:italic; color:#515151; color:#c0c0c0; margin-bottom: 5px; } #product .description { float: left; height: 195px; padding-bottom: 10px; } #product .fb-share { float: left; width: 100%; margin-bottom: 10px; } #product .buy { float:left; width:200px; padding:10px 0 10px 10px; margin:0 0 5px 0; background:#515151; } #product .buy .button { margin:0 10px 0 0; float: right; } #product .buy p em { font-size:1.3em; font-weight:bold; font-style:normal; margin: 0 0 0 10px; } /* End Webshop - Product Details ----------------------------------------------------------------------------------------------*/ /* Start Webshop - Cart Checkout ----------------------------------------------------------------------------------------------*/ #cart-contents-checkout { float: left; width:75%; margin: 30px 0 20px 20px; font-weight:bold; text-align:left; font-size:1.2em; } #cart-contents-checkout tr th.price { text-align: center; } #cart-contents-checkout tr.cart-item-product { height: 70px; } #cart-contents-checkout tr.cart-item-product td.image { padding-right: 10px; width: 10%; } #cart-contents-checkout tr.cart-item-product td.description { vertical-align: top; width: 65%; } #cart-contents-checkout tr.cart-item-product td.quantity {width: 10%;} #cart-contents-checkout tr.cart-item-product td.price {width: 10%; text-align: right; } #cart-contents-checkout tr.cart-item-product td p.details { font-size:0.8em; } #cart-contents-checkout tr.cart-item-discount { height: 30px; } #cart-contents-checkout tr.cart-item-discount td.quantity { text-indent:12px; } #cart-contents-checkout tr.cart-item-discount td.price { width: 10%; text-align: right; } #cart-contents-checkout tr.cart-total { height: 40px; vertical-align: bottom; } #cart-contents-checkout tr.cart-total td.price { text-align: right; } #discount { float: left; width: 90%; padding: 10px 0 20px 20px; } #discount p { float: left; width: 90%; margin: 5px 20px 5px 0; display: block; } /* End Webshop - Cart Checkout ----------------------------------------------------------------------------------------------*/ /* Start Webshop - Order Delivery Address List --------------------------------------------------------------------------------*/ #delivery-address { float: left; width: 80%; margin: 15px 0 15px 0; padding: 0px 2px 5px 5px; background-color: #FFFFFF; border: 1px solid #000000; } #delivery-address li { float: left; width: 98%; background-color: #d0d0d0; color:#000; font-size:1.2em; margin: 5px 0 0px 0; padding: 5px 5px 5px 5px; border: 1px solid #515151; } #delivery-address li:hover { cursor:pointer; } #delivery-address li input.radiobutton, .radiobutton { float:left; margin: 0 10px 0 0; padding: 0 0 0 0; background: #d0d0d0 none; width: 30px; border: 0px; } #delivery-address li p.text-delivery-address { float:left; margin:0; padding:0; } #delivery-address li a.edit-delivery-address { float:right; display:inline; color: #27459F; font-weight: bold; } #delivery-address li a.delete-delivery-address { float:right; display:inline; color: #27459F; margin-left: 5px; font-weight: bold; } /* End Webshop - Order Delivery Address List --------------------------------------------------------------------------------*/ /* Start Webshop - Login/Register, Reset, Policy, Terms, Unsubscribe, Thank You-----------------------------------------------*/ #login, #register, #reset { float: left; margin: 0; padding: 0 0 10px 0; } #reset-other, #thank-you, #friend {margin-top: 10px; float: left; } #thank-you, #payment, #policy, #terms, #reset-other, #reset, #about, #unsubscribe { padding-left: 20px; } #friend { padding: 5px 0 0 0; } /* End Webshop - Login/Register, Reset, Policy, Terms, Unsubscribe --------------------------------------------------------*/ /* Start Webshop - Payment ------------------------------------------------------------------------------------------------*/ #payment li input.radiobutton { float:left; margin: 0 10px 0 0; padding: 0 0 0 0; background: transparent none; width: 30px; border: 0px; } .card-type li {margin: 15px 0 5px 0;} .card-type { font-size: 1.2em; width: 100%; margin-bottom: 10px; } .payment-details {margin:0 30px 0 10px; padding:0; float:left; font-size: 1.2em;} .payment-details .cardnumber {width:175px;} .payment-details .expmon, .expyear {width:80px;} .payment-details label {margin-bottom:0px; margin-top: 10px; } .payment-value {font-size: 1.2em; margin-left: 5px;} .dibs {margin:5px 0 0 0; padding: 0; float:left; display:inline;} .verisign {margin:15px 0 0 0; padding:0; display:inline; float:right; width:40%;} /* End Webshop - Payment ------------------------------------------------------------------------------------------------*/ #about-us-img { padding: 20px 20px 0 5px; }