*       { margin: 0; padding: 0; font-family: arial,sans-serif; font-size: 10pt; line-height: 1.3em; text-decoration: none; }
img     { border-width: 0; }
body    { background-color: white; }

.site { height: 75px; }
.menu { height: 29px; }

.left   { float: left; }
.right  { float: right; }
.clear  { clear: both; }
.bold   { font-weight: bold; }
.border { border: 1px solid; }
.big    { font-size: 15pt; }
.wide   { letter-spacing: 3px; }
.w100   { width: 100px; }
.w150   { width: 150px; }

select.border, input.border, textarea.border { border: 1px inset; }

#top         { margin-bottom: -316px; }
#top .menu   { background: url(../img/default/menu.png) repeat-x; }
#top .bg     { height: 212px; background: url(../img/bg.gif) repeat-x; }

#middle { width: 971px; margin: auto; }

#middle .site .logo                { float: left; width: 298px; margin-top: 20px; }
#middle .site .misc                { float: right; width: 300px; }
#middle .site .misc ul             { float: right; }
#middle .site .misc ul li          { display: inline; padding: 0px 3px; }
#middle .site .misc ul li.selected { font-weight: bold; }

#newsletter     { float: right; padding-top:10px; width: 300px; }
#newsletter img { vertical-align: bottom; }

#submenu { height: 172px; }

#search          { height: 30px; }
#search .left    { margin: 5px; }
#search .right   { margin: 5px 10px 0px 0px; }
#search .right a { vertical-align: bottom; }

#menu li.separ { width: 2px; height: 21px; margin-top: 4px; padding: 0px; background: url(../img/menu_separ.png) no-repeat; }
#menu .right   { background: url(../img/default/right_menu.png) repeat-x; }

#menu ul             { z-index: 1; list-style-type: none; }
#menu li             { float: left; position: relative; height: 24px; padding: 5px 10px 0px 10px; }
#menu li a           { display: block; color: white; }
#menu ul ul          { display: none; position: absolute; top: 29px; left: 0px; width: 180px; padding: 0; }
#menu li li          { font-size: 0pt; float: none; height: 29px; padding: 0px; }
#menu li li a        { line-height: 1em; display: block; height: 21px; padding: 8px 0px 0px 10px; background: url(../img/default/menu_white.png); color: black; }
#menu ul ul ul       { top: 0px; left: 180px; }
#menu li li li       { padding-left: 2px; }
#menu li.mleft ul ul { left: -180px; }
#menu li.mleft li li { padding-left: 0px; padding-right: 2px; }

#menu li:hover ul, #menu li.sfhover ul                   { display: block; }
#menu li:hover ul ul, #menu li.sfhover ul ul             { display: none; }
#menu li li:hover ul, #menu li li.sfhover ul             { display: block; }
#menu li li:hover ul ul, #menu li li.sfhover ul ul       { display: none; }
#menu li li li:hover ul, #menu li li li.sfhover ul       { display: block; }
#menu li li li:hover ul ul, #menu li li li.sfhover ul ul { display: none; }
#menu li li li li:hover ul, #menu li li li li.sfhover ul { display: block; }

#menu li:hover, #menu li.sfhover                             { background-color: black; }
#menu li li:hover, #menu li li.sfhover                       { background-color: transparent; }
#menu li li:hover a, #menu li li.sfhover a                   { background: url(../img/default/menu_black.png); color: white; }
#menu li li:hover li a, #menu li li.sfhover li a             { background: url(../img/default/menu_white.png); color: black; }
#menu li li li:hover a, #menu li li li.sfhover a             { background: url(../img/default/menu_black.png); color: white; }
#menu li li li:hover li a, #menu li li li.sfhover li a       { background: url(../img/default/menu_white.png); color: black; }
#menu li li li li:hover a, #menu li li li li.sfhover a       { background: url(../img/default/menu_black.png); color: white; }
#menu li li li li:hover li a, #menu li li li li.sfhover li a { background: url(../img/default/menu_white.png); color: black; }
#menu li li li li li:hover a, #menu li li li li li.sfhover a { background: url(../img/default/menu_black.png); color: white; }


#tree          { padding: 10px; }
#tree, #tree a { color: gray; }

#content { float: left; margin: 10px 0px; }

#content div.brand         { float: left; width: 247px; height: 202px; }
#content div.brand .text   { margin-top: -70px; width: 247px; text-align: center; }
#content div.brand .text a { font-weight: bold; color: white; }

#contact          { margin-left: 20px; }
#contact div      { clear: left; width: 500px; padding: 5px; }
#contact div span { float: left; width: 100px; }

#content .list             { width: 720px; }
#content .list a.logo      { float: left; width: 150px; }
#content .list a.logo img  { width: 150px; }
#content .list h2          { margin: 0 0 5px 10px; }
#content .list p           { float: left; margin: 0 0 0 10px; width: 450px; }
#content .list a.brand     { float: left; width: 100px; margin: 0px 0px 0px 5px; }
#content div.hr            { height: 1px; margin: 15px 0; border-top: 1px solid; }

#content .name          { margin-top: 10px; }
#content .name span     { margin-left: 10px; font-size: 16pt; font-weight: bold; }
#content .img .brand    { margin: 0px 200px 50px 30px; }
#content .doc a         { font-weight: bold; }
#content .desc          { margin-top: 20px; width: 720px; }
#content .desc .row     { padding: 3px 5px; color: black; }
#content .desc .title   { font-weight: bold; color: white; }
#content .desc .color_a { background-color: #e9e9e9; }

#content table          { border-collapse: collapse; }
#content table,
#content th             { border: 1px solid; }
#content h1             { margin: 10px; font-size: 14pt; font-weight: bold; }
#content h2             { margin: 20px; font-size: 12pt; }
#content p              { margin: 30px; }
#content ul             { margin-left: 30px; }
#content b              { font-weight: bold; }

#new_products               { float: left; width: 735px; height: 251px; background: url(../img/home/new_products_bg.png) no-repeat; }
#new_products .title        { margin: 20px 0px 0px 30px; }
#new_products .title span   { margin-left: 10px; text-transform: uppercase; font-size: 16pt; font-weight: bold; }
#new_products .product      { float: left; padding: 20px 0 0 32px; width: 145px; height: 120px; font-size: 0; }
#new_products .product .bg  { background-color: #3c6e9b; }
#new_products .product img  { padding-bottom: 25px; }
#new_products .text         { margin-top: -25px; height: 25px; text-align: center; }
#new_products .text a       { color: white; font-weight: bold; }

#headings_menu    { margin-top: 10px; }
#headings_menu ul { list-style-position: inside; }

#left { float: left; width: 744px; }

#right                  { float: right; width: 227px; }
#right .bg              { float: left; width: 227px; height: 202px; background: url(../img/prospect.png) no-repeat; }
#right .bullet          { float: left; margin: 20px 0 0 20px; }
#right .title           { float: left; margin: 14px 0 0 5px; font-size: 15pt; font-weight: bold; letter-spacing: 3px; }
#right .subtitle        { float: left; margin-left: 19px; font-weight: bold; letter-spacing: 3px; }
#right .text            { float: left; margin: 10px 0 0 19px; color: black; }
#right .link            { float: left; margin-top: -202px; }
#right .link img        { width: 227px; height: 202px; }
#right .catalog         { float: left; margin: 10px 0 0 25px; }
#right .cat_text        { float: left; margin: 10px 0 0 10px; width: 90px; color: black; }

#bottom             { clear: left; padding: 5px 0px; }
#bottom,
#bottom a           { color: white; }
#bottom .concept    { text-align: center; }
#bottom .concept,
#bottom .concept a  { font-size: 8pt; }
#bottom ul          { text-align: center; }
#bottom li          { display: inline; }