html{ margin: 0; padding: 0; height: 100%; }
body { margin: 0; padding: 0px; height: 100%; font-family: Georgia, "Times New Roman", Times New Roman, serif; font-size: 10pt;}
form { padding: 0; margin: 0; height: 100%; width:100%; }
a img { border: 0px; }
td { font-family: Georgia, "Times New Roman", Times New Roman, serif; font-size: 10pt; }
p { text-align: justify; }
h1 { font-family:Arial; font-size: 13pt; }
h2 { font-family:Arial; font-size: 12pt; }
a { color: #002EB8; }
a:visited { color: Black; }
a:active { color: #003DF5; }
a:hover { color: #3366FF; }

/* general layout */
#container {min-height: 100%; margin-bottom: -60px; }
* html #container {height: 100%;}
#content { padding: 0px 15px 15px 15px; xpadding-bottom: 60px; margin-bottom: 80px; }

div#menu { padding: 5px; font-size: 110%; font-weight: bold; background-color: #ffcc33; color: #002EB8; padding-left: 20px; }
div#menu a { color: #002EB8; text-decoration: none; }
div#menu div#src { float: right; margin-right: 20px; margin-top: -2px }
div#menu div#src input { font-size: 80%; border: solid 1px #000; background-color: #002EB8; color: White; }
div#menu div#src input#q { background-color: white; }
div#src div#pnlSearch { margin-top: 1px }
#footer { clear: both; height: 39px; padding: 10px; font-size: 9pt; color:#333333; border-top: solid 1px #e2e3d7; text-align: center; }
#footer a { color: #333333; }
#footer #cpy { color: #666; }

div#navigator { padding: 20px 0px 0px 15px; font-size: 110%; font-weight: bold; color: #002EB8; }
div#navigator a { color: #002EB8; text-decoration: none; }
/* index news */

div.inews { margin-left: 15px; }
div.inews div.item { margin-bottom: 20px; clear: both;}
div.inews div.item div.title { font-weight: bold; margin-bottom: 4px; }
div.inews div.item div.date { font-size: 80%; color: #666666; }
div.inews div.item img { float: left; margin-right: 10px; margin-bottom: 0px; border: solid 1px #666666; width: 80px; height:60px; }

div.pager { background-color: #f8f8f8; text-align: right; padding: 2px; clear: both; margin-top: 3px; margin-bottom: 3px; font-family: Arial !important;}
div.pager a { padding: 3px; text-decoration: none; }
div.pager b { padding: 3px; color: White; background-color: Navy; }

div.brief { text-align: justify }

/* product list */

div.products div.item { width: 19%; height:160px; margin-bottom: 10px; float: left; text-align: center; vertical-align: top;}
div.products img.p { width:100px; height:100px; }

/* product attributes */

table.attrs { border-collapse: collapse; }
table.attrs td { padding: 3px; margin: 0px; }
table.attrs tr.even td { background-color: #f8f8f8; }
table.attrs th { padding: 3px; padding-top:7px; padding-bottom: 7px; text-align: left;  margin: 0px; }

div#searchPanel
{
    border: solid 1px gainsboro;
    margin-bottom: 10px;
    overflow-y: hidden;
    width: 100%;
}
div#attribPanel
{
    background-color: White;
    border: solid 1px gainsboro;
    padding: 10px;
    position: absolute;
    width: 500px;
    white-space: nowrap;
}
tr#attrContainer td
{
    white-space: nowrap;
}
img#btnCloseAttribPanel
{
    cursor: pointer;
    float:right;
    margin: -9px -9px 0px 0px;
}
div#attribPanel table
{
    width: 100%;
}
td#attrTitle
{
    font-weight: bold;
    text-align: center;
}
form#attribForm
{
    padding: 5px;
}
input.btn
{
    width: 100px;
}
table.searchTitle
{
    background-color: gainsboro;
    border: solid 1px silver;
    cursor: pointer;
    width: 100%;
}
table.searchTitle tr td
{
    font-weight: bold;
    padding: 3px;
    vertical-align: middle;
}
div.searchPanel_content
{
    width: 100%;
}
td.groupTitle
{
    font-weight: bold;
}
td.attr
{
    padding: 5px;
    width: 33%;
}
span.selAttrValue
{
    background-color: #fff29c;
    cursor: pointer;
    margin-left: 3px;
    padding: 2px 5px 2px 5px;
    text-decoration: underline;
}
input#btnSearch
{
    background-color: #FFCC33;
    font-weight: bold;
    margin: 10px;
    width: 300px;
}
img#imgLoader
{
    margin-bottom: 10px; 
}
table.Archive
{
    margin-right: 2px;
    float: right;
    text-align: left;
    width: 180px;
}
table.Archive th
{
    background-color: #F0F0F0;
    font-family: Georgia, "Times New Roman", Times New Roman, serif;
    font-size: 120%;
    font-weight: bold;
}
div.offerInfo
{
    font-family: Calibri, Arial, Serif;
    margin-top: 3px;
}

.gray { color: #777; }
.small { font-size: 80%; }

div#userInfo
{
    float: right;
    margin-top: -35px;
    padding: 5px 5px 5px 5px;
}
div#userInfo span
{
    padding-right: 10px;
}

.red {color: Red; }

table.uiFilter 
{
    background-color: #EEEEEE;
    border: 1px solid #999999;
    font-family: Arial;
    padding: 3px;
    width: 100%;
}
table.uiFilter td
{
    font-family: Arial;
    font-size: 11px;
    white-space: nowrap;
}
.header td
{
    background-color: Navy;
    color: White;
    font-weight: bold;
    padding-left: 10px;
}
.odd td
{
    background-color: Gainsboro;
}
tr.title td
{
    font-weight: bold;
    padding-left: 10px;
}
.sum td
{
    font-weight: bold;
    padding-left: 10px;
    vertical-align: top;
}
.total td
{
    border-top: solid 1px gray;
    font-weight: bold;
    padding-left: 10px;
}
table.report
{
    border: solid 1px gray;
    width: 100;
}
table.report th
{
    background-color: #0099ff;
    color: White;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}
table.report tr.even td
{
    background-color: Gainsboro;    
}