/* ------------------------------------------------------ Copyright 2011 Cofa Plastics AB www.cofa.se Author: Rolf Bramsen Bramsen Ekonomi & System rolf@bramsen.nu www.bramsen.nu Layout with masthead, one or two colums mixed. ------------------------------------------------------*/ /* Reset */ * {margin: 0px; padding: 0px;} img {border: none;} .clearit {clear: both; height: 0px; line-height:0px;} /* html, body {background-color: #ffffff; color: #000000; font: normal normal bold 12px/1 Rockwell, serif;} 2013-10-30 */ html, body {background-color: #ffffff; color: #000000; font: normal normal normal 12px/1 Verdana, Geneva, sans-serif;} /* Structure #wrapper {width: 924px; margin: 0 0 0 20px;} */ #wrapper {width: 912px; margin: 0 auto; } #masthead {width: 100%; height:86px; margin: 0;} #menu {clear: both; width: 100%; margin: 0 0 10px 0;} #first, #area {float:left; width: 400px;} #top {width: 100%; height: 243px; overflow: hidden;} #top_full {width: 100%; height: 334px; overflow: hidden;} #second {float:left; width: 500px; margin-left: 12px;} #wide {clear: both; width: 912px; margin: 0; padding: 0;} #start {clear: both; width: 912px; margin: 0; padding: 0;} #footer {width: 912px; clear: both; margin: 0 auto; padding :20px 0 0 0;} /* first specifik */ #first h1 {color: #0192d5; background-color: transparent; font-size: 46px; padding: 0 0 .5em 0;} #first h2 {color: #0192d5; background-color: transparent; font-size: 190%; padding: 0 0 .5em 0;} #first h3 {color: #0192d5; background-color: transparent; font-size: 135%; padding: 0 0 .5em 0;} #first .tradgard {color: #3aaa35; background-color: transparent; text-transform: lowercase; padding: 4px 0; font-size: 11px;} #first .safepost {color: #1d71b8; background-color: transparent; text-transform: lowercase; padding: 4px 0; font-size: 11px;} #first .fritid {color: #dedc00; background-color: transparent; text-transform: lowercase; padding: 4px 0; font-size: 11px;} #first .industri {color: #f39200; background-color: transparent; text-transform: lowercase; padding: 4px 0; font-size: 11px;} #first .skadedjur {color: #e6332a; background-color: transparent; text-transform: lowercase; padding: 4px 0; font-size: 11px;} #first .scroll_control {width: 100%; text-align: center; } #first .scrollUp {width: 100%; text-align: center; padding-bottom: 4px;} #first .scrollDown {width: 100%; text-align: center; padding-top: 4px;} #first .bottom {position: absolute; bottom: 4px;} #first .page_content {margin: 20px 0 0 0;} /* #first .page_content p {font: normal normal normal 13px/1 Arial, sans-serif;} 2013-10-30 */ #first .page_content p {font-size: 13px; font-weight: normal;} #first .page_content a, #first .page_content a:link, #first .page_content a:visited {color: #000000; font-weight: normal;} .tradgard_tab {float: right; color: #ffffff; background-color: #3aaa35; font-size: 15px; padding: .5em 3em .5em 1em; margin: 0 0 1em 0;text-transform: lowercase;} .safepost_tab {float: right; color: #ffffff; background-color: #1d71b8; font-size: 15px; padding: .5em 3em .5em 1em; margin: 0 0 1em 0;text-transform: lowercase;} .fritid_tab {float: right; color: #ffffff; background-color: #dedc00; font-size: 15px; padding: .5em 3em .5em 1em; margin: 0 0 1em 0;text-transform: lowercase;} .industri_tab {float: right; color: #ffffff; background-color: #f39200; font-size: 15px; padding: .5em 3em .5em 1em; margin: 0 0 1em 0;text-transform: lowercase;} .skadedjur_tab {float: right; color: #ffffff; background-color: #e6332a; font-size: 15px; padding: .5em 3em .5em 1em; margin: 0 0 1em 0;text-transform: lowercase;} .page_tab {color: #ffffff; background-color: rgb(1,146,213); font-size: 15px; padding: .5em 3em .5em 1em; margin: 0 0 1em 0; text-transform: lowercase;} #area .float_left, #first .float_left {float: left; margin: 0 10px 0 0;} #first .float_left_min {float: left; margin: 0 10px 0 0; min-height: 300px; overflow: hidden;} /* top specifik */ #top .top {height: 100%; position: relative;} #top .scrollUp {position: absolute; bottom: 4px; z-index: 101;} #top_full .top {height: 100%; position: relative;} #top_full .scrollUp {position: absolute; bottom: 4px; z-index: 101;} /* #top_full p {font: normal normal bold 13px/1 Arial, sans-serif;} 2013-10-30 */ #top_full p {font-size: 13px; font-weight: bold;} /* masthead specifik */ #masthead_left {float: left; width: 412px; height: 100%;} #masthead_right {float: left; width: 500px; height: 100%; font-size: 14px;} #masthead_right img {border-left: 20px solid transparent;} /* menu specifik */ #menuLeft {float: left; width: 685px;} #menuRight {float: left; width: 227px;} /* wide sepcific */ #wide .left {float: left; width: 600px;} #wide .right {float: left; width: 310px; text-align: right;} #wide .group {clear: both; padding: 14px 0 0 0;} #wide .float_left {float: left; margin: 0 0 10px 12px;} #wide .float_left_first {float: left; margin: 0 0 10px 0;} #wide h1 {font-size: 270%; padding: 0 0 .5em 0;} #wide h2 {font-size: 190%; padding: 0 0 .5em 0;} #wide h3 {font-size: 135%; padding: 0 0 .5em 0;} #wide h4 {font-size: 120%; padding: 0 0 .5em 0;} #wide h5 {font-size: 15px; padding: 0 0 .5em 0; text-decoration: none;} #start .tradgard {color: #3aaa35; background-color: transparent; text-transform: lowercase; font-size: 14px;} #start .safepost {color: #1d71b8; background-color: transparent; text-transform: lowercase; font-size: 14px;} #start .fritid {color: #dedc00; background-color: transparent; text-transform: lowercase; font-size: 14px;} #start .industri {color: #f39200; background-color: transparent; text-transform: lowercase; font-size: 14px;} #start .skadedjur {color: #e6332a; background-color: transparent; text-transform: lowercase; font-size: 14px;} /* // 140115 RBN #start .retailer {margin-top: 10px ;color: #e6332a; text-transform: lowercase; font-size: 14px;} */ #start .retailer {margin-top: 10px ;color: #000000; text-transform: lowercase; font-size: 14px;} /* #start .left {float: left; width: 600px;} #start .right {float: left; width: 310px; text-align: right;} */ #start .right {text-align: right;} /* footer sepcific */ #footer .left {float: left; margin: 0 20px 0 0;} /* #footer .right {float: left; color: #0192d5; font: normal normal normal 13px/1 Arial, sans-serif;} 2013-10-40 */ #footer .right {float: left; color: #0192d5; font-size: 13px; font-weight: normal;} /* product specific */ #p_img {float:left; width: 334px; margin-right: 10px;} #p_img_more {float:left; width: 70px;} #p_img_more img {border:1px solid #FFFFFF;} #p_img_more img:hover {border:1px solid #000000;} #p_info {clear: both; width: 414px;} #p_info h3 {display:block; color: #0192d5; padding: .5em 0;} #p_info .label {float: left; width: 30%;} #p_info .info {Float: left; width: 70%;} #p_info .regular {font-weight: normal; padding: .5em 0;} #p_info .promo {font-size: 14px; padding-bottom: .5em;} .p_group a:link, .p_group a:visited, .p_group a:hover {color: #000000; font-size: 11px; text-decoration: none;} .p_group {width: 120px; overflow: hidden; margin: 10px 0 0 0;} .p_product a:link, .p_product a:visited, .p_product a:hover {color: #000000; font-size: 10px; text-decoration: none;} .p_product {width: 90px; overflow: hidden; margin: 2px 0 10px 0;} .p_query a:link, .p_query a:visited {display:block; color: #000000; font-size: 12px; text-decoration: none;} .p_query a:hover {text-decoration: underline;} .p_area_img {margin: 0 10px 10px 0;} /* classes ans special typography */ .right {text-align: right;} .luft {padding-top: 6px;} .space {padding: 0 6px 0 0;} .title {font: normal normal normal 36px/40px Verdana, Geneva, Tahoma, sans-serif;} .red_title {color: #fe5039; font: normal normal bold 36px/40px Verdana, Geneva, Tahoma, sans-serif; vertical-align: top;} .sent {font: normal normal normal 100%/120px Verdana, Geneva, Tahoma, sans-serif; text-align: center;} .line1 {color: #fe5039; font: normal normal normal 20px/150% Verdana, Geneva, Tahoma, sans-serif; text-align: center;} .line2 {color: #fe5039; font: italic normal normal 12px/1 Verdana, Geneva, Tahoma, sans-serif; text-align: center;} /* Vertical menu */ .vmenu {width: 150px; background: transparent; overflow:hidden;} .vmenu ul {list-style-type: none; margin: 0; padding: 0;} .vmenu li {list-style-type: none; margin: 0; padding: 0;} .vmenu li a {width: 100%; display: block; font-size: 11px; padding: 0 0 4px 0; color:#000000; text-transform: lowercase; text-decoration: none;} .vmenu li a:link, .vmenu li a:visited {color: #000000;} .vmenu li a:hover {text-decoration: none;} .vmenu li a.current {color: #0192d5; font-style: italic;} .vmenu li a:link.currnt, .vmenu li a:visited.current {color: #0192d5; font-style: italic;} .vmenu li a:hover.current {text-decoration: none; font-style: italic;} /* Forms label {width: 100%; display:block; color: #000000;} input[type="text"], textarea {width: 100%; display: block; margin: .25em 0;} input[type="submit"] {display: block; padding: .25em;} */ #seaform {height: 100%; position: relative;} .seaform label {display: block; font-weight:bold; font-size: 16px; color: #0192d5; } /* .seaform .small {display: block; color:#000000; font: normal normal bold 13px/1 Arial, sans-serif;} 2013-10-30*/ .seaform .small {display: block; color:#000000; font-size: 13px; font-weight: bold;} .seaform input[type="submit"] {display: inline; padding: 0; } .seaform input[type="text"] {display: inline; border: 2px solid #000000; width: 150px; padding: 2px; } .topsearch input[type="submit"] {padding: 0; } .topsearch input[type="text"] {width: 150px; padding: 2px; } #cform {width: 80%; margin: 20px auto 0 0;} .cform label {display: block;} .cform input[type="submit"] {display: block;} .cform input[type="text"], .cform textarea {display: block; width: 90%; padding: 2px; margin: 4px 0; } .logout input[type="submit"] {padding: 0; } .search { padding: 6px 0 0 4px; } .search input { border: 1px solid #000000; width:72px; outline: none; padding:0 5px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .search label { font-size: .9em; padding: 0; } .search button { width: 40px; padding: 3px 0; } .search input::-webkit-input-placeholder { color: #111111; } .search input:-moz-placeholder { color: #111111; } .search2 { text-align: right; padding: 6px 0 10px 0; } .search2 input { border: 2px solid #000000; width:82px; outline: none; padding: 2px; } .search2 label { font-size: 12px; color: #0192d5; margin-right: 2px; ; } .search2 button { padding: 3px; } .search input::-webkit-input-placeholder { color: #111111; } .search input:-moz-placeholder { color: #111111; } .search3 { background-color: dimgrey; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; padding: 5px; } .search3 input { background-color: #ffffff; color: #000000; width:82px; outline: none; padding: 1px 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .search3 label { /* font: normal normal normal 12px/1 Arial, sans-serif; 2013-10-30 */ font-size: 12px; font-weight: normal; color: #ffffff; margin-right: 2px; ; } .search3 button { color: #0192d5; background-color: #ffffff; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } .search3 input::-webkit-input-placeholder { color: #000000; } .search3 input:-moz-placeholder { color: #000000; } /* Login */ #mesh {position: absolute; top: 0; left: 0;width: 100%; height: 100%; background-image:url(../assets/mesh.gif); z-index: 1000; visibility: hidden;} #login {position: absolute; top: 125px; left: 50%; width: 320px; margin-left: -160px; background: #ffffff; color: #000000; z-index: 1001; visibility: hidden;} #login fieldset {border: 2px solid; padding: 8px;} #login legend {margin: 0 0 0 20px; padding: 0 10px;font-size: .9em;} #login label {display: block; width: 80%; margin: 2px auto; font-weight:bold; font-size: 12px;} #login input[type="text"], #login input[type="password"] {display: block; width: 80%; padding: 1px; margin: 2px auto;} #login .buttons {display: block; width: 80%; margin: 2px auto;} #login input[type="submit"], #login input[type="button"] {display: inline; padding: 0; margin: 0;} /* Print styling */ .print {visibility: hidden; display: none;} /* Product promotion */ #promo {position: absolute; top: 126px; left: 834px; width: 300px; font-size: 14px;}