body { border: 0; margin: 0; padding: 0; background: white; color: black; text-align: center; font-size: 11px; }
.noscreen { display: none; }

#body { position: relative; margin: 0 auto; padding: 0; text-align: left; width: 955px; }

a { color: black; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
img.icon { vertical-align: middle; }
.clear { width: 270px; display: inline-block; height: 0px; margin: 0; padding: 0; }
img.flash { display: none; }

/* #body */ 
#header { z-index: 4; position: relative; height: 115px; }
#breadcrumbs { z-index: 3; position: relative; padding: 4px 16px; font-size: 11px; }
#content { z-index: 2; position: relative; min-height: 300px; margin-bottom: 12px; }
#footer { z-index: 1; position: relative; height: 60px; margin-top: 12px; margin-bottom: 100px; }

/* #header */ 
a#clickable-logo { display: block; position: absolute; top: 14px; left: 30px; width: 240px; height: 50px; background: transparent url('/style/akatherm-logo.gif') top left no-repeat; }
a#clickable-logo strong { display: none; }
#topmenu { position: absolute; top: 0px; right: 0px; width: 308px; height: 73px; background: #dddee0 url('/style/drainage/topmenu-bck.gif') top left no-repeat; } 
#topmenu a { font: normal 9px Verdana; } 
#topmenu ul { float: left; width: 134px; height: 61px; margin: 0; padding: 6px 10px; line-height: 14px; } 
#topmenu li { list-style-type: none; margin: 0; padding: 0; } 
#topmenu li.selected a { font-weight: bold; } 
#menubar { position: absolute; top: 82px; left: 0px; width: 100%; height: 33px; background: #3db4c2 url('/style/drainage/menubar-bck.gif') top left repeat-x; } 
#menubar div.l { z-index: 2; position: absolute; top: 0; left: 0; width: 10px; height: 33px; background: transparent url('/style/drainage/menubar-l.gif') top left no-repeat; } 
#menubar div.r { z-index: 2; position: absolute; top: 0; right: 0; _right: -1px; width: 10px; height: 33px; background: transparent url('/style/drainage/menubar-r.gif') top left no-repeat; } 
#menubar div { z-index: 1; }
#mainmenu { position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; } 
#mainmenu li { position: relative; float: left; margin: 0; padding: 0; list-style-type: none; height: 33px; line-height: 33px; } 
#mainmenu li.selected { background: transparent url('/style/drainage/menubar-bck-hi.gif') top left repeat-x; } 
#mainmenu a { color: white; padding: 4px 16px; font: normal 13px "Trebuchet MS", Verdana; border-right: 1px solid #33a1ad; } 
#mainmenu li.selected a { border-right: 1px solid #05727d; } 
#mainmenu li ul { display: none; position: absolute; left: 8px; top: 32px; width: 300px; background: #6ec4d0 url('/style/drainage/submenu-shadow-t.gif') top left repeat-x; border: 1px solid #2f929c; padding: 10px 0 0 0; margin: 0; } 
#mainmenu li ul a { color: black; } 
#mainmenu li.active ul { display: block; } 
#mainmenu li.active ul ul { display: none; } 
#mainmenu li.active ul li.active ul { display: block; } 
#mainmenu li.active li.active a { color: white; } 
#mainmenu li.active li.active li a { color: black; } 
#mainmenu li ul li { position: relative; float: none; height: auto; width: auto; padding: 0; margin: 0; line-height: 25px; border: 0; } 
#mainmenu li ul li a { border-right: 0; }
#mainmenu li.selected ul li a { border-right: 0; }
#mainmenu li ul li ul { position: absolute; left: 300px; top: -4px; width: 240px; background: #c3e3ea url('/style/drainage/subsubmenu-shadow-l.gif') top left repeat-y; border: 1px solid #30939d; padding: 4px 0 0 0; } 
#mainmenu li li.active-more { background: transparent url('/style/drainage/arrow-white.gif') top right no-repeat; } 
#mainmenu li li li.active { background: none; } 
#mainmenu li ul img.b { position: absolute; left: -1px; bottom: -12px; } 
#mainmenu li ul ul img.b { position: absolute; left: -1px; bottom: -12px; } 
#buttonmenu { position: absolute; top: 0px; right: 10px; width: 283px; height: 33px; line-height: 33px; background: transparent url('/style/drainage/buttonmenu-bck.gif') top left no-repeat; } 
#buttonmenu form { position: absolute; top: 0; left: 0; width: 170px; height: 33px; display: inline; } 
#buttonmenu form input { position: absolute; background-color: transparent; border: 0; } 
#buttonmenu form input.textbox { top: 5px; left: 8px; width: 134px; height: 17px; padding: 2px 0 0 0; } 
#buttonmenu form input.submit { top: 3px; right: 0; width: 24px; height: 25px; } 
#buttonmenu a { display: block; width: 24px; height: 25px; cursor: pointer; } 
#buttonmenu a b { display: none; } 
#buttonmenu .button-1 { position: absolute; left: 174px; top: 4px; } 
#buttonmenu .button-2 { position: absolute; left: 202px; top: 4px; } 
#buttonmenu .button-3 { position: absolute; left: 230px; top: 4px; } 
#buttonmenu .button-4 { position: absolute; left: 258px; top: 4px; } 

/* #breadcrumbs */ 
#breadcrumbs a { white-space: nowrap; }
#breadcrumbs a.selected { color: #f5822b; }

/* #content */ 
#content .clear { width: 950px; }
#content .layout-main { z-index: 2; position: relative; float: left; width: 644px; }
#content .layout-main #banner { position: relative; width: 644px; height: 186px; margin-bottom: 6px; }
#content .layout-main #banner img { position: absolute; top: 0; left: 0; }
#content .layout-main .clear { width: 620px; }
#content .layout-main .page-content { position: relative; margin-right: 6px; }
#content .layout-main .page-content .block { position: relative; padding: 10px 16px; border: 1px solid #faba89; background: #fdeee1; }
#content .layout-main .page-content .noblock { position: relative; padding: 10px 16px 0 16px; }
#content .layout-main hr { border: 0; border-top: 1px solid #fddfc8; border-bottom: 1px solid white; margin-bottom: 12px; }
#content .layout-main div.atooltip { z-index: 2; position: relative; display: inline; }
#content .layout-main div.atooltip a { text-decoration: none; }
#content .layout-main div.atooltip.active { z-index: 4; }
#content .layout-main div.tooltip { display: none; position: absolute; bottom: 24px; left: 60px; border: 2px solid #f5822b; background: white; padding: 2px; width: 240px; }
#content .layout-main div.tooltip img { float: left; margin-right: 6px; }
#content .layout-main div.atooltip.active div.tooltip { display: block; }
#content .layout-main .page-content div.articles { padding: 10px 16px; }
#content .layout-main .page-content div.articles table { width: 100%; border-collapse: collapse; }
#content .layout-main .page-content div.articles td { padding: 2px 4px; border: 1px solid #dddddd; vertical-align: top; }
#content .layout-main .page-content div.articles tr.header td { font-weight: bold; background: #eeeeee;}
#content .layout-main .page-content div.articles tr.selected td { font-weight: bold; }
#content .layout-sidebar { z-index: 1; position: relative; padding: 10px; margin-left: 646px; border: 1px solid #19aab9; background: #41b6c3; }
#content .layout-sidebar .clear { width: 270px; }
#content .tl { position: absolute; top: -1px; left: -1px; z-index: 2; _display: none; }
#content .tr { position: absolute; top: -1px; right: -1px; z-index: 2; _display: none; }
#content .br { position: absolute; bottom: -1px; right: -1px; z-index: 2; _display: none; }
#content .bl { position: absolute; bottom: -1px; left: -1px; z-index: 2; _display: none; }
#content .layout-sidebar h3 { color: white; }
#content .layout-sidebar p { padding: 0 6px; }
#content .layout-sidebar hr { border: 0; border-top: 1px solid #19aab9; border-bottom: 1px solid #6bc3cf; margin: 0 6px 10px; }
#content .layout-sidebar .snippet { margin-bottom: 6px; position: relative; }
#content .layout-sidebar .snippet .block { position: relative; padding: 10px; border: 1px solid #05a3b2; background: #6bc3cf; }
#content .layout-sidebar .snippet .block hr { border: 0; border-top: 1px solid #60afba; border-bottom: 1px solid #7ac9d4; margin: 0 0 10px; }
#content .layout-sidebar .snippet .block .clear { width: 250px; }
#body .linklist { z-index: 3; position: relative; border: 1px solid #d09466; }
#body .linklist h2 { background: #f5822b url('/style/drainage/linklist-title-bck.gif') top left repeat-x; color: white; padding: 6px 10px; margin: 0; height: 17px; }
#body .linklist ul { margin: 0; padding: 0; }
#body .linklist ul li { margin: 0; padding: 4px 10px 4px 29px; border-top: 1px solid #f0b282; list-style-type: none; background: #faba89; text-indent: -19px; }
#body .linklist ul li:hover { background: #f8d2b5; }
#body .linklist ul li a { margin-left: 6px;  }
#body .linklist ul li a img { display: none; }
#body .linklist p { margin: 0; padding: 6px 10px 12px 10px; background: #faba89; }
#body .linklist .br { position: absolute; bottom: -7px; right: -7px; z-index: 2; _display: none; }
#body .linklist div.shadow-b { position: absolute; bottom: -7px; left: -1px; height: 6px; width: 100%; background: url('/style/drainage/shadow-b.gif') top left repeat-x; z-index: 2; _left: -1000px; }
#body .linklist div.shadow-r { position: absolute; top: -1px; right: -7px; width: 6px; height: 100%; background: url('/style/drainage/shadow-r.gif') top left repeat-y; z-index: 2; _left: -1000px; }
#body .layout-main .page-content .linklist { width: 192px; float: left; margin-right: 28px; }
#body .layout-main .page-content .linklist.flush { margin-right: 0; }
#body .layout-main .page-content .block .linklist.wide { width: 384px; }
#body .layout-main .page-content .block .linklist { float: none; position: absolute; bottom: -1px; right: -1px; _bottom: auto; _top: 0; _right: 6px; margin-right: 0px; }
#body .layout-main .page-content .match-linklist-height .linklist { bottom: auto; top: -1px; }
#body .layout-main .margin-right { margin-right: 192px;  }
#body .layout-main .margin-right-wide { margin-right: 384px;  }
#content .layout-main table.form { margin: 10px 30px; }
table.form input { font-family: Verdana, sans-serif; font-size: 11px; }
table.form input.textbox { width: 300px; border: 1px solid #d67226; padding: 2px 4px; }
table.form select { width: 310px; border: 1px solid #d67226; }
table.form textarea { width: 300px; height: 100px; border: 1px solid #d67226; padding: 2px 4px; }
table.form input.small { width: 60px; }
table.form input.medium { width: 226px; }
table.form td { vertical-align: top; border: 0; }
table.form td.nowrap { padding-right: 20px; }
table.form td p.errors { margin: 0; color: #dd0000; }
table.form input.error { border: 1px solid #dd0000; background: #faba89; }
table.form input.radio.error { border: 0; background: transparent; }
table.form select.error { border: 1px solid #dd0000; background: #faba89; }
table.form select.error option { background: white; }
table.form textarea.error { border: 1px solid #dd0000; background: #faba89; }
table.form td.buttons { text-align: right; }
table.form td.buttons input { color: white; width: 87px; height: 25px; background: #e57928 url('/style/drainage/submit-bck.gif') top left no-repeat; border: 0; margin-left: 6px; }
table.form td div { display: inline; }
table.twocolumn { width: 100%; }
table.twocolumn td { width: 50%; vertical-align: top; border: 0; }
.swe ul.sitemap { margin-right: 40px; }
ul.sitemap { margin-right: 40px; }
ul.sitemap li { list-style-type: none; line-height: 22px; }
ul.sitemap li a { color: #f5822b; font-weight: bold; }
ul.sitemap li li a { color: black; }
ul.sitemap li li li { border-bottom: 1px solid #fddfc8; line-height: 18px; }
ul.sitemap li li li a { font-weight: normal; }
ul.sitemap li li li a img { float: right; position: relative; top: 4px; _top: 16px; _left: 16px; }
.swe ul.icons { margin: 6px 0; } 
.swe ul.icons li { list-style: none outside; margin-left: 26px; padding-left: 4px; line-height: 16px; } 
.swe ul.icons li.file { list-style-image: url('/style/icons/file.png'); } 
.swe ul.icons li.pdf { list-style-image: url('/style/icons/pdf.png'); } 
.swe ul.icons li.doc { list-style-image: url('/style/icons/doc.png'); } 
.swe ul.icons li.xls { list-style-image: url('/style/icons/xls.png'); } 
.swe ul.icons li.ppt { list-style-image: url('/style/icons/ppt.png'); } 
.swe ul.icons li.txt { list-style-image: url('/style/icons/txt.png'); } 
.swe ul.icons li.zip { list-style-image: url('/style/icons/zip.png'); } 
.swe ul.icons li.print { list-style-image: url('/style/icons/print.png'); } 
.swe ul.icons li.cancel_print { list-style-image: url('/style/icons/cancel_print.png'); } 
.swe ul.icons li.internal { list-style-image: url('/style/icons/internal.png'); } 
.swe ul.icons li.external { list-style-image: url('/style/icons/external.png'); } 
.product h2 .small { font-size: 11px; margin-left: 10px; }
.product .images { background: white; padding: 4px; margin-bottom: 6px; border: 1px solid #faba89; }
.product div.info { font-weight: bold; float: right; padding: 2px 4px; margin-left: 10px; }
#body .searchresults ol { margin-left: 40px; }
#body .searchresults .pagination a.selected { padding: 0 2px; border: 1px solid #faba89; }
#body .searchresults .highlight { padding: 0 2px; border: 1px solid #faba89; }
#body .searchresults .searchcrumbs { font-size: 9px; }
#body .searchresults .searchcrumbs a { font-size: 9px; white-space: nowrap; }

/* #footer */ 
#footermenu { justify; height: 33px; background: #dedfe1 url('/style/drainage/footermenu-bck.gif') top left no-repeat; line-height: 31px; }
#footermenu table { width: 100%; height: 31px; }
#footermenu table td { text-align: center; width: 1%; font: normal 9px Verdana; }
#footermenu a { }
#footermenu a.selected { font-weight: bold; } 
#guidance { text-align: center; margin-top: 6px; color: #cccccc; }
#guidance a { color: #cccccc; font: normal 9px Verdana; text-decoration: none; }

/* .pressure */
.pressure #topmenu { background: #dddddd url('/style/pressure/topmenu-bck.gif') top left no-repeat; } 
.pressure #menubar { background: #9a9a9a url('/style/pressure/menubar-bck.gif') top left repeat-x; } 
.pressure #menubar div.l { background: transparent url('/style/pressure/menubar-l.gif') top left no-repeat; } 
.pressure #mainmenu li.selected { background: transparent url('/style/pressure/menubar-bck-hi.gif') top left repeat-x; } 
.pressure #mainmenu li ul { background: #9a9a9a url('/style/pressure/submenu-shadow-t.gif') top left repeat-x; border: 1px solid #848484; } 
.pressure #mainmenu li ul li ul { background: #cecece url('/style/pressure/subsubmenu-shadow-l.gif') top left repeat-y; border: 1px solid #575757; } 
.pressure #mainmenu a { border-right: 1px solid #929292; } 
.pressure #mainmenu li.selected a { border-right: 1px solid #666666; } 
.pressure #mainmenu li ul li a { border-right: 0; }
.pressure #mainmenu li.selected ul li a { border-right: 0; }
.pressure #mainmenu li li.active-more { background: transparent url('/style/pressure/arrow-white.gif') top right no-repeat; } 
.pressure #mainmenu li li li.active { background: none; } 
.pressure #buttonmenu { background: transparent url('/style/pressure/buttonmenu-bck.gif') top left no-repeat; } 
.pressure #body .linklist { border: 1px solid #a2a2a2; }
.pressure #body .linklist h2 { background: #787878 url('/style/pressure/linklist-title-bck.gif') top left repeat-x; }
.pressure #body .linklist ul li { margin: 0; padding: 4px 10px 4px 29px; border-top: 1px solid #c0c0c0; list-style-type: none; background: #c8c8c8; text-indent: -23px; }
.pressure #body .linklist ul li:hover { background: #d9d9d9; }
.pressure #body .linklist p { margin: 0; padding: 6px 10px 12px 10px; background: #c8c8c8; }
.pressure #body .linklist div.shadow-b { background: url('/style/pressure/shadow-b.gif') top left repeat-x; }
.pressure #body .linklist div.shadow-r { background: url('/style/pressure/shadow-r.gif') top left repeat-y; }
.pressure table.form td.buttons input { background: #757575 url('/style/pressure/submit-bck.gif') top left no-repeat; }
.pressure #footermenu { height: 33px; background: #d1d1d1 url('/style/pressure/footermenu-bck.gif') top left no-repeat; line-height: 31px; }
.pressure #content .layout-sidebar { border: 1px solid #797979; background: #868686; }
.pressure #content .layout-sidebar hr { border-top: 1px solid #797979; border-bottom: 1px solid #a0a0a0; }
.pressure #content .layout-sidebar .snippet .block { border: 1px solid #717171; background: #b6b6b6; }
.pressure #content .layout-sidebar .snippet .block hr { border-top: 1px solid #a2a2a2; border-bottom: 1px solid #bcbcbc; }
.pressure #content .layout-main .page-content .block { border: 1px solid #b6b6b6; background: #e9e9e9; }
.pressure table.form input.textbox { border: 1px solid #8d8d8d; }
.pressure table.form select { border: 1px solid #8d8d8d; }
.pressure table.form textarea { border: 1px solid #8d8d8d; }
.pressure table.form input.error { background: #c8c8c8; }
.pressure table.form select.error { background: #c8c8c8; }
.pressure table.form textarea.error { background: #c8c8c8; }
.pressure #content .layout-main hr { border-top: 1px solid #e5e5e5; }
.pressure .swe img.border { border: 1px solid #c8c8c8; }
.pressure ul.sitemap li a { color: #828282; }
.pressure ul.sitemap li li li { border-bottom: 1px solid #e4e4e4; }
.pressure ul.sitemap li li a { color: black; }
.pressure .product .images { border: 1px solid #b6b6b6; }
.pressure .searchresults .pagination a.selected { border: 1px solid #b6b6b6; }
.pressure .searchresults .highlight { border: 1px solid #b6b6b6; }

/* portal */
.portal #header { height: 78px; }
.portal a#clickable-logo { display: block; position: absolute; top: 14px; left: 330px; width: 240px; height: 50px; background: transparent url('/style/akatherm-logo.gif') top left no-repeat; }
.portal .block h2 { font-size: 18px; margin: 6px 0; }
.portal .block .t { position: absolute; top: -1px; left: -1px; _left: -11px; }
.portal .block .b { position: absolute; bottom: -1px; left: -1px; _display: none; }

html { overflow: -moz-scrollbars-vertical; }