﻿body 
{
    background-color: white;
    color: #333;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;

    padding: 0px;
    margin: 0px;
}

table, td, th, div
{
    padding: 0px;
    margin: 0px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    border-collapse: collapse;
}

img 
{
    border: none;
    padding: 0px;
    margin: 0px;
}


a:visited { color: #f80; text-decoration: underline; }
a:link { color: #42369c; text-decoration: underline; }
a:active { color: #42369c; text-decoration: underline; }
a:hover { color: #333; background-color: #f80; text-decoration: underline; }

a.img:hover { color: #333; background-color: transparent; text-decoration: none; }

div 
{
    padding: 0px;
    margin: 0px;
}

p img 
{
    margin: 10px 30px 10px 30px;
}

div#top
{
    width: 100%;
    background-color: #6d4497;

    background-image: url('/i/bgTop1.gif');
    background-position: bottom left;
    background-repeat: repeat-x;

     position: fixed; 
     top: 0px;
     left: 0px;

     z-index: 100;
}

div#header 
{
    height: 141px;
    background-image: url('/i/bgTop.gif');
    background-position: center bottom;
    background-repeat: no-repeat;
}

div#header1
{
    width: 100%;
}

div.centered
{
    margin: auto;
    width: 1280px;
    /*
    border-left: 1px dotted red;
    border-right: 1px dotted red;
    */
}

    a.mm:visited { color: #f6e17a; text-decoration: underline; }
    a.mm:link { color: #f6e17a; text-decoration: underline; }
    a.mm:active { color: #f6e17a; text-decoration: underline; }
    a.mm:hover { color: #f0c45d; background-color: transparent; text-decoration: underline; }

    a.aCat:visited { color: white; text-decoration: underline; }
    a.aCat:link { color: white; text-decoration: underline; }
    a.aCat:active { color: white; text-decoration: underline; }
    a.aCat:hover { color: #f0c45d; background-color: transparent; text-decoration: underline; }

    div#content 
    {
        min-height: 500px;
    }

    .categories 
    {
        
    }

    .categories input 
    {
        color: #5e56ab;
        width: 190px;
        display: inline-block;
        background-color: transparent;
        text-align: left;
        padding: 4px 1px 3px 10px;
        font-weight: lighter;
        border: none;
        background-repeat: no-repeat;
        background-image: url('/i/catalog.png');
        background-position: 0px 9px;

        white-space: normal;
        cursor: pointer;
    }

    .categories input.selected 
    {
        font-weight: bold;
        background-image: url('/i/catalogs.png');
    }

    .categories input.scselected 
    {
        color: #333;
        font-weight: bold;
    }

    .categories input.categ
    {
        font-size: 13px;
    }

    .categories input.scateg 
    {
        font-size: 12px;
        background-image: none;
        cursor: pointer;
    }
    .h3
    {
        font-size: 14px;
        color: #333;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    div#footer div#f1 
    {
        height: 27px;
        background-color: #f0c45d;
    }
    div#footer div#f2 
    {
        min-height: 80px;
        background-color: #4b346b;
        color: #aea2e8;
        padding: 40px 0px 40px 0px;

        background-image: url('/i/bgBtm2.gif');
        background-position: center center;
        background-repeat: no-repeat;
    }

    div#footer div#f3 
    {
        height: 3px;
        background-color: #cca671;
    }
    div#footer div#f4 
    {
        min-height: 50px;
        background-color: #a36fce;
        color: #fff9c2;
        padding: 40px 0px 40px 0px;
    }
    div#f2 p 
    {
        padding-right: 40%;
    }


.dbgInfo 
{
    color: lime;
}

.unvisible 
{
    width: 10px;
    height: 10px;
    background-color: lime;
}

table.items * td.itmTd
{
    width: 245px;
    height: 290px;
}

table.items * td.itmTd * input 
{
    color: white;
    width: 225px;
    display: inline-block;
    text-decoration: underline;
    background-color: transparent;
    text-align: left;
    padding: 4px 0px 0px 0px;
    font-weight: bold;
    border: none;
    font-size: 14px;
}
.itm 
{
    background-repeat: no-repeat;
    background-position: center 5px;
}

input.itmBtImg
{
    margin-top: 5px;
    margin-left: 5px;

    background-repeat: no-repeat;
    background-position: top right;
}

.itmSt
{
    /*height: 276px;*/
}

.itmArticle {
    padding-left: 7px;
    font-weight: bold;
    color: #ff0000;
}

.itmTtl
{
}

.itmBtm
{
    height: 95px;
    padding: 5px 5px 5px 5px;
    margin: 0px 5px 0px 5px;

    background-repeat: repeat-x;
}

.itmPrc
{
    font-size: 18px;
    color: #fafafa;
    margin-top: 8px;
}

.itmMat 
{
    color: #bababa;
    margin-top: 10px;
}

.ibg0 { background-image: url('/i/imgBg001.png'); }
.ibg1 { background-image: url('/i/imgBg002.png'); }
.ibg2 { background-image: url('/i/imgBg003.png'); }
.ibg3 { background-image: url('/i/imgBg004.png'); }
.ibg4 { background-image: url('/i/imgBg005.png'); }
.ibg5 { background-image: url('/i/imgBg006.png'); }

#itmSelected 
{
    
}
#itmSelected table
{
    width: 100%;
}

#itmSelected * td#imgSel1 
{
    width: 82px;
    vertical-align: top;
    padding-left: 19px;
}
#itmSelected * td#imgSel2 
{
    width: 394px;
    height: 400px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: left top;
}
#itmSelected * td#imgSel3 
{
    vertical-align: top;
    padding: 0px 10px 0px 10px;

    background-repeat: no-repeat;
    background-position: right top;
}
#itmSelected * .prev 
{
    background-repeat: no-repeat;
    height: 79px;
    cursor: pointer;
}

#itmOriginal 
{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}
#itmCondition
{
    padding-bottom: 10px;
}
#itmMaterial 
{
    padding-bottom: 10px;
}
#itmColor
{
    padding-bottom: 10px;
}
#itmSize 
{
    padding-bottom: 10px;
}
#itmWeight
{
    padding-bottom: 10px;
}
#itmVolume
{
    padding-bottom: 10px;
}
#itmMark
{
    padding-bottom: 10px;
}
#itmTradeMark 
{
    padding-bottom: 10px;
}
#itmStyle 
{
    padding-bottom: 10px;
}
#itmCountry
{
    padding-bottom: 10px;
}
#itmCity
{
    padding-bottom: 10px;
}
#itmPeriod 
{
    padding-bottom: 10px;
}
#itmYear 
{
    padding-bottom: 10px;
}
#itmExpert 
{
    background-color: #eae8d3;
    color: gray;
    padding: 20px;
    margin-bottom: 10px;
}
#itmArticle 
{
    color: gray;
    font-weight: bold;
    font-size: larger;
    padding-top: 10px;
    padding-bottom: 10px;
}
#itmPrice 
{
    font-size: 20px;
}

#itmHistory 
{
    color: gray;
    padding-left: 100px;
}

#itmAddInfo 
{
    color: darkblue;
}

#itmStatus 
{
    background-color: lightgray;
    background-repeat: no-repeat;
    background-position: left center;

    border: 1px solid red;
    height: 30px;
}

h2.itm 
{
    color: #8077c6;
    font-weight: normal;
    
    margin-top: 0px;
    padding-left: 20px;
}

#staticText * p.author 
{ 
    font-style: italic; 
    padding-left: 40%;
}


/*Home Page Items*/
td.itmTdH 
{
    padding: 5px;
    background-position: 5px 5px;
    width: 245px;
    height: 290px;

    background-repeat: no-repeat;
}
td.itmTdH div.itmBtm 
{
    margin: 0px 0px 0px 0px;
}

td.itmTdH * a.ttlLink:visited { color: white; text-decoration: none; font-weight: bold; border: none; }
td.itmTdH * a.ttlLink:link { color: white; text-decoration: none; font-weight: bold; border: none; }
td.itmTdH * a.ttlLink:active { color: white; text-decoration: none; font-weight: bold; border: none; }
td.itmTdH * a.ttlLink:hover { color: white; background-color: transparent; text-decoration: underline; font-weight: bold; border: none; }


div.mainbanner 
{
    background-repeat: repeat-x;
    background-position: left top;
}

div.mainbanner div
{
    height: 200px;
    background-repeat: no-repeat;
}

.ft {
    color: gray;
}

.fb {
    padding: 20px 0px 40px 0px;
    text-align: center;
}

.fv input, 
.fb input,
.fv * input, 
.fb * input
{
    padding: 3px 10px 3px 10px;
}

.fv {
    padding-bottom: 10px;
}

.fv input,
.fv textarea,
.fv select,
.fv * input,
.fv * textarea,
.fv * select  {
    padding: 3px;
    width: 450px;
    border: 1px solid gray;
}

.err 
{
    color: red;
}
