body
{
    background-position: center center;
    margin: 0 0 0 0;
    padding: 0px; /*background-image: url(/images/RadiantWallpapersCollection39.jpg);    background-color: #BCDE7C;          */ /*background-image: url(/images/OrangeWallpaper222.jpg);  */
    background-image: url(/images/page_bg.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #9B9B9B;
}
#PageBody
{
    width: 100%;
    font-family: Verdana;
    height: 100%;
    margin: 0px auto;
    max-width: 900px; /*border: 1px solid #555555;*/
    background-image: url(/images/BodyBG.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #FFFFFF;
}

#PageBottomBlock
{
    display: block;
    overflow: auto;
    background-color: White;
    padding: 10px; /*     background-color: #FEC150;     */
}

#PageHeaderBlock
{
}

#PageHeaderBlock img
{
    margin-left: 0px;
    margin-bottom: 10px;
    margin-top: 0px;
}

#PageNavigationBlock
{
    /*     background-color: #FFB636;     */ /*     opacity: 0.8;     filter: alpha(opacity = 80);     */
}

#PageNavigationBlock ul
{
    list-style-type: none;
}

#PageNavigationBlock li
{
    display: inline-block;
}





#PageNavigationBlock a
{
    color: #000000;
}
#PageNavigationBlock a:hover
{
    background-color: #D7DFEC;
    color: Black;
}
#PageContentBlock
{
    height: auto; /*     background-image: url(/images/ContentBG.jpg); background-color: #F4E8D0;                   */
    clear: both;
    display: block;
    overflow: auto; /*     background-color: #FEC150;     */ /*     background-image: url('/images/catalog-background2.jpg');     background-position: left top;     background-repeat: repeat-x;     background-attachment: scroll; */
}
#PageBottomBlock
{
    height: auto;
    font-size: 70%;
    color: #000000;
    border-top: 1px solid #FFFFFF;
    background-color: #EEEEEE;
}
#PageBottomBlockLeft
{
    margin: 20px;
    width: 40%;
    float: left;
}
#PageBottomBlockRight
{
    margin: 20px;
    float: right;
    width: 40%;
    text-align: right;
}

.ProgressBar
{
    position: fixed;
    width: 900px;
    text-align: center;
    bottom: 30px;
}






/*Common elements*/
.row
{
    display: block;
    clear: both;
    height: auto;
}
.row:hover
{
    background-color: #D7DFEC;
    color: #010100;
}
.caption
{
    width: 170px;
    float: left; /*     font-weight: bold;     */
    font-size: 85%;
    margin-bottom: 5px;
}
.content
{
    margin-left: 170px;
    margin-bottom: 5px;
    border-left: 1px solid #AAAAAA;
    padding-left: 10px;
    padding-right: 10px;
}




.h
{
    font-size: 85%;
    background-color: #EEEEEE;
}
.c1
{
    width: 165px; /*     font-weight: bold;     */
    font-size: 85%;
    padding-left: 5px;
}
.h .c1
{
    /*     background-color: #FFFFFF;     */
    border-left: 1px solid #AAAAAA;
}
.c2
{
}
.c3
{
}
.c4
{
}
.c5
{
    width: 15%;
}
.c2, .c3, .c4, .c5
{
    font-size: 90%;
    padding-left: 10px;
    border-left: 1px solid #AAAAAA;
}

.hid
{
    display: none;
}
.sm
{
    font-size: 90%;
}
.sm2
{
    font-size: 80%;
}
.sm3
{
    font-size: 70%;
}
.bg
{
    font-size: 111%;
}
.bg2
{
    font-size: 122%;
}
.bg3
{
    font-size: 134%;
}
.ProductsList
{
    margin: 10px;
    width: 97%;
    margin-right: 10px;
}
.ProductsList tr
{
    padding-bottom: 30px;
}
.ProductsList tr:hover
{
    background-color: #D7DFEC;
    color: #010100;
}
.ProductsList tr:hover td a
{
}
.SimpleWindow
{
    /*     border-top: 1px solid #D59000;     border-left: 1px solid #D59000;     border-right: 1px solid #E4D08A;     border-bottom: 1px solid #E4D08A;     */
    border: 0px;
    width: auto;
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    display: block;
    overflow: auto;
    font-size: 80%;
}
.SimpleDiv
{
    margin: 20px;
}

.highOpacity
{
    opacity: 0.15;
    filter: alpha(opacity = 15);
}

.Opacity80
{
    opacity: 0.8;
    filter: alpha(opacity = 80);
}




.PageBlockTitle
{
    border-width: 1px;
    clear: both;
    margin-top: 30px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 10px;
    font-size: 120%;
    font-weight: bold;
}
.PageHeader
{
    font-size: 140%;
    margin: 20px;
    margin-left: 15px;
}



/******************** Menu *********************************/

/*Credits: Dynamic Drive CSS Library *//*URL: http://www.dynamicdrive.com/style/ */#modernbricksmenu
{
    padding: 0;
    width: 100%;
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
}
#modernbricksmenu ul
{
    font: bold 11px Arial;
    margin: 0;
    margin-left: 10px; /*margin between first menu item and left browser edge*/
    padding: 0;
    list-style: none;
}
#modernbricksmenu li
{
    display: inline;
    margin: 0 2px 0 0;
    padding: 0;
    text-transform: uppercase;
}
#modernbricksmenu a
{
    float: left;
    display: block;
    color: black;
    margin: 0 2px 0 0; /*Margin between each menu item*/
    padding: 5px 10px;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: #FFEEDD; /*Default menu color*/
    border-bottom: 1px solid #FFEEDD;
    opacity: 0.7;
    -moz-opacity: 0.7; /* older Gecko-based browsers */
    filter: alpha(opacity=70); /* For IE6&7 */
}
#modernbricksmenu a:hover
{
    background-color: #FFFFFF; /*Menu hover bgcolor*/
    opacity: 0.9;
    -moz-opacity: 0.9; /* older Gecko-based browsers */
    filter: alpha(opacity=90); /* For IE6&7 */
}
#modernbricksmenu .current a
{
    /*currently selected tab*/
    background-color: #EE5500; /*Brown color theme*/
    border-color: #EE5500; /*Brown color theme #D25A0B*/
    color: White;
    opacity: 1;
    -moz-opacity: 1; /* older Gecko-based browsers */
    filter: alpha(opacity=100); /* For IE6&7 */
}
#modernbricksmenuline
{
    clear: both;
    padding: 0;
    width: 100%;
    height: 5px;
    line-height: 5px;
    background: #EE5500; /*Brown color theme*/
}
#myform
{
    /*CSS for sample search box. Remove if desired */
    float: right;
    margin: 0;
    padding: 0;
}
#myform .textinput
{
    width: 190px;
    border: 1px solid gray;
}
#myform .submit
{
    font: bold 11px Verdana;
    height: 22px;
    background-color: lightyellow;
}

/*********************** back layer opacity *************************/

.SemitransparentContainer
{
    position: relative;
    float: left;
    width: auto; /**/ /* remember to set a width */
    margin: 2px;
    overflow: hidden;
    padding-top: 10px;
    margin-top: 0px;
}
.SemitransparentContainer2
{
    position: relative;
    float: left;
    width: 100%; /**/ /* remember to set a width */
    margin: 0px;
    overflow: hidden;
}
.ContainerOverlay
{
    position: absolute;
    top: 0; /* These positions makes sure that the ContainerOverlay */
    bottom: 0; /* will cover the entire parent */
    left: 0;
    width: 100%;
    background: #fff;
    opacity: 0.2;
    -moz-opacity: 0.2; /* older Gecko-based browsers */
    filter: alpha(opacity=20); /* For IE6&7 */
    overflow: hidden;
}
.ContainerOverlay2
{
    position: absolute;
    top: 0; /* These positions makes sure that the ContainerOverlay */
    bottom: 0; /* will cover the entire parent */
    left: 0;
    width: 100%;
    background: #fff;
    opacity: 0.4;
    -moz-opacity: 0.4; /* older Gecko-based browsers */
    filter: alpha(opacity=40); /* For IE6&7 */
    overflow: hidden;
}
.SemitransparentContainer .ContainerContent
{
    /*width: 45%;             padding: 10px;*/
}
.ContainerContent
{
    position: relative;
    color: black;
    background-color: White;
    margin: 10px;
    opacity: 1;
    -moz-opacity: 1; /* older Gecko-based browsers */
    filter: alpha(opacity=100); /* For IE6&7 */
    overflow: hidden;
}
.ContainerContent2
{
    position: relative;
    margin: 10px;
    margin-top: 25px;
    overflow: hidden;
}
/* Lets use the * html hack so only IE6 reads the rule */
* html .SemitransparentContainer .ContainerOverlay
{
    height: expression(document.getElementById(  "SemitransparentContainer" ).offsetHeight);
}



/********************************/

#sapeblock
{
    position: relative;
    left: 400px;
    bottom: 50px;
    font-size: 65%;
    width: 200px;
    color: #A7A7A7;
}

.nodisplay
{
    display: none;
}