/* Zlixx of Scandinavia http://www.zlixx.no */ @import url("highslide.css"); @import url("lightbox.css"); @import url("google-404-widget.css"); @import url("idtabs.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; } h1 { font-family:georgia,times new roman,times,serif; font-size:1.6em; margin-bottom:12px; text-transform:uppercase; color:#9fd0fe; } 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 0; 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; } form select { width: 50px; } 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-auto { width: auto%; } .width-21 { width: 21%; } .width-22 { width: 22%; } .width-25 { width: 25%; } .width-30 { width: 30%; } .width-32 { width: 32%; } .width-35 { width: 35%; } .width-36 { width: 36%; } .width-38 { width: 38%; } .width-40 { width: 40%; } .width-45 { width: 45%; } .width-50 { width: 50%; } .width-55 { width: 55%; } .width-60 { width: 60%; } .width-63 { width: 63%; } .width-72 { width: 72%; } .width-75 { width: 75%; } .width-90 { width: 90%; } .width-91 { width: 91%; } .width-100 { width: 100%; } /* 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-header { width: 100%; padding-bottom: 5px; background: rgba(46,44,45,0.74); rgb(46,44,45); overflow: hidden; } .image-box-footer { background:none repeat scroll 0 0 rgba(46, 44, 45, 0.84); color:white; left:0; position:relative; text-indent:5px; top:94%; width:100%; } .dashed-border { border: 1px dashed #FFFFFF; } .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; } .last { margin-right: 0px; padding-right: 0px; } .text-strikethrough { text-decoration: line-through; } .hide {display: none;} .show {display: block;} .box-size-3 { float: left; width: 290px; margin: 0 20px 20px 0; padding: 0 0 10px 20px; } .box-size-222 { float: left; width: 222px; height: 222px; margin: 0 50px 0 0; padding: 0 0 0 0; } .box-size-270 { float: left; width: 270px; height: 180px; margin: 15px 20px 0 0; padding: 0 0 0 0; } .box-size-300 { float: left; width: 300px; height: 300px; margin: 0 50px 0 0; padding: 0 0 0 0; } .box-size-340 { float: left; width: 300px; height: 340px; margin: 0 50px 0 0; padding: 0 0 0 0; } .box-size-460 { float: left; width: 460px; height: 200px; margin: 15px 20px 0 0; padding: 0 0 0 0; } .box-size-944 { float: left; width: 944px; height: 300px; margin: 15px 20px 0 0; padding: 0 0 0 0; } /* 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; } #social-links { bottom: 0; position: absolute; right: 20px; text-align: right; width: 300px; } #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:647px; font-family:georgia,times new roman,times,serif; font-size:2.2em; color:#c0c0c0; padding-top:42px; } #header .tagline-small { width:645px; font-family:georgia,times new roman,times,serif; font-size:1.4em; color:#c0c0c0; padding-top:3px; } #header .wedding-tagline { float: left; width: 350px; font-family:georgia,times new roman,times,serif; font-size:2.2em; color:#c0c0c0; padding: 42px 0 0 50px; } #header .wedding-tagline-small { float: left; width: 500px; font-family:georgia,times new roman,times,serif; font-size:1.4em; color:#c0c0c0; padding: 3px 0 0 50px; } #header .wedding-rings { float: right; padding: 35px 30px 0 0;} #header #social { float: right; padding: 3px 10px 0 20px; } #header #social li { float: left; display:inline; margin:0 10px 0 0; } #header #social li a { display:block; text-indent:-6000px; width:16px; height:16px; font-size:1px; } #header #social li.fb-small a { background:url("../gfx/facebook_small.png"); } #header #social li.twitter-small a { background:url("../gfx/twitter_small.png"); } /* 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; z-index: 500; /* 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; } .color-tab { border: 1px solid #FFFFFF; } #navigation #drop #color-inline a { display: inline; margin: 0 0 0 10px; padding: 0;} #breadcrumb { height:2.0em; padding: 0 0 0 0; } #breadcrumb li { float: left; display:inline; } #breadcrumb li a { text-align:left; margin-right: 5px; } #navigation li.google-plus-one { float: right; } #navigation li.facebook { float: right; margin:0 10px 0 0; } #navigation li.twitter { float: right; margin:0 5px 0 0; } #navigation li.facebook a { background:url("../gfx/facebook_small.png"); display:block; text-indent:-6000px; width:16px; height:16px; font-size:1px; } #navigation li.twitter a { background:url("../gfx/twitter_small.png"); display:block; text-indent:-6000px; width:16px; height:16px; font-size:1px; } /* 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: 175px; line-height: 1.4em; padding: 0 0 0 20px; text-align: left; margin-top: 10px; } #pages ul li a { margin-left: 5px; } #pages ul li.readmore { padding-top: 5px; } #pages ul li.readmore a { color: white;} #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; } #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; padding-left: 10px; } /* End Home - Contact ----------------------------------------------------------------------------------------------*/ /* Start Profile - General ----------------------------------------------------------------------------------------------*/ .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-top: 20px; } .frontpage-product { float:left; border-bottom:1px solid #272727; font-size:0.9em; margin: 10px 12px 0 0; width:47%; padding: 10px 0 0 5px; } .frontpage-product img { float:left; margin:0 10px 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; } .frontpage-sidebar h2 { text-indent: 10px; font-size: 1.3em; text-transform: none; } #mostsold ul { float: left; padding-left: 10px; } #mostsold ul li { display:inline; } #mostsold ul li a { font-size:1.2em; font-weight:bold; display:block; float:left; width:98px; 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; } #weekly, #mostsold, #freight { margin :10px 0; border-left: 1px solid #272727; padding:10px; } #weekly p { float: left; padding: 0 0 10px 10px; width: 180px; } #weekly img { width: 120px; border:1px solid black; margin:5px 0 0 0; } #weekly .price-value { font-size: 1.3em; } #weekly-text { width: 60%; float: left; } #weekly-footer { margin-top: 26px; width: 100%; } #freight img { padding-left: 10px; } /* 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 0; width: 100%; } #products li { display:block; width:142px; float:left; padding:8px 0 4px 0; margin:0 8px 8px 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 8px 0; } #products li a img { margin: 0 8px 0 8px; padding-bottom: 5px; } #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 5px; padding: 1px 8px;} #choices .choice a, .choices .choice a { background: url("../gfx/unselect.gif") no-repeat scroll 0 0 transparent; display: inline-block; height: 13px; text-decoration: none; width: 21px; } .characteristic-button { margin: 6px 0 10px 0; } .element_checkbox { padding-bottom: 2px;} .element_checkbox_color { padding-bottom: 2px; width:80px; float: left; } .element_checkbox_button { float: left; width: 100%; } #nav-products { margin-left: 0px; padding: 0 0 10px 0; width: 300px; float: right; } #nav-products #nav-pages li { display: inline; width: 10px; float: left; padding: 0 3px 0 0; } #nav-products #nav-pages li.extra-long { width: 50px; } #nav-pages, #nav-sort { float: left; } #nav-sort { padding-right: 10px; } .pages-intro { display: inline; float: left; padding: 0 2px 0 0; } #product.image { position: relative; width: 100%; /* for IE 6 */ } #products li a p { position: absolute; width: 110px; text-indent: 5px; margin-left: 8px; color: white; background: none repeat scroll 0 0 rgba(16, 44, 85, 0.84); background-color: #364E70; } /* End Webshop - Product List ----------------------------------------------------------------------------------------------*/ #products-campaign { float: left; padding: 0 0 0 0; width: 100%; } #products-campaign li { display:block; float:left; padding:10px; margin:0 10px 10px 20px; 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; } .fullprice { text-decoration: line-through; } .bullet-list { float: left; width: 100%; list-style-type: square; padding-top: 10px; } .bullet-list-item { float: left; display: block; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; } .price-campaign { font-size: 1.4em; font-weight: bold; padding: 20px 0 0 0; } /* Start Webshop - Product Details ----------------------------------------------------------------------------------------------*/ h2.product-details-header { text-transform: none; color: white; padding: 0 0 0 0; margin: 0 0 0 0; width: 500px; } .product-details-fb-like { width: 300px; float: right; } #product-description { width: 300px; } #product-picture-main { float: left; display: inline; width: 300px; height: 300px; border: 1px solid black;} .product-pictures { width: 210px; float: left; margin: 0 0 0 0; } .product-pictures li { float: left; margin: 0 10px 5px 0; border: 1px solid black; } .product-pictures li img { float: left; width: 80px; } .product-list-link { float: left; width: 100%; margin-bottom: 20px; } .product-pictures-help-text { float: left; padding: 0 0 5px 0; margin:0; font-style: italic; } #product-details { float: left; width: 264px; } #product-details h2 { text-transform: none; color: white; } #product-details .number { font-style:italic; color:#515151; color:#c0c0c0; margin-bottom: 5px; float: left; width: 196px; } #product-details .stock { margin-bottom: 5px; float: left; width: 196px; font-size: 1.3em; } #product-details #description { float:left; width: 196px; } #product-details #description .type { float:left; width: 107px; } #product-details .buy { float:left; width:200px; padding:10px 0 10px 10px; margin:5px 0 5px 0; background:#515151; } #product-details .buy .button { margin:0 10px 0 0; float: right; } #product-details .buy p em { font-size:1.3em; font-weight:bold; font-style:normal; margin: 0 0 0 10px; } #product-details .price { padding: 0px; } #product-details .size-try { padding: 0 0 10 0; } #product-details .height-112 { height: 112px; } #product-details .height-90 { height: 90px; } #product-details .height-80 { height: 80px; } #product-details .height-85 { height: 85px; } #product-details .height-72 { height: 72px; } #product-details .height-60 { height: 60px; } #product-details .height-40 { height: 40px; } #product-details .height-45 { height: 45px; } #product-details .height-15 { height: 15px; } #product-details .select-size { float: left; padding: 11px 0 11px 0; } #product-details .help-size { float: left; padding: 0 0 10px 0; } .subheading { float: left; width: 100%; margin-bottom:5px; } #product-details .link { float: left; width: 100%; } #product-details .fb-share { margin-right: 10px; width: 50px; } .klarna-img-small { margin-top: 2px; } .klarna-price { float: left; margin: 0 10px 0 0; } .stock { margin-bottom: 5px; } .characteristic-details { padding: 10px 0 0 0; } .vg-logo-teflon-info { position: absolute; top: 238px; left: 450px; z-index: 999; width: 120px; } .vg-logo-teflon-desc { position: absolute; top: 568px; left: 1025px; z-index: 999; width: 120px; } .product-details-bottom { padding: 10px 20px 20px 20px; } #fb-root { padding: 0; margin: 0; } #productDetailsImage.image { position: relative; width: 100%; /* for IE 6 */ } #productDetailsImage p { position: absolute; width: 302px; text-indent: 5px; color: white; background: none repeat scroll 0 0 rgba(62, 82, 100, 0.64); background-color: #364E70; } /* product details - products related */ .products-related-pictures { width: 350px; float: left; margin: 0 0 0 0; } .products-related-pictures li { float: left; margin: 0 10px 5px 0; border: 1px solid black; } .products-related-pictures li img { float: left; width: 75px; } .products-related-link { float: left; width: 100%; margin-bottom: 20px; } #product-details-tags { float: left; padding: 10px 0 10px 10px; margin: 0 0 0 20px; background: none repeat scroll 0 0 #515151; width: 518px; } #product-details-tags li { float: left; padding: 0 10px 0 0; } #product-details-fb-like { float: left; width: 310px; margin-left: 55px; } #product-tabs-all { width: 500px; float: left; } /* End Webshop - Product Details ----------------------------------------------------------------------------------------------*/ /* Start Webshop - Cart Checkout ----------------------------------------------------------------------------------------------*/ #cart-contents-checkout { border-collapse: collapse; font-size: 1.1em; margin: 24px; width: 95%; background-color: white; color: black; } #cart-contents-checkout th { background: none repeat scroll 0 0 #6AA1D5; border-right: 1px solid #FFFFFF; color: #FFFFFF; font-weight: bold; line-height: 1.5; padding: 2px 11px; text-align: left; } #cart-contents-checkout td { border-bottom: 1px solid #95BCE2; padding: 6px 11px; vertical-align: top; } #cart-contents-checkout td * { padding: 6px 11px; } #cart-contents-checkout tr.alt td { background: none repeat scroll 0 0 #ECF6FC; } #cart-contents-checkout tr.over td, tr:hover td { background: none repeat scroll 0 0 #BCD4EC; } #cart-contents-checkout td a.button { padding: 0 20px 0 20px; } .total-price { font-size: 110%; font-weight: bold; } .firstrow { font-size: 110%; } .text-indent-10 { text-indent: 10px; } #cart-contents-checkout th.no-border { border-right: 0px solid #FFFFFF; width: 88px; } #discount { padding: 0 0 20px 20px; } /* End Webshop - Cart Checkout ----------------------------------------------------------------------------------------------*/ /* Start Webshop - Order Delivery Address List --------------------------------------------------------------------------------*/ #delivery-list { padding: 0 0 0 20px; } #delivery-address-input { padding: 0 0 0 20px; } #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 ------------------------------------------------------------------------------------------------*/ /* Start Webshop - Thank you */ #follow-us-social-media { float: left; width: 100%; padding: 10px 0 10px 0; } #feedback { float: left; width: 100%; padding: 10px 0 10px 0; } #suggest-for-friend { float: left; width: 100%; padding: 10px 0 10px 0; } /* End Webshop - Thank you */ #store-contact { float: left; padding: 10px 10px 10px 10px; margin-left: 80px; } /* Start product description --------------------------------------------------------------------------------------------*/ #product-type-heading { text-transform: none; color: white; padding-left: 20px; } #product-type-selling-points { float: left; width: 250px; margin-bottom: 20px; } #product-type-selling-points li { float: left; width:100%; line-height: 1.3em; margin: 5px 0 5px 50px; padding: 0 0 0 0; font-family:georgia,times new roman,times,serif; font-size:1.1em; letter-spacing:1px; } #product-type-link-products, #product-type-link-video { float: left; padding: 5px 0 0 20px; } #product-type-description { float: left; padding: 10px 0 20px 25px; } #product-type-examples { float: left; padding: 60px 0 0 15px; } .spotless-img-1 { background: #000 url("../gfx/spotless1.jpg") no-repeat center top; } .spotless-img-2 { background: #000 url("../gfx/spotless2.jpg") no-repeat center top; } .sevenfolded-img-1 { background: #000 url("../gfx/sevenfolded1.jpg") no-repeat center top; } .sevenfolded-img-2 { background: #000 url("../gfx/sevenfolded2.jpg") no-repeat center top; } .kashmir-img-1 { background: #000 url("../gfx/kashmir1.jpg") no-repeat center top; } .kashmir-img-2 { background: #000 url("../gfx/kashmir2.jpg") no-repeat center top; } .silke-img-1 { background: #000 url("../gfx/silke1.jpg") no-repeat center top; } .silke-img-2 { background: #000 url("../gfx/silke2.jpg") no-repeat center top; } .mansjett-silke-img-1 { background: #000 url("../gfx/mansjettsilke1.jpg") no-repeat center top; } .mansjett-silke-img-2 { background: #000 url("../gfx/mansjettsilke2.jpg") no-repeat center top; } .mansjett-knute-img-1 { background: #000 url("../gfx/mansjettknute1.jpg") no-repeat center top; } .mansjett-knute-img-2 { background: #000 url("../gfx/mansjettknute2.jpg") no-repeat center top; } .mansjett-metall-img-1 { background: #000 url("../gfx/mansjettmetall1.jpg") no-repeat center top; } .mansjett-metall-img-2 { background: #000 url("../gfx/mansjettmetall2.jpg") no-repeat center top; } .sloyfe-knytt-img-1 { background: #000 url("../gfx/sloyfe-knytt1.jpg") no-repeat center top; } .sloyfe-knytt-img-2 { background: #000 url("../gfx/sloyfe-knytt2.jpg") no-repeat center top; } .sloyfe-los-img-1 { background: #000 url("../gfx/sloyfe-los1.jpg") no-repeat center top; } .sloyfe-los-img-2 { background: #000 url("../gfx/sloyfe-los2.jpg") no-repeat center top; } .pynteskjerf-img-1 { background: #000 url("../gfx/pynteskjerf1.jpg") no-repeat center top; } .pynteskjerf-img-2 { background: #000 url("../gfx/pynteskjerf2.jpg") no-repeat center top; } .ullskjerf-img-1 { background: #000 url("../gfx/ullskjerf1.jpg") no-repeat center top; } .ullskjerf-img-2 { background: #000 url("../gfx/ullskjerf2.jpg") no-repeat center top; } .hanky20-img-1 { background: #000 url("../gfx/hanky20x201.jpg") no-repeat center top; } .hanky20-img-2 { background: #000 url("../gfx/hanky20x202.jpg") no-repeat center top; } .hanky27-img-1 { background: #000 url("../gfx/hanky27x271.jpg") no-repeat center top; } .hanky27-img-2 { background: #000 url("../gfx/hanky27x272.jpg") no-repeat center top; } .classic-img-1 { background: #000 url("../gfx/classic1.jpg") no-repeat center top; } .classic-img-2 { background: #000 url("../gfx/classic2.jpg") no-repeat center top; } .small-img-1 { background: #000 url("../gfx/small1.jpg") no-repeat center top; } .small-img-2 { background: #000 url("../gfx/small2.jpg") no-repeat center top; } /* End product description -----------------------------------------------------------------------------------------------*/ /* Start tailor --------------------------------------------------------------------------------------------------------*/ #tailor-list { padding: 20px 0 20px 25px; font-size: 1.3; list-style:circle outside none; } #tailor-list li { padding-top: 5px; } #tailor-img { float: left; width: 100%; padding: 30px 0 20px 0; } .tailor-img-1 { padding: 0 0 0 20px; width: 300px;} .tailor-img-2 { padding: 0 0 0 20px; width: 300px;} .tailor-img-3 { padding: 0 0 0 20px; width: 300px;} /* End tailor ----------------------------------------------------------------------------------------------------------*/ /* Start about us -------------------------------------------------------------------------------------------------------*/ .owner { float: left; width: 265px; padding: 20px 30px 0 0; } .owner img { border: 1px solid #000000; } .about-store-img { padding-top: 5px; } #history li { padding-bottom: 15px; } #history .date { font-weight: bold; } .about-paragraph { margin-top: 10px; } #about-where, #about-why { padding-top: 10px; } /* End about us ----------------------------------------------------------------------------------------------------------*/ /* Start Consumer Promise (why) ------------------------------------------------------------------------------------------*/ .why-showcase-img-1 { background: url("../gfx/quality.jpg") no-repeat left top; } .why-showcase-img-2 { background: url("../gfx/selection.jpg") no-repeat left top;} .why-showcase-img-3 { background: url("../gfx/design.jpg") no-repeat left top; } .why-showcase-img-4 { background: url("../gfx/innovation.jpg") no-repeat left top; } .why-container { width: 474px; float: right; padding: 0px 5px 0px 5px; } /* End Consumer Promise (why) --------------------------------------------------------------------------------------------*/ /* Start Wedding */ /* #resellers-map { float: left; width: 350px; height: 750px; margin: 10px 0 0 0; } #reseller-list { list-style-type: circle; margin: 10px 0 0 60px; width: 250px; float: left;} #reseller-list li { color:#9fd0fe; text-decoration:none; padding: 5px 0 0 10px; } #reseller-list li:hover { cursor: pointer; } .reseller-img { margin-top: 20px; width: 190px; } p.reseller-contact { float: left; margin: 40px 0 0 0; } a.map-link:link, a.map-link:active, a.map-link:visited { color:#2200C1; text-decoration:none; } a.map-link:hover { color:#2200C1; text-decoration:underline; } */ /* End Wedding */ /* Start media ------------------------------------------------------------------------------------------*/ .media-section { float: left; padding-top: 10px; } .media-full-page { float: left; width: 95%; padding: 5px; } /* End media ------------------------------------------------------------------------------------------*/ /* WORDPRESS */ .page { padding: 20px; } .post { padding: 20px; } table.profile-min-quantity { border: 1px solid; } table.profile-min-quantity tr td { border: 1px solid; padding: 5px; } table.profile-min-quantity tr:hover td { background: none; text-decoration: none; } li#tag_cloud { list-style-type: none; } li#tag_cloud a { padding: 0 2px; } .listhead { padding: 20px 0 0 20px; } .tab-blog { margin-left: 115px; } table.blog-post { border: 1px solid; } table.blog-post tr td { border: 1px solid; padding: 5px; } table.blog-post tr:hover td { background: none; text-decoration: none; } ol.blog-post { padding-left: 40px; } /* Small font */ ul#sidebar { font-size: 13px; } ul#sidebar h2 { font-size: 13px; } ul#sidebar h2 { margin-bottom: 7px; padding-bottom: 3px; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; } ul#sidebar { width: 320px; } ul#sidebar { float:right; margin-top: 25px; } ul#sidebar ul.children { margin: 5px 0 0 0; } ul#sidebar ul.children li { border: 0; } ul#sidebar li { list-style: none; margin: 0 20px 20px 0; } ul#sidebar li ul { margin-left: 5px; } ul#sidebar li ul li { margin-bottom: 5px; } ul#sidebar li ul li ul { margin: 5px 0 0 10px; } li#tag_cloud {} li#tag_cloud a { padding: 0 2px; } li#search {} ul#sidebar li.categories {} /* WORDPRESS */