/*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ @import 'xfade.css'; body {margin: 0 10px 10px 10px; padding: 0; font: normal 11px/16px sans-serif; color: #333; background: #fff;} body#popup {margin: 10px; padding: 0; font: normal 11px/16px sans-serif; color: #333; background: #fff;} h1 {margin: 0 0 10px 0; font: normal 18px sans-serif; color: #333; text-transform: none; z-index: 10; clear: both;} h2 {margin: 0 0 10px 0; font: normal 14px sans-serif; color: #666; text-transform: uppercase;} h3 {margin: 0 0 10px 0; font: normal 11px sans-serif; color: #666; text-transform: uppercase;} h4 {width: 100%; margin: 10px 0 5px 0; padding-bottom: 5px; font: bold 14px sans-serif; border-bottom: solid 1px #666;} h2.group {padding-top: 15px; border-top: solid 1px #ccc; clear: both;} h2.specification {padding-bottom: 5px; border-bottom: solid 1px #ccc; clear: both;} h3.news {margin: 0 0 5px 0; font: bold 11px sans-serif; color: #093; text-transform: none;} h3.news a {color: #093; text-decoration: none;} p {margin: 0 0 15px 0;} p.date {margin: 0; font-size: 10px; color: #999;} p.caption {font-size: 10px; font-style: italic; color: #999;} p.more {text-align: right;} p.more a {text-decoration: none;} a {color: #093;} .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} img.border {border: solid 1px #bbb;} img.borderpadding {padding: 2px; border: solid 1px #bbb;} img#profile {margin: -10px 0 0 -10px;} div#wrapper {width: 770px; overflow: hidden;} div#header {width: 770px; height: 65px; margin-bottom: 1px; border-bottom: solid 5px #aaa; background: url(../gfx/bg_header.gif) no-repeat; float: left; clear: both; overflow: hidden;} div#header #logo {margin-top: 10px; float: left;} div#flags {width: 220px; margin: 40px 0 0 0; text-align: right; float: right;} div#flags img {margin-left: 2px; padding-bottom: 1px; border-bottom: solid 2px #fff;} div#flags img.selected {padding-bottom: 1px; border-bottom: solid 2px #aaa;} div#menuContent {clear: both;} fieldset#search {width: 190px; height: 32px; margin: 0; padding: 0 5px; border: 0; background: #bababa; float: left; overflow: hidden;} fieldset#search legend {display: none;} fieldset#search input {width: 120px; margin: 5px 0 0 0; padding: 1px 2px; font: normal 11px sans-serif;} fieldset#search input.btn {width: auto; margin: 5px 0 0 0; padding: 0 2px; font: normal 11px sans-serif;} .column-right #content {width: 740px; padding: 20px 10px 20px 20px; background: url(../gfx/bg_right.gif); clear: both; overflow: hidden;} .column-right .main-content {width: 530px; float: left; overflow: hidden;} .column-right .secondary-content {width: 180px; margin: 0 0 0 30px; float: left; overflow: hidden;} .column-left #content {width: 740px; padding: 20px 20px 20px 10px; background: url(../gfx/bg_left.gif); clear: both; overflow: hidden;} .column-left .main-content {width: 530px; margin: 0 0 0 210px; float: left; overflow: hidden; display: inline;} .column-left .secondary-content {width: 180px; margin: 0 30px 0 -740px; float: left; overflow: hidden; display: inline;} .main-content ul {list-style: none; margin-left: 2px; margin-top: -10px; padding: 0;} .main-content li {background: url(../gfx/bullet.gif) no-repeat 0px 6px; padding-left: 7px;} /* NEWS */ ol#news {width: 180px; margin: 0; padding: 0; list-style-type: none;} ol#news li {margin: 0 0 20px 0;} ol#news li h3 {margin: 0 0 5px 0; font: bold 11px Sans-Serif; color: #000; text-transform: none;} ol#news li h3 a {text-decoration: none;} ol#news li h3 span {font-size: 10px; font-weight: normal; color: #999; display: block;} ol#news li p {margin: 0;} li.pager {width: 32% !important; height: 20px; margin: 0 !important; padding: 0 !important; font-weight: bold; border: solid 1px #fafafa; display: block; float: left;} li.prev {text-align: left;} li.prev a {text-decoration: none;} li.page {text-align: center; } li.next {text-align: right;} li.next a {text-decoration: none;} /* NEWS */ /* CONTACT */ fieldset.country {width: 180px; margin: 0; padding: 0; border: 0;} fieldset.country legend {display: none;} fieldset.country label {margin-bottom: 5px; display: block;} fieldset.country select {width: 180px; font: normal 11px sans-serif;} div.company {width: 265px; height: 170px; margin: 0 0 20px 0; float: left; overflow: hidden; position: relative; z-index: 10;} div.company p.more {position: absolute; bottom: 5px; right: 5px;} /* CONTACT */ /* PRODUCT */ ul#category {width: 160px; margin: 0 0 0 0px; padding: 0; list-style-type: none;} ul#category li {margin-bottom: 2px;} ul#category li a {width: 160px; padding: 3px 0 3px 14px; font: bold 12px sans-serif; color: #666; text-decoration: none; background: url(../gfx/category_bg.gif) repeat-y; display: block;} ul#category li a:hover {color: #000; background-image: url(../gfx/category_on_bg.gif);} ul#category li.selected a {color: #000; background-image: url(../gfx/category_on_bg.gif);} ul#category ul {width: 160px; margin: 5px 0 3px 5px; padding: 0; list-style-type: none;} ul#category ul li a {height: auto !important; padding: 0 0 0 10px !important; font: normal 11px/18px sans-serif; height: 18px; color: #666 !important; text-decoration: none; background: none !important;} ul#category ul li a:hover {color: #000 !important; background: url(../gfx/category_sub_on_bg.gif) repeat-y !important;} ul#category ul li.selected a {color: #000 !important; font-weight: bold; background: url(../gfx/category_sub_on_bg.gif) repeat-y !important;} div#printproduct {margin: 0 0 10px 0; text-align: right; clear: both;} div#printproduct a {text-decoration: none;} div#printproduct img {margin-left: 5px; vertical-align: middle;} img#product-image {width: 420px; float: left; overflow: hidden;} div#product-thumbs {width: 100px; margin-left: 10px; float: left; overflow: hidden;} div#product-thumbs a {margin: 0 0 10px 0;} div#navigation {clear: both;} div#navigation a {width: 33px; text-decoration: none; display: block; float: left;} div#navigation a#next {text-align: right;} div#navigation a.disabled {color: #fff;} div#navigation span {width: 33px; text-align: center; display: block; float: left;} table#files {width: 100%; border-collapse: collapse;} table#files td {padding: 3px 0;} table#files td a {text-decoration: none;} table#files td img {vertical-align: middle;} /* PRODUCT */ /* PROJECT */ .cr, .cl {float: left; width: 260px; overflow: hidden;} .cl {margin-right: 10px;} /*.cr img, .cl img {height: 150px;}*/ /* PROJECT */ div#footer {width: 758px; margin: 0; padding: 10px 5px; border: solid 1px #ccc; clear: both;} div#footer-popup {width: auto; margin: 20px 0; padding: 10px 0; border-top: solid 1px #ccc; clear: both; page-break-after: always;} address.footer {font: normal 11px sans-serif; color: #999; display: block; clear: both;} address.footer strong {display: none;} address.footer span.tel strong {display: inline;} address.footer span.fax strong {display: inline;} address.footer a {font-weight: bold; color: #999; text-decoration: none;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ ul#menu {width: 567px; height: 32px; margin: 0 1px 0 0; padding: 0; list-style-type: none; border-left: solid 1px #ccc; border-right: solid 1px #ccc; background: url(../gfx/menu/bg.gif); position: relative; z-index: 100; float: left;} ul#menu li {height: 30px; margin: 1px 0; border-right: solid 1px #ccc; float: left;} ul#menu li a {margin: 0; padding: 0 10px; font: bold 12px/30px sans-serif; color: #333; text-decoration: none; background: url(../gfx/menu/off.gif); display: block;} ul#menu li a:hover {background: url(../gfx/menu/on.gif);} ul#menu li.on a {background: url(../gfx/menu/sel.gif);} ul.submenu {width: 170px; margin: 0 0 0 -1px; padding: 0; list-style-type: none; border: none; border-top: solid 1px #ccc; background: #fff; position: absolute; display: none; z-index: 1000;} ul.submenu ul {margin: -20px 0 0 155px; display: none;} ul.submenu li {height: auto !important; margin: 0 !important; border-right: solid 1px #ccc; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc;} ul.submenu li a {width: 157px; padding: 6px !important; font: normal 11px sans-serif !important; color: #333 !important; background-image: none !important;} ul.submenu li a:hover {background-color: #d4e6d2 !important;} ul.submenu li.on a {background-color: #b9ccb7 !important;} ul.submenu li.on li a {background-color: #fff !important;} ul.submenu li.on li a:hover {background-color: #eee !important;} ul.submenu li li.on a {background-color: #eee !important;} ul.submenu li li.on li a {background-color: #fff !important;} #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li:hover ul ul ul ul ul {display: none !important;} #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li li li li li:hover ul {display: block !important;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ccc; padding: 0 2px;} ol.searchresult li {margin-bottom: 20px; background: none;} ol.searchresult h3 {margin: 0 0 5px 0; font-size: 14px;} ol.searchresult h3 a {text-decoration: none; color: #666;} ol.searchresult p {margin: 3px 0;} address.staff {width: 265px; height: 140px; margin: 20px 0; display: block; float: left; overflow: hidden;} address.staff strong {font: normal 11px sans-serif;} address.staff span {margin: 0 0 3px 0; font: normal 11px sans-serif; display: block;} address.staff span.wrapper {width: 165px; float: left;} address.staff span.photo {width: 95px; margin-right: 5px; float: left;} address.staff span.n {margin-bottom: 5px; font-size: 12px; font-weight: bold;} address.staff span.title {margin: 10px 0; font-size: 14px; color: #999;} address.staff span.value {display: inline;} address.staff span.vcf a {padding-left: 18px; background: url(../gfx/vcf.gif) no-repeat 0 2px;} div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;} a.gallerydir {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.galleryimg {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.gallerydir:hover {color: #000; background-color: #f5f5f5;} a.galleryimg:hover {color: #000; background-color: #f5f5f5;} a.gallerydir img, a.galleryimg img {display: block; clear: both;} a.gallerydir span, a.galleryimg span {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;} body#viewphoto {height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;} body#viewphoto h1 {font: bold 18px sans-serif; color: #fff;} body#viewphoto p {margin: 5px 0; color: #fff;} fieldset.contact {border: 0; margin: 10px 0; padding: 0;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block;} fieldset.contact label .rfv {font-size: 11px; color: #f00;} fieldset.contact input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.contact textarea {width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px sans-serif; float: left;} dl#pageproperties dd {font: normal 11px sans-serif;} dl#pageproperties dd a {} ul.sitemap {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} ul.breadcrumb {margin: 0; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 5px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;} @Media Print { div#wrapper {width: auto; float: none; clear: both; overflow: visible;} div#header {display: none;} div#header #logo {display: none;} div#flags {display: none;} fieldset#search {display: none;} ul#menu {display: none;} div#footer {width: auto; margin: 0; padding: 10px 5px; border: 0; clear: both;} div.no-column {width: auto; padding: 0; background: none; clear: both; overflow: visible;} div.column-right {width: auto; padding: 0; background: none; clear: both; overflow: visible;} div.column-right .main-content {width: auto; float: left; overflow: visible;} div.column-right .secondary-content {display: none;} div.column-left {width: auto; padding: 0; background: none; clear: both; overflow: visible;} div.column-left .main-content {width: auto; float: left; overflow: visible;} div.column-left .secondary-content {display: none;} }