﻿body {
    padding:0px;
    margin:0px;
    background-color:#FFFFFF;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
}
.header
{
    width:942px;
    height:163px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}
.header .logo
{
    width:150px;
    height:150px;
    display:block;
    background-image: url('images/E1.jpg');
    margin-left:10px;
    margin-right:3px;
    float:left;
}
.header .title
{
    background-color:#0065bf;
    width:756px;
    height:40px;
    display:block;
    float:left;
    font-size:24px;
    color:#FFFFFF;
    padding-top:10px;
    margin-bottom:1px;
    margin-top:14px;
}
.header .menu
{
    background-image: url('images/menuspan.gif');
    width:727px;
    height:37px;
    display:block;
    float:left;
}
.header .menu .home
{
    background-image: url('images/menu_home.gif');
    width:53px;
    height:35px;
    display:block;
    border-right:white 1px solid;
    float:left;
}

.header .menu .home:hover
{
    background-position: 0px -35px;
}
.header .menu .corp
{
    background-image: url('images/menu_corporate.gif');
    width:87px;
    height:35px;
    display:block;
    border-right:white 1px solid;
    float:left;
}
.header .menu .corp:hover
{
    background-position: 0px -35px;
}
.header .menu .films
{
    background-image: url('images/menu_films.gif');
    width:48px;
    height:35px;
    display:block;
    border-right:white 1px solid;
    float:left;
}
.header .menu .films:hover
{
    background-position: 0px -35px;
}
.header .menu .ent
{
    background-image: url('images/menu_entertainment.gif');
    width:154px;
    height:35px;
    display:block;
    border-right:white 1px solid;
    float:left;
}
.header .menu .ent:hover
{
    background-position: 0px -35px;
}
.header .menu .kids
{
    background-image: url('images/menu_kids.gif');
    width:41px;
    height:35px;
    display:block;
    border-right:white 1px solid;
    float:left;
}
.header .menu .kids:hover
{
    background-position: 0px -35px;
}
.header .menu .lice
{
    background-image: url('images/menu_licensing.gif');
    width:78px;
    height:35px;
    display:block;
    border-right:white 1px solid;
    float:left;
}
.header .menu .lice:hover
{
    background-position: 0px -35px;
}
.header .menucap
{
    background-image: url('images/menucap.gif');
    margin-left:1px;
    width:28px;
    height:37px;
    display:block;
    float:left;
}
.footer
{
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    width:800px;
    background-color:#01AEF0;
    height:55px;

    background-image: url('images/footer.jpg');
    background-position: 80px 12px;
    background-repeat: no-repeat;

}
.title
{
    font-size:14px;
    font-weight:bold;
    text-align:center;
    font-size:16px;
}
.intro
{
text-align:center;
margin-bottom:8px;
}
.category
{
    width:650px;
    height: 28px;
    margin-right: auto;
    margin-left: auto;
}
.category .dvd
{
    background-position: 100px 5px;
    background-color: #4c4c4c;
    background-image: url(  'images/category-dvd.jpg' );
    background-repeat: no-repeat;
    height: 30px;
    width:325px;
    float:left;
}
.category .music
{
    background-position: 100px 5px;
    background-color: #4c4c4c;
    background-image: url(  'images/category-music.jpg' );
    background-repeat: no-repeat;
    height: 30px;
    width:325px;
    float:left;
}
.category .announcements
{
    background-position: 250px 5px;
    background-color: #4c4c4c;
    background-image: url(  'images/category-announcements.jpg' );
    background-repeat: no-repeat;
    height: 30px;
    width:650px;
    float:left;

}
.category .catalogues
{
    background-position: 250px 5px;
    background-color: #4c4c4c;
    background-image: url(  'images/category-catalogues.gif' );
    background-repeat: no-repeat;
    height: 28px;
    width:650px;
    float:left;

}

.arch
{
    margin-right: auto;
    margin-left: auto;
    width:630px;
    height:233px;
    background-color:#DDDDDD;
    padding:10px;
}
.arch .l
{
    width:290px;
    height:210px;
    background-color:#EEEEEE;
    float:left;
    padding:10px;
}
.arch .r
{
    width:290px;
    height:210px;
    background-color:#EEEEEE;
    float:left;
    padding:10px;
    margin-left:10px;
}
.archtitle
{
    margin-top:20px;
    width:650px;
    font-size:25px;
    text-align:center;
    font-weight:bold;
    height: 30px;
    margin-right: auto;
    margin-left: auto;
}

.catalogue
{
    margin-right: auto;
    margin-left: auto;
    width:630px;
    height:108px;
    background-color:#DDDDDD;
    padding:10px;
}


.catalogue .topl
{
    width:290px;
    height:87px;
    background-color:#EEEEEE;
    float:left;
    padding:10px;
}
.catalogue .topr
{
    width:290px;
    height:87px;
    background-color:#EEEEEE;
    float:left;
    padding:10px;
    margin-left:10px;
}
.catalogue .head
{
    font-size:14px;
    font-weight:bold;
    margin-top:5px;
}
.catalogue  a
{
    margin-left:10px;
}
.catalogue .top
{
    background-color:#EBF8FE;
    width:250px;
    height:137px;
    float:left;
}
.catalogue .top .contents
{
    background-color:#FFBF00;
    height:90px;
    padding:6px;
    overflow:auto;
}
.catalogue .dvd
{
    width: 250px;
    height: 29px;
    background-image: url( 'images/dvdtitles.gif' );
    background-repeat: no-repeat;
}
.catalogue .audio
{
    width: 250px;
    height: 29px;
    background-image: url('images/audiotitles.gif');
}



.login
{
    margin-top:50px;
    width:260px;
    height:400px;
    margin-left:auto;
    margin-right:auto;
}
.login .l
{
    text-align:right;
    float:left;
    width:90px;
    height:22px;
    margin-right:10px;
    padding-top:2px;
}
.login .f
{
    float:left;
    width:160px;
    height:24px;
}
.login .b
{
    width:300px;
    float:left;
    text-align:center;
    margin-top:10px;
}
.err
{
    background-color:#DD0000;
    border:#FF0000 2px solid;
    color:#FFFFFF;
    font-size:18px;
    text-align:center;
    font-weight:bold;
    padding:4px;
}
.grid
{
    padding:5px;
    border:#999999 1px solid;
    margin:10px;
    width:600px;
    margin-left:auto;
    margin-right:auto;
}
.grid table 
{
    width:100%;
}
.grid table th
{
    font-weight:bold;
    text-align:left;
    padding:4px;
}
.grid table td
{
    padding:4px;
}
.center
{
    text-align:center;
}
.importdetector
{
    border:black 1px solid;background-color:#FFDDDD;
    width:420px;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    margin-bottom:5px;
    font-weight:bold;
    text-align:center;
    padding:4px;
}
.importdetector .item
{
    display:block;
    width:420px;
    text-align:right;
    margin-left:auto;
    margin-right:auto;
    font-weight:normal;
}
.importdetector .item input
{
    font-size:10px;
}
