/* MAIN */
html { font-size: 62.5%; font-family: "Segoe UI", Helvetica, Arial, sans-serif; }
body { background-color:#f0f0f0; color:#424242 }
h1, h2, h3, h4, h5, h6 { font-family:tahoma, Verdana, sans-serif; }
/* h1 { letter-spacing:0.04em } */
strong, th, thead td, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
.small sup {font-size:100%}
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
/* BLOCKS */
#header, .topmenu, #wrapper, #footer, .msg { margin:0 auto; width:960px; background-color:#FFFFFF; border: 1px solid #c7c7c7; position:relative; }
#header { margin: 37px auto 0; border-bottom: none; height:114px; }
.ang-top-left, .ang-top-right, .ang-bot-left, .ang-bot-right, .so-top-left, .so-top-right, .so-bot-left, .so-bot-right { display:block; position:absolute; background:url(../img/angles.png) top left; height:9px; width:9px; }
.ang-top-left { top:-1px; left:-1px; background-position: 0 0 }
.ang-top-right { top:-1px; right:-1px; background-position: 9px 0 }
.ese-logo { margin:14px 0 0 17px; }
.skyscrapers { position:absolute; width:354px; height:133px; right:258px; top:-19px; background-image:url(../img/skyscrapers.jpg); }
.lang-select { position:absolute; top:0; right:18px; width:20em; margin: 15px 0 0; }
.lang-select li, .more-page li { float:left; }
.lang-select li a, .more-page li a { display:block; height:25px; width:27px; line-height:25px; margin: 12px 0 0 8px; font-size:14px; text-align:center; color:#7c7c7c !important; padding:0 !important; }
.lang-select li a.lang-active, .more-page li a.page-active { background:#f1f3ff url(../img/box-small.png); color:#22448a !important; }
.lang-select li a:hover, .more-page li a:hover { background-image:url(../img/box-small.png); background-position: 0 25px; color:#22448a !important }
.lang-select li a.lang-active:hover, .more-page li a.page-active:hover { background-position: top left; }
p.protect { position:absolute; top: 80px; right:95px; font-size:14px }
.protect-line { position:absolute; top:75px; right:18px; }
.protect-line li { float:left; }
.protect-line li a { display:block; height:25px; width:27px; margin: 0 0 0 8px; }
.protect-line li a img { margin:5px 8px; }
.protect-line li a:hover { background-image:url(../img/box-small.png); background-position: 0 25px; }
.protect-line li a.protect-active { background:#f1f3ff url(../img/box-small.png); background-position: top left; }
.topmenu { height:48px; background:#599ee2 url(../img/menu-back.png) repeat-x; border-bottom:none; border-top:none; z-index:9998 }
.flashlogo {position:absolute; width:250px; height:83px; top:14px; left:73px}
#wrapper { border-top:0; }
.content { width:594px; float:left; border-right: 1px solid #c7c7c7; padding:0 25px; }
.promo { padding:0; }
.more-page { margin:0 !important; }
.more-page li {list-style:none !important; line-height:25px !important; font-size:14px !important;margin:0 0.5em 0 0 !important; }
.more-page li a { margin:0 0 1.5em 0; text-align:center; color:#7c7c7c !important; padding:0 !important; text-decoration:none; }
.latest-news { position:relative; margin-bottom:2em; }
.add-to-readers { position:absolute; top:10px; right:0; }
.add-to-readers li { float:left; list-style:none !important; margin-left:30px !important; }
.rss, .goo, .yah, .msn { display:block; height:14px; background:url(../img/news-agr.png) no-repeat; }
.rss { width:53px; background-position: 0 0; }
.rss:hover { background-position: 0 -20px; }
.goo { width:51px; background-position: -54px 0; }
.goo:hover { background-position: -54px -20px; }
.yah { width:71px; background-position: -106px 0; }
.yah:hover { background-position: -106px -20px; }
.msn { width:72px; background-position: -178px 0; }
.msn:hover { background-position: -178px -20px; }
.sidebar { width:279px; float:left; border-left: 1px solid #c7c7c7; padding:0 18px; margin-left:-1px; overflow:visible !important; }
.search { padding:20px 0; }
.special-offer { position:relative; border: 1px solid #c7c7c7; background-color:#f1f3ff; color:#393838; margin:0 -32px; padding:0 20px; }
.so-top-left { top:-1px; left:-1px; background-position: 0 18px }
.so-top-right { top:-1px; right:-1px; background-position: 9px 18px }
.so-bot-left { bottom:-1px; left:-1px; background-position: 0 9px }
.so-bot-right { bottom:-1px; right:-1px; background-position: 9px 9px }
.special-offer ul { margin:0 0 0.8em 0; }
.special-offer li { list-style-image:url(../img/marker.gif); margin-left:30px; }
.special-offer-price { font-size:1.5em; color:#eb1859; margin:0.8em 0 0.8em !important; }
.special-offer-more {position:absolute; right:0; bottom:0; line-height:50px; padding:0 30px; }
.sidebar-block { padding:15px 0 0 0; }
.sidebar-block ul li { margin-left:1.8em; line-height:1.6em; }
.sidebar-block ul li a { display:block; }
.contact { padding-bottom:35px; }
.contact ul li span { margin-left:30px; }
.phone, .fax, .skype, .icq, .mail, .contact-all { margin:2px 0 !important; background:url(../img/contact.png) no-repeat; position:relative; }
.phone { background-position: 0 4px; }
.fax { background-position: 0 -78px; }
.skype { background-position: 0 -17px; }
.icq { background-position: 0 -38px; }
.mail { background-position: 0 -60px; }
.contact-item { display:block; position:absolute; top:0; left:75px; }
#footer { border-top:0; margin:0 auto 2em; padding:.2em 0 .8em; }
.ang-bot-left { bottom:-1px; left:-1px; background-position: 0 27px }
.ang-bot-right { bottom:-1px; right:-1px; background-position: 9px 27px }
#footer ul { width:700px; overflow:hidden; margin:0 0 .2em 20px; }
#footer li { float:left; margin-right:20px; }
#footer li a {display:block; padding:.6em 0; }
#footer p { color:#bfbfbf; margin-left:20px; }
/* ext. */
.hide, .add-to-readers span { display:none }
.clean {color:#FFFFFF; line-height:1px; font-size:1px; clear:both; }
.right, .alignright { float:right; margin:0.5em 0 0.5em 0.5em; }
.left, .alignleft { float:left }
.save-gold { margin:-39px 0 0.5em 0.5em }
.msg { width:290px; height:130px; padding:70px 30px 0; margin:25px auto; text-align:center; vertical-align:middle; font-size:1.4em; position:relative; }
.close {position:absolute; bottom:10px; width:290px; text-align:center; }
.small { font-size: 85%; color:#999999 }
/* MENU */
.topmenu ul { margin:0 0 0 7px; padding:0; list-style-type:none; }
.topmenu ul a { display:block; color:#FFFFFF; font-size:16px; line-height:18px; }
.topmenu ul li { position:relative; display:inline; float:left; }
/* Top level menu */
.topmenu ul li a { padding:16px 18px 8px; margin:3px 0; border-right:#b0d4f7 1px solid; }
.topmenu ul li a:hover { padding:13px 18px 11px; }
/* 1st sub level */
.topmenu ul li ul { left: -7px; position: absolute; top: 1em; /* script use this!!! */ display: block; visibility: hidden; }
/* Sub level menu list items (undo style from Top level List Items) */
.topmenu ul li ul li { display: list-item; float: none; }
/* Sub level menu links style */
.topmenu ul li ul { border-left: 1px solid #5A9FE2; border-right: 1px solid #5A9FE2; border-bottom: 2px solid #5A9FE2; }
.topmenu ul li ul li a { display: block; width: 225px; border: 1px solid #5A9FE2; background:#ffffff; color:#0d5295; padding:10px 16px; margin:0 0 -1px 0; }
.topmenu ul li ul li a:hover { padding:10px 16px; margin:0 0 -1px 0; background:#599ee2; color:#ffffff; }
/* QUOTES */
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
/* language specific quotes! */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }
/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before { content: '\201C'; }
html[lang|='en'] q:after { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after { content: '\2019'; }
/* FORMS */
fieldset { border: 1px solid #ccc; }
legend { background: #fff; font-family:tahoma, Verdana, sans-serif; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; font-family: "Segoe UI", Helvetica, Arial, sans-serif; color:#424242 }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }
input#search-field {padding:2px !important; width:15em; margin-right:1em; }
.cform .cf_hidden {display:none; border:none!important;padding:0!important;margin:0!important;}
ol.cf-ol {margin:0!important;padding:0!important;}
ol.cf-ol li {margin:0;padding:0; list-style:none!important; position:relative;}
.cform label {width:200px; display:block;padding:1em 0 0}
#li--4 label {margin-bottom:-1em!important}
input.single {width:50%}
#li--4 textarea {margin:1.5em 0 0; width:98%}
#cf_field_3 {margin:1.5em 0 0; width:98%}
span.reqtxt, span.emailreqtxt {display:block;width:150px;color:#999;margin:0; position:absolute; top:35px; right:80px;}
ol.cf-ol li.cf_li_err input {background-color:#FFDFDF;}
#cforms_captcha6,#cforms_captcha5,#cforms_captcha4,#cforms_captcha3,#cforms_captcha2,#cforms_captcha {height:15px;width:196px;margin: 0 0 0.8em 0;vertical-align:text-bottom;}
img.captcha {vertical-align:text-bottom;margin:0 0 0.8em 1em!important;padding:0!important;border:0!important;}
img.captcha-reset {vertical-align:text-bottom;background:url(images/captcha_reset_blue.gif) no-repeat;margin:0 0 5px 10px;width:21px;height:21px;border:none!important;}
div.cf_info {font-size:1.4em;display:none;padding:1em!important;}
div.success {display:block;}
div.failure {display:block;background:#FFDFDF !important;}
.cf-sb {margin-top:1em}
.linklove {display:none}
/*
-----------------------------
CONTENT
-----------------------------
*/
/* BASE SIZES & COLORS */
.content, .sidebar, #footer { font-size: 1.4em; line-height: 1.2em; }
.content h1, #header h1 { font-size: 2.0em; color:#268b2c; border-bottom:1px #dcdcdc solid; }
.content h1 span { font-size: 0.73em; color:#676767; display:block; margin-top:10px; }
.content .promo h1 { border:none }
.content h2, legend { font-size: 1.3em; color:#2077cc }
.content h3 { font-size: 1.3em; color:#919191 }
.sidebar h3 { font-size: 1.5em; color:#268b2c; }
.sidebar-block h3 { border-bottom:1px #dcdcdc solid; }
.content h4 { font-size: 1.2em; color:#919191 }
.content h5 { font-size: 1em; color:#919191 }
.content h6 { font-size: 1em; color:#919191 }
/* HR */
.content hr { display: block; background: #dcdcdc; color: #dcdcdc; width: 100%; height: 1px; border: none; }
/* LISTS */
.content ul li { margin-left: .85em; list-style:disc; line-height:1.5em; }
.content ol { list-style-position: outside; list-style-type: decimal; }
.content dt { font-weight: bold; }
/* TABLES */
.content table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.content th, .content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }
/* MARGINS & PADDINGS */
.content blockquote *:first-child { margin: .8em 0; }
.content hr, .content p, .content dl, .content pre, .content blockquote, .content address, .content table, .content form { margin-bottom: 1.6em; }
.sidebar p { margin-bottom:0.5em }
.content p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.content h1 { margin: 1.5em 0 .5em; padding-bottom:0.3em; line-height:1.1em; }
.content .promo h1 { padding:0; line-height:0.65em; }
.content .latest-news h1 { padding-bottom:0.3em; line-height:0.8em; }
.content h2 { margin: 1.07em 0 .535em; }
.content h3 { margin: 1.14em 0 .57em; }
.sidebar h3 { margin:1em 0 0.5em 0 }
.sidebar-block h3 { padding-bottom:0.3em; margin:1em 0 0.4em 0 }
.content h4 { margin: 1.23em 0 .615em; }
.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }
.content th, .content td { padding: .8em; }
.content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.content blockquote { padding: 0 1em; margin: 1.6em 0; }
.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.content legend { padding-left: .8em; padding-right: .8em; }
.content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.content textarea, .content input, .sidebar input { padding:0.2em; }
.content select { padding: .1em .2em 0 .2em; }
.content option { padding: 0 .4em; }
.content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.content dt { margin-top: .8em; margin-bottom: .4em; }
.content ul { margin:-0.5em 0 1.1em 1.5em; }
.content ol { margin:-0.5em 0 1.1em 2.35em; }
.content ol ol, .content ul ol, .content ol ul { margin:0 0 0.5em 2.5em; }
.content form div { margin-bottom: .8em; }
.three { width:90%; overflow:hidden;}
.three li { float:left; width:30%; display:block;}
/* COLORS */
.content a { text-decoration: underline; color: #36c; }
.sidebar a, #footer a { text-decoration: none; color:#36c }
.content a:hover, .sidebar a:hover, #footer a:hover { text-decoration: none; color: #268b2c }
.content code, .content pre { color: #c33; }