/** FRONTOFFICE **/
html { background-color: #666; }
body { background-color: #666; color: #666; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 11px; margin: 0; padding: 23px 0 13px 0; text-align: center; }
div#wrapper { background-color: #fff; margin: 0 auto; padding: 0; text-align: left; width: 990px; }
a#callback { display: block; float: left; width: 227px; height: 35px; line-height: 35px; background-color: #2376b8; color: #fff; font-weight: bold; border-left: 1px solid #556a7a; padding-left: 11px; margin: 0; text-decoration: none; text-transform: uppercase; }
a#callback:hover { text-decoration: underline; }
form#search { display: block; width: 241px; float: right; height: 29px; background-color: #174588; color: #fff; border-right: 1px solid #525e6e; padding: 6px 0 0 1px; margin: 0; }
input#search_keywords { font-size: 13px; color: #000; width: 160px; }
button#search_submitBtn { background: transparent; border: none; color: #fff; font-size: 13px; padding: 0; margin: 0; cursor: pointer; width: 70px; }
ul#topmenu { background-color: #174588; height: 35px; list-style: none; margin: 0; padding: 0; border-left: 1px solid #1a5194; }
ul#topmenu li { list-style: none; float: left; line-height: 35px; }
ul#topmenu a { padding-left: 8px; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; display: block; width: auto; -width: 10px; height: 35px; line-height: 35px; white-space: nowrap; }
ul#topmenu a:hover { color: #db002f; }
div#header { border-left: 1px solid #a8a8a8; border-right: 1px solid #8c8c8c; clear: both; padding: 2px 0 2px 0; height: 135px; }
div#logo { padding: 9px 0 0 0; text-align: center; font-size: 16px; font-weight: bold; color: #174588; width: 238px; float: left; height: 126px; }
div#slogan { background: url('/images/header_back.gif') #fff 239px top repeat-y; height: 118px; color: #000; font-weight: bold; line-height: 20px; padding-top: 17px; text-transform: uppercase; }
img#headerpic { float: right; margin-left: 1px; }
form#callbackform { position: absolute; width: 731px; height: 130px; margin-top: -137px; margin-left: 239px; background: url('/images/callback_back.gif') #2376b8 top right repeat-y; color: #fff; padding: 5px 10px 0 9px; line-height: 20px; }
form#callbackform a.close { float: right; color: #fff; text-decoration: none; }
form#callbackform a.close:hover { text-decoration: underline; }
form#callbackform input { font-size: 11px; vertical-align: baseline; }
input#callback_name, input#callback_phone { width: 120px; }
form#callbackform textarea { font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 11px; width: 418px; height: 50px; vertical-align: top; }
button#callback_submit { background: transparent; border: none; color: #fff; font-size: 11px; padding: 0; margin: 4px 0 0 325px; cursor: pointer; width: 140px; }
table#columns { width: 990px; border-left: 1px solid #a1a3a5; border-right: 1px solid #8c8c8c; }
table#columns td#leftcolumn { width: 238px; background: url('/images/menu_back.gif') #fff left top no-repeat; }
table#columns td#maincolumn { font-size: 12px; color: #555; line-height: 16px; text-align: justify; padding: 0 10px 0 10px; }
td#maincolumn h3 { font-size: 12px; color: #000; text-transform: uppercase; margin: 0; padding: 0; }
td#maincolumn h4 { font-size: 12px; font-weight: bold; color: #000; margin-bottom: 0; padding-bottom: 0; }
td#maincolumn p { margin-top: 0; }
table#columns td#rightcolumn { width: 220px; background-color: #e8eef4; padding: 0 10px 0 10px; line-height: 16px; text-align: justify; }
td#maincolumn a, td#rightcolumn a { color: #174588; font-weight: bold; text-decoration: none; }
td#maincolumn a:hover, td#rightcolumn a:hover { color: #db002f; }
ul#menu { list-style: none; width: 238px; margin: 0; padding: 0; }
ul#menu li { margin: 0 0 1px 0; padding: 0; }
ul#menu li a { display: block; width: 238px; line-height: 16px; color: #fff; text-decoration: none; }
ul#menu li a span { display: block; float: left; text-align: center; width: 10px; height: 17px; font-size: 13px; font-style: normal !important; font-weight: normal !important; cursor: pointer; padding-right: 7px; }
ul#menu li.catalogue a { background-color: #db002f; border-top: 1px solid #e13e62; border-bottom: 1px solid #df7691; font-weight: bold; text-transform: uppercase; padding-left: 10px; width: 228px; }
ul#menu li.group a, ul#menu li.subgroup a, ul#menu li.product a { background-color: #174588; border-top: 1px solid #7d98bd; border-bottom: 1px solid #4a6fa3; }
ul#menu li.group a.active, ul#menu li.subgroup a.active, ul#menu li.product a.active { font-style: italic; font-weight: bold; background-color: #2376b8; border-top: 1px solid #83b1d5; border-bottom: 1px solid #5393c7; }
ul#menu li.group a:hover, ul#menu li.subgroup a:hover, ul#menu li.product a:hover { background-color: #2376b8; border-top: 1px solid #83b1d5; border-bottom: 1px solid #5393c7; }
ul#menu li.subgroup a span { width: 10px; padding-left: 14px; padding-right: 3px; }
ul#menu li.product a span { width: 20px; padding-left: 14px; padding-right: 3px; }
div#footer { background-color: #174588; border-top: 1px solid #4b6fa3; border-right: 1px solid #6f7a8b; border-bottom: 1px solid #6f7a8b; border-left: 1px solid #8298aa; height: 25px; line-height: 25px; font-size: 12px; color: #fff; }
div#footer a { color: #fff; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
div#footer a#extlink { display: block; float: left; height: 25px; line-height: 25px; width: 231px; margin-right: 5px; padding-left: 7px; background-color: #2376b8; }
div.red { height: 16px; border-top: 1px solid #e13e62; border-bottom: 1px solid #df7691; color: #fff; font-weight: bold; text-transform: uppercase; background-color: #db002f; line-height: 16px; margin: 0 -10px 5px -10px; padding: 0 10px 0 10px; }
td#rightcolumn div.red a { float: right; font-weight: normal; text-transform: none; font-style: italic; text-decoration: none; color: #fff; }
td#rightcolumn div.red a:hover { text-decoration: underline; color: #fff; }
span.date { color: #000; }
div#mediafusion { margin: 0 auto; padding: 0 0 0 10px; text-align: left; width: 980px; color: #e5e5e5; line-height: 37px; font-size: 9px; }
div#mediafusion a { color: #e5e5e5; text-decoration: none; }
div#mediafusion a:hover { text-decoration: underline; }
div.teasers { background: url('/images/teaser_border_horizontal.gif') #fff top left no-repeat;; clear: left; height: auto; min-height: 50px; -height: 50px; padding: 10px 0 10px 0; }
div.teaser { float: left; width: 230px; background: url('/images/teaser_border_vertical.gif') #fff top right repeat-y; text-align: left; padding: 0 10px 0 0; margin: 0 0 10px 0; }
div.teaser h5 { font-size: 10px; line-height: 12px; font-weight: bold !important; color: #000; height: 24px; overflow: hidden; margin: 5px 0 0 0; padding: 0; }
div.references { background: url('/images/teaser_border_horizontal.gif') #fff top left repeat-x; clear: both; height: auto; min-height: 50px; -height: 50px; padding: 10px 0 10px 0; }
div.reference { float: left; width: 135px; height: auto; min-height: 115px; -height: 115px; background: url('/images/teaser_border_vertical.gif') #fff top right repeat-y; text-align: center; padding: 0 5px 0 5px; margin: 0 0 10px 0; }
div.reference h5 { font-size: 11px; margin: 0; padding: 0; color: #2376b8; font-weight: bold; }
.error { color: #f00; }
button.submitBtn { background: transparent; border: none; color: #174588; font-weight: bold; text-decoration: none; padding: 0; margin: 0; cursor: pointer; font-size: 11px; }
a img { border: none; }
div.productouter { background: url('/images/teaser_border_horizontal.gif') #fff top left repeat-x; clear: both; height: auto; min-height: 50px; -height: 50px; padding: 10px 0 10px 0; }
div.productinner { background: url('/images/teaser_border_vertical.gif') #fff top right repeat-y; width: 550px; height: auto; min-height: 120px; -height: 120px; padding-right: 10px; margin-right: 10px; }
div.categories { background: url('/images/teaser_border_horizontal.gif') #fff top left repeat-x; clear: both; height: auto; min-height: 50px; -height: 50px; padding: 10px 0 10px 0; }
div.category { float: left; width: 170px; background: url('/images/teaser_border_vertical.gif') #fff top right repeat-y; text-align: center; padding: 0 5px 0 5px; margin: 0 0 10px 0; height: auto; min-height: 225px; -height: 225px; }
div.subcatnav { background: url('/images/teaser_border_horizontal.gif') #fff top left repeat-x; }
div.subcatnav div { background: url('/images/teaser_border_horizontal.gif') transparent bottom left repeat-x; padding: 10px 0 10px 0; }
.formcontainer ul { list-style-position: inside; margin: 0; padding: 0; }
#rightcolumn h4 { font-size: 11px; color: #000; margin: 0; padding: 0; }
#rightcolumn h3 { color: #174588; font-size: 14px; margin: 0; padding: 0; }
#rightcolumn a u { font-weight: normal; }
ul#topmenu li:hover a, ul#topmenu li.sfhover a { color: #db002f; }
ul#topmenu li:hover ul li a, ul#topmenu li.sfhover ul li a { color: #fff; background-color: #174588; border: none; }
ul#topmenu li:hover ul li a:hover, ul#topmenu li.sfhover ul li a:hover { color: #fff; background-color: #2376b8; border: none; }
ul#topmenu li:hover ul li:hover a, ul#topmenu li.sfhover ul li.sfhover a { color: #fff; background-color: #2376b8; }
ul#topmenu li ul li { width: 210px; }
ul#topmenu li ul li a { width: 205px; line-height: 18px; height: auto; }
ul#topmenu li ul { position: absolute; width: 210px; left: -999em; list-style: none; margin: 0; padding: 0; border-top: 2px solid #fff; }
ul#topmenu li:hover ul, ul#topmenu li.sfhover ul { left: auto; }
a.information { font-size: 12px; }