html, body {
    margin: 0;
    padding: 0;
    background-color: #FFF;
}

body {
    font-family: "Arial", serif;
    font-size: 11px; /*letter-spacing:-0.01em;	469*/
    word-spacing: -0.1em;
    color: #000000;
    padding: 5px;
}

p {
    margin: 0 5px 0 5px;
    text-align: left; /*letter-spacing: 0.1px;	469*/
}

a {
/*display:block;*/
    color: black;
    padding-left: 0;
    text-decoration: none;
}

a:hover {
    color: #999999;
}

img {
    border: none;
}

.scrollClass {
    color: black;
    height: 18px;
    background-color: white;
    text-align: center
}

div.gap {
    height: 1px;
}

div.pageBookmarks {
    padding-top: 15px;
    padding-bottom: 3px;
}

div.pageBookmarks p {
    word-spacing: 0.4em;
}

div.pageKeywords {
    padding: 25px 0 0 0;
    height: auto;
    float: left;
    width: 100%;
}

td.minigap {
    width: 5px; /* gap between mainpage maincategory tables - equals to gap size between left panel - content - rightpanel */
}

div#container {
/*margin: 5px;*/
    margin: 0;
    padding: 0;
    float: left;
    clear: both; /* because of footer */
    margin-bottom: 10px;
}

div#header h1 {
    height: 80px;
    margin: 0;
    padding-left: 10px;
    background: #EEE;
    color: #79B30B
}

/* Styles of main elemnts of homepage*/
div#wrapper {
    float: left;
    clear: both;
    width: 100%;
}

div#content {
    margin: 0 305px 0 177px; /* use same margins as left and right navigation with +5px for white gaps*/
/*border: 1px solid red;*/
}

div#content p {
    line-height: 1.4em;
}

div#menu {
    float: left;
    width: 172px;
    margin-left: -100%; /*height: 324px; */
/*background:#B9CAFF;	*/
}

.newsletter_thumbnail {
    padding: 10px 5px 5px 5px;
    text-align: center;
}

.newsletter_caption {
    padding: 0 5px 5px 5px;
    text-align: center;
}

div#media {
    float: left;
    width: 172px;
    margin-left: -100%;
    /*
     margin-top: 289px;
     height: 300px;
     * margin-top : 293 px;
     */
    margin-top: 369px;
    /* dont need it because of floated div
    height: 510px;
     *height: 500px;
     */
    *margin-top: 369px;
}

div#media_sub {
    float: left;
    width: 172px;
    margin-left: -100%;
    margin-top: 513px;
    /* dont need it because of floated div
    height: 460px;
    */
    *margin-top: 509px;
}

div#media_sub-wo-rfi {
    float: left;
    width: 172px;
    margin-left: -100%;
    margin-top: 372px;
    /* dont need it because of floated div
    height: 460px;
    */
    *margin-top: 368px;
}

div#news {
    float: left;
    width: 300px;
    margin-left: -300px;
    color: #FFFFFF;
}

div#news th a {
    color: white;
}

div#news th h1 {
    font: bold 11px "Arial";
    color: green;
    text-align: center;
    height: 0px;
    margin: 0px;
    padding-bottom: 12px;
    *padding-bottom: 14px;
    *margin-top: -4px;
    *padding-top: 5px; /* IE6 hacks */
    _padding-bottom: 0px;
    _margin-top: -12px;
    _padding-top: 14px;
}

div#programs {
    float: left;
    width: 300px;
    margin-left: -300px;
    height: 300px;
    background: white;
    /* before new browny block
     margin-top: 373px;
     * margin-top : 355 px;
     */
    margin-top: 423px;
    *margin-top: 405px;
}

div#programs th a {
    color: white;
}

div#programs th h1 {
    font: bold 11px "Arial";
    color: white;
    text-align: center;
    height: 0px;
    margin: 0px;
    padding-bottom: 12px;
    *padding-bottom: 14px;
    *margin-top: -4px;
    *padding-top: 5px; /* IE6 hacks */
    _padding-bottom: 0px;
    _margin-top: -12px;
    _padding-top: 14px;
}

div#footer {
/*background: #333;*/
    background: white;
    color: black;
    clear: both;
    border-top: 1px solid gray;
    position: relative;
    margin-top: 15px;
    *margin-top: 20px;
    /*
     width: 100%;
     float: left;
     */
}

div#footer p {
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    font-family: "Arial", serif;
    font-size: 12px;
    word-spacing: 1.1em;

}

div#footer p span.footer {
/*a footer element can be more than one word, in this case we don't need wide word-spacing*/
    word-spacing: normal;
}

div#advertBanner {
    position: relative;
}

div.overFlashVideo {
    float: left;
    position: absolute;
    top: 0px;
    left: 5px;
    cursor: pointer;
    background: black;
    filter: alpha(opacity = 0);
    -moz-opacity: 0.0;
    opacity: 0.0;
}

/* Left Navigation styles */
table#tableLeftNav {
    background-color: #f5f5f5;
    width: 100%;
    vertical-align: top;
}

table#tableLeftNav th {
    background-color: #96acbd;
    vertical-align: middle;
    color: #ffffff;
    height: 19px;
    /*background-image: url(../img/gradient-blue_left.gif);
     background-repeat: repeat-y;						*/
}

table#tableLeftNav input {
    font: 11px / 15px "Arial";
    width: 90%;
    padding-left: 2px;
    margin-left: 5px;
}

table#tableLeftNav select {
    font: 11px / 15px "Arial";
    width: 93%;
    padding-left: 2px;
    margin-left: 5px;
}

table#tableLeftNav input#btnSearch {
    font: 11px / 15px "Arial";
    width: 35%;
    padding-left: 2px;
}

table#tableLeftNav input#info {
    font: 11px / 15px "Arial";
    width: 55%;
    padding-left: 2px;
}

table#tableLeftNav td.infoButton {
    text-align: right;
    padding-right: 12px;
}

table#tableLeftNav p {
    font: 11px / 15px "Arial";
    margin-left: 5px;
}

/*div#media table#tableLeftNav p {*/
/*font: 11px / 15px "Arial";*/
/*margin-left: 10px;*/
/*}*/

/* Right Navigation styles */
table#tableRightNav {
    background-color: white;
    width: 100%;
    vertical-align: top;
}

table#tableRightNav th {
    background-color: #bd8b78;
    vertical-align: middle;
    color: #ffffff;
    height: 19px;
    /*background-image: url(../img/gradient-blue.gif);
     background-repeat: repeat-y;		*/
}

table#tableRightNav th.partner {
    background-color: #8d5445;
    vertical-align: middle;
    color: #ffffff;
    height: 19px;
}

table#tableRightNav th.partnerOver {
    background-color: #9f6f63;
}

/* Content table styles */
table#tableContentWrapper {
    background-color: white;
    width: 100%;
    vertical-align: top; /*border: 1px solid green;								*/
}

table#tableContentWrapper td {
    vertical-align: top;
    text-align: right;
}

table#tableContent {
    background-color: white;
    width: 100%;
    vertical-align: top;
    text-align: center; /*border: 1px solid blue;*/

}

table#tableContent td {
    text-align: left;
    height: 20px; /*border:1px solid red;*/
}

table#tableContent td div {
    padding-left: 3px; /*text padding in cell */
    margin-top: 3px; /*border-bottom:1px solid gray;*/
    padding-bottom: 3px;
    vertical-align: middle;
}

table#tableContent td.onePixel {
    height: 1px;
    border-bottom: 1px solid gray;
}

/*
    table#tableContent td div.last {
        border-bottom:0 solid gray;
    }
    */

table#tableContent th.red {
    padding-left: 3px;
    background: #e3001b;
    font: bold 11px "Arial";
    vertical-align: right;
    color: white;
    text-align: center;
    height: 19px;
    /*background-image: url(../img/gradient-red.gif);
     background-repeat: repeat-y;				*/
}

table#tableContent th.redOver {
    background: #ff4f4f;
}

table#tableContent th a {
    font: bold 11px "Arial";
    color: white;
    text-align: center;
}

/*
table#tableContent th a h1 {
    font: bold 11px "Arial";
    color: black;
    text-align: center;
	height: 4px;
	margin-top:-1px;
	*height: 0px;
	*margin-top:-1px;
*/

table#tableContent th h1 {
    font: bold 11px "Arial";
    color: black;
    text-align: center;
    height: 0px;
    margin: 0px;
    padding-bottom: 12px;
    *padding-bottom: 14px;
    *margin-top: -4px;
    *padding-top: 5px; /* IE6 hacks */
    _padding-bottom: 0px;
    _margin-top: -12px;
    _padding-top: 14px;
}

table#mainHeader {
    background-color: white;
    width: 100%;
    vertical-align: top;
    height: 80px;
    border-bottom: 1px solid gray;
    margin: 5px 0 5px 0;
}

table#mainHeader td#left {
    padding-left: 0;
    width: 172px;
    vertical-align: top;
}

table#mainHeader td {
    vertical-align: top;
}

table#mainHeader td#center {
    padding-left: 5px;
    padding-right: 3px;
    width: 100%;
    vertical-align: top;
    text-align: center;
}

table#mainHeader table#center {
    /*background-image: url(../img/gradient-headBanner800.gif);
     background-repeat: repeat-y;
     font: bold 22px "Arial";
     color: black;
     text-align: right;
     width: 100%;	*/

}

table#mainHeader table#center td {
    vertical-align: middle;
    font-weight: 700;
    font-size: 8.6pt;
    font-family: "Arial", serif;
    text-align: center; /*letter-spacing:0.04em;	*/
}

table#mainHeader table#center h3 {
    text-align: center;
    width: 507px;
    margin: 5px;
    font-size: 18px;
}

table#mainHeader table#center td.divider {
    vertical-align: bottom;
    background-image: url(../img/red_divider.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

table#mainHeader td#right {
    padding-left: 2px;
    vertical-align: top;
    width: 300px;
}

table#mainHeaderRight {
    background-color: white;
    width: 300px;
    vertical-align: top;
}

table#mainHeaderRight td {
    vertical-align: top;
    font: bold 12px "Arial";
}

td.dateField {
    width: 105px;
}

td.description {
    width: 500px;
}

div#contentSubPages {
    margin: 0 0 0 177px; /* if someone needs different layout, change these values (2,4 values for right/left sidepanel width + 5px )*/
}

div#contentSubPages p {
    margin: 0 5px 0 5px;
    text-align: left; /*letter-spacing: 0.1px;	469*/
}

div#contentSubPages h1 {
    font: bold 11px "Arial";
    margin: 0;
}

table#tableContentSubLevelProduct {
    background-color: white;
    vertical-align: top;
    width: 100%;
}

table#tableContentSubLevelProduct td {
    padding-left: 5px; /*border: 1px solid red;    */
/*border-bottom:1px solid gray;  */
    height: 24px;
}

table#tableContentSubLevelProduct td.onePixel {
    height: 1px;
    border-bottom: 1px solid gray;
}

table#tableContentSubLevelProduct td.last {
    border-bottom: 0 solid gray;
}

table#tableContentSubLevelProduct td.icon {
    width: 30px; /*Hack for IE6 icon alignment: */
    _padding-top: 4px;
}

table#tableContentSubLevelProduct td div {
    vertical-align: middle;
    height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table#tableContentSubLevelProduct td.gap {
    height: 1px;
    border-bottom: 0;
}

table#tableContentSubLevelProduct th {
    padding-left: 5px;
    background: #e3001b;
    font: bold 11px "Arial";
    vertical-align: middle;
    color: white;
    text-align: left;
    height: 19px;
    /*background-image: url(../img/gradient-red-wide.gif);
     background-repeat: repeat-y;				*/
}

/* New big table for all kind of lists on subpages */
table#commonTableForListableContent {
    background-color: white;
    vertical-align: top;
    width: 100%;
}

table#commonTableForListableContent td {
    padding-left: 5px; /*border-bottom:1px solid gray;  */
    vertical-align: top; /*height:125px;*/
/*mantis:504*/
    height: 110px;
}

/*Downloadable document - dwg file needs only 45px height */
TABLE#commonTableForListableContent td.dwg {
    height: 45px;
}

TABLE#commonTableForListableContent td.dwg div table td {
    height: 45px;
}

table#commonTableForListableContent td div {
    padding-top: 5px;
}

table#commonTableForListableContent td.icon {
    width: 30px;
}

table#commonTableForListableContent td.last {
    border-bottom: 0 solid gray;
}

table#commonTableForListableContent td.onePixel {
    height: 1px;
    border-bottom: 1px solid gray;
}

table#commonTableForListableContent td table td {
/* table in download table*/
    border-bottom: 0 solid gray;
    vertical-align: top;
    height: 20px
}

table#commonTableForListableContent td.last table td {
/* table in firm table*/
    border-bottom: 0 solid gray;
    /*vertical-align: top;
         height: 20px*/
}

table#commonTableForListableContent td.description {
    height: 50px;
}

table#commonTableForListableContent td.moreHits {
    height: 20px;
    font-weight: bold;
    padding-top: 10px;
}

table#commonTableForListableContent td.logo {
    width: 200px !important;
}

/*Space between company name and logo on product-listitem-company.html.vm page */
table#commonTableForListableContent td.logo img {
    margin-top: 3px;
}

table#commonTableForListableContent td.img {
    width: 120px;
    padding-left: 0;
    text-align: center;
}

table#commonTableForListableContent td.cbox {
    width: 30px;
    padding-left: 0;
}

table#commonTableForListableContent td.tablesGap {
    height: 25px;
}

table#commonTableForListableContent td.compDetail {
    width: 350px;
}

table#commonTableForListableContent td.compDescription {
    height: auto;
}

table#commonTableForListableContent th.tableProducts {
    padding-left: 5px;
    background: #e1011b;
    font: bold 11px "Arial";
    vertical-align: middle;
    color: white;
    text-align: left;
    height: 19px;
    /*background-image: url(../img/gradient-red-wide.gif);
     background-repeat: repeat-y;					*/
}

table#commonTableForListableContent th.tableproductCategoryNews {
    padding-left: 5px;
    background-color: #bd8b78;
    font: bold 11px "Arial";
    vertical-align: middle;
    color: white;
    text-align: left;
    height: 19px;
    /*background-image: url(../img/gradient-blue.gif);
     background-repeat: repeat-y;				*/
}

table#commonTableForListableContent th.tableDownloads {
    padding-left: 5px;
    background: #e1011b;
    font: bold 11px "Arial";
    vertical-align: middle;
    color: white;
    text-align: left;
    height: 19px;
    /*background-image: url(../img/gradient-red-wide.gif);
     background-repeat: repeat-y;					*/
}

table#commonTableForListableContent th.tableFirms {
    padding-left: 5px;
    background: #8d5445;
    font: bold 11px "Arial";
    vertical-align: middle;
    color: white;
    text-align: left;
    height: 19px;
    /*background-image: url(../img/gradient-khaki.gif);
     background-repeat: repeat-y;					*/
}

table#commonTableForListableContent th.tableRFI {
    padding-left: 5px;
    background-color: #96acbd;
    font: bold 11px "Arial";
    vertical-align: middle;
    color: white;
    text-align: left;
    height: 19px;
}

table#commonTableForListableContent td.rfi {
    height: 25px;
    vertical-align: bottom;
}

table#commonTableForListableContent td.rfi div p {
    margin: 0;
}

table#commonTableForListableContent td.prodCategory {
    height: 24px;
}

table#commonTableForListableContent input#info {
    font: 11px / 15px "Arial";
    width: 150px;
    padding-left: 2px;
}

table#tableRFI {
    background-color: #dfe6eb;
    width: 100%;
    vertical-align: top;
}

table#tableRFI td.linegap {
    height: 5px;
}

table#tableRFI th {
    background-color: #96acbd;
    vertical-align: middle;
    color: #ffffff;
    height: 19px;
    text-align: left;
}

table#tableRFI input {
    font: 11px / 15px "Arial";
    width: 350px;
    padding-left: 2px;
    margin-left: 5px;
}

table#tableRFI input.telephone {
    font: 11px / 15px "Arial";
    width: 118px;
}

table#tableRFI input[type='checkbox'] {
    padding-left: 2px;
    width: 20px;
    margin-left: 5px;
}

table#tableRFI textarea {
    font: 11px / 15px "Arial";
    width: 350px;
    padding-left: 2px;
    margin-left: 5px;
}

table#tableRFI select {
    font: 11px / 15px "Arial";
    width: 356px;
    padding-left: 2px;
    margin-left: 5px;
}

table#tableRFI input.btn {
    font: 11px / 15px "Arial";
    width: 80px;
    padding-left: 2px;
}

table#tableRFI td p {
    text-align: justify;
    margin: 0;
}

table#newsDetail h3 {
    font: 15px "Arial" bold;
    text-align: left;
    padding-left: 5px;
}

/* Space between logo and company name on company table */
table#tableProducts td div img {
    margin-top: 2px;
}

table#tableProducts td div.firmAddress {
    white-space: nowrap;
}

table#commonTableForListableContent td  div.firmAddress {
    white-space: nowrap;
}

table.oldLetters td {
    padding: 5px 5px 0 5px;
}

table.oldLetters input, select {
    font: 11px / 15px "Arial";
    width: 180px;
}

div.searchTerm p {
    padding-bottom: 5px;
    font-weight: bold;
    letter-spacing: normal;
    word-spacing: normal;
}

div#printPdf {
    margin: 5px 0 5px 0;
    float: left;
}

div#printHeader {
    display: none;
}

h1.newsH1 {
    font-weight: bold;
    text-align: left;
    padding-left: 3px;
}

td.newsDate {
    color: #C0C0C0;
    padding-left: 3px;
}

td.newsAbstract {
    text-align: left;
    font-weight: bold;
}

img.newsImg {
    float: left;
}

p.newsText {
    margin-left: 122px;
}

table#newsDetail td#newsBody {
    text-align: left;
    padding-left: 3px;
}

table.productPropertyContainer {
    width: 770px;
    margin-left: 30px;
}

table.productProperty {
    width: 358px;
}

td.productProperty {
    height: 1px;
    border-bottom: 1px solid gray;
}

td.productPropertyCaption {
    height: 1px;
    border-bottom: 1px solid gray;
    font-weight: bold;
}

div.companyListitem {
    text-align: left;
    white-space: nowrap;
}

table.productPropertyContainerCompare {
    width: 100%;
    border: 1px solid gray;
}

table.productPropertyContainerCompare th {
    background-color: #adbecb;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    padding: 3px;
    text-align: left;
    color: #000;
    height: 10px;
}

td.productPropertyCompare {
    height: 1px;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    vertical-align: top;
    padding: 3px;
    text-align: left;
    width: 200px;
}

.right {
    text-align: right;
}

.bottomPadding {
    padding-bottom: 5px;
}

table#commonTableForListableContent input#info {
    font: 11px / 15px "Arial";
    width: auto;
    padding-left: 2px;
}

/* Notify related */
#notify1 {
    background-color: #ffffe1; /*windows hint color */
    width: 298px; /*height:auto; */
    height: 85px;
    font-family: "Arial", serif;
    font-size: 11px;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; /*v3*/
    border: 1px solid black;
}

#notify1 a {
    text-decoration: underline;
}

.notifyClose {
    font-family: "Arial", serif;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    background-color: #E1011B;
    color: white;
    -moz-border-radius-topleft: 1px;
    -webkit-border-top-left-radius: 1px;
    -moz-border-radius-topright: 1px;
    -webkit-border-top-right-radius: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    height: 19px;
}

.notifyClose span#close {
    display: block;
    float: right;
    margin-top: -13px;
}

/* Chrome/Safari hack */
body:

nth-of-type
(
1
)
.notifyClose span#close {
    margin-top: 0px;
}

.notifyClose:hover {
    background-color: #a77;
}

.notifyContent {
    padding: 5px;
    display: block;
}

.notifyTitleDiv {
    font-family: "Arial", serif;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    background-color: #E1011B;
    color: white;
    -moz-border-radius-topleft: 1px;
    -webkit-border-top-left-radius: 1px;
    -moz-border-radius-topright: 1px;
    -webkit-border-top-right-radius: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    height: 19px;
}

span.mapLink {
    font-weight: bold;
}