<!--

html, body {
padding: 0;
margin: 0;
height: 100%;
}

body {
background: #FFFFFF;
color: #000000;
top: 0px;
margin: 0px auto;
text-align: center;
}

td,div {
font: normal 10pt Verdana, Arial, Helvetica, Sans-Serif;
vertical-align: top;
text-align: left;
}

div#main_container {
position: relative;
background: #FFFFFF;
color: #000000;
font: normal 10pt Verdana, Arial, Helvetica, Sans-Serif;
width: 950px;
min-height: 450px;
margin: 0px auto;
text-align: center;
border: 1px solid #000000;
}

div#header {
position: relative;
float: left;
width: 950px;
height: 75px;
}

div#header .box1 {
position: relative;
float: left;
top: 0px;
width: 100%;
height: 25px;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
}

div#left {
position: relative;
float: left;
background: #FFFFFF;
color: #000000;
min-height: 400px;
top: 0px;
left: 0px;
font: normal 9pt Verdana, Arial, Helvetica, Sans-Serif;
width: 160px;
line-height: 20px;
margin: 1px;
text-align: left;
clear: both;
}

div#left .box1, div#left .box2, div#left .box3 {
position: relative;
top: 0px;
left: 0px;
background: #F0ECEC;
margin: 15px;
padding: 5px;
width: 130px;
}

div#left .box1 {
}

div#left .box1 h3 {
display: list-item;
color: #6198D7;
font: bold 9pt Verdana, Arial, Helvetica, Sans-Serif;
list-style: square inside url(/layout/blue_bullet_ff.png);
}

div#left .news_longline {
font: normal 8pt Verdana, Arial, Helvetica, Sans-Serif;
}

div#left .box2 p {
font: normal 8pt Verdana, Arial, Helvetica, Sans-Serif;
}

div#left .box2 h3 {
display: list-item;
color: #FD8611;
font: bold 9pt Verdana, Arial, Helvetica, Sans-Serif;
list-style: square inside url(/layout/orange_bullet_ff.png);
}

div#left .box3 {
}

div#left .box3 h3 {
display: list-item;
color: #231745;
font: bold 9pt Verdana, Arial, Helvetica, Sans-Serif;
list-style: square inside url(/layout/marine_bullet_ff.png);
}

div#left .box4, div#left .box5 {
position: relative;
background: #F0ECEC;
margin: -20px 0 0 15px;
width: 130px;
padding: 5px;
}

div#left .box4 p {
margin-left: 0;
}

div#left .box5 {
padding: 5px;
min-height: 70px;
}

div#left .box5 p {
font: normal 7pt Verdana, Arial, Helvetica, Sans-Serif;
}

ul#menu1 {
position: relative;
float: left;
margin: 0;
list-style: none;
width: 950px;
height: 25px;
display: inline;
top: 0px;
padding: 0px;
text-align: left;
font: bold 9pt Verdana, Arial, Helvetica, Sans-Serif;
}

ul#menu1 li {
display: block;
background: #FFFFFF;
color: #000000;
height: 25px;
line-height: 25px;
left: 0px;
padding: 0px;
text-align: center;
float: left;
position: relative;
}

ul#menu1 li.current {
display: block;
background: #FD8611;
padding: 0px 30px;
}

div#icons {
position: relative;
float: right;
top: -20px;
text-align: right;
width: 90px;
margin: 0 4px 0 0;
}

div#icons p {
margin: 0 2px;
display: inline;
width: 20px;
}

div#icons form {
position: relative;
float: right;
}

div#textbox_left, div#textbox_right, div#textbox_center, div#frontpage {
position: relative;
float: left;
background: transparent;
color: #000000;
width: 590px;
min-height: 400px;
top: 0px;
margin: 0px;
left: 0px;
padding: 15px;
}

div#textbox_left p, div#textbox_right p, div#textbox_center p {
margin-left: 0;
}

div#textbox_left {
text-align: left;
}

div#textbox_right {
text-align: right;
}

div#textbox_center {
text-align: center;
}

div#contact {
postition: relative;
}

div#contact_address {
position: relative;
float: right;
width: 38%;
top: 0px;
}

div#contact_form {
position: relative;
float: left;
width: 60%;
top: 0px;
}

div#right {
position: relative;
float: right;
background: transparent;
color: #000000;
width: 160px;
min-height: 400px;
right: 0px;
top: 0px;
margin-right: 0px;
}

div#right .box1, div#right .box2, div#right .box3, div#right .box4 {
position: relative;
top: 0px;
right: 15px;
margin: 15px 0px 15px 15px;
padding: 5px;
background: #F0ECEC;
width: 130px;
}

div#right .box1 {
}

div#right .box1 h3 {
display: list-item;
color: #FD8611;
font: bold 9pt Verdana, Arial, Helvetica, Sans-Serif;
list-style: square inside url(/layout/orange_bullet_ff.png);
}

div#right .box2 {
}

div#right .box2 h3 {
display: list-item;
color: #6198D7;
font: bold 9pt Verdana, Arial, Helvetica, Sans-Serif;
list-style: square inside url(/layout/blue_bullet_ff.png);
}

div#right .box3, div#right .box4 {
margin-top: -15px;
padding: 5px;
}

div#right .box3 {
text-align: center;
}

div#right .box3 img {
margin-bottom: 10px;
}

div#right .box4 {
padding: 5px;
}

div#right .box4 h4 {
font: normal 9pt Verdana, Arial, Helvetica, Sans-Serif;
}

div#right .box4 p {
font: normal 7pt Verdana, Arial, Helvetica, Sans-Serif;
}

div#right .box5 {
}

div#footer_top {
position: relative;
clear: both;
background: #FFFFFF;
color: #000000;
top: -2px;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
font: normal 10pt/20pt Verdana, Arial, Helvetica, sans-serif;
width: 950px;
height: 25px;
margin: 0px auto;
text-align: center;
vertical-align: baseline;
}

div#footer {
position: relative;
clear: both;
background: transparent;
color: #000000;
width: 950px;
height: 20px;
margin: 0px auto;
text-align: center;
}

div#footer .design_left, div#footer .design_right {
position: relative;
background: transparent;
color: #000000;
font: normal 7pt Arial, Helvetica, Sans-Serif;
width: 20%;
height: 20px;
}

.design_left {
float: left;
text-align: left;
}

.design_right {
float: right;
text-align: right;
}

div#footer .copyright {
position: relative;
clear: both;
font: normal 7pt Verdana, Arial, Helvetica, Sans-Serif;
top: -25px;
width: 250px;
margin: 0px auto;
}

div#footer_links {
}

div#footer_links p {
}

div#login {
position: relative;
margin: auto;
height: 100px;
width: 350px;
text-align: center;
padding: 0;
}

div#login p {
}

div#page_login {
}

div#page_login p {
}

div#new_pw {
}

div#new_pw p {
}

div#newsmail {
}

div#newsmail p {
}

.line {
position: relative;
float: right;
width: 100%;
text-align: left;
margin: 2px, 0px;
}

.line_left {
position: relative;
float: left;
width: 15%;
text-align: left;
}

.line_right {
position: relative;
float: right;
width: 80%;
text-align: left;
}

.list_line {
postion: relative;
float: left;
width: 100%;
text-align: left;
margin-top: 5px;
maring-bottom: 5px;
}

.list_img {
position: relative;
float: left;
width: 110px;
text-align: left;
}

.list_txt {
position: relative;
float: right;
width: 470px;
text-align: left;
}

table {
}

tr {
}

th {
}

.table_head {
background: #0093F0;
color: #FFFFFF;
font-weight: normal;
text-align: left;
}

.table_row {
background: #d0e7f6;
color: #000000;
text-align: left;
}

.table_altrow {
background: transparent;
color: #000000;
text-align: left;
}

.clear {
clear: both;
}

a {
text-decoration: none;
background-color: transparent;
color: #5137A5;
font-weight: normal;
}

a:hover {
color: #008DE9;
}

a:active {
color: #008DE9;
}

ul#menu1 li a {
display: block;
height: 25px;
padding: 0px 30px;
}

ul#menu1 li a:link {
color: #000000;
font-weight: bold;
}

ul#menu1 li a:visited {
color: #000000;
font-weight: bold;
}

ul#menu1 li a:hover {
color: #000000;
font-weight: bold;
background: #B0C5E4;
}

ul#menu1 li a:active {
color: #000000;
font-weight: bold;
background: #B0C5E4;
}

p {
margin-top: 5px;
margin-bottom: 5px;
}

.resume p {
background: transparent;
font-weight: bold;
text-indent: 0;
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
background: transparent;
color: #000000;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
}

h1 {
font: bold 16pt Arial, Helvetica, Sans-Serif;
margin-bottom: 8px;
}

h2 {
font: bold 14pt Arial, Helvetica, Sans-Serif;
}

h3 {
font: bold 12pt Arial, Helvetica, Sans-Serif;
}

h4 {
font: bold 11pt Arial, Helvetica, Sans-Serif;
}

h5 {
font: bold 10pt Arial, Helvetica, Sans-Serif;
}

h6 {
font: bold 11pt Arial, Helvetica, Sans-Serif;
}

.center {
text-align: center;
margin: 0px auto;
}

.italic {
font-style: italic;
}

.small {
font-size: 8pt;
}

.bold {
font-weight: bold;
}

.justify {
text-align: jusitfy;
}

.align {
vertical-align: top;
}

.left_align {
vertical-align: top;
text-align: left;
}

.right_align {
vertical-align: top;
text-align: right;
}

.bottom {
vertical-align: bottom;
}

.float_right {
float: right;
margin-right: 15px;
position: relative;
width: 100px;
text-align: right;
}

.float_left {
float: left;
margin-left: 15px;
}

.error {
color: #C5321D;
font-weight: bold;
vertical-align: top;
}

img {
border: 0px;
margin: 0px;
padding: 0px;
}

hr {
background: #C0C0C0;
color: #C0C0C0;
border-style: solid;
}

form {
margin: 0px;
}

button {
background: #C5C9CB;
color: #000000;
font: bold 8pt Verdana, Arial, Helvetica, Sans-Serif;
border: 1px solid #000000;
}

input, textarea, select {
background: #C5C9CB;
color: #000000;
font: bold 8pt Verdana, Arial, Helvetica, Sans-Serif;
}

form p {
position: relative;
float: left;
width: 100%;
text-align: left;
margin-top: 3px;
margin-bottom: 3px;
}

form p label {
position: relative;
float: left;
text-align: left;
font-weight: normal;
}

form p input, form p textarea, form p select {
position: relative;
float: right;
text-align: left;
font-weight: normal;
}

form p input.checkbox {
position: relative;
float: left;
}

form p input.radio {
position: relative;
float: none;
background: #F0ECEC;
height: 10px;
}

form p input.newsletter {
position: relative;
float: left;
margin-top: 5px;
width: 85px;
background: #F0ECEC;
}

form p button.newsletter {
float: none;
margin-top: 5px;
font: normal 7pt Verdana, Arial, Helvetica, Sans-Serif;
width: 30px;
height: 17px;
}

input.search {
background: #C5C9CB;
color: #000000;
font: bold 8pt Verdana, Arial, Helvetica, Sans-Serif;
}

select.search {
background: #C5C9CB;
color: #000000;
font: bold 8pt Verdana, Arial, Helvetica, Sans-Serif;
}

button.search {
background: #C5C9CB;
color: #000000;
font: bold 8pt Verdana, Arial, Helvetica, Sans-Serif;
border: 1px solid #000000;
width: 50px;
}

form p.float_button {
position: relative;
float: right;
text-align: right;
}

table#order {
font-size: 8pt;
}

table#order td {
padding: 2px;
font-size: 8pt;
}

div#order_form {
margin-top: 15px;
width: 70%;
margin: 20px auto;
}

p.shop_headline {
position: relative;
float: left;
text-align: left;
font-weight: bold;
width: 75%;
}

p.shop_price {
position: relative;
float: right;
text-align: right;
font-weight: bold;
width: 23%;
}

div.shop_txt {
position: relative;
float: left;
text-align: left;
clear: both;
width: 75%;
}

div.shop_basket {
position: relative;
float: right;
text-align: right;
width: 23%;
}

div#card_logos {
position: relative;
float: right;
}

p#link_back {
text-align: left;
}

div#cart_window {
font-size: 8pt;
}

div#alt_address {
display: none;
}

div#useraccount {
width: 80%;
position: relative;
margin: 20px auto;
}

.combo {
width: 70%;
position: relative;
margin: 10px auto;
font-weight: bold;
text-align: center;
}

.article_date {
font: normal 8pt Verdana, Arial, Helvetica, Sans-Serif;
}

.article_author {
font: bold 10pt Verdana, Arial, Helvetica, Sans-Serif;
font-style: italic;
}

.bottom_link {
clear: both;
margin: 15px auto;
text-align: center;
}

ul {
position: relative;
}

li {
}

div#frontpage {
}

div#frontpage .box1 {
position: relative;
float: left;
width: 410px;
margin-top: 15px;
}

div#frontpage .box1 p {
}

div#frontpage .box2 {
position: relative;
float: left;
width: 170px;
margin: 10px 0 0 5px;
}

div#frontpage .box2 p {
}

div#frontpage .news_line {
position: relative;
float: left;
width: 100%;
text-align: left;
margin-top: 5px;
maring-bottom: 5px;
}

div#frontpage .news_img {
position: relative;
float: left;
width: 110px;
text-align: left;
}

div#frontpage .news_txt {
position: relative;
float: right;
width: 250px;
text-align: left;
}

div#frontpage .news_longline {
position: relative;
float: left;
width: 100%;
text-align: left;
margin-top: 5px;
maring-bottom: 5px;
font: normal 8pt Verdana, Arial, Helvetica, Sans-Serif;
}

div#frontpage .newslist_date {
font-weight: bold;
}

--></STYLE>