html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code,del,
dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset,
form, label, legend,table, caption{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins { text-decoration: none; }

del { text-decoration: line-through; }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

body{
    min-height: 100%;
    font: normal normal 9pt/12pt Tahoma, Verdana serif;
    background-color: #ffffff;
    position: relative;
    color: #6b707a;
}

/*div{ position: relative; }*/

a { color: #44B4D0; }
a:hover { color: #8b0600; }

.ov{ overflow: hidden; }
.br{ clear:both; font-size:0; overflow:hidden; }
.hd{ display: none; }

/* text style */

.text{ font-size: 10pt; line-height: 1.3; }
h1 {
    font-size: 20pt;
    font-weight: normal;
    line-height: 22pt;
    margin-bottom: 14pt;
    color: #60382a;
}
h2 {
    font-size: 16pt;
    font-weight: normal;
    line-height: 18pt;
    margin: 11pt 0 4pt;
    color: #60382a;
}
h2:first-child {
    margin-top: 0;
}


h1+h2, h2+h3, h3+h4 {
    margin-top: 0;
}

h3 {
    font-size: 12pt;
    font-weight: normal;
    line-height: 14pt;
    margin: 11pt 0 4pt;
    color: #60382a;
}
/*
 h4{
    font-size: 1pt;
    font-weight: normal;
    line-height: 16pt;
    margin: 11pt 0 4pt;
    color: #60382a;
}*/
h4, h5, h6 {
    font-size: 12pt;
    font-weight: normal;
    line-height: 14pt;
    color: #60382a;
}

.text ul, .text ol {
    list-style-position: outside;
    padding-left: 24pt;
}
.text p, .text ol, .text ul {
    margin-bottom: 4pt;
}
.text ul {
    list-style-type: disc;
}
.text ul ul {
    margin-bottom: 0;
    list-style: circle;
}
.text ol {
    list-style-type: decimal;
}
.text ul li, .text ol li {
}
.text a {
    text-decoration: underline;
}
.text a.pseudo {
    text-decoration: none;
    border-bottom: 1px dotted;
}
.text hr {
    display: block;
    line-height: 1px;
    height: 1px;
    border: none;
    border-bottom: 1px solid;
}
.text td {
    vertical-align: top;
}

.text table[border="1"] td {
    padding: 3pt 6pt;
    border: 1px solid #d4dde7;
}

.text p.more-link {
    text-align: right;
}

.text p.more-link a{ text-transform: lowercase; }

.text p+p.more-link, .text ol+p.more-link, .text ul+p.more-link {
    margin-top: -5px;
}

.text img.fleft {
    float: left;
    margin: 0 12pt 12pt 0;
}
.text img.fright {
    float: right;
    margin: 0 0 12pt 12pt;
}

@-moz-document url-prefix() {
    .text{ padding: 0 1px; }
}
/* --- text style */

/* form style */
.form{ }
.form .p{ margin-bottom: 10px; margin-left: 40%; clear: both; }
.form .p .label{
    position: relative;
    float: left;
    width: 60%;
    padding-top: 3px;
    left: -65%;
    margin-right: -65%;
    text-align: right;
}
.form .error{ color: #cc0000; }
.form .p .label span{ }
.form .p textarea{ width: 75%; }
.form .p input { width: 55%; }
.form .p textarea{ height: 100px; }

.form .need-field small{ color: #cc0000; font-size: 12pt; }

.form .captcha{ text-align: center; margin-top: 3pt;}
.form .captcha input{ }
.form .captcha .label{ float: none; width: auto; display: block; margin-bottom: 3pt;}
.form .captcha img{ vertical-align: middle;}
.form .sbm{ text-align: center; margin-top: 5pt; }
/* --- form style */



.main{
    padding: 1px 0 100px 0;
    margin: 0 auto;
    position: relative;
}

html>body .main{
    min-width: 1000px;
    max-width: 1600px;
}

.main .ship{
    width: 598px;
    height: 301px;
    background: url(/i/bg/ship.jpg) 0 0 no-repeat;
    position: absolute;
    left: -160px;
    top: 90px;
    z-index: 1;
}

#header{
    z-index: 5;
    padding-top: 30px;
    position: relative;
    margin-bottom: 20px;
}

#header .menu{
    font-size: 16pt;
    line-height: 20pt;
    text-align: center;
}

#header .menu li{
    display: inline-block;
    margin-right: 20px;
}

#header .menu a{
    color: #44b4d0;
}

#header .menu .active a, #header .menu a:hover{
    color: #60382a;
    text-decoration: none;
}

.main .motto{
    font-size: 16pt;
    color: #333333;
    height: 63px;
    float: right;
    margin: 0 50px 10px 0;
    position: relative;
    width: 60px;
    z-index: 8;
    overflow: hidden;
}

.main .motto .hook{
    position: absolute;
    top: 0;
    width: 43px;
    height: 63px;
    background: url(/i/bg/hooks.png) 0 0 no-repeat;
    z-index: 10;
}

.main .motto .l-h{
    clip: rect(0 21px 63px 0);
}

.main .motto .r-h{
    right: 0px;
    clip: rect(0 43px 63px 22px);
}

.main .motto .screen{
    position: absolute;
    z-index: 9;
    text-align: center;
    line-height: 63px;
}


.main .motto .hd-sl{
    position: absolute;
    left: 10000px;
    width: 1000px;
}

/*.main .motto span{
    font-size: 36pt;
    font-family: Arial;
    font-style: italic;
    margin: 0 10px;
    color: #44b4d0;
    vertical-align: middle;
}*/

.container{
    position: relative;
    z-index: 5;
    margin-left: 300px;

}

#left{
    float: left;
    width: 270px;
    margin-left: -300px;
    padding: 0px 0 0 20px;
    position: relative;
}

#left .logo{
    margin-left: 25px;
    margin-right: 50px;
    padding-top: 295px;
    display: block;
}

#left address{
    margin: 20px 0 20px 0;
    font-style: normal;
}


#center{
    margin-right: 40px;
    margin-bottom: 180px;
}

#center .prods{
    font-size: 18pt;
    line-height: 22pt;
    margin-top: 20px;
    width: 650px;
    margin: 20px auto 0 auto;
}

#center .prods .p-i{
    display: inline-block;
    width: 190px;
    text-align: center;
    margin: 0 10px 30px 0;
    /*vertical-align: top;*/
}

#center .prods .p-i a{
    display: block;
    text-decoration: none;
    color: #44b4d0;
}

#center .prods .p-i a span{
    display: block;
    margin-top: -20px;
    text-align: left;
}


#center .gallery{
    margin: 30px 0;
}

#center .gallery li{
    display: inline-block;
    margin: 0 10px 10px 0;
    vertical-align: middle;
}

#center .get-price-list{
    text-align: right;
    margin-bottom: 20px;

}

#center .get-price-list a{
    font-size: 14pt;
    line-height: 16pt;
}

#center .add-links{
    font-size: 16pt;
    line-height: 20pt;
}

#center .add-links .price-link{
    float: right;
}

#center .empty-marker{
    font-size: 0;
    text-decoration: none;
}

#center .price-table{
    /*width: 100%;*/
}

#center .price-table td{
    border: 1px solid #ebe2de;
}

#center .price-table .prod-0{

}

#center .price-table .prod-1 .preview{
    overflow: hidden;
    width: 22px;
    height: 17px;
    text-indent: -1000px;
    display: block;
    background: url(/i/ic/photo.gif) 0 0 no-repeat;
}

#center .price-table .prod-1{
/*    width: 10px;*/
}

#center .price-table .prod-2{
    /*width: 15%;*/
}

#center .price-table .prod-3{
    /*width: 8%;*/
}

#center .price-table .prod-4{
    /*width: 8%;*/
}

#center .price-table .prod-5{
    /*width: 8%;*/
}

#center .price-table .prod-0,
#center .price-table .prod-1,
#center .price-table .prod-2,
#center .price-table .prod-3,
#center .price-table .prod-4,
#center .price-table .prod-5,
#center .price-table .prod-6,
#center .price-table .prod-7,
#center .price-table .prod-8,
#center .price-table .prod-9{
    padding: 2px 2px;
}

#center .price-table .th td{
    background-color: #ebe2de;
    font-weight: bold;
    color: #000000;
}


#footer{
    position: absolute;
    bottom: 0;
    height: 70px;
    width: 100%;
    z-index: 4;
    background-color: #5f3729;
}

#footer .banners{
    margin: 10px 240px 0 200px;
}
#footer .banners .banner{
    float: left;
    margin: 0 5px 5px 0;
}

#footer .car{
    width: 237px;
    height: 254px;
    background: url(/i/bg/car.png) 0 0 no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
}

#footer .vcard{
    text-decoration: none;
    position: absolute;
    top: 10px;
    left: 20px;
    color: #b09e97;
}
#footer .vcard span{ text-decoration: underline; margin-right: .3em; }
#footer .vcard span:hover{ text-decoration: none;  }
#footer .vcard #flex-logo{ vertical-align: middle; }
#footer .vcard #flex-logo * { vertical-align: middle; }

/* styles  for print */
@media print{
    body { color:#000; font-size: 12pt; height: auto; }
    a:link, a:visited { color: #000 ! important; font-weight: bold; text-decoration: underline; }
    .ov{ overflow: visible; }
    #footer{ position: relative; text-align: right;}
    #footer address{ font-weight: bold;}
    #footer .vcard{ display: none;}
}