/************** Standard components **************/

.content H1 { border-bottom: 2px solid #f36700; margin: 8px 0 0 0; }
.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; border: solid #e5e5e5; border-width: 1px 0; padding: 5px 10px; background: #eee; font-weight: bold; }
.content TABLE TD { line-height: normal; border: solid #eee; border-width: 1px 0; padding: 5px 10px; background: #fff; }
.content TABLE TR.even TD { background: #f5f5f5; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(dot02.gif) 0 8px no-repeat; padding: 0 0 0 12px; }
.content UL UL { margin: .8em 0; }
.content UL UL LI { background: url(dot03.gif) 0 8px no-repeat; padding: 0 0 0 12px; }

.col { float: left; min-height: 1px; overflow: hidden; }
.col01 { width: 165px; }
.col02 { width: 716px; background: #fff url(bg10.gif) no-repeat; margin: 5px 0 0 0; }
.col02-pad { padding: 20px; min-height: 400px; }



/* Form */

TABLE.form {}
TABLE.form TH { line-height: normal; width: 20%; padding: 6px 10px 6px 10px; background: #fff; border-color: #eee; }
TABLE.form TD { line-height: normal; width: 80%; padding: 2px 10px 2px 0; background: #fff; border-color: #eee; }
TABLE.form TD.data { padding: 6px 10px; font-weight: normal; }
TABLE.form IMG,
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form .max { width: 510px; }
TABLE.form .default { width: 210px; }
TABLE.form .min { width: 60px; }
TABLE.form INPUT.max,
TABLE.form TEXTAREA.max { width: 504px; }
TABLE.form INPUT.default,
TABLE.form TEXTAREA.default { width: 204px; }
TABLE.form INPUT.min,
TABLE.form TEXTAREA.min { width: 54px; }
TABLE.form TH.subheading { text-align: center; color: #f36700; padding: 5px 10px 5px 0; background: #eee; }
TABLE.form TD.special { width: 40% !important; padding: 5px 20px; }
TABLE.form TD.special P { margin: 5px 0 0 0; }

.r20-30 TH { width: 20% !important; }
.r20-30 TD { width: 30% !important; }

/* Action buttons */

P.actions { line-height: normal; }
P.actions * { float: left; }
P.actions INPUT { border: none; overflow: visible; padding: 3px 23px 6px 10px; background: transparent; cursor: pointer; line-height: 15px; }
P.actions SPAN.btn { background: url(bg07.gif) no-repeat; margin: 0 5px 0 0; }
P.actions SPAN.btn SPAN { background: url(bg07.gif) 100% 0 no-repeat; }
P.actions .main { font-weight: bold; color: #f36700; }

/************** Layout **************/

BODY, HTML { text-align: center; background: #fff; }
HTML { height: 100%; }
BODY { background: #fff url(bg01.gif) 50% 100% repeat-x; min-height: 100%; }
* HTML BODY { height: 100%; }

#box01 { border-top: 8px solid #f36700; padding: 0 20px 5px 20px; }
#box02 { width: 905px; margin: auto; text-align: left; background: #f0f0f0 url(bg04.gif) 0 78px repeat-x; position: relative; }

/* Header */

#header { height: 78px; background: #181722 url(bg02.gif) repeat-x; position: relative; width: 905px; overflow: hidden; }
#logo { margin: 0; position: absolute; left: 0; top: 0; z-index: 2; }
#logo A { float: left; height: 78px; width: 211px; background: url(logo_vestibule_screen.gif) no-repeat; }
#logo IMG { visibility: hidden; }

.menu1 { padding: 0; margin: 0; list-style: none; position: absolute; left: 295px; bottom: 0; font-weight: bold; height: 25px; overflow: hidden; z-index: 1; }
.menu1 * { float:left; }
.menu1 LI { margin: 0 1px 0 0; }
.menu1 A { color: #fff; text-decoration: none; background: url(bg03.gif) no-repeat; color: #e6e7e4; }
.menu1 A SPAN { cursor: pointer; background: url(bg03.gif) 100% 0 no-repeat; padding: 6px 10px; white-space: nowrap; }
.menu1 A:hover { background-position: 0 -30px; color: #fff; }
.menu1 A:hover SPAN { background-position: 100% -30px; }
.menu1 A.active { background-position: 0 -60px !important; color: #181722 !important; }
.menu1 A.active SPAN { background-position: 100% -60px !important; padding: 7px 10px 6px 22px; }

#sitemapLink { float: right; margin: 0; padding: 15px 13px 0 0; }
#sitemapLink A { float: left; background: url(ico_sitemap.gif) 0 2px no-repeat; padding: 0 0 0 15px; color: #fff; }
#sitemapLink A:hover { color: #f36700; }

#sitemap A { float: left; background: url(ico_sitemap.gif) 0 2px no-repeat; padding: 0 0 0 15px; color: #000000; }
#sitemap A:hover { color: #f36700; }
#search { float: right; }
#search * { float: left; }
#search P { margin: 0; padding: 13px 15px 0 0; }
#search-string { border: 1px solid #595963; background: #000; padding: 2px 4px; width: 80px; margin: 0 5px 0 0; color: #fff; }
#search-submit { color: #898989; background: transparent url(ico_search.gif) 0 50% no-repeat; border: none; overflow: visible; padding: 0 0 0 15px; cursor: pointer; margin: 2px 0 0 0; }

/* Footer */

#footer { border-bottom: 1px solid #d3d3d4; background: #fff; padding:20px 0 20px 10px; margin: 0; }
#footer SPAN.txt { float: left; padding: 20px 0 0 0; }
#footer SPAN.structure { float: right; }
#elina_logo { background:url(elina.png) no-repeat scroll 0 0; width:80px; height:38px; display:block; float:right; margin:-12px 13px 0 0;}
#elina_logo:hover { background-position:0 -38px;}

/* Frontpage specific */

#front01 { background: url(bg05.jpg) no-repeat; padding: 22px 0 12px 12px; }
#front02 { background: url(bg06.gif) repeat-y; width: 893px; overflow: hidden; }
#front03 { background: url(bg06.gif) -900px 100% no-repeat; width: 905px; }
#front04 { padding: 0 0 20px 290px; line-height: 18px; }
#front05 { width: 310px; margin: 0 25px 0 0; padding: 24px 0 0 0; }
#front05 H1 { line-height: 100px !important; height: 38px; overflow: hidden; background: url(en/label05.gif) no-repeat; }
#front05 P { padding: 0 0 0 10px; }
#front06 { background: #fff url(bg08.gif) no-repeat; width: 245px; }
#front06 DIV.a { background: url(bg09.gif) 100% 100% no-repeat; padding: 0 15px 20px 15px; }
#front06 #tagfix { float: right; width: 45px; height: 150px; }
#front06 P { margin: 0; padding: 10px 0 0 0; }
#front06 UL { padding: 0; margin: 5px 0 0 0; list-style: none; }
#front06 UL LI { background: url(dot01.gif) 5px 5px no-repeat; padding: 0 0 0 20px; }

#tag01 { position: absolute; width: 121px; height: 226px; right: 0; top: 0; margin: 50px -30px 0 0; overflow: hidden; }
#tag01 A { display: block; width: 121px; height: 226px; background: url(en/tag01.png) no-repeat; position: relative; cursor: pointer; }
* HTML #tag01 A { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/en/tag01.png', sizingMethod='image'); background: none; }

#front-items { padding: 0; margin: 0; list-style: none; background: url(bg06.gif) -1800px 0 no-repeat; line-height: 18px; color: #5e5e5e; position: relative; }
#front-items LI { float: left; margin: 0 11px 0 0; width: 212px; }
#front-items DIV.pad { padding: 2px; }
#front-items H2 { height: 20px; overflow: hidden; margin: 0; line-height: 100px !important; }
#front-items H2 A { display: block; height: 20px; }
#front-items DIV.item01 H2 { background: url(en/label01.gif) no-repeat; }
#front-items DIV.item02 H2 { background: url(en/label02.gif) no-repeat; }
#front-items DIV.item03 H2 { background: url(en/label03.gif) no-repeat; }
#front-items DIV.item04 H2 { background: url(en/label04.gif) no-repeat; }
#front-items P { margin: 10px 0 0 0; }
#front-items DIV.a { padding: 0 10px 40px 10px; }
#front-items P.img { float: right; margin: 10px 0 0 10px; }
#front-items P.buttons { position: absolute; bottom: 0; padding: 0 0 10px 0; }

P.buttons { height: 23px; overflow: hidden; line-height: 15px !important; }
P.buttons * { float: left; }
P.buttons A { background: url(bg07.gif) no-repeat; margin: 0 5px 0 0; }
P.buttons A SPAN { background: url(bg07.gif) 100% 0 no-repeat; padding: 3px 23px 6px 10px; cursor: pointer; }
P.buttons A:hover { background-position: 0 -30px; }
P.buttons A:hover SPAN { background-position: 100% -30px; }
P.buttons A.btn2 { font-weight: bold; background-position: 0 -60px; }
P.buttons A.btn2 SPAN { background-position: 100% -60px; }
P.buttons A.btn2:hover { background-position: 0 -90px; }
P.buttons A.btn2:hover SPAN { background-position: 100% -90px; }

/* Subpage specific */

DIV.subpage { }
DIV.subpage #logo A { height: 78px; width: 177px; background: url(logo_vestibule_screen_sub.gif) no-repeat; }
DIV.subpage #menu1 { left: 177px; }

#sub01 { padding: 7px 12px 12px 12px; }
#sub02 { background: #fff url(bg14.gif) no-repeat; margin: 5px 0 0 0; padding: 20px; }

.menu2 { padding: 0; margin: 0; list-style: none; cursor: default; }
.menu2 LI { display: inline; }
.menu2 A { display: block; background: #f9f9f9 url(bg11.gif) no-repeat; margin: 5px 5px 0 0; text-decoration: none; }
.menu2 A SPAN { background: url(bg11.gif) -170px 100% no-repeat; display: block; padding: 6px 10px 6px 25px; cursor: pointer; }
.menu2 A:hover { background: #fff url(bg11.gif) -340px 0 no-repeat; }
.menu2 A:hover SPAN { background: url(bg11.gif) -510px 100% no-repeat; }
.menu2 A.active { background: #fff url(bg11.gif) -680px 0 no-repeat !important; font-weight: bold; margin: 5px 0 0 0; }
.menu2 A.active SPAN { background: url(bg11.gif) -850px 100% no-repeat !important; }
.menu2 A.haschildren SPAN { background: none !important; }
.menu2 UL { padding: 1px 0 5px 18px; margin: 0; list-style: none; background: #fff url(bg11.gif) -850px 100% no-repeat !important; }
.menu2 UL A { margin: 0; background: url(bg12.gif) 0 0 no-repeat; margin: 2px 0 0 0; }
.menu2 UL A SPAN { background: none !important; padding: 1px 10px 3px 20px; }
.menu2 UL A:hover { background: url(bg12.gif) -150px 0 no-repeat !important; }
.menu2 UL A:hover SPAN { background: url(bg12.gif) -300px 100% no-repeat !important; }
.menu2 UL A.active { background: url(bg12.gif) -150px 0 no-repeat !important; margin: 2px 0 0 0; }
.menu2 UL A.active SPAN { background: url(bg12.gif) -300px 100% no-repeat !important; }

#path { margin: 0; }

.productlogo { float: right; margin: 0 0 0 10px; }

DIV.requirements { float: right; width: 214px; background: #fff8f3; clear: both; margin: 10px 0 15px 15px; }
DIV.requirements DIV.pad { padding: 0 10px 10px 10px; }
DIV.requirements P { margin: 10px 0 0 0; }
DIV.requirements H2 { font-size: 11px; color: #fff; margin: 2px 2px 0 2px; padding: 3px 10px 5px 10px; background: url(bg13.gif) no-repeat; line-height: 15px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
DIV.requirements UL { padding: 0; }