﻿body {
    font-family: Verdana;
    font-size: 70%;
    margin: 0;
}

a:link, a:visited
{
    color: #000099;
}

ul
{
    margin: 0em 0em 1em 0em;
    list-style: none;
    padding: 0em;
}

li
{
    list-style: none;
}

ul.pageitem li.menu, ul.pageitem li.form
{
    list-style: none;
    border-top: solid 1px gainsboro;
    padding: 0.2em 0.2em 0.2em 0;
    clear: both;
    text-align: center;
}

ul.pageitem, ul.playlist
{
    border-bottom: solid 1px gainsboro;
    margin-left: 0.2em;
}

ul.pageitem li img, ul.playlist li img
{
    vertical-align: middle;
    margin-right: 0.2em;
}

.graytitle
{
    font-weight: bold;
    margin: 0.2em;
    color: #8B3800;
    text-align: center;
}

.buttonfield img
{
    border: none;
}

#topbar
{
    background: #000066;
    width: 100%;
    color: White;
    text-align: center;
}

#topmenu a
{
    color: white;
}

#title
{
    font-weight: bold;
    padding: 0.2em;  
}

/* Playlist */
ul.playlist li
{
    position: relative;
    list-style-type: none;
    overflow: hidden;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    width: auto;
    padding: 0.2em;
    text-align: center;
}

ul.playlist li p {
    margin: 0.2em 0 0.2em 0;
}

.added
{
    font-weight: bold;
    color: Red;
}

#logo
{
    border-bottom: none;
}

#logo img
{
    margin-bottom: 0.2em;
    clear: both;
    display: block;
    margin: auto auto 0.2em auto;
}

#logo .textbox
{
    text-align: center;
    margin: 1em;
}

.text p, .text li
{
    line-height: 120%;
    margin: 0.2em 0 0.2em 0;
}

h1
{
    font-size: 120%;
    color: #000066;
}

h2
{
    font-size: 110%;
    color: #090970;
}

h3
{
    font-size: 100%;
}

/* Custom */
.textbox .product-general img.thumbnail
{
    margin: 0 0.2em 0.2em 0.2em;
}

.textbox .product-general
{
    padding: 0.2em;   
    text-align: center;
}

.textbox .product-description
{
    padding: 0.2em;
    clear: both;
    text-align: center;
}

.textbox .product-review
{
    text-align: center;
    margin: 0px;
}

.product-info
{
    list-style: none;
}

ul .product-info li
{
    margin: 0.2em 0 0.2em 0;
    border: none;
}

#footer
{
    padding: 0.2em;
    background: #F6BF00;
}

.sel
{
    font-weight: bold;
}

.review .title
{   
    font-weight: bold;
}

.review
{
    margin-bottom: 1em;
    clear: both;
    border-bottom: dotted 1px gainsboro;
    padding-bottom: 0.2em;
}

.review img
{
    margin-top: 0.2em;
}

.review p
{
    margin: 0.2em 0 0.2em 0;
}

.tab
{
    margin-right: 1em;
    margin-left: 0.2em;
}

.tab-menu
{
    height: 2em;
    clear: both;
    text-align: center;
}

#title a
{
    color: White;
}

.paging
{
    padding: 0 0.2em 1em 0.2em;
    text-align: center;
}

ul.rating li.form
{
    border: none;
}

dd
{
    margin: 0;
    padding: 0;
}

.error
{
    font-weight: bold;
    color: Red;
    text-align: center;
    display: block;
}
