/* This is the cascading stylesheet file, used to
   create site look */

body {
    background-color:       black;
    color:                  white;
    font-size:              large;
    font-variant:           small-caps;
    border:                 2px solid white
}

#head {
    border-bottom:          1px solid white;
    text-align:             center;
}

#logo {
    width:                  50%;
}

#login {
    position:               relative;
    border-bottom:          1px solid white;
    height:                 40px;
    padding-top:            5px;
    text-align:             center;
    background-color:       #151515;
}

#search {
    position:               relative;
    border-bottom:          1px solid white;
    height:                 40px;
    padding-top:            5px;
    text-align:             center;
    background-color:       #151515;
}

#body {
    position:               relative;
    border-bottom:          1px solid white;
    padding-top:            20px;
    padding-bottom:         20px;
    text-align:             center;
    overflow:               auto;
}

#foot {
    position:               relative;
    background-color:       #151515;
    text-align:             center;
    font-size:              8pt;
    font-weight:            bold;
    padding-top:            3px;
    padding-bottom:         3px;
}

.button  {
    color:                  #000000;
    background-color:       #AAAAAA;
    padding-bottom:         5px;
    padding-top:            5px;
    padding-left:           10px;
    padding-right:          10px;
    width:                  10%;
    font:                   normal 16px arial, sans-serif;
}

.button:hover {
    background-color:       #999999;
}

.button:active {
    background-color:       #666666;
}

.register{
    width:                  70%;
    margin-left:            auto;
    margin-right:           auto;
}

span {
    text-align:             left;
    float:                  left;
}

span.ext { 
    width:                  100%;
    margin-bottom:          3px;
}

span.first { 
    width:                  20%;
}

span.second { 
    width:                  30%;
}
span.second input {
    width:                  80%;
}

span.third { 
    width:                  50%;
    color:                  red;
}

.body_div {
    height:                 auto;
    max-height:             500px;
    width:                  70%;
    border:                 1px solid white;
    margin-left:            auto;
    margin-right:           auto;
    overflow-y:             scroll;
}

.content {
    width:                  auto;
    height:                 auto;
    background-color:       #151515;
    border:                 1px solid white;
    text-align:             left;
    padding:                2px;
    padding-left:           20px;
    overflow:               auto;
}

.product {
    float:                  left;
    padding-right:          10px;
    height:                 100%;
}

.thumbnail {
    width:                  120px;
    height:                 90px;
    margin-top:             10px;
    margin-bottom:          10px;
}

.prod_info {
    margin-top:             10px;
    margin-bottom:          10px;
}

#total {
    text-align:             right;
}