@charset "utf-8";

#productsPage{
    background: url(../img/products/bg_products.jpg) no-repeat;
    background-position: center top;
    background-attachment: fixed;
}

#productsPage h2.pageTitle{
    background: url(../img/products/productspage_title.png) left top no-repeat;
    width: 152px;
    height: 29px;
    margin: 30px auto 30px auto;
}

.productsStyle h2{
    margin-bottom:40px;
}

.productsStyle ul{
    margin-bottom:40px;
}

.productsStyle li{
    float:left;
}

.productsStyle h3{
    margin-bottom:20px;
}

.blurayLink a{
    width: 180px;
    height: 30px;
    background: url(../img/products/menu_01_off.png) left top no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.blurayLink a:hover{
    width: 180px;
    height: 30px;
    background: url(../img/products/menu_01_on.png) left top no-repeat;
}

.musicLink a{
    width: 180px;
    height: 30px;
    background: url(../img/products/menu_02_off.png) left top no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.musicLink a:hover{
    width: 180px;
    height: 30px;
    background: url(../img/products/menu_02_on.png) left top no-repeat;
}

.booksLink a{
    width: 180px;
    height: 30px;
    background: url(../img/products/menu_03_off.png) left top no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.booksLink a:hover{
    width: 180px;
    height: 30px;
    background: url(../img/products/menu_03_on.png) left top no-repeat;
}

.goodsLink a{
    width: 180px;
    height: 30px;
    background: url(../img/products/menu_04_off.png) left top no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.goodsLink a:hover{
    width: 180px;
    height: 30px;
    background: url(../img/products/menu_04_on.png) left top no-repeat;
}