/*
    Document   : common.css
    Created on : 14.9.2009, 16:31:54
*/

html {
    background-color: #e5f0f6;
}

body {
    background: #e5f0f6 url('/images/bg.jpg') scroll repeat-x top;
    font-family: Arial, Helvetica, sans-serif;
    color: #1283b9;
    font-size: 9pt;
    margin: 0px;
    padding: 0px;
}

#edge1 {
    width: 684px;
    overflow: hidden;
    margin: 0px auto;
    background: #ffffff url('/images/edge-bg.png') scroll repeat-y center;
}

#edge2 {
    width: 684px;
    overflow: hidden;
    background: transparent url('/images/edge.png') scroll no-repeat top;
}

#main {
    position: relative;
    width: 666px;
    min-height: 695px;
    /* IE6 hack */ _height: expression(this.scrollHeight < 695 ? "695px" : "auto");
    overflow: hidden;
    margin: 0px 9px;
}

#top {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 666px;
    height: 203px;
    overflow: hidden;
    background: #014d99 url('/images/top.jpg') scroll no-repeat center;
    text-align: left;
}

#topMenu {
    position: absolute;
    right: 10px;
    top: 10px;
}

#topMenu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#topMenu li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

#topMenu a {
    margin: 0px 5px;
    font-size: 7pt;
    color: #ffffff;
    text-decoration: none;
}

#topMenu a:hover {
    text-decoration: underline;
}

#menu {
    position: absolute;
    left: 0px;
    top: 203px;
    width: 152px;
    overflow: hidden;
}

#menu ul {
    list-style-type: none;
    margin: 10px 0px 20px 0px;
    padding: 0px;
}

#menu li {
    margin: 0px;
    padding: 0px;
}

#menu ul a {
    display: block;
    width: 152px;
    height: 25px;
    padding: 0px 25px;
    font-size: 10pt;
    color: #046096;
    text-decoration: none;
    line-height: 25px;
    vertical-align: middle;
}

#menu ul a:hover, #menu ul a.checked {
    background-color: #046096;
    color: #ffffff;
}

#menu ul ul {
    margin: 0px;
}

#menu ul ul a {
    background-color: #ffffff;
}

#menu ul ul a:hover, #menu ul ul a.checked {
    background-color: #3890c4;
}

#cart {
    padding: 15px;
    background-color: #59a6d1;
    color: #ffffff;
}

#cart strong {
    font-size: 10pt;
}

#cart a {
    display: block;
    color: #ffffff;
}

#flyingBird {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

#documentArea {
    width: 474px;
    overflow: hidden;
    margin: 203px 0px 0px 152px;
    padding: 20px;
}

#bottom {
    width: 684px;
    height: 50px;
    overflow: hidden;
    margin: 0px auto;
    background: transparent url('/images/border-bottom.png') scroll no-repeat top;
    line-height: 50px;
    vertical-align: bottom;
    text-align: center;
    font-size: 8pt;
}

#bottom a {
    color: #1283b9;
}

form {
    margin: 0px;
    padding: 0px;
}

div.formRow {
    padding: 5px 0px;
}

div.formRow label {
    float: left;
    display: block;
    width: 120px;
}

table {
    width: 100%;
    margin: 10px 0px;
}

table.twoColor {
    border: 3px double #ffffff;
    background-color: #1283b9;
    font-size: 8pt;
}

#documentArea table a {
    text-decoration: none;
}

td, th {
    padding: 5px 0px;
    text-align: left;
}

td.price, th.price {
    width: 140px;
    text-align: right;
}

thead th, tbody td, tfoot tr.last td {
    border: 0px solid #bbbbbb;
    border-bottom-width: 1px;
}

table.twoColor td, table.twoColor th {
    padding: 2px;
    border-style: none;
    background-color: #ffffff;
}

table.twoColor tr.odd td, #documentArea table.twoColor tr.odd a {
    background-color: #1283b9;
    color: #ffffff;
}

tfoot tr.first td {
    padding: 4px 0px 0px 0px;
}

tfoot tr.last td {
    padding: 0px 0px 4px 0px;
}

tfoot td {
    padding: 0px;
    text-align: right;
}

h1, .h1Like {
    font-size: 11pt;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

h2 {
    text-align: left;
    font-size: 10pt;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

h3 {
    text-align: left;
    font-size: 9pt;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

#documentArea ul {
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
    list-style-type: square;
    font-size: 8pt;
}

#documentArea ol {
    padding: 0px 0px 0px 20px;
}

p, #documentArea ol li {
    text-align: justify;
    font-size: 9pt;
    margin: 0px 0px 10px 0px;
}

p.note {
    font-size: 7pt;
    margin: 0px 0px 20px 0px;
}

hr {
    clear: both;
    margin: 0px 0px 10px 0px;
    padding: 20px 0px 0px 0px;
    border: 0px solid #59a6d1;
    border-bottom-width: 1px;
}

#documentArea a {
    color: #1283b9;
    text-decoration: underline;
}

#documentArea a:hover {
    text-decoration: none;
}

#documentArea img {
    margin: 0px 4px;
}

.left {
    float: left;
}

.right {
    float: right;
}

input, textarea {
    margin: 0px 2px;
    padding: 2px;
    border: 1px solid #3f91c1;
    background-color: #ffffff;
    vertical-align: middle;
    font-size: 8pt;
    color: #1283b9;
}

input.button {
    height: 20px;
    padding-bottom: 5px;
}

input.text {
    height: 14px;
}

.topMargin {
    margin: 20px 0px 0px 0px;
}

.doubleMargin {
    margin: 20px 0px;
}

.noMargin {
    margin: 0px;
}

.center, .center h1, .center h2, .center p {
    text-align: center;
}

p.frame {
    margin: 10px 0px;
    padding: 10px 20px;
    border: 3px double #ffffff;
    background: #046096 url('/images/frame-bg.png') no-repeat scroll left top;
    text-align: center;
    color: #ffffff;
}

.error {
    color: #dd5612;
    font-weight: bold;
}


.cocktail {
    position: relative;
    height: 140px;
    margin-bottom: 20px;
    border: 0px solid #59a6d1;
    border-bottom-width: 1px;
}

.cocktail form {
    position: absolute;
    right: 0px;
    bottom: 11px;
}

.cocktail h2 {
    margin-bottom: 10px;
}

span.label {
    float: left;
    display: block;
    width: 50px;
    margin-right: 10px;
    margin-left: -60px;
    text-align: right;
}

.cleared {
    clear: both;
}

.col {
    width: 250px;
}