html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.content {line-height:1.6em}
.content a {text-decoration:underline}
.content strong,.content th,.content thead td,.content h1,.content h2,.content h3,.content h4,.content h5,.content h6,.content dt {font-weight:bold}
.content cite,.content em,.content dfn {font-style:italic}
.content code,.content kbd,.content samp,.content pre,.content tt,.content var {font-size:100%; font-family:mono-space,monospace}
.content pre {white-space:pre}
.content pre * {font-size:100%; white-space:pre}
.content del {text-decoration:line-through}
.content ins,.content dfn {border-bottom:1px solid black}
.content small,.content sup,.content sub {font-size:85%}
.content big {font-size:125%; line-height:80%}
.content abbr,.content acronym {text-transform:uppercase; font-size:85%; letter-spacing:.1em}
.content abbr[title],.content acronym[title],.content dfn[title] {cursor:help; border-bottom:1px dotted black}
.content sup {vertical-align:super}
.content sub {vertical-align:sub}
.content blockquote {padding-left:2.2em}
.content .dquo {margin-left:-.55em}
.content :lang(af),.content :lang(nl),.content :lang(pl) {quotes:'\201E' '\201D' '\201A' '\2019'}
.content :lang(bg),.content :lang(cs),.content :lang(de),.content :lang(is),.content :lang(lt),.content :lang(sk),.content :lang(sr),.content :lang(ro) {quotes:'\201E' '\201C' '\201A' '\2018'}
.content :lang(da),.content :lang(hr) {quotes:'\00BB' '\00AB' '\203A' '\2039'}
.content :lang(el),.content :lang(es),.content :lang(sq),.content :lang(tr) {quotes:'\00AB' '\00BB' '\2039' '\203A'}
.content :lang(en-GB) {quotes:'\2018' '\2019' '\201C' '\201D'}
.content :lang(fi),.content :lang(sv) {quotes:'\201D' '\201D' '\2019' '\2019'}
.content :lang(fr) {quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}
.content *[lang|='en'] q:before {content:'\201C'}
.content *[lang|='en'] q:after {content:'\201D'}
.content *[lang|='en'] q q:before {content:'\2018'}
.content *[lang|='en'] q q:after {content:'\2019'}
.content input,.content select,.content button {cursor:pointer}
.content input[type='text'],.content input[type='password'] {cursor:text}
.content input[type='hidden'] {display:none}
.content h1 {font-size:1.6em; line-height:1; margin:1em 0 .5em}
.content h2 {font-size:1.5em; line-height:1; margin:1.07em 0 .535em}
.content h3 {font-size:1.4em; line-height:1; margin:1.14em 0 .57em}
.content h4 {font-size:1.3em; line-height:1; margin:1.23em 0 .615em}
.content h5 {font-size:1.2em; line-height:1; margin:1.33em 0 .67em}
.content h6 {font-size:1em; line-height:1; margin:1.6em 0 .8em}
.content hr {display:block; background:black; color:black; width:100%; height:1px; border:none}
.content ul {list-style:disc outside}
.content ol {list-style:decimal outside}
.content table {border-collapse:collapse}
.content hr,.content p,.content ul,.content ol,.content dl,.content pre, .content address,.content table,.content form {margin-bottom:1.6em}
.content p+p {margin-top:-.8em}
.content fieldset {margin:1.6em 0; padding:1.6em}
.content legend {padding-left:.8em; padding-right:.8em}
.content fieldset>*:first-child {margin-top:0}
.content textarea,.content input[type='text'] {padding:.1em .2em}
.content input {padding:.2em .1em}
.content select {padding:.2em .1em 0}
.content select[multiple] {margin-bottom:.8em}
.content option {padding:0 .4em .1em}
.content button {padding:.3em .5em}
.content input[type='radio'] {position:relative; bottom:-.2em}
.content dt {margin-top:.8em; margin-bottom:.4em}
.content ul,.content ol {margin-left:2.2em}
.content caption,.content form div {padding-bottom:.8em}
.content ul ul,content ol ul,.content ul ol,content ol ol {margin-bottom:0}
html, body {height: 100%}
div#fancy_overlay {background-color:#FFFFFF; display: none; top: 0; left: 0; width: 100%; height: 100%; position:fixed; z-index: 30}
* html div#fancy_overlay {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100}
div#fancy_loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(assets/fancybox/fancy_progress.png) no-repeat}
div#fancy_loading_overlay {position: absolute; background-color: #FFF; z-index: 30}
div#fancy_loading_icon {position: absolute; background: url(assets/fancybox/fancy_loading.gif) no-repeat; z-index: 35; width: 16px; height: 16px}
div#fancy_outer {position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 32px 18px; margin: 0; overflow: hidden; background: transparent; display: none}
div#fancy_inner {position: relative; width:100%; height:100%; border: 1px solid #444; background: #FFFFFF}
div#fancy_content {position: relative; margin: 0; z-index: 100; width: 100%; height: 100%}
div#fancy_div {background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100}
img#fancy_img {position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%}
div#fancy_close {position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url(assets/fancybox/fancy_closebox.png) top left no-repeat; cursor: pointer; z-index: 181; display: none}
#fancy_frame {position: relative; width: 100%; height: 100%; display: none}
#fancy_ajax {position: absolute; overflow: auto; top: 15px; left: 15px; bottom: 15px; right: 15px}
* html div#fancy_ajax {height: expression((this.parentNode.clientHeight - 30) + "px"); width: expression((this.parentNode.clientWidth - 30) + "px")}
a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; background-image: url(data:image/gif;base64,AAAA); z-index: 111; display: none; outline: none}
a#fancy_left {left: 0px}
a#fancy_right {right: 0px}
a#fancy_left:hover {background: transparent url(assets/fancybox/fancy_prev.gif) no-repeat 5% 45%}
a#fancy_right:hover {background: transparent url(assets/fancybox/fancy_next.gif) no-repeat 95% 45%}
.fancy_bigIframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent}
div#fancy_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0}
div.fancy_bg {position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0}
div.fancy_bg_n {top: -18px; width: 100%; height: 18px; background: transparent url(assets/fancybox/fancy_shadow_n.png) repeat-x}
div.fancy_bg_ne {top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(assets/fancybox/fancy_shadow_ne.png) no-repeat}
div.fancy_bg_e {right: -13px; height: 100%; width: 13px; background: transparent url(assets/fancybox/fancy_shadow_e.png) repeat-y}
div.fancy_bg_se {bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(assets/fancybox/fancy_shadow_se.png) no-repeat}
div.fancy_bg_s {bottom: -18px; width: 100%; height: 18px; background: transparent url(assets/fancybox/fancy_shadow_s.png) repeat-x}
div.fancy_bg_sw {bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(assets/fancybox/fancy_shadow_sw.png) no-repeat}
div.fancy_bg_w {left: -13px; height: 100%; width: 13px; background: transparent url(assets/fancybox/fancy_shadow_w.png) repeat-y}
div.fancy_bg_nw {top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(assets/fancybox/fancy_shadow_nw.png) no-repeat}
div#fancy_title {position: absolute; bottom: -32px; left: 0; width: 100%; z-index: 100; display: none}
div#fancy_title div {color: #FFF; font: bold 12px Arial; padding-bottom: 2px}
div#fancy_title table {margin: 0 auto}
div#fancy_title table td {padding: 0; vertical-align: middle}
td#fancy_title_left {height: 32px; width: 28px; background: transparent url(assets/fancybox/fancy_title_left.png) repeat-x}
td#fancy_title_main {height: 32px; padding: 0 5px; background: transparent url(assets/fancybox/fancy_title_main.png) repeat-x}
td#fancy_title_right {height: 32px; width: 28px; background: transparent url(assets/fancybox/fancy_title_right.png) repeat-x}
html {background: #0A0A1E}
body {background: #0A0A1E; color: #D1D1D1; text-align: center}
body, textarea {font-family: Arial, Helvetica, Verdana, sans-serif}
h1, h2, h3, h4, h5, h6 {font-size: 1.3em; font-weight: normal}
a {color: #E1E1E1; text-decoration: none}
a:hover {color: #97BE0D}
strong.color {color: #97BE0D !important}
span.hide, span.fallback {display: none}
dl.two-col {line-height: 1.6em; margin: 0 0 40px 0}
dl.two-col dt {font-weight: bold}
dl.two-col dt.title {text-transform: uppercase; margin-bottom: 0.8em; color: #E1E1E1}
dl.two-col dt.col {float: left}
dl.two-col dd.col {text-align: right}
div.one a {color: #97BE0D}
div.one a:hover {color: #CCCCCC}
div.two a {color: #CCCCCC}
div.two a:hover {color: #97BE0D}
.header, .wide-header, .shop-header {text-transform: uppercase; font-weight: normal; font-size: 1.3em}
.wide-header, .shop-header {text-indent: 30px}
div.one .header, div.one .header a {color: #97BE0D}
div.one .header a:hover {color: #CCCCCC}
div.two .header, div.two .header a {color: #CCCCCC}
div.two .header a:hover {color: #97BE0D}
.subtitle {color: #97BE0D; height: 60px; line-height: 60px; margin-top: -40px; margin-bottom: -20px; font-weight: normal; font-size: 1em}
div.one .subtitle {padding-left: 50px}
div.two .subtitle {padding-left: 20px}
ul.inline-list-right {float: right}
ul.inline-list-right li {display: inline; margin: 0 0 0 30px}
div.section {overflow: hidden}
div.section .header, .wide-header {height: 60px; line-height: 60px; padding: 20px; margin-bottom: 20px}
div.section div.one, div.section div.two {position: relative}
div.section div.one div.column, div.section div.two div.column {width: 420px; padding: 20px; margin-bottom: 20px}
div.section div.one div.column {padding-left: 50px}
div.section div.two div.column {padding-right: 50px}
.wide-header {width: 960px; background: url(assets/common/gray-hstripe-wide.gif) 0 0 no-repeat}
div.section div.listing {padding: 20px 0}
div.section div.listing .header {height: 61px; padding-top: 0; padding-bottom: 0; margin-bottom: 0}
div.section div.listing h3.header, div.section div.listing div.header {margin-bottom: 60px}
div.section div.listing ul li {height: 60px; line-height: 60px; color: #999999}
div.section div.listing ul li.ref {text-transform: lowercase; color: #97BE0D}
div.section div.listing ul li.ref a {font-weight: normal; color: #97BE0D}
div.section div.one div.listing ul li {padding-left: 50px}
div.section div.two div.listing ul li {padding-left: 20px}
div.section div.listing ul li a {font-weight: bold; display: block; height: 60px; line-height: 60px}
div.column-group div.listing ul li a {color: #97BE0D}
div.column-group div.listing ul li a:hover {color: #CCCCCC}
div.section div.listing ul li a em, div.section div.listing ul li a span {font-weight: normal; font-style: normal; margin-left: 10px; color: #999999}
div.section div.listing ul li a em {display: inline}
div.section div.listing ul li a span {display: none}
div.section div.listing ul li.active a {background-position: 0 100%; cursor: normal}
div.section div.listing ul li a:hover em {display: none}
div.section div.listing ul li a:hover span {display: inline}
div.section div.listing li.inactive {position: relative; clear: both}
div.section div.listing li.inactive strong {position: absolute; right: 50px}
div.section div.one div.listing ul li a {width: 420px}
div.section div.two div.listing ul li a {width: 450px}
div.section div.one div.listing ul li.active a {color: #CCCCCC}
div.section div.two div.listing ul li.active a {color: #97BE0D}
div.section div.listing ul.files li a:hover {background: url(assets/common/gray-arrow-s.gif) 100% 50% no-repeat}
div.section div.listing ul.links li a:hover {background: url(assets/common/gray-arrow-ne.gif) 100% 50% no-repeat}
div.section div.two div.listing ul.files li a:hover {background-image: url(assets/common/color-arrow-s.gif)}
div.section div.two div.listing ul.links li a:hover {background-image: url(assets/common/color-arrow-ne.gif)}
div.section ul.inline-list {padding: 20px; height: 60px; line-height: 60px; text-align: center; background: url(assets/common/gray-hstripe-single-top.gif) 0 0 no-repeat}
div.section ul.inline-list li {display: inline; margin: 0 10px}
div.section ul.inline-list li a {color: #CCCCCC}
div.section ul.inline-list li a:hover {color: #97BE0D}
div.section div.one ul.inline-list{ background-image: url(assets/common/color-hstripe-single-top.gif)}
div.two-column {overflow: hidden}
div.two-column div.one, div.two-column div.two {width: 490px}
div.two-column-exact {position: relative; overflow: hidden; padding: 0 20px}
div.two-column-exact div.one, div.two-column-exact div.two {position: relative; width: 480px; margin: 20px 0}
div.two-column div.one, div.two-column-exact div.one {float: left}
div.two-column div.two, div.two-column-exact div.two {float: right}
div.two-column div.blank {height: 0; background: url(assets/common/color-grid-fill.gif) 0 0 repeat-y}
div.two-column div.one div.blank, div.two-column-exact div.one div.blank {margin: 0 20px 0 50px}
div.two-column div.two div.blank, div.two-column-exact div.two div.blank {margin: 0 50px 0 20px}
div.three-column, div.three-column-exact {overflow: hidden}
div.three-column {padding: 20px}
div.three-column div.one, div.three-column div.two, div.three-column div.three {width: 320px; float: left}
div.three-column-exact div.one, div.three-column-exact div.two, div.three-column-exact div.three {width: 333px; float: left}
div.four-column, div.four-column-exact {overflow: hidden}
div.four-column {padding: 20px}
div.four-column div.one, div.four-column div.two, div.four-column div.three, div.four-column div.four {width: 240px; float: left}
div.four-column-exact div.one, div.four-column-exact div.two, div.four-column-exact div.three, div.four-column-exact div.four {width: 250px; float: left}
div.split {padding: 20px; overflow: hidden; margin-bottom: 20px}
div.split-one {float: left}
div.split-two {float: right}
div.two-column div.one div.split-two {width: 180px; padding-left: 30px}
div.two-column div.two div.split-one {width: 210px}
div.two-column div.one div.split-one, div.two-column div.two div.split-two {width: 210px; padding-left: 30px}
div.two-column div.one div.split div.content, div.two-column div.two div.split div.content {width: 180px; padding-right: 30px}
div.two-column div.one div.split div.split-two.content {padding-right: 0}
div.image-frame {width: 450px; height: 300px; padding: 20px; margin-bottom: 20px; overflow: hidden; background: #0A0A1E url(assets/common/image-frame-450x300.gif) 0 0 no-repeat}
div.image-frame img {display: block}
.image-content-frame {display: block; width: 450px; margin: 0 0 30px 0; overflow: hidden}
div.one .image-content-frame {position: relative; left: -30px}
ul.thumbs {position: relative; width: 450px; padding: 20px; margin-bottom: 20px; overflow: hidden; background: #0A0A1E url(assets/common/thumbnails-background-75x75.gif) 0 0 repeat-y}
ul.thumbs img {display: block}
ul.thumbs li {float: left}
div.text {margin-bottom: 40px}
div.text h3, div.text h4 {padding: 0 20px 20px 40px; height: 60px; line-height: 60px; font-size: 1.1em; font-weight: normal; text-transform: uppercase; color: #97BE0D; background: url(assets/common/color-hstripe-thin-bottom.gif) 0 0 no-repeat}
div.text p {padding: 0 40px; margin: 20px 0; line-height: 1.6em}
div.text ul {padding: 0 40px 0 30px; margin-bottom: 20px}
div.text ul li {padding-left: 40px; line-height: 30px; color: #BBBBBB; background: url(assets/common/gray-list-square.gif) 0 0 no-repeat}
div.one div.text h4 {padding-left: 50px}
div.one div.text p {padding-left: 50px}
div.one div.text ul {padding-left: 40px}
div#container {width: 1000px; margin: 0 auto; text-align: left; font-size: 85%}
div#header, div#print-header {position: relative; height: 120px; margin-bottom: -20px; background: url(assets/common/header-lines.gif) 0 0 no-repeat}
div#header h1 {position: absolute; top: 20px; right: 50px; height: 80px; width: 330px}
div#header h1 a {display: block; height: 80px; width: 340px; background: url(assets/project/header-logo.gif) 0 0 no-repeat}
div#header h1 a:hover {background-position: 0 100%}
div#print-header {display: none}
div#print-header a {display: block}
div#viewport {background: url(assets/common/color-viewport-grid.gif) 0 0 no-repeat; height: 400px; margin-bottom: 20px}
div#viewport div.one div.images, html.jquery div#viewport div.one div.overlay {position: absolute; top: 0; left: 0; z-index: 0; width: 480px; height: 360px; overflow: hidden}
html.jquery div#viewport div.one div.overlay {background: url(assets/common/viewport-overlay.png) 0 0 no-repeat; z-index: 10}
div#viewport div.one div.images {z-index: 5}
div#viewport div.one div.images img {display: block}
div#sidebar {position: absolute; width: 240px; height: 360px; top: 0; right: 0; overflow: hidden}
div#sidebar h3 {height: 40px; line-height: 45px; padding: 0 20px; margin-bottom: 10px; text-transform: uppercase; font-weight: normal; letter-spacing: 0.1ex}
div#sidebar div.content {padding: 0 20px}
div#sidebar div#newsletter {width: 240px; height: 20px; position: absolute; bottom: 55px; text-align: center; line-height: 15px; text-transform: uppercase; overflow: hidden}
div#sidebar div#newsletter a {font-size: 10px; color: #C0C0C0; padding: 0.3em 0.4em; background: url(assets/common/gray-hatch-fill.gif) 50% 50% no-repeat}
div#sidebar div#newsletter a:hover {color: #E1E1E1; background-image: url(assets/common/color-hatch-fill-bright.gif)}
ul#navigation-main {position: relative; width: 240px; height: 360px}
ul#navigation-main li {position: absolute; width: 120px; height: 120px; text-transform: uppercase; letter-spacing: 0.1ex; overflow: hidden}
ul#navigation-main li a {display: block; padding: 15px; width: 90px; height: 90px; background-position: 0 0; background-repeat: no-repeat}
ul#navigation-main li a:hover, ul#navigation-main li.active a {color: #97BE0D; background-position: 0 100%}
ul#navigation-main li.active a {cursor: default}
ul#navigation-main li.nav-a {top: 0; left: 0}
ul#navigation-main li.nav-b {top: 0; left: 120px}
ul#navigation-main li.nav-c {top: 120px; left: 0}
ul#navigation-main li.nav-d {top: 120px; left: 120px}
ul#navigation-main li.nav-e {top: 240px; left: 0}
ul#navigation-main li.nav-f {top: 240px; left: 120px}
ul#navigation-sub {width: 200px; padding: 0 20px 20px 20px}
ul#navigation-sub li {height: 30px; line-height: 30px; letter-spacing: 0.1ex; text-transform: lowercase}
ul#navigation-sub li a {height: 30px; line-height: 30px; display: block; padding-left: 20px; background: url(assets/common/gray-list-square.gif) -10px 0 no-repeat}
ul#navigation-sub li a:hover, ul#navigation-sub li.active a {color: #97BE0D; background-image: url(assets/common/color-list-square-over.gif)}
div.feedback {margin-bottom: 20px; padding: 20px; background: url(assets/common/color-hstripe-wide.gif) 0 0 no-repeat}
div.feedback h6 {height: 60px; line-height: 60px; text-transform: uppercase; padding: 0 30px; color: #97BE0D}
div.feedback p {padding: 0 30px; margin: 20px 0; line-height: 1.6em}
div.feedback p a {color: #97BE0D}
div.feedback p a:hover, div.feedback p strong {color: #E1E1E1}
div.feedback ul {padding: 0 30px; margin: 20px 0 0 0; line-height: 1.6em; list-style-position: inside; list-style-type: square}
div#main {background: url(assets/common/main-grid-lcr.gif) 50% 0 repeat-y; overflow: hidden}
div#main div.section {background: url(assets/common/gray-hstripe-header.gif) 0 0 no-repeat}
div#main div.section .header {background: url(assets/common/gray-hstripe.gif) 0 0 no-repeat}
div#main div.section div.one .header {background-image: url(assets/common/color-hstripe.gif); padding-left: 50px}
div#main div.column-group div.two .header {background-image: url(assets/common/color-hstripe.gif)}
div#main div.section div.listing {background: url(assets/common/gray-listing-lines.gif) 0 0 repeat-y}
div#main div.section div.listing .header {background: url(assets/common/gray-hstripe.gif) 0 -20px no-repeat}
div#main div.section div.one div.listing .header, div#main div.column-group div.two div.listing .header {background-image: url(assets/common/color-hstripe.gif)}
div#footer {background: url(assets/common/color-footer-grid.gif) 0 0 repeat-y; height: 380px}
div#footer div.section {height: 60px; padding: 20px; background: #0A0A1E url(assets/common/color-hstripe-footer.gif) 0 0 no-repeat}
div#footer div.section div.one, div#footer div.section div.two {width: 420px; height: 60px; line-height: 60px}
div#footer div.section div.one {padding-left: 30px; text-transform: uppercase}
div#footer div.section div.two {position: relative; padding-right: 20px; width: 430px}
div#footer div.two ul {height: 60px; width: 420px}
div#footer div.two ul li {float: right; height: 60px; margin-left: 20px}
div#footer div.two ul li a {color: #CCCCCC}
div#footer div.two ul li a:hover {color: #B0DE00}
div#footer div.two ul li a.top {display: block; margin: 22px 0 0 0; width: 15px; height: 15px; background: url(assets/common/color-arrow-top.gif) 50% 0 no-repeat}
div#footer div.two ul li a.top:hover {background-position: 50% 100%}
div#footer div.two ul li a.top strong {display: none}
div#subscr {position: absolute; top: 0; left: 0; width: 430px; height: 60px}
div#subscr input, div#subscr a.button {position: absolute; top: 18px; font-size: 11px; display: block; width: auto; border: 1px solid #dedede}
div#subscr input {left: 0; padding: 5px; width: 340px; background: transparent; border: 1px solid #97BE0D; color: #E1E1E1}
div#subscr.failure input {border-color: #B90D16; color: #CB0200}
div#subscr.failure a.button {background: #B90D16; border-color: #CB0200}
div#subscr.success input {border-color: #007619; color: #219300}
div#subscr.success a.button {background: #007619; border-color: #219300}
div#subscr a.button {width: 30px; height: 24px; text-align: center; line-height: 26px; right: 10px; font-weight: bold; background: #C0C0C0; border: 1px solid #999999; color: #0A0A1E; cursor: pointer}
div#subscr a.button {outline: none}
div#subscr a.button:hover {border-color: #97BE0D}
div#subscr a.disabled {opacity: 0.35}
div#subscr input.blur {color: #999999; font-style: italic}
div.section div.two div#blog-posts {position: relative; height: 540px}
div.section div.two div#blog-posts div.pagination {position: absolute; padding: 20px; bottom: 0; width: 450px; height: 60px; line-height: 60px; overflow: hidden; background: url(assets/common/gray-hstripe-single-top.gif) 0 0 no-repeat}
div.section div.two div#blog-posts div.pagination a {outline: none; cursor: pointer; width: 160px}
div.section div.two div#blog-posts div.pagination a.prev {padding-left: 60px}
div.section div.two div#blog-posts div.pagination a.next {padding-right: 60px}
div.section div.two div#blog-posts div.pagination a.prev, div.section div.two div#blog-posts div.pagination a.next {display: block; height: 60px}
div.section div.two div#blog-posts div.pagination a strong {display: none}
div.section div.two div#blog-posts div.pagination a span {display: none; height: 60px}
div.section div.two div#blog-posts div.pagination a:hover {color: #E1E1E1}
div.section div.two div#blog-posts div.pagination a.prev {background: url(assets/common/color-arrow-w.gif) 0 50% no-repeat}
div.section div.two div#blog-posts div.pagination a.prev:hover {background-image: url(assets/common/gray-arrow-w.gif)}
div.section div.two div#blog-posts div.pagination a.next {background: url(assets/common/color-arrow-e.gif) 100% 50% no-repeat}
div.section div.two div#blog-posts div.pagination a.next:hover {background-image: url(assets/common/gray-arrow-e.gif)}
div.section div.two div#blog-posts div.pagination a:hover span {display: block}
div.section div.two div#blog-posts div.pagination a.prev, div.section div.two div#blog-posts div.pagination a.prev strong, div.section div.two div#blog-posts div.pagination a.prev span {float: left; text-align: left}
div.section div.two div#blog-posts div.pagination a.next, div.section div.two div#blog-posts div.pagination a.next strong, div.section div.two div#blog-posts div.pagination a.next span {float: right; text-align: right}
div#blog-posts ul li {text-indent: 15px}
div#blog-posts ul li.active a {cursor: default; background: url(assets/common/color-hatch-fill.gif) 50% 50% no-repeat; height: 58px; margin: 1px 0; overflow: hidden}
div#fancy_title {bottom: -19px}
div#fancy_title div {color: #CCCCCC; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; letter-spacing: 0.1em; padding-bottom: 2px}
div#fancy_loading_overlay {background: #0A0A1E}
div#fancy_loading_icon {background: url(assets/fancybox/fancy_loader.gif) no-repeat}
div#fancy_overlay {background: #0A0A1E}
div#fancy_inner {background: #0A0A1E url(assets/project/grayscale-logo.gif) 50% 50% no-repeat }
.content a, div.section .content a {color: #B0DE00}
.content a:visited, div.section .conten a:visited {color: #5F7900}
.content a:hover, div.section .content a:hover, .content a:active, div.section .content a:active {color: #E1E1E1}
.content strong {color: #E1E1E1}
.content ins {color: #5F7900}
.content del {color: #BBBBBB}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {line-height: 30px; font-size: 1.3em; font-weight: normal; margin: 0 0 0.5em 0; padding-bottom: 0.8em; color: #80A300; background: url(assets/common/color-line-thin.gif) 0 100% no-repeat}
.content h1, .content h2, .content h3 {text-transform: uppercase}
.content h4, .content h5, .content h6 {font-size: 1.1em}
.content p {margin-bottom: 1.6em}
.content p, .content blockquote {text-align: justify; color: #C0C0C0}
.content hr {background: url(assets/common/gray-line-thin.gif) 0 100% no-repeat; color: #E1E1E1; height: 5px}
div.one .content hr {color: #80A300; background-image: url(assets/common/color-line-thin.gif)}
.content blockquote {margin: 1.6em 30px 1.6em 0; color: #5F7900; font-style: italic}
.content blockquote.intro {color: #E1E1E1; font-style: normal; font-weight: bold; padding: 0; margin: 0 0 1.6em 0}
.content code,.content kbd,.content samp,.content pre,.content tt,.content var {font-family:"Lucida Console",Monaco, mono-space,monospace}
.content code {display: block; padding: 1.6em; white-space:pre}
.content table {width: 100%; color: #BBBBBB}
.content table th {color: #5F7900; background: url(assets/common/color-line-thin.gif) 100% 100% no-repeat}
.content table td, .content table th {padding: 5px 0 10px 0}
.content table tr {color: #BBBBBB; background: url(assets/common/gray-line-thin.gif) 100% 100% no-repeat}
.content ul {list-style-type: square; color: #BBBBBB}
.content dl dt {color: #E1E1E1}
.content dl dd {color: #BBBBBB}
.content .image-content-frame {margin: 0 0 30px 0}
.content a.more {display: block; margin-top: 30px; padding-top: 1em; text-decoration: none; background: url(assets/common/color-line-thin.gif) 0 0 no-repeat}
body.pagetype-training div#main {background-image: url(assets/common/main-grid-lc.gif)}
body.pagetype-training div#main div.section {background-image: url(assets/common/gray-hstripe-header.gif)}
ul.events li a {background: url(assets/common/color-bullet-rollover.gif) 100% 0 no-repeat}
ul.events li a:hover {background-position: 100% 100%}
ul.events li.ref a {background: url(assets/common/color-arrow-s.gif) 100% 50% no-repeat}
ul.events li.ref a:hover {background-image: url(assets/common/gray-arrow-s.gif)}
ul.events li.past {text-decoration: line-through}
div#contact-details {height: 360px}
div#main div.section div.one h2#address-header {background: url(assets/project/color-hstripe-email.gif) 0 0 no-repeat}
body#page-contact-index div#main {background-image: url(assets/common/main-grid-split.gif)}
body#page-contact-index div.split-one {width: 180px}
body#page-contact-index h4.subtitle {text-transform: uppercase}
dl#address {margin-top: -3px}
dl#address dt.title, dl.bank-details dt.title {font-weight: normal}
dl#address dt.name {margin-bottom: 0.8em}
dl#address dt.col, dl.bank-details dd {color: #C0C0C0}
dl#address dd.col, dl.bank-details dd {letter-spacing: 0.1em}
dl#address dt.latlong, dl#address dd.latlong {margin-top: 0.8em}
dl#address dd.latlong {margin-bottom: 0.8em}
dl.bank-details dt.title {display: none}
#availability a {color: #EA6535}
div#map {width: 950px; height: 350px; color: #0A0A1E}
div.map-wrapper {width: 950px; height: 350px; margin: 40px 20px 20px 20px}
div.map-wrapper {padding: 5px; background: #CCCCCC url(assets/common/gray-hatch-background.gif) 50% 50% no-repeat}
html.jquery ul#navigation-main li#nav-assortiment a {background-image: url(assets/project/nav-assortiment.gif)}
html.jquery ul#navigation-main li#nav-bikeboutique a {background-image: url(assets/project/nav-bikeboutique.gif)}
html.jquery ul#navigation-main li#nav-frames a {background-image: url(assets/project/nav-frames.gif)}
html.jquery ul#navigation-main li#nav-atelier a {background-image: url(assets/project/nav-atelier.gif)}
html.jquery ul#navigation-main li#nav-blog a {background-image: url(assets/project/nav-blog.gif)}
html.jquery ul#navigation-main li#nav-contact a {background-image: url(assets/project/nav-contact.gif)}
html.jquery ul#navigation-main li#nav-home a {background-image: url(assets/project/nav-home.gif)}
html.jquery div#sidebar.nav-assortiment h3 {background: 3px -120px no-repeat url(assets/project/nav-assortiment.gif)}
html.jquery div#sidebar.nav-bikeboutique h3 {background: 3px -120px no-repeat url(assets/project/nav-bikeboutique.gif)}
html.jquery div#sidebar.nav-frames h3 {background: 3px -120px no-repeat url(assets/project/nav-frames.gif)}
html.jquery div#sidebar.nav-atelier h3 {background: 3px -120px no-repeat url(assets/project/nav-atelier.gif)}
html.jquery div#sidebar.nav-blog h3 {background: 3px -120px no-repeat url(assets/project/nav-blog.gif)}
html.jquery div#sidebar.nav-contact h3 {background: 3px -120px no-repeat url(assets/project/nav-contact.gif)}
html.jquery div#sidebar.nav-home h3 {background: 3px -120px no-repeat url(assets/project/nav-home.gif)}
html.jquery div#sidebar.nav-archief h3 {background: 3px -120px no-repeat url(assets/project/nav-archief.gif)}
.shop-header {background: url(assets/common/color-hstripe-wide.gif) 0 0 no-repeat}
body.section-shop div#main div.section {background: none}
div.product .one img {display: block; width: 480px; height: 360px; margin: 20px}
ul#social {width: 190px; height: 16px; position: absolute; left: 25px; bottom: 25px}
ul#social li {width: 16px; height: 16px; float: left; margin-right: 12px}
ul#social li a {width: 16px; height: 16px; display: block; background-position: 50% 50%; background-repeat: no-repeat}
ul#social li a span {display: none}
a#facebook-link {background-image: url(assets/social/facebook_16_2.png)}
a#facebook-link:hover {background-image: url(assets/social/facebook_16.png)}
a#twitter-link {background-image: url(assets/social/twitter_16_2.png)}
a#twitter-link:hover {background-image: url(assets/social/twitter_16.png)}
a#linkedin-link {background-image: url(assets/social/linkedin_16_2.png)}
a#linkedin-link:hover {background-image: url(assets/social/linkedin_16.png)}
div.two-column a.logo {display: block}
div.two-column a.logo img {display: block; padding: 20px 35px}
@media print {html, body, div#container {color: #000000; background: #FFFFFF; font-size: 108%}
a {color: #000000; text-decoration: none}
div.feedback, div#viewport, div.section div.listing ul li.ref, div.pagination {display: none}
div#main, div#main div.section, div.section .text h3, div.section .text h4, div.two-column div.blank, div#footer, div#footer div.section, .wide-header, .shop-header {background: none}
div#main div.content, div.feedback, div.listing, ul.inline-list, div.split-one, div.split-two, div#main div.text, div#main div.text div.block, div#main div.text, ul.thumbs, div.two-column > div.two > div.blank, form.sofa div.section, div.section, div#main {height: auto !important;}
div#footer {height: 120px}
div#footer div.section {border-top: 2px solid #97BE0D; padding-top: 0; margin-top: 20px}
div#footer div.one {width: 100% !important}
div#footer div.two {display: none}
.content {font-size: 116%}
.content p, .content blockquote, .content blockquote.intro, .content strong, .content em {color: #000000}
.subtitle {height: 30px; line-height: 30px; margin: 0; padding: 0}
.content hr, div.one .content hr, .content table th, .content table tr, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, div.one .content h1, div.one .content h2, div.one .content h3, div.one .content h4, div.one .content h5, div.one .content h6 {background: none}
div.one .subtitle {padding-left: 20px}
.wide-header, .shop-header {text-indent: 0}
.content table th, .content table tr {border-bottom: 1px solid #C0C0C0}
.content table, .content table tr, .content ul, .content dl dt, .content dl dd {color: #333333}
div.section .text h3, div.section .text h4 {color: #000000; font-weight: bold; border-bottom: 1px solid #C0C0C0; padding-bottom: 0; margin: 20px 0}
div.section .text ul li {color: #000000; background: none; list-style-type: square; padding-left: 0; margin-left: 20px}
div.section ul.inline-list li a {color: #000000}
div.image-frame, div#container div#main div.section div.listing, div.section div.listing a {background: none !important}
div#container div#main div.section div.listing {padding: 20px 0}
div#container div#main div.section div.listing ul li {color: #000000; border-bottom: 1px solid #C0C0C0}
div#container div#main div.section div.listing ul li a {color: #000000; background: none}
div#container div#main div.section div.listing ul li a span {display: none !important}
div#container div#main div.section div.listing .header, div#container ul.thumbs, div#container div.section ul.inline-list {background: none}
div#container div#main div.section div.listing .header {margin-bottom: 0; margin-top: 0}
div#container div.section ul.inline-list {padding: 0 20px; margin: 0 0 20px 0; border-top: 2px solid #000000}
div#container div#main .header, .wide-header, .shop-header {padding: 0 20px; margin: 20px 0; border-top: 2px solid #000000; border-bottom: 2px solid #000000}
div#container {padding-bottom: 60px}
div.section div.one div.column, div.section div.two div.column {padding-left: 20px; width: 450px}
div.text h3, div.text h4, div.text p, div.text ul {padding: 0 20px}
div.section div.one div.listing ul li {padding-left: 20px}
div.section div.listing a, div.section div.listing a span {color: #000000 !important; margin-left: 0 !important}
div#header {display: none}
div#print-header {display: block}
div#container div#main .header span {display: inline !important; font-weight: bold; color: #000000}
div#container div#main .header, div#container div#main .header a {background: none !important}
span.fallback, div.section div.listing a span {display: inline !important}
img.with_fallback {display: none}
dl dt.title, dl#address dt.col, dl.bank-details dd {color: #000000 !important}
div.map-wrapper {background-image: none}
div#container form.sofa fieldset div.boolean, div#container form.sofa fieldset div.array label, div#container form.sofa fieldset div.array ul li {background: none}
body#page-contact-index div#main, body.pagetype-training div#main, body.pagetype-training div#main div.section {background: none}
}
form.sofa fieldset {padding: 0; width: 420px}
form.sofa div.form_elem {height: 60px}
form.sofa fieldset div.sofa_types_text {height: auto}
form.sofa fieldset div input, form.sofa fieldset div textarea {margin: 0}
form.sofa fieldset div.focus input, form.sofa fieldset div.focus textarea {background: #FFFFFF; color: #0A0A1E}
form.sofa fieldset label {width: 420px; color: #CCCCCC; display: block; line-height: 30px; font-weight: normal; text-transform: lowercase; letter-spacing: 0.05em}
form.sofa fieldset div.focus label, form.sofa fieldset div.hover label, form.sofa fieldset div.required label {color: #97BE0D}
form.sofa fieldset div.focus input.string, form.sofa fieldset div.hover input.string, form.sofa fieldset div.required input.string {border-top: 1px solid #97BE0D; border-bottom: 1px solid #97BE0D}
form.sofa fieldset div.enum label {border-bottom: none}
form.sofa fieldset div.invalid label {color: #CB0200}
form.sofa fieldset div.invalid input.string, form.sofa fieldset div.invalid textarea {border-top: 1px solid #CB0200; border-bottom: 1px solid #CB0200}
form.sofa fieldset label em {font-style: normal; color: #CB0200; margin-left: 2ex; text-transform: none}
form.sofa fieldset input.string {font-size: 104%; width: 414px; padding: 3px; vertical-align: middle; border: none; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD}
form.sofa fieldset select {width: 420px; font-size: 100%}
form.sofa fieldset div.boolean {background: url(assets/common/color-line-thin.gif) 0 0 no-repeat; margin: 2em 0 1em 0; padding: 5px 0; overflow: hidden}
form.sofa fieldset div.boolean label {width: auto; float: left; color: #CCCCCC}
form.sofa fieldset ul.select_multiple {overflow: hidden}
form.sofa fieldset ul.select_multiple li {overflow: hidden; clear: both}
form.sofa fieldset ul.select_multiple li label {float: right; width: 380px; display: block; position: relative; top: -3px}
form.sofa fieldset ul.select_multiple li input {width: auto; float: left; margin: 0.45em; background: transparent}
form.sofa fieldset div.boolean input {width: auto; float: right; margin: 0.45em; background: transparent}
form.sofa fieldset div.array label {color: #97BE0D; background: url(assets/common/color-line-thin.gif) 0 100% no-repeat}
form.sofa fieldset div.array ul li {background: url(assets/common/gray-line-thin.gif) 0 100% no-repeat}
form.sofa fieldset div.array ul li label {color: #CCCCCC; background: none}
form.sofa fieldset textarea {font-size: 108%; line-height: 1.3em; width: 414px; padding: 3px; border: none; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD}
form.sofa fieldset textarea {height: 120px}
form.sofa div.submit {background: url(assets/common/color-hstripe-wide.gif) 0 0 no-repeat; height: 120px; overflow: hidden}
form.sofa div.submit input {float: right; margin: 35px 50px 0 0; background: #B0DE00; height: 28px; font-weight: bold; text-transform: uppercase; border: 1px solid #97BE0D; outline: none}
form.sofa div.submit input:hover {border: 1px solid #E1E1E1}
form.sofa div.submit input.disabled {opacity: 0.5}
form.sofa div.submit input.disabled:hover {border: 1px solid #97BE0D}
#form-submit-feedback {padding: 20px 50px; height: 60px; line-height: 60px}
div#elem_contact_form_message {height: 360px}
div#elem_contact_form_message textarea {height: 310px}
div#elem_contact_form_newsletter {height: 30px}