body { background: url(../images/bg_top.png) top repeat-x; text-align: center; margin:0; padding:0; } ul, p{ list-style: none; padding: 0; margin: 0; } /*STRUCTURE*/ #site { position:relative; width:900px; margin:0px auto; text-align:left; } /*Sidans vidd, placering och backgrund*/ .top { float: left; width: 100%; background: url(../images/bg_top.jpg) top center no-repeat; } .content { float: left; margin:20px 0 25px 0; background: url(../images/bg_right.gif) right repeat-y; } /*Sätter marginaler från topp och botten*/ .left { float:left; width:220px; margin: 0 15px 0 0; overflow-x:hidden;} .center { float:left; width:610px; overflow: hidden;} .noright { background: none; } .noright .center { float:left; width:900px; overflow: hidden;} .right { float:right; width: 290px;} .right .space { padding-left: 30px; float: left; } .bottom { clear:both; } td.bottom { background: url(../images/bg_bottom.jpg) top repeat-x #6ea922; height: 232px; vertical-align: top; padding-top: 40px; text-align: center; } td.bottom div.bottom { position:relative; width:900px; margin:0px auto; text-align:left; } /*Sidans vidd, placering och backgrund*/ /**/ .center .space { padding: 0 20px 0 0; } .top .space { width:100%; } .left .space { padding: 10px; width: 100%; clear:both; } /*GENERAL*/ /*Typsnitt och länkar för hela sidan*/ body, td, th, label, input, textarea, select { font-family:arial, helvetica; font-size:12px; line-height: 17px; color:#777777; } a { color:#6da822; } a:hover { text-decoration:underline; } .ingress { font-size:13px; padding:0 0 0 0; margin:0 0 20px 0; } .text { } /*Rubriker*/ h1 { font-family: trebuchet ms, arial, verdana; font-size: 24px; line-height: 30px; font-weight: normal; color:#0d2c4c; margin:10px 0px 10px 0px; } /* Överst på varje sida*/ h2 { font-family: trebuchet ms, arial, verdana; font-size:16px; color:#ff00ff; margin:0 0 10px 0; color: #85be3c; font-weight: normal; } /*Stora rubriker i center*/ h3 { font-family: trebuchet ms, arial, verdana; font-size:16px; margin: 0 0 5px 0; color:#0d2c4c; font-weight: normal; } /*Små rubriker i center*/ h3.green { color: #85be3c; } h4 { font-size:13px; margin: 0 0 5px 0; font-weight: bold; color:#0d2c4c; } /*Rubriker i left och right*/ h5 {} /*Tabell-listor*/ table.list { padding:0; border:0; border-collapse:collapse; width:100%; } table.list tr.even { } table.list tr.odd { } table.list tr.first { } table.list tr.last { } table.list th { text-align:left; padding:5px; border-bottom:solid 1px #CCC;} table.list td { padding:7px; border-bottom:solid 1px #e3e3e3; } /*li-listor*/ #headandlist li, #headlist li { border-bottom:solid 1px #e3e3e3; padding:5px 0;} #headandlist li.odd, #headlist li.odd { } #headandlist li.even, #headlist li.even { } #headandlist li.first, #headlist li.first { } #headandlist li.last, #headlist li.last { } /*Formulär - Sätt storlek på template*/ form { margin:0; padding:0; } label { display:block; } input.text { margin:0; padding:2px; background:#FFF; border:solid 1px #ddddd9; height: 22px; } input.button { float: left; background: url(../images/bg_button.png) repeat-x; color:#fff; font-weight: bold; padding: 5px 10px; border: 0; } /*Bilder*/ img { border:0; } td div.thumbnail { border:solid 1px #e3e3e3; padding: 2px; min-height: 100%;} td div.thumbnail img { display: block; border: 0; padding: 0; margin: 0;} /************************************************************************************************************************************************/ /*TOP*/ .logo { float: left; margin-top: 23px; } .countries { float: right; margin-top: 23px; } .countries li { float: left; height: 35px; padding: 5px 3px 0px 3px; } .countries li.active { background: url(../images/bg_country_li.png) left center no-repeat; padding: 0 3px 0 14px; margin-left: 4px; } .countries li.active a { float: left; background: url(../images/bg_country_a.png) right top no-repeat; color: #FFF; font-weight: bold; padding: 4px 3px 6px 0; text-decoration: none; } /*MENUS*/ /*Mainmenu*/ .menu { clear: both; float: left; padding: 25px 0 0 0; width: 100%; } .menu li { float:left; padding: 0 5px 0 10px; background: url(../images/bg_menu_left.gif) left top no-repeat; } .menu li.active { background: url(../images/bg_menu_left_on.gif) left top no-repeat; } .menu li.first { border-left:0; } .menu li.last { } .menu li a { float:left; color: #fff; line-height: 35px; font-weight:bold; text-decoration:none; padding: 0px 15px 0px 5px; background: url(../images/bg_menu.gif) right top no-repeat; } .menu li.active a { background: url(../images/bg_menu_on.gif) right top no-repeat; color:#88c240; } /*CENTER*/ /*Breadcrumbs*/ /*OLA - Fixa så att "Du är här" är h3 */ .center .breadcrumb { border-bottom:solid 1px #e3e3e3; padding:10px; color: #e3e3e3; margin: 0 0 20px 0; } .center .breadcrumb ul { display:inline; } .center .breadcrumb li { display:inline; border-right:solid 1px #e3e3e3; } .center .breadcrumb li.last { border: 0;} .center .breadcrumb li a, .center .breadcrumb li a:hover, .center .breadcrumb li a:visited { color:#919191; padding:0px 5px; } .center .breadcrumb li.first a, .center .breadcrumb li.first a:hover, .center .breadcrumb li.first a:visited { padding-left:0; } .center .breadcrumb li.last a, .center .breadcrumb li.last a:hover, .center .breadcrumb li.last a:visited { color:#ff00ff; text-decoration: underline;} /*RIGHT*/ #cart { width: 260px; padding-bottom: 20px; } #cart table { width: 100%; margin-top: 10px; } #cart td.first { background: url(../images/bg_cart_first.gif) top right #e3ffc0 no-repeat; padding: 0px 20px 10px 10px; } #cart td.r { text-align: right; } #cart td.last { background: url(../images/bg_cart_last.gif) bottom #91cc48 no-repeat; padding: 10px 20px 20px 10px; } #cart td.last td, #cart td.first td.product, #cart td.first td.price { color: #000; font-weight: bold; } #cart td.first td.price { color: #ea2f31; } #cart td.last a { color: #376003; line-height: 20px; } #cart td.last table { margin-bottom: 10px; } #cart tr.a td { padding-top: 10px; } #cart tr.b td { padding-bottom: 10px; border-bottom: 1px solid #bfe590; } #cart tr.last td { border: 0; } .right .search { float: left; width: 184px; height: 27px; background: url(../images/bg_search.png) no-repeat; margin: 3px 5px 0 0; } .right .search input { background: #FFF; width: 151px; margin: 6px 0 0 28px; border: 0; } .right .button { float: left; padding: 5px; } /*BOTTOM*/ .bottom .container { background:transparent url(../images/bg_bottom_table.jpg) no-repeat scroll 0 0; height:200px; margin-left:0; margin-top:20px; width:900px; } .bottom .list { float: left; width: 200px; margin: 15px 0px 10px 5px; text-align: left; border-right:1px solid #7caf3c; padding-right: 10px; } .bottom .list h3 { color: #162601; margin: 0px 0 0 10px; font-size: 13px; } .bottom .list ul { list-style: none; color: #FFF; margin: 2px 0 0 0px; padding-left: 10px; } .bottom .list li, .bottom .list li a { color: #233c03; font-size: 11px; text-decoration: none; } .bottom .inforow img { margin-right: 10px; } .bottom h3 { color: #000000; font-family: Arial; font-weight: bold; } .bottom .bottommenu { float: left; width: 900px; text-align: center; padding-bottom: 20px; } .bottom .bottommenu td { color: #233c03; } .bottom .bottommenu ul { float: left; } .bottom .bottommenu li { border-left: 1px solid #376003; } .bottom .bottommenu li, .bottom .bottommenu li a { float: left; padding: 0 10px; } .bottom .bottommenu span { padding-right: 20px; font-size: 11px; } .bottom .bottommenu span.last { float: left; border-left: 1px solid #376003; padding-left: 20px; } .bottom .bottommenu li a, .bottom .bottommenu span.last a { color: #233c03; font-size: 11px; text-decoration: none; } /************************************************************************************************************************************************/ /* startpage */ #startpage div.splash { float: left; width: 100%; text-align: center; } #startpage .article, #startpage .quickshop { float: left; width: 400px; } #startpage .article { margin-right: 40px; width: 440px;} #startpage .quickshop .form { float: left; width: 400px; height: 100px; background: url(../images/bg_startpage_form.png) no-repeat; } ul.vacumm_types li { float: left; padding-left: 9px; height: 27px; background: url(../images/bg_tab_left.gif) left bottom no-repeat; margin-right: 2px; } ul.vacumm_types li a { float: left; background: url(../images/bg_tab.gif) right bottom no-repeat; padding-right: 9px; line-height: 27px; font-size: 11px; overflow: hidden; color: #777777; text-decoration: none; font-weight: bold; } ul.vacumm_types li.active { background: url(../images/bg_tab_left_on.gif) left bottom no-repeat; } ul.vacumm_types li.active a { background: url(../images/bg_tab_on.gif) right bottom no-repeat; color: #0050b4; } #startpage .quickshop td, #startpage .quickshop .form .last { color: #0050b4; } #startpage .quickshop .form .first, #startpage .quickshop .form .last { padding: 20px 0 0 20px; } #startpage .quickshop .form .first { float: left; } #startpage .quickshop .form .last { float: right; text-align: right; padding-right: 20px; padding-left: 0; } #startpage .quickshop .form .first td { padding: 0 5px 10px 0; } #startpage .quickshop .form .last { float: right; font-size: 18px; } #startpage .quickshop .form input { width: 30px; color: #6da822; } a.btn-buy, a.btn-buyholder { float: right; background: url(../images/buy_bg.png) no-repeat; width: 80px; height: 34px; color: #FFF; font-weight: bold; text-decoration: none; margin-top: 10px; font-size: 12px; behavior: url("iepngfix.htc"); } a.btn-buy span, a.btn-buyholder span { float: left; position: relative; padding: 8px 0 0 16px; cursor: pointer; } a.btn-buy:hover { text-decoration: none; } /*ARTIKLAR*/ /*Article_one*/ #article_one { width:100%;} #article_one h1 { } #article_one .article-info { display:block; margin-bottom: 25px; padding: 10px; background: #e3e3e3;} #article_one .article-info .date { } #article_one .article-info .update { } #article_one .article-info .author { } #article_one .articleimage { margin:0; display:block;} #article_one .default { margin:15px 0; } #article_one .left { margin:15px 15px 15px 0; } #article_one .right { margin:15px 0 15px 15px; } #article_one td .articleimage { margin: 0; } #article_one td .left { margin-right: 15px; } #article_one td .right { margin-left: 15px; } #article_one .IMAGETEXT { font-style:italic; display:block; margin:4px 0 15px 0; } #article_one ul { list-style:disc; padding:0 0 0 15px;} #article_one ol { list-style:decimal; padding:0 0 0 35px; } #article_one li { padding: 0 0 5px 0px; } /*Headandlist*/ #headandlist { width:100%; margin:25px 0 0 0; } #headandlist li { } #headandlist li a { padding:0 0 0 0; } /*KATEGORILISTOR*/ /*Standard*/ #standard { width:100%; } #standard table { width:100%; border-collapse: collapse;} #standard td { vertical-align: top; padding: 15px 0; border-bottom:solid 1px #e3e3e3;} #standard td.a { padding-right: 15px;} #standard td.b { padding-right: 15px;} #standard tr.first td { padding-top: 0; } #standard tr.last td { } #standard tr.odd td { } #standard tr.even td { } #standard span.date { } #standard a.readmore { } /*Headlist*/ #headerlist div { padding: 3px 0; } /*WEBSHOP*/ /*Webshop-standard*/ #webshop-standard { width:100%; } #webshop-standard .a { } #webshop-standard .b { } #webshop-standard .c { text-align:right; } #webshop-standard .d { text-align:right; } #webshop-standard .a a, #webshop-standard .a a:hover, #webshop-standard .a a:visited { } /*Webshop-imagelist*/ #webshop-imagelist { width:100%; } #webshop-imagelist .a { vertical-align:top; } #webshop-imagelist .b { vertical-align:top; } #webshop-imagelist .c { text-align:right; } #webshop-imagelist .d { text-align:right; } #webshop-imagelist .a a, #webshop-imagelist .a a:hover, #webshop-imagelist .a a:visited { } #webshop .webshop_bags { width: 580px; height: 100px; background: url(../images/bg_dustbag.jpg) no-repeat; } #webshop .webshop_bags td, #startpage .quickshop .form .last { color: #0050b4; } #webshop .webshop_bags .form .first, #webshop .webshop_bags .form .last { padding: 20px 0 0 0px; } #webshop .webshop_bags .form .first { float: left; } #webshop .webshop_bags .form .last { float: right; text-align: right; padding-right: 20px; color: #0050b4; } #webshop .webshop_bags .form .first td { padding: 0 10px 10px 0; } #webshop .webshop_bags .form .last { float: right; font-size: 18px; } #webshop .webshop_bags .form { padding-left: 140px; } #webshop .webshop_bags input { width: 30px; color: #6da822; } #webshop .webshop_holder { width: 580px; height: 100px; background: url(../images/bg_holder.jpg) no-repeat; } #webshop .webshop_holder .first { float: left; padding-left: 140px;} #webshop .webshop_holder table { margin-top: 7px; } #webshop .webshop_holder td { height: 30px; } #webshop .webshop_holder td select { float: left; width: 225px; } #webshop .webshop_holder label { float: left; padding-right: 10px; color: #0050b4; } #webshop .webshop_holder label#holder_nr { font-size: 14px; font-weight: bold; } #webshop .webshop_holder tr.holder_info { display: none; } #webshop .webshop_holder .icon_brand, #webshop .webshop_holder .icon_model { float: left; padding-left: 10px; display: none; } #webshop .webshop_holder .last { float: right; text-align: right; padding: 20px 20px 0 0; color: #0050b4; font-size: 18px; } /* KASSA */ #webshop-cart .kassaamount { width: 30px; border: 1px solid #ddddd9; } #webshop-cart .text { margin-bottom: 10px; } #webshop-cart .payment { margin-top: 20px; } #webshop-cart .payment td { padding: 5px 20px 5px 0; vertical-align: top; } #webshop-cart .payment td.b { padding-right: 5px; } #webshop-cart .info td { vertical-align: top; } #webshop-cart .info td.first { padding-right: 40px; } #webshop-cart .actions { float: right; } #webshop-cart .d, #webshop-cart .e { text-align: right; } #webshop-cart .total .a { text-align: right; font-weight: bold; } #webshop-cart .errormsg { color: #FF0000; } #webshop-checkout .c, #webshop-checkout .d, #webshop-checkout .e { text-align: right; } /* Orderform */ #orderform table { width: 80%; } #orderform td { padding: 3px 5px 3px 0; } #orderform th { text-align: left; } #orderform tr.r td, #orderform td.r, #orderform th.r { text-align: right; } #orderform .product th { border-bottom: 2px solid #e6e6e6; padding-bottom: 3px; } #orderform .product td, #orderform .product th { padding-left: 5px;} #orderform tr.odd td { background: #F6F6F6; } #orderform input.text { width: 230px; } #orderform input.zipcode { width: 60px; } #orderform input.city { width: 159px; } #orderform input.error { border: 1px solid #CC0000; } #orderform .productForm { background: #eaf3fa; } #orderform .pInfo { display: none; } /* INSTRUCTIONS MOVIE */ div#fade { display: none; position: absolute; z-index: 50; width: 100%; height: 100%; background: url(../images/fade.png); overflow: hidden; } div#instructions { display: none; background: url(../images/bg_movie.gif) no-repeat; text-align: center; width: 500px; height: 400px; position: absolute; z-index: 100; top: 50%; left: 50%; margin-left: -250px; margin-top: -200px; } div#instructions div#close_div { float: right; margin-right: 10px; margin-top: 10px; cursor: pointer; } div#instructions div#flv-container { position: relative; z-index: 1; margin-top: 50px; }