/*------------------------------------------------------------------ [Master Stylesheet] Project: Veg Tech AB Version: 1.0 Last change: - Assigned to: Kim Gunnarsson, Mindbite Primary use: Corporate Website -------------------------------------------------------------------*/ @import "tabs.css"; /*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ body {font: normal 12px/18px Arial, sans-serif; color: #000; background: #fff; margin-top: 0;} h1 {font: bold 16px "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Tahoma, sans-serif; color: #656565; border-bottom: solid 1px #dedede; padding: 0 0 11px; margin: 5px 0 11px;} h2 {font: bold 18px "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Tahoma, sans-serif; color: #993;margin: 25px 0 5px;} h3 {font: bold 14px "Trebuchet MS", Arial, Tahoma,"Lucida Sans Unicode", sans-serif; color: #993; margin: 0 0 2px;} h4 {font: bold 14px "Trebuchet MS", Arial, Tahoma,"Lucida Sans Unicode", sans-serif; color: #000; margin: 0;} h5 {font: normal 13px/18px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, sans-serif; color: #000; margin: 0;} h1 img {width: 24px; height: 24px; float: left; margin: 0 10px 10px 0;} h3.group {padding: 15px 0 5px; font: normal 14px/18px sans-serif; border-bottom: solid 1px #f6f6f6; clear: both; text-transform: uppercase;} a {} .hide {display: none;} .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} div.markerTooltip {background-color: #000; width: 190px; color: #fff; padding: 5px; } .rfv {color: #000 !important; text-transform: lowercase;} .imagetext {font: normal 9px Arial, sans-serif !important;} .chars {font: normal 12px Arial, sans-serif; text-align: center; text-transform: uppercase;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} div#skip {display: none;} div#vegtech {width: 960px; margin: 15px auto 0;} div#masthead {border-bottom: solid 1px #dedede; padding: 0 0 8px;} div#masthead #toolbar {clear: both;} div#masthead #logo {float: left; width: 88px;} div#masthead #navigation {float: right; width: 872px; text-align: right;} div#masthead div#toolbar #shortcuts {width: 788px; text-align: right; padding: 0 10px 0 0; float: left;} div#masthead div#toolbar #shortcuts ul {list-style: none !important; padding: 0; margin: 0;} div#masthead div#toolbar #shortcuts ul li {display: inline;} div#masthead div#toolbar #shortcuts ul li a {padding: 0 5px; border-right: solid 1px #999; color: #444; font-size: 10px; text-decoration: none;} div#masthead div#toolbar #shortcuts ul li.last a {border: none;} div#masthead div#toolbar div#languageselector {float: right; font-size: 10px; color: #333; width: 162px; position: relative;} div#masthead div#toolbar div#languageselector a {background: url(../gfx/languageselector-bg.gif) no-repeat 50%; display: block; padding: 1px 0 1px 15px; color: #333; text-decoration: none;} div#masthead div#toolbar div#languageselector a:hover {background-position: top;} div#masthead div#toolbar div#languageselector a.click {background-position: bottom;} div#masthead div#toolbar div#languageselector #languages {position: absolute; top: 20px; left: 4px; width: 152px; display: none; background: url(../gfx/languages-bg.png) bottom left no-repeat !important;} div#masthead div#toolbar div#languageselector #languages a {padding: 2px 0 2px 15px !important;} div#masthead div#toolbar div#languageselector #languages a:hover {} div#masthead div#toolbar div#languageselector #languages ul {list-style: none; padding: 5px 0 10px; margin: 0;} div#masthead div#toolbar div#languageselector #languages ul li {} div#masthead div#toolbar div#languageselector #languages ul li a {background: transparent !important;} div#masthead div#toolbar div#languageselector #languages ul li a:hover {background: #f3f3f3 !important;} div#masthead div#toolbar div#languageselector #languages ul li a.active {font-weight: bold;} div#masthead div#toolbar div#languageselector #languages ul li a img {margin: 2px 8px 0 0; float: left;} div.print {float: right; margin: 3px 5px 0 0;} div#container {margin: 16px 0; background: url(../gfx/content-bg.gif) repeat-y left;} div#container #secondarynavigation {width: 225px; float: left;} div#container #content {width: 535px; float: left; padding: 0 10px; overflow: hidden;} div#container #sidebar {width: 180px; float: right;} div#container #secondarynavigation ul.quicklinks {margin: 0; padding: 0 10px 0 0; list-style: none;} div#container #secondarynavigation ul.quicklinks li {border-bottom: solid 1px #f0f0f0; padding: 8px 0; margin: 0 0 5px;} div#container #secondarynavigation ul.quicklinks li h2 {color: #993; font: normal 13px "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Tahoma, sans-serif; margin: 0 0 5px;} div#container #secondarynavigation ul.quicklinks li img {float: left; margin: 0 10px 0 0;} div#container #secondarynavigation ul.quicklinks li p {font-size: 11px; color: #555; margin: 0;} div#container #secondarynavigation ul.quicklinks li a {color: #993; text-decoration: none; display: block; width: 100%;} div#container #secondarynavigation ul.quicklinks li a:hover {} div#container #content #searcharea {width: 500px; border-bottom: solid 1px #f4f4f4; padding: 15px 10px 15px; background: #f6f6f6;} div#container #content #searcharea fieldset {border: 0; padding: 0; margin: 0;} div#container #content #searcharea fieldset legend {display: none;} div#container #content #searcharea fieldset label {display: block; font-size: 11px;} div#container #content #searcharea fieldset input.txt {width: 495px;} div#container #content #searcharea fieldset select {width: 500px;} div#container #content #searcharea fieldset div#controlarea {width: 100px; float: right; text-align: right;} div#container #content {font-size: 11px; min-height: 300px;} div#container #content p {margin: 0 0 10px;} div#container #content a {color: #993; text-decoration: none;} div#container #content a:hover {text-decoration: underline;} div#container #content .imagetext {font: normal 10px/15px Arial, sans-serif !important;} div#container #content table td {text-align: left; vertical-align: top;} div#container div#content ul, div#container div#content ol {padding: 5px 10px; margin: 5px;} div#container div#content ul li {list-style-type: disc;} div#container div#content ol, div#container div#content ol li {list-style: decimal; } div#container div#content ul li, div#container div#content ol li {line-height: 1.6em;} div#container #content .tab-nav {background: #fff url(../gfx/tab-bg.gif) repeat-x; margin: 0 0 10px;} div#container #content .tab-nav ul#tab {margin: 25px 0 10px; padding: 0; list-style: none !important;} div#container #content .tab-nav ul#tab li {float: left; background: #fff url(../gfx/tab-item-left.gif) no-repeat left top; padding: 0 0 5px 12px; list-style: none !important;} div#container #content .tab-nav ul#tab li a {display: block; float: left; background: #fff url(../gfx/tab-item-right.gif) no-repeat right top; padding: 7px 13px 5px 0; text-decoration: none; color: #575757; font-size: 10px;} div#container #content .tab-nav ul#tab li.ui-tabs-selected {background: #fff url(../gfx/tab-item-selected-left.gif) no-repeat left top;} div#container #content .tab-nav ul#tab li.ui-tabs-selected a {background: #fff url(../gfx/tab-item-selected-right.gif) no-repeat right top;} div#container #content .tab-content {clear: both;} div#container #sidebar .puffitem {padding: 10px;} div#container #sidebar .puffitem a {display: block; text-decoration: none;} div#container #sidebar .puffitem h2 {color: #993; font: normal 13px "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Tahoma, sans-serif; margin: 10px 0 5px;} div#container #sidebar .puffitem p, div#container #sidebar .puffitem p a {color: #222; font-size: 11px; color: #555; margin: 0; text-decoration: none; margin-top: 0;} div#container #sidebar .puffitem .puffimage {width: 100%; text-align: center;} div#footer {border-top: solid 1px #dedede; padding: 10px 0; position: relative;} div#footer div#contact {float: left;} div#footer div#contact a {color: #666; text-decoration: none;} div#footer div#contact a:hover {text-decoration: underline;} div#footer div#socialbookmarking {float: right; text-align: right; position: relative; width: 250px;} div#footer div#socialbookmarking a.sendtofriend {background: url(../gfx/sendtofriend-bg.gif) left no-repeat; padding: 0 0 0 20px; color: #333; font-size: 11px; text-decoration: none; margin: 0px 15px 0 0; position: absolute; left: 0;} div#footer div#socialbookmarking a.sendtofriend span {margin: -2px 0 0 2px !important;} div#footer div#SendToFriend {position: absolute; display: none; bottom: 0; right: 0; z-index: 1000; margin: 0 0 21px; background-color: #f8f8f8; font-size: 11px; width: 260px; padding: 15px; text-align: left;} div#footer div#SendToFriend fieldset {border: 0; padding: 0; margin: 0;} div#footer div#SendToFriend fieldset legend {display: none;} div#footer div#SendToFriend fieldset label {display: block; color: #444;} div#footer div#SendToFriend fieldset input.txt {width: 255px;} div#footer div#SendToFriend fieldset .controlarea .btn {float: left;} div#footer div#SendToFriend fieldset .controlarea .right {float: right;} div#footer div#SendToFriend fieldset h2 {color: #666;} div.company {width: 100%;} div.company p {margin: 0 !important;} div.company h2 {font: bold 16px "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Tahoma, sans-serif; color: #656565; border-bottom: solid 1px #dedede; padding: 0 0 10px; margin: 15px 0;} div.companies {border-bottom: solid 0px #f6f6f6;} address.footer {font: normal 11px sans-serif; display: block; clear: both; color: #444;} address.footer strong {display: none;} address.footer span.tel strong {display: inline; font-weight: normal;} address.footer span.fax strong {display: inline; font-weight: normal;} address.footer a {} .ui-tabs-hide {display: none;} div.newsletter-subscribe {margin: 20px 0 0; clear: both;} div.newsletter-subscribe fieldset {border: 0; padding: 15px 0 10px; margin: 0;} div.newsletter-subscribe fieldset legend {display: none;} div.newsletter-subscribe fieldset input.txt {width: 300px; font-family: Arial, Tahoma, Sans-Serif; font-size: 11px;} div.newsletter-subscribe fieldset p.checkbox label {margin-left: 5px;} div.newsletter-subscribe fieldset label {display: inline-block; width: 120px; margin: 5px 0 0;} div.newsletter-subscribe fieldset .btn {margin: 10px 0 0 123px; font-size: 11px;} #imageContainer {position: relative;} #imageContainer img {display: none; position: absolute;} div.headers {width: 535px; height: 226px; overflow: hidden; position: relative; margin: 0 0 20px !important;} ul.headers, ul.headers li {margin: 0 !important; padding: 0 !important; list-style: none !important;} div.headers a.previous, div.headers a.next {position: absolute; display: block; width: 24px; height: 24px; top: 100px; z-index: 1000; text-indent: -9999px;} div.headers a.previous {left: 10px; background: transparent url(../gfx/layout/header-navigation-previous.png) no-repeat left top;} div.headers a.next {right: 10px; background: transparent url(../gfx/layout/header-navigation-next.png) no-repeat left top;} div.headeritem {width: 535px; height: 226px; overflow: hidden; position: relative; z-index: 1; margin: 0 0 20px !important;} div.headeritem span.master {position: absolute; background: transparent url(../gfx/layout/header-title-left.png) no-repeat left; padding: 7px 0 8px 17px; right: 8px; bottom: 12px;} div.headeritem span span {background: transparent url(../gfx/layout/header-title-right.png) no-repeat right; padding: 7px 18px 8px 0; height: 32px; position: relative;} div.headeritem a {color: #000 !important; text-decoration: none !important;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ div#masthead #navigation ul {list-style: none; padding: 0; margin: 45px 0 0;} div#masthead #navigation ul li {display: inline; margin-left: 20px;} div#masthead #navigation ul li a {color: #656565; font-size: 14px; font-weight: bold; text-decoration: none;} div#masthead #navigation ul li.on a {color: #993; font-weight: bold;} div#container #secondarynavigation ul.subnav {margin: 0; padding: 0 10px 0 0; list-style: none;} div#container #secondarynavigation ul.subnav li {clear: both; border-bottom: solid 1px #dedede; padding-left: 5px;} div#container #secondarynavigation ul.subnav li a img {float: left; margin-top: 5px;} div#container #secondarynavigation ul.subnav li a {font-size: 11px; color: #656565; text-decoration: none; line-height: 35px; padding: 0; margin: -2 0 5px; display: block; position: relative;} div#container #secondarynavigation ul.subnav li.on a {font-weight: bold; color: #993;} div#container #secondarynavigation ul.subnav-products li a {line-height: 15px !important; height: 34px !important;} div#container #secondarynavigation ul.subnav-products ul li a {height: auto !important;} div#container #secondarynavigation ul.subnav ul {margin: 0 0 10px 6px; padding: 0 10px 0 0; list-style: none; clear: both;} div#container #secondarynavigation ul.subnav ul li {clear: both; border: 0;} div#container #secondarynavigation ul.subnav ul li a {line-height: 12px; color: #656565 !important; font-weight: normal !important; border-bottom: none !important; text-decoration: none; padding: 0 0 0 10px; margin: 0 0 9px; display: block; background: url(../gfx/arrow.gif) no-repeat 0 4px; height: auto;} div#container #secondarynavigation ul.subnav ul li.on a {font-weight: bold !important; color: #993 !important;} div#container #secondarynavigation ul.subnav ul li.on.hc a {background: url(../gfx/arrow_hc.gif) no-repeat 0 5px;} div#container #secondarynavigation ul.subnav ul ul {margin: 10px 0 10px 6px; padding: 0 10px 0 0; list-style: none;} div#container #secondarynavigation ul.subnav ul ul li {clear: both;} div#container #secondarynavigation ul.subnav ul ul li a, div#container #secondarynavigation ul.subnav ul li.on ul li a {color: #656565 !important; font-weight: normal !important; border-bottom: none !important; padding: 0 0 0 10px !important; margin: 0 0 9px; background: url(../gfx/arrow.gif) no-repeat 0 3px !important;} div#container #secondarynavigation ul.subnav ul ul li.on a, div#container #secondarynavigation ul.subnav ul li.on ul li.on a {font-weight: bold !important; color: #993 !important;} div#container #secondarynavigation ul.subnav ul ul li.hc a {background: url(../gfx/arrow.gif) no-repeat 0 4px !important;} div#container #secondarynavigation ul.subnav ul ul ul {margin: 10px 0 10px 6px !important; padding: 0 10px 0 0; list-style: none;} div#container #secondarynavigation ul.subnav ul ul ul li {clear: both;} div#container #secondarynavigation ul.subnav ul ul ul li a, div#container #secondarynavigation ul.subnav ul li.on ul ul li a {color: #656565 !important; font-weight: normal !important; border-bottom: none !important; padding: 0 0 0 10px !important; margin: 0 0 9px; background: url(../gfx/arrow.gif) no-repeat 0 3px !important;} div#container #secondarynavigation ul.subnav ul ul ul li.on a, div#container #secondarynavigation ul.subnav ul li.on ul ul li.on a {font-weight: bold !important; color: #993 !important;} div#container #secondarynavigation ul.subnav ul ul ul li.hc a {background: url(../gfx/arrow.gif) no-repeat 0 4px !important;} div#container #secondarynavigation ul.subnav ul ul ul li a, div#container #secondarynavigation ul.subnav ul li.on ul li.on ul li a {color: #656565 !important; font-weight: normal !important; border-bottom: none !important; padding: 0 0 0 10px !important; margin: 0 0 9px; background: url(../gfx/arrow.gif) no-repeat 0 7px !important;} div#container #secondarynavigation ul.subnav ul ul ul li.on a, div#container #secondarynavigation ul.subnav ul li.on ul li.on ul li.on a {font-weight: bold !important; color: #993 !important;} div#container #secondarynavigation ul.subnav ul ul ul ul li a, div#container #secondarynavigation ul.subnav ul li.on ul li.on ul li.on ul li a {color: #656565 !important; font-weight: normal !important; border-bottom: none !important; padding: 0 0 0 10px !important; margin: 0 0 9px; background: url(../gfx/arrow.gif) no-repeat 0 7px !important;} div#container #secondarynavigation ul.subnav ul ul ul ul li.on a, div#container #secondarynavigation ul.subnav ul li.on ul li.on ul li.on ul li.on a {font-weight: bold !important; color: #993 !important;} div#container #secondarynavigation ul.subnav ul ul ul ul ul li a, div#container #secondarynavigation ul.subnav ul li.on ul li.on ul li.on ul li.on ul li a {color: #656565 !important; font-weight: normal !important; border-bottom: none !important; padding: 0 0 0 10px !important; margin: 0 0 9px; background: url(../gfx/arrow.gif) no-repeat 0 7px !important;} div#container #secondarynavigation ul.subnav ul ul ul ul ul li.on a, div#container #secondarynavigation ul.subnav ul li.on ul li.on ul li.on ul li.on ul li.on a {font-weight: bold !important; color: #993 !important;} div#container #secondarynavigation ul.subnav ul ul ul ul ul ul li a, div#container #secondarynavigation ul.subnav ul li.on ul li.on ul li.on ul li.on ul li.on ul li a {color: #656565 !important; font-weight: normal !important; border-bottom: none !important; padding: 0 0 0 10px !important; margin: 0 0 9px; background: url(../gfx/arrow.gif) no-repeat 0 7px !important;} div#container #secondarynavigation ul.subnav ul ul ul ul ul ul li.on a, div#container #secondarynavigation ul.subnav ul li.on ul li.on ul li.on ul li.on ul li.on ul li.on a {font-weight: bold !important; color: #993 !important;} div#container #secondarynavigation ul.subnav li a span.title {float: left; padding: 10px 0 0; width: 175px;} div#container #secondarynavigation ul.subnav li a span.title:hover {cursor: pointer;} div#container #secondarynavigation ul.subnav li.margin-title a span.title {padding: 10px 0 10px !important;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ccc; padding: 0 2px;} ol.searchresult li {margin-bottom: 20px;} ol.searchresult h3 {margin: 0 0 5px 0;} ol.searchresult h3 a {text-decoration: none !important; color: #444 !important;} ol.searchresult p {margin: 0 0 3px;} div.staff {width: 516px; clear: both; padding: 10px 0 !important; display: block; border-bottom: solid 0px #f6f6f6;} div.staff div.description {float: right; width: 216px;} address.staff {width: 300px; margin: 0;display: block; float: left; overflow: hidden;} address.staff strong {font: normal 11px Arial, sans-serif;} address.staff span {margin: 0 0 3px 0; font: normal 11px Arial, sans-serif; display: block;} address.staff span.wrapper {width: 145px; 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: 12px; font-style: italic; color: #999;} address.staff span.value {display: inline;} address.staff span.vcf a {padding-left: 23px; 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: 160px; height: 150px; 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: 160px; height: 150px; 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: 160px; 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 input.captcha-input {width: 60px;} 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;} ul.documentlibrary {list-style: none !important; margin: 5px 0 15px; padding: 0;} ul.documentlibrary li {} ul.documentlibrary li img {margin: 3px 5px -2px 0;} /*-------------------------------------------------------------------------------------------------- Modules --------------------------------------------------------------------------------------------------*/ table.default-view {margin: 0 0 15px !important; width: 100%;} table.default-view tr td {padding: 3px 5px; background-color: #f2f2f2; border-right: solid 1px #fff; border-bottom: solid 1px #fff; font-size: 11px; vertical-align: middle;} table.default-view tr td.last {border-right: 0;} table.default-view tr.odd td {background-color: #fff; border-color: #f0f0f0;} table.default-view tr.header th {border-bottom: solid 1px #dcdcdc !important; text-align: left !important; padding: 3px 5px; color: #545454; font-size: 11px; font-weight: normal;} table.default-view tr th {padding: 3px 5px; text-align: left !important;} table.default-view tr.list-head th {background: #f8f8f8; border-bottom: solid 1px #fff;} table.default-view tr td.img, table.default-list tr th.img {width: 16px; vertical-align: middle !important;} table.default-view tr td.wide-img, table.default-list tr th.wide-img {width: 50px; vertical-align: middle !important;} table.default-view tr td.middle {vertical-align: middle !important;} table.default-view a {color: #222 !important;} table.default-view h3 {margin: 10px 0 0;} div.pager {padding: 10px; border-top: solid 1px #f2f2f2; border-bottom: solid 1px #f3f3f3; line-height: 2.1em;} div.pager div.navigation {text-align: center;} div.pager a {color: #666 !important; padding: 3px 2px; margin: 0 0 4px !important; text-decoration: none !important; border: solid 1px #fff; border-bottom: solid 1px #f8f8f8;} div.pager a:hover {border: solid 1px #f3f3f3;} div.pager strong {color: #666 !important; padding: 3px 2px; border: solid 1px #dcdcdc; background: #f0f0f0;} div.pager a.nav {font-weight: bold !important; padding: 3px 5px; border: none !important; background: #666; color: #fff !important;} div.pager div.navigation p {float: left;} div.pager div.navigation .right {float: right; width: 300px; text-align: right;} div.pager div.navigation .right a {margin-left: 3px !important;} div.pager div.navigation .right a:hover {background-color: #888 !important;} div.projectinfo {border-bottom: solid #f8f8f8 1px; padding: 10px; background: #f9f9f9;} div.projectinfo .cl, div.projectinfo .cr {width: 50%; float: left;} dl.project-view {font-size: 11px; margin: 0 0 10px !important;} dl.project-view dt {float: left; clear: both; width: 100px; font-weight: bold; color: #555;} dl.project-view dd {display: inline; float: left; width: 120px; padding: 0 5px; margin: 0 0 3px;} dl.project-view dd ul {margin: 0 !important; padding: 0 !important; list-style: none !important;} dl.project-view dd.persons ul, dl.project-view dd.persons ul li {list-style: none !important;} ul.project-view {list-style: none !important;} ul.project-view li {margin: 0 0 10px; list-style: none !important;} div.product-image {width: 420px; float: left;} div.product-thumbs {width: 70px; float: right; margin-right: 10px;} div.product-thumbs img {margin-bottom: 20px;} div.product-image-navigation {clear: both; text-align: right; border-bottom: solid 1px #f2f2f2; padding: 5px 20px 5px 0; margin: 0 0 15px; } div.product-image-navigation a {font-weight: bold !important; padding: 3px 5px; border: none !important; background: #666; color: #fff !important; text-decoration: none !important;} div.product-image-navigation a:hover {background-color: #888 !important;} /*-------------------------------------------------------------------------------------------------- CE --------------------------------------------------------------------------------------------------*/ div.largeimage {display:none; position: absolute; left:200px; background-color:#fff; border:solid 1px #ccc;} div.largeimage a {margin:10px; display: block;} ol.guestbook {width: 70%; margin: 0; padding: 0; list-style: none; float: left;} ol.guestbook li {margin: 0 0 10px 0; padding: 10px; background: #f5f5f5;} ol.guestbook h3 {margin: 0; font: bold 11px sans-serif;} ol.guestbook p {margin: 0;} ol.guestbook p.report {margin-bottom: 10px;} ol.guestbook a {text-decoration: none; color: Blue;} ol.guestbook a.reported {text-decoration: none; color: Red;} ol.guestbook li.pager {margin: 0; padding: 0; line-height: 20px; text-align: center; background: none !important; clear: both;} ol.guestbook li.pager a {text-decoration: none;} ol.guestbook li.pager a:hover {text-decoration: underline;} ol.guestbook li.pager a.left {float: left;} ol.guestbook li.pager a.right {float: right;} fieldset.guestbook {width: 25%; padding: 10px; background: #f5f5f5; border: 0; float: right;} fieldset.guestbook legend {margin: 0 0 10px -7px; padding: 0; font: bold 14px sans-serif; color: #000;} fieldset.guestbook p {margin: 5px 0;} fieldset.guestbook p.info {margin: 10px 0;} fieldset.guestbook p.error {color: Red;} fieldset.guestbook p.done {color: Green;} fieldset.guestbook p.checkbox {margin: 0 0 10px 0;} fieldset.guestbook p.checkbox label {margin: 0 0 0 3px; vertical-align: middle; display: inline;} fieldset.guestbook p.checkbox input {width: auto; vertical-align: middle;} fieldset.guestbook label {display: block;} fieldset.guestbook label span {color: Red; visibility: hidden;} fieldset.guestbook input {width: 97%; font: normal 11px sans-serif;} fieldset.guestbook textarea {width: 97%; height: 80px; font: normal 11px sans-serif; overflow: auto;} fieldset.guestbook input.btn {width: auto;} fieldset.guestbook fieldset {margin: 0; padding: 0; border: 0; display: none;} fieldset.guestbook fieldset legend {display: none;} ul.banners {margin: 20px 0; padding: 0; list-style: none;} ul.banners li {margin: 5px 0;} /*-------------------------------------------------------------------------------------------------- Print Show: Logo, Content, Address Hide: Navigation, Toolbar, Quicklinks, Sidebar, Socialbookmarking, Tabs --------------------------------------------------------------------------------------------------*/ @media print { div#wrapper {width: 100%; margin: 0; padding: 0;} #logo {width: 100%;} #logo img {margin: 0;} #content {width: 100% !important; padding: 10px 0; font-size: 16px !important; line-height: 1.65em !important;} #content p {width: 100% !important; font-size: 15px !important;} #content h1 {font: bold 32px Georgia, Times New Roman, Serif; color: #333; padding: 0 0 10px; margin: 0 0 10px; border: none !important;} #masthead {border: none !important;} #footer {font-size: 13px !Important;} #toolbar, #navigation, #secondarynavigation, #sidebar, #socialbookmarking, #sendtofriend, ul#tab {display: none !important;} }