/* Standard styles */

a {
    font-weight: bold;
}
body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: .65em;
    margin-top: 5px;
    background-image: url(../images/bgr.gif);
    scrollbar-base-color : #0066BD;
    scrollbar-arrow-color : #7DC3FF;
}
h4 {
    font-size: 1.3em;
    font-weight: bold;
}
hr {
    color: gray;
    height: 1px;
}
img {
    border-width: 0;
}
input, textarea {
    border: 1px solid gray;
    font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 1em;
}
select {
    font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 1em;
}
table {
    font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 1em;
}
textarea #message {
    
}
ul {
    list-style: square;
}

#content-column a:link, a:visited {
    color: blue;
}
#content-column a:hover {
    color: red;
}
#menu a {
    color: #ffffff;
    display: block;
    padding: 2px 0px 2px 5px;
    text-decoration: none;
}
#menu a:hover, #menu .selected {
    background: #5F9BCE;
    border-width: 1px 0;
    border-style: solid;
    border-color: #252525;
    color: #ffd700;
    padding-bottom: 1px;
    padding-top: 1px;
}
#products-table .order-link:hover { /* TODO: IE:ssä ei hover color toimi */
    background: #A4BCC8;
}
/* DIV styles */

#consoles {

}
#consoles .price {
    font-size: 2em;
    padding-left: 10px;
    padding-right: 20px;
    text-align: center;
}
#consoles .divider {
    width: 100%;
}
#contact {
    background: #AECAE6;
    border-color: #252525;
    border-style: solid;
    border-width: 0 1px;
    padding: 2px;
}
#contact a {
    font-weight: normal;
}
#container-left {
    width: 140px;    /* left column width, +2 because of paddings in #contact */
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
#content-column {    /* No padding allowed, screws the positioning. Use paddings in <p> tags or etc. */
    background: white;
    float: right;
    margin-left: -1px;
    width: 488px;
    border-top: 1px solid black;
}
#float-wrap {
    float: left;
    width: 488px;
    margin-right: -1px;
}
#header {
    background: #0066BD;
    height: 90px;
    width: 100%;
}
#header-logo {
    float: left;
}
#header-txt {
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 35px;
    text-align: center;
}
#isp {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#isp .price {
    font-size: 2em;
}
#left-column { /* No borders allowed, screws the positioning */
    float:left;
    sborder-left: 1px solid black;
    sborder-right: 1px solid black;
    margin-left: -161px; /* ilman banneria 151 */
    position: relative;
    width: 162px;
    text-align: center;
}
#menu {
    background: #2671BD;
    border-color: #252525;
    border-style: solid;
    border-width: 0 1px;
}
#outer {
    background: white;
    margin-left: 160px;
    position: relative;
    width: 489px;    /* +1 for mozilla */
    border-left: 1px solid #000;   /*** Critical left divider dimension value ***/
    sborder-right: 1px solid #000;   /*** Critical right divider dimension value ***/
}
* html #outer {   /*** IE5.x/win box model fix ***/
    width: 490px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
    wid\th: 488px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

/* BEGIN #products */
.products, #form {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.products select {
    width: 350px;
}
.products table, #form table {
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    margin-bottom: 10px;
    width: 100%;
}
.products td, #form td {
    padding: 0 2px;
    white-space: nowrap;
}
.products th {
    background: silver;
    padding: 0 2px;
}
.products tr.even, #form tr.even {
    background: #F4F4F4;
}
.products tr.odd, #form tr.odd {
    background: #EAEAEA;
}
.products .count {
    text-align: right;
}
.products .name {
    width: 100%;
}
.products .price {
    text-align: right;
}
/* END #products */

#wrapper {
    background: #0066BD;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 650px; /* Page width, +10 koska bannereita */ 
}
* html #wrapper {   /*** IE5.x/win box model fix ***/
    width: 642px;
    wid\th: 640px;
}
div.info-popup {
    background: #D5D5D5;
    border: 1px solid black;
    position: absolute;
}
div.info-popup .name {
    background: silver;
    border-bottom: 1px solid black;
    font-weight: bold;
    padding: 0 2px;
    text-align: left;
}
div.info-popup .info {
    padding: 0 2px;
    text-align: left;
}
div.left-split {
    float: left;
    text-align: left;
    width: 49%;
}
div.module-footer {
    background: #40719F;
    border: 1px solid #252525;
    border-top: 1px dashed #252525;
}
div.module-header {
    background: #4478A9;
    border: 1px solid #252525;
    border-bottom: 1px dashed #252525;
    padding: 2px;
}
div.no-products {
    background: #EAEAEA;
    border: 1px solid silver;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}
div.right-split {
    float: right;
    text-align: right;
    width: 49%;
}
.product-list-updated {
    color: gray;
    font-size: 90%;
    text-align: center;
}
/* List style */
#menu li {
    list-style: none;
}
#menu ul {
    margin: 0;
    padding: 0;
}

/* Form styles */

input.radio {
    border: 0;
}

/* Table styles */

/* Class sydeemit */
.left {
    text-align: left;
}
/* IMG styles */

#menu img {
    margin-right: 5px;
}
.logo {
    margin-top: 5px;
}

/* TABLE styles */

.center {
    text-align: center;
}
.right {
    text-align: right;
}
.justify {
    text-align: justify;
}

.bold {
    font-weight: bold;
}
.clear {
    clear: both;
}
.underline {
    text-decoration: underline;
}
.button {
    border: 1px outset gray;
    display: block;
}


/* IMG styles */
.icon-image {
    width: 12px;
}
.icon-info {
    width: 12px;
}
.icon-url {
    width: 12px;
}