* {margin:0; padding:0;}
html {background:#fff}
body {font:14px Tahoma, Helvetica, sans-serif; color:#000}

a {color:#0064a3; text-decoration:underline}

a img {border:0}

body.index #page {background: url(/img/index_bg_main.jpg) bottom no-repeat;}

#header {position:relative; height:128px; border-bottom:3px #dbedf0 solid}
#headerDecor {position:absolute; height:128px; border-bottom:3px #dbedf0 solid; left:0; top:0; width:100%}

body.index  #header {position:relative; min-height:200px; border:0}

#logo {background:#5cab94 url(/img/logo_img.png) left top no-repeat; position:absolute; top:15px; right:260px; width:102px; height:229px}
#logo a {color:#5cab94;  font-weight:normal; display:block; font-size:1.5em; text-align:center; font-weight:bold; padding:30px 0 0; height:85px; overflow:hidden; width:102px;}
#logo a strong {background:#5cab94; color:#fff; font-family:Impact; display:block; margin-top:45px}
#logo a .overlay {cursor:pointer; position:absolute; left:0; top:0; width:100%; height:115px; background: url(/img/logo_img.png) left top no-repeat; }

body.index #logo {background-image:url(/img/index_logo_img.png); top:15px; right:200px; width:162px; height:333px}
body.index #logo a {font-size:2.5em; padding:50px 0 0; height:133px; overflow:hidden; width:162px;}
body.index #logo a .overlay {height:183px; background-image: url(/img/index_logo_img.png)}


#mainMenu {border-left:4px #88c2ce solid; list-style:none; top:27px; position:relative; padding:1px 0 1px 15px; overflow:visible; left:90px; width:50%}
#mainMenu li {margin:0.7ex 0}
#mainMenu li.active {background:url(/img/mm_li_a.png) left center no-repeat; padding-left:55px; position:relative; left:-55px}
#mainMenu li.request {margin-top:2em}
#mainMenu a {color:#008bac}

#langSwitch {position:absolute; right:50px; top:1em; font-size:0.85em; white-space:nowrap}
#langSwitch li {display:inline; line-height:1.3em; margin:0 1em}
#langSwitch li a {color:#96969a}

#secondaryMenu {position:relative; top:-60px; left:-60px; width:320px; background:#6a96a1 url(/img/sm_bg_btm.png) left bottom no-repeat; font-size:0.9em; padding-left:285px; overflow:hidden}
#secondaryMenu ul {list-style:none; width:320px; background:#dbead7 url(/img/rounder_lite_notrans_rb.png) right bottom no-repeat; float:left}
#secondaryMenu ul ul {margin-left:1em; float:none; background:none; width:auto; border:none}
#secondaryMenu ul ul li {margin:0.3em 0}
#secondaryMenu li a.active {text-decoration:none}
#secondaryMenu li a {font-weight:bold}
#secondaryMenu li li a {font-weight:normal}
#secondaryMenu .first {float:left; width:245px; margin-left:-285px; padding:20px; background:url(/img/rounder_darkhalf_notrans_rt.png) right top no-repeat; position:relative}
#secondaryMenu .second {padding:20px; background:url(/img/rounder_lite_notrans_rt.png) right top no-repeat}
#secondaryMenu .first a {color:#dbead7}
#secondaryMenu .second a {color:#596b6d}


body.index #pageInner {min-height:1000px}

body.index #mainContainer {width:100%; position:absolute; bottom:205px; left:0; height:413px; overflow:hidden; margin:0}
body.index #content {color:#6a96a1; margin:0; padding:0}
body.index #content p {text-indent:2em}

body.index .decorations {height:43px; overflow:hidden; clear:both}
body.index .decorations i.rtl {float:left; background-position:left top !important}
body.index .decorations i.rtr {float:right; background-position:right top !important}
body.index .decorations i.rbl {float:left; background-position:left bottom !important}
body.index .decorations i.rbr {float:right; background-position:right bottom !important}

body.index .decorations i.rounderBox {display:none}

body.index #content .introContentText {padding:43px 0; background:#dbead7; margin:-43px 43px -43px}
body.index #content .introContentText .inner {margin:0 -43px; padding:0 43px; background:#dbead7;}
body.index #content .introContentText .inner big {font-size:1.7em}
body.index #content .decorations .rounder {background-image:url(/img/rounder_lite.png); width:43px; height:43px; overflow:hidden;}
body.index #content .decorations i.rtr {background:#dbead7; }

body.index #addPanel .introContentText {background:#dbead7; padding:43px 0; margin:-43px 43px -43px; color:#596b6d}
body.index #addPanel .introContentText .inner {margin:0 -43px; padding:0 43px; background:#dbead7;}
body.index #addPanel .materials {position:relative; left:-43px; top:-43px; margin:0 -60px -20px 0}
body.index #addPanel .materials .introContentText {background:#6a96a1; margin-top:-43px; color:#dbead7 !important}
body.index #addPanel .materials .introContentText .inner {margin:0 -43px; padding:0 43px; background:#6a96a1;}
body.index #addPanel .decorations .rounder {background-image:url(/img/rounder_lite.png); width:43px; height:43px; overflow:hidden;}
body.index #addPanel .decorations i.rtl {background:#dbead7; }
body.index #addPanel .materials .decorations .rounder {background-image:url(/img/rounder_dark.png); width:43px; height:43px; overflow:hidden;}
body.index #addPanel .materials .decorations i.rtl {background:#6a96a1; }

body.index #addPanel {font-size:0.85em}
body.index #addPanel h2 {font-size:1em}
body.index #addPanel ul {margin-left:1em; list-style:none}
body.index #addPanel ul li {padding:0.5em 0 0;}
body.index #addPanel a {color:#596b6d}
body.index #addPanel .materials a {color:#dbead7}

#content {margin-right:85px}
#content h1,
#content h2 {font-weight:normal; color:#1064AF}
#content h1 {font-size:2.3em; clear:both}
#content p {margin:1em 0}

#content h3,
#content h4,
#content h5,
#content h6 {font-weight:bold; color:#1064AF; margin-top:1.5em}

#content .contactMap {float:right; width:295px; font-style:italic; font-size:0.9em}
#content .contactMap img {display:block; margin-top:0.5em}

#content.contents {font-size:0.95em}
#content.contents strong {color:#1668b1}

#content .articleBody dl,
#content .articleBody ul,
#content .articleBody blockquote,
#content .articleBody p {padding-right:265px}

#content .articleBody * dl,
#content .articleBody * ul,
#content .articleBody * blockquote,
#content .articleBody * p {padding-right:0}

#content img.imgAlignRight {float:right; margin-left:1em}

#content dl {}
#content dt {font-weight:bold; color:#1668b1; margin-top:1em; text-indent:1em}
#content dd {margin-bottom:1em; text-indent:1em}

#content blockquote {margin-left:1em; border-left:1px #88c2ce solid; padding-left:1em}

#page.about {background:url(/img/about_bg.jpg) right bottom no-repeat}
#content.about .articleBody {font-size:0.9em; margin-right:100px}
#content.about p big {color:#095998; font-size:1.5em}

#content.contacts ul.contactList {margin-right:300px; list-style:none}
#content.contacts ul.contactList li {clear:left; font-size:1.6em; margin-top:2em}
#content.contacts ul.contactList li .key {font-weight:normal; font-size:0.6em; width:9em; text-align:right; float:left; line-height:1.7em;}
#content.contacts ul.contactList li .value {display:block; float:left; margin-left:1em}

#content.catalog h1,
#content.catalog h2,
#content.catalog h3,
#content.catalog h4,
#content.catalog h5,
#content.catalog h6 {font-weight:normal; color:#6a96a1}
#content.catalog h1 {margin-bottom:45px}

#content.catalog table {width:100%; border-collapse:collapse}
#content.catalog table th {background:#ededee; color:#1668b1; padding:2em 0.1em 0.1em; font-size:0.9em; font-weight:normal; text-align:left}
#content.catalog table th.materials {padding-left:35px}
#content.catalog table td {padding:1.2em 0.1em; border-bottom:1px #6a96a1 solid; vertical-align:top}
#content.catalog table td.image {padding:1em 0.1em; vertical-align:middle; text-align:center; border-bottom:1px #6a96a1 solid}
#content.catalog table td.title {color:#545e87; font-weight:bold; font-size:1.1em; padding-right:35px}
#content.catalog table td.materials {padding:0.8em 0.1em}
#content.catalog table col.materials {width:32%}
#content.catalog table col.size {width:16%}
#content.catalog table col.image {width:14%}
#content.catalog table td.materials ul {list-style:none}
#content.catalog table td.materials ul li {padding:0.4em 0.4em 0.4em 35px; border-bottom:1px #dbead7 solid}
#content.catalog table td.materials ul li.last {border-bottom:none}

.materialsList {list-style:none; font-size:0.85em; margin-left:-7px; border-bottom:1px #fff solid}
.materialsList li {float:left; width:12.5%; text-align:center}
.materialsList li a {color:#000; padding-left:7px; text-decoration:none; display:block}
.materialsList li a span.title {display:block; height:2.4em; overflow:hidden; vertical-align:middle}
.materialsList li a span.ico {display:block; height:48px; margin:0.2em auto 0.5em; width:92px; background:url(/img/ico_materials.png) no-repeat}
.materialsList li.airlaid a span.ico {background-position:left center}
.materialsList li.spanbond a span.ico {background-position:-97px center}
.materialsList li.sms a span.ico {background-position:-195px center}
.materialsList li.lamAirlaid a span.ico {background-position:-292px center}
.materialsList li.airlaidSAP a span.ico {background-position:-389px center}
.materialsList li.laminate a span.ico {background-position:-487px center}
.materialsList li.surgeryTape a span.ico {background-position:-584px center}
.materialsList li.stickySide a span.ico {background-position:-682px center}

#footer {border-top:10px #75a6b2 solid; background:#fff}

#footer .contactCard {position:absolute; width:40em; right:0; top:30px}
#footer .contactCard p.title {font-size:1.57em; float:left; width:10em; white-space:nowrap; line-height:1.5em}
#footer .contactCard ul.contacts {margin-left:15.7em; list-style:none}
#footer .contactCard ul.contacts li.phone {line-height:2em; white-space:nowrap}
#footer .contactCard ul.contacts li.phone strong {font-size:1.57em; font-weight:normal}
#footer .contactCard ul.contacts li.address {font-size:0.85em; margin:0.7em 0}