body {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    color: #000;
    background: #fff;
    font-family: Verdana, sans-serif;
    font-size: 14px;
}

img { padding: 0px; margin; 0px; }
a img { border: none; }
hr { clear: both; margin-top: 5px; }

label {
    float: left;
    width: 6em;
    margin-top: 0.5em;
}

input { margin-top: 0.25em; }
input.submit { margin-left: 6em; }

div#topLine {
    height: 88px;
    background: #57a177 url(img/top_line_main_fill.gif);
}

div#topLineLeftFill {
    float: left;
    height: 88px;
    width: 220px;
    background: url(img/top_line_left_fill.gif);
}

div#topLineLogo {
    height: 88px;
    background: url(img/top_line_logo.gif) top right no-repeat;
}

div#topLine h1#companyName {
    margin: 0px;
    margin-left: 50px;
    padding-top: 13px;
    color: #f1f1f1;
    font-size: 22px;
}

div#menuWrapper { width: 980px; }
* html div#menuWrapper { width: 750px; }

ul#topMenu {
    list-style: none;
    padding: 0px;
    padding-top: 20px;
    margin: 0px;
}

ul#topMenu li {
    float: right;
    padding: 5px;
    padding-top: 9px;
    padding-bottom: 3px;
    margin: 0px;
    margin-left: 25px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

ul#topMenu li.active {
    width: 105px;
    background: url(/img/menu_tab_bg.gif) bottom no-repeat;
}

ul#topMenu li a { color: #339; }
ul#topMenu li a:hover { color: #336; border-bottom: 3px solid #fff;}

ul#topMenu li.active a { color: #333; }
ul#topMenu li.active a:hover { color: #666; }

div#container {
    padding-left: 150px;
    background: url(img/content_bg_left.jpg) top left no-repeat;
}

table#midContainer {
    width: 650px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    margin: 0px;
    padding: 0px;
    background: url(img/content_bottom_bg.gif) 125px bottom no-repeat;
}

table#midContainer td {
    height: 100%;
    vertical-align: top;
}

td#catColumn {
    width: 160px;
    padding: 0px;
    background: #afd6bf;
}

td#catColumn h2.catTitle, td#catColumn h3.category {
    margin: 0px;
    padding: 10px 13px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

td#catColumn h2.catTitle { text-transform: uppercase; }
td#catColumn h3.category { color: #333; }

td#catColumn ul.menu { margin: 0px; padding: 0px; list-style: none; border-top: 1px solid #fff; }
td#catColumn ul.menu li {
    display: block;
    /*height: 22px;*/
    margin: 0px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #fff;
}

td#catColumn ul.menu li a { display: block; color: #333; padding: 10px 5px; }
td#catColumn ul.menu li a:hover { color: #000; background: #cfc; }


td#catColumn ul.menu li.selected {
    background: #fff;
    font-weight: bold;
}

div#langList { padding-bottom: 10px; }
div#langList { font-size: 12px; text-align: center; }
div#langList a { color: #333; }
div#langList a:hover { color: #000; }
div#langList strong { color: #333; }

td#mainContent {
    padding: 20px;;
    font-size: 13px;
    line-height: 140%;
}

td#mainContent h2 {
    color: #333;
    font-size: 15px;
}

ul.catalogs {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.catalogs li {
    margin: 0px;
    margin-top: 15px;
    margin-left: 5px;
    padding: 2px;
    display: block;
    float: left;
    width: 200px;
    height: 200px;
    overflow: hidden;
    background: #f1f1f1;
    text-align: center;
}

ul.catalogs li p, div#curCat p { margin: 0px; margin-top: 3px; padding: 0px; }
ul.catalogs li img, div#curCat img { border: 1px solid #999;}
ul.catalogs li a:hover img, div#curCat a:hover img { border: 1px solid #666;}

ul.catalogs li a, div#curCat a { color: #666; font-size: 12px; }
ul.catalogs li a:hover, div#curCat a:hover { color: #000; }

ul#prodList { list-style: none; padding: 0px; margin: 0px; }
ul#prodList li {
    margin: 0px;
    margin-top: 15px;
    margin-left: 5px;
    padding: 2px;
    display: block;
    float: left;
    width: 200px;
    height: 240px;
    overflow: hidden;
    text-align: center;
}
ul#prodList li a { color: #666; }
ul#prodList li a:hover { color: #000; }

div#curCat {
    width: 200px;
    height: 200px;
    background: #f1f1f1;
    text-align: center;
}

div.catDescr div.catImg { float: right; padding: 5px; margin: 10px; margin-left: 20px; border: 1px solid #ccc; width: auto; height: auto; }

div.prodDescr img { float: right; }

div#prodList { margin: 0px; padding: 0px; }
div#prodList a, div#prodList span {
    display: block;
    padding: 2px;
    padding-left: 10px;
    margin-top: 5px;    
    border-left: 3px solid #999;
    color: #333;
}

div#prodList a:hover {
    background: #f1f1f1;
    color: #000;
    border-left: 4px solid #666;
    padding-left: 9px;
}

h3.catInfo { font-size: 14px; margin: 0px; }

div.newsItem {
    padding: 5px;
    margin-top: 10px;
    background: #f1f1f1;
    border-top: 1px solid #ccc;
}

div.newsItem h3.newsHead { color: #666; font-size: 14px; margin: 0px; }
div.newsItem h3.newsHead span.date { font-size: 12px; color: #999; font-weight: normal; }

div#footer {
    clear: both;
    height: 38px;
    padding-left: 250px;
    font-size: 10px;
    font-weight: bold;
    background: #afd6bf url(img/left_bottom_bg.gif) top left no-repeat;
}

div#footer p.menu {
    width: 760px;
    margin: 0px;
    padding: 14px 0px;
}

* html div#footer p.menu { width: 760px; }

div#footer p.menu a { color: #000; }
div#footer p.menu a:hover { color: #666; }

p.clear { clear: both; padding: 0px; margin: 0px; }