body {
    background-color: #F6F3E8;
    padding: 0;
    margin: 0;
    font: normal 11pt Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 1.5em;
}

/*=====================================
elements
=======================================*/

a {
    letter-spacing: 0.15em;
    padding: 0.5em 0.5em 0.5em 0;
}
a:link {color: #928572;}
a:visited {color: #736D4C; font-style: normal;}
a:hover {
    color: #931212;
    font-style: oblique;
}
a:active {color: #00FF00;}


em {letter-spacing: 0.15em;}

h2, h3, h4, h5 {
    letter-spacing: 0.2em;
    font-variant: small-caps;
    line-height: 1.25em;
}
h2, h3 {font-weight: 900;}

h2.index {
    margin-left: 150px;
}

h3.index {
    margin-left: 150px;
}

h4.index {
    margin-left: 150px;
}

img {
vertical-align: middle;
border: none;
padding: 1em 0;
}
img.bullet {padding: 0 0.75em 0 0;}
img.gallery {padding: 0.5em 1em 0.5em 0;}
img.gallery-2em {padding: 2em 0;}

li {line-height: 1.35em;}

ol {list-style: lower-roman;}

p.index {
    margin-left: 150px;
}

ul.index {
    margin-left: 200px;
}

ul.nostyle {list-style: none;}
ul.primary {
    list-style: square outside;
}
ul.primary-in {
    list-style: square inside;
}
ul.secondary {
    list-style: circle;
}
ul.secondary-in {
    list-style: circle inside;
}
ul.img-bullet {list-style: url(../img-common/seal_fungcheung_9x9.jpg) inside;}
ul.img-bullet-13 {list-style: url(../img-common/seal_fungcheung_13x13.jpg) inside;}
ul.arrow-r-ac {list-style: url(../img-common/arrow-right_acacac_10x10.png) outside;}

/*=====================================
class
=======================================*/

    .bg-dfddcd {background-color: #DFDDCD;}
 
    .block {display: block;}

    .border-top {
        border-style: solid;
        border-width: 6px 0 0 0;
        border-color: #E5E3D3;
        }

    .bord-n1 {border-top: solid 1px #797979}
    .bord-n4 {border-top: solid 4px #797979}
    .bord-e1 {border-right: solid 1px #797979}
    .bord-w1 {border-left: solid 1px #797979}

    .clearleft {clear: left;}
    .clearight {clear: right;}

    .floatleft {
        float: left; 
        padding-right: 20px;
        }

    .floatright {
        float: right; 
        padding-left: 20px;
        }

    .frame {
        border-style: solid;
        border-width: 4px;
        border-color: #A60100;
        }

    .fullbox-a {
        margin-right: 40%;
        padding: 1em;
        font-variant: small-caps;
        font-size: 120%;
        font-weight: 900;
        letter-spacing: 0.25em; 
        color: #606957;
        border-style: solid;
        border-width: 4px;
        border-color: #69735F;
        }

    .halfbox-a {
        padding: 1em 0 0.5em 1em;
        font-variant: small-caps;
        font-style: oblique;
        font-size: 90%;
        font-weight: 900;
        letter-spacing: 0.25em; 
        color: teal;
        border-style: solid;
        border-width: 0 0 1px 4px;
        border-color: teal;
        }

    .heavy {font-weight: 900;}

    .letspacing15 {letter-spacing: 0.15em;}
    .letspacing25 {letter-spacing: 0.25em;}

    .letter250 {font-size: 250%;}
    .letter200 {font-size: 200%;}
    .letter150 {font-size: 150%;}
    .letter125 {font-size: 125%;}
    .letter110 {font-size: 110%;}
    .letter90 {font-size: 90%;}
    .letter80 {font-size: 80%;}
    .letter60 {font-size: 60%;}

    .lev00 {margin-left: 0;}
    .lev01 {margin-left: 5%;}
    .lev02 {margin-left: 8%;}
    .lev03 {margin-left: 11%;}
    .lev04 {margin-left: 14%;}
    .lev05 {margin-left: 20%;}

    .lineheight15 {line-height: 1.5em;}
    .lineheight2 {line-height: 2em;}
    .lineheight4 {line-height: 4em;}

    .mar-n18pc {margin-top: 18%;}
    .mar-n7pc {margin-top: 7%;}
    .mar-n-03 {margin-top: -0.03em;}
    .mar-n-05 {margin-top: -0.05em;}
    .mar-n-1 {margin-top: -1em;}

    .mar-w2pc {margin-left: 2%;}
    .mar-w5pc {margin-left: 5%;}
    .mar-w15pc {margin-left: 15%;}
    .mar-w25pc {margin-left: 25%;}
    .mar-w30pc {margin-left: 30%;}
    .mar-w30 {margin-left: 30px;}
    .mar-w70 {margin-left: 70px;}
    .mar-w100 {margin-left: 100px;}
    .mar-w150 {margin-left: 150px;}
    .mar-w40pc {margin-left: 49%;}
    .mar-w-5pc {margin-left: -5%;}
    .mar-w-7pc {margin-left: -7%;}
    .mar-w-15pc {margin-left: -15%;}

    .nocaps {font-variant: normal;}

    .oblique {font-style: oblique;}

    .pad-n0 {padding-top: 0;}
    .pad-n025 {padding-top: 0.25em;}
    .pad-n05 {padding-top: 0.5em;}
    .pad-n1 {padding-top: 1em;}
    .pad-n2 {padding-top: 2em;}
    .pad-n5pc {padding-top: 5%;}
    .pad-n10pc {padding-top: 10%;}
    .pad-n18pc {padding-top: 18%;}
    .pad-n40pc {padding-top: 40%;}
    .pad-n60pc {padding-top: 60%;}

    .pad-ns05 {padding: 0.5em 0;}
    .pad-ns1 {padding: 1em 0;}
    .pad-ns2 {padding: 2em 0;}

    .pad-e1 {padding-right: 1em;}
    .pad-e2 {padding-right: 2em;}
    .pad-e4 {padding-right: 4em;}

    .pad-s1 {padding-bottom: 1em;}
    .pad-s2 {padding-bottom: 2em;}
    .pad-s5pc {padding-bottom: 5%;}
    .pad-s10pc {padding-bottom: 10%;}
    .pad-s10px {padding-bottom: 10px;}
    .pad-s20px {padding-bottom: 20px;}
    .pad-s40px {padding-bottom: 40px;}

    .pad-w0 {padding-left: 0em;}
    .pad-w1 {padding-left: 1em;}
    .pad-w2 {padding-left: 2em;}
    .pad-w3 {padding-left: 3em;}
    .pad-w4 {padding-left: 4em;}
    .pad-w5 {padding-left: 5em;}
    .pad-w3pc {padding-left: 3%;}
    .pad-w5pc {padding-left: 5%;}
    .pad-w8pc {padding-left: 8%;}
    .pad-w12pc {padding-left: 12%;}

    
    .pad-4S-5pc {padding: 5%;}
    
    .ric1 {padding-right: 2em}
    .ric2 {padding-left: 2em}

    .smallcaps {font-variant: small-caps;}

    .strong {font-weight: 900;}

    .tb-comments {
        width: 90%;
        border: none;
        border-collapse: separate;
        border-spacing: 2px 4px;
        }
        .tb-comments td.c1 {
            text-align: center;
            width: 40%;
            }

    .tb-custom {
        width: 90%;
        text-align: center;
        letter-spacing: 0.2em;
        border: solid 2px #797979;
        border-collapse: separate;
        border-spacing: 2px 4px;
        }

    .tb-shipping {
        width: 90%; 
        margin: 1em 0;
        border-collapse: collapse; 
        border-spacing: 0;
        border: solid teal 2px;
        }
    .tb-shipping td {
        border: solid #395F0B 0.5px;
        padding: 0.5em;
        vertical-align: middle;
        }
    .tb-shipping td.r1c1 {width: 15%;}
    .tb-shipping td.r1c2 {width: 25%;}
    .tb-shipping td.r1c3 {width: 25%;}
    .tb-shipping td.r1c4 {width: 15%;}
    .tb-shipping td.r1c5 {width: 20%;}
    .tb-shipping td.lev3-r1c1 {width: 40%;}
    .tb-shipping td.r2c1 {border: none;}
    .tb-shipping td.center {text-align: center;}

    .txtalign-c {text-align: center;}

    .vertalign-bot {vertical-align: bottom;}
    .vertalign-mid {vertical-align: middle;}

    .width50 {width: 50%;}

/*=====================================
divisions style rules
=======================================*/

    div#artw-gallery {
        margin: 5%;
        padding-top: 3%;
        }
        div#artw-gallery a:link {color: #D9D9D9;}
        div#artw-gallery img {margin-left: 2%;}

    div#back-black {
        margin: 0 2% 0 1%; 
        padding-bottom: 50px;
        background-color: black;
        color: #D9D9D9;
        }
        div#back-black a {
            letter-spacing: 0.15em;
            padding: 0.5em 0.5em 0.5em 0 ;
            }
        div#back-black a:link {color: #ACACAC;}
        div#back-black a:visited {
            color: #ACACAC; 
            font-style: normal;
            }
        div#back-black a:hover {
            color: #938C0D;
            font-style: oblique;
            }
        div#back-black a:active {color: #00FF00;}

    div#banner {
        margin: 0 45% 0 2%;
        }

    div#container {
        background-image: url(../img-common/paper_st-gilles_center_500x100.jpg);
        background-repeat: repeat;
        margin: 0 0 0 50px;
        }

    div#content,
    div#content-1,
    div#content-2,
    div#content-3
        {
        margin: 0 45% 0 2%;
        }

    div#content-wide {
        margin: 0 10% 0 2%;
        padding-bottom: 50px;
        }

    div#note,
    div#nota {
        clear: right;
        padding: 5% 0 0 0;
        font-weight: 900;
        color: #69735F;
        text-align: center;
        border-style: dashed;
        border-width: 6px 0 6px 0;
        border-color: #E5E3D3;
        }
        div#nota img {padding: 0;}

    div#sidebar {
        margin: 5% 40px 0 2em;
        float: right;
        width: 33%;
        font-variant: small-caps;
        font-size: 90%;
        }
        div#sidebar img {
            padding-left: 2em;
            }
        .nav {background-color: #EEEBDA;}

    div#shipping {
        margin: 0 0 0 2%;
        }

    div#right-edge {
        background-image: url(../img-common/paper_st-gilles_right-edge_50x1200.png);
        background-repeat: repeat-y;
        position: fixed;
        top: 0;
        right: 0;
        width: 50px;
        height: 100%;
        margin-right: 0;
        }

    div#left-edge {
        background-image: url(../img-common/paper_st-gilles_left-edge_75x1200.png);
        background-repeat: repeat-y;
        position: fixed;
        top: 0;
        left: 0;
        width: 75px;
        height: 100%;
        margin: 0;
        }