﻿html{ margin: 0; padding: 0; height: 100%; }
body { margin: 0; padding: 0; height: 100%; background-color: white; }
html, body, td, div, p { font-family: Verdana, Calibri, Arial, sans-serif; font-size: 10pt; }
form { padding: 0; margin: 0px; height: 100%; width: 100%; }
img { margin: 0; padding: 0; }
a img { border: 0;  }
table { border-collapse: collapse; empty-cells:show; }
p { text-indent: 1cm;}

* html .png{
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/Lab950/ii/t.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "")),this.pngSet=true)
    );
}

h1 {font-family: Tahoma; font-size: 13pt; font-weight: bold; color: #61372b; text-align: left; }
h2 {font-family: Tahoma; font-size: 12pt; font-weight: bold; color: #61372b; text-align: left; }

a { color: #b1b1b6;}
a:hover { color: #00CCFF; }
p { text-indent: 11pt; text-align: justify; }

div#header { text-align: left }
div#title { background-color: #88c1d3; float: left; width: 280px; height: 24px }
div#title h1 { color: White; font-size: 12px; margin: 0px !important; padding: 5px 10px 5px 10px; text-align: right; }

div.line { background-color: #d4d5d7; height: 1px; font-size: 0px; margin-bottom: 2px; overflow: hidden }

div#content { clear: both; color: #808080; height: 100% }
div#content p { margin-top: 0px; }
div#catalog_menu { text-align: left; padding: 16px 25px 14px 1px }

td.mi { padding: 45px 20px 0px 0px; vertical-align: middle; white-space: nowrap; z-index: 5000; }
td.mi a { color: #808080; font-size: 12px; text-decoration: none; z-index: 5000; }
td.mi a.active { color: #00ccff; z-index: 5000; }
input.search { border-style: none; font-style: italic; font-size: 14px; text-align: right; width: 90px; z-index: 5000; }
div.slide { cursor: pointer; float: left; margin-right: 3px }

/* menu */

ul.menu 
{
    margin: 0px;
    padding: 0pt;
    white-space: nowrap; 
    z-index: 5000;
}
ul.menu li
{
    display: block;
    float: left;
    margin: 0pt;
    padding: 0pt;
    z-index: 5000;
    
}
ul.menu li ul
{
    background-color: White;
    border: solid 1px gainsboro;
    border-bottom: solid 2px #00CCFF;
    display: none;
    list-style: none;
    margin: -1px 0px 0px -10px;
    filter: alpha(opacity=85);
    opacity: 0.85;
    padding: 2px 10px 5px 10px;
    position: absolute;
    z-index: 5000;
}
ul.menu li ul li
{
    float: none;
    line-height: 20px;
    padding: 1px 0px 1px 0px;
    text-align: left;
    white-space: nowrap;
    z-index: 5000;
}
ul.menu li ul li a
{
    color: #808080;
    font-size: 11px;
    padding-left:  0px! important;
    text-decoration: none;
    z-index: 5000;
}

ul.menu li:hover ul, ul.menu li.Hover ul
{
    display: block;
    position: absolute;
    z-index: 5000;
}

ul.menu li ul li a:hover
{
    color: #00CCFF;
    z-index: 5000;
}

/* catalog */

h3.catalog { color: #00ccff; text-align: left }

div#slider { padding: 0px 4px; }
div#slider div.slide
{
    background-color: White;
    height: 132px;
    width: 132px;
    margin: 4px 2px;
}
div#slider div.slide img
{
    filter: alpha(opacity=50);
    opacity: 0.5;
}
div#name
{
    color: #00ccff;
    font-size: 16px;
    margin: 20px 0px 20px 0px;
    text-align: left;
}
div#description
{
    text-align: left;
}
div#price
{
    margin: 10px 0px 10px 0px;
    text-align: left;
}
div#description, div#set, div#price, div#price, div#print, div#order, div#phone
{
    font-size: 11px !important;
}

/* catalog slider */
div#product-slider { height: 410px }
div#product-slider dl { position: relative; margin: 1.0em 0; }
div#product-slider dl dt img { display: block; }

/*   */

table.products { background-color: #f4f4f6; text-align: center }
table.products tr td { padding: 5px }

img.set-image
{
    border: none;
    height: 360px;
    width: 905px;
}

div#pageOverlay
{
    background-color: Black;
    filter: alpha(opacity=25);
	opacity: 0.25;
	left: 0px;
	overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1500;
}
div#setContainer
{
    background-color: White;
    height: 440px;
    overflow: hidden;
    position: absolute;
    width: 960px;
    z-index: 5000;
}

div#info { background-color: Transparent; border: none; width: 250px; height: 80px; padding-top: 10px; position: absolute; }
div#infoOverlay { background-color: Transparent; width: 255px; height: 85px; }

a#garniture { position: absolute; bottom: 50px; right: 170px }
img.garniture { border: 0px; position: absolute; left: 0px; top: 0px; }

div.title { color: #4eb8d1; font-size: 14px; text-align: left; padding: 60px 0px 0px 60px; }
div.description { color: #bab7b9; font-size: 12px; text-align: justify; padding: 10px 70px 0px 60px; }
div.price { color: Gray; font-size: 18px; text-align: left; padding: 20px 0px 0px 60px; }
span.price { color: #4eb8d1; font-weight: bold; }

div.frame { width: 420px; height: 410px; padding-top: 40px }

#footer { clear: both; padding: 0px; margin: 0px; padding: 15px 0px 0px 0px; color: #333333; text-align: center; }
#footer #f { border-top: solid 1px #f3ae00; margin-left: 50px; margin-right:50px; }
#footer a { color: #b1b1b6; text-decoration: none }
#footer table td { font-size: 15px !important; white-space: nowrap; }

fieldset.cart
{
    border: solid 1px #88C1D3;
    padding: 10px;
}
input.cartButton
{
    padding: 3px 5px 3px 5px;
    font-size: 14px;
}

div.zoom
{
    padding: 30px 0px 0px 50px;
    height: 430px;
}
iframe#ifContent
{
    border: solid 0px white;
}

#imageSlideshowHolder
{
    border: 0px;
    padding-right: 1px;
    position: relative;
    width: 100%;
}
.imageInGallery
{
    border: 0px;
    display: block;
    left: 0px;
    position: absolute;
    top: 0px;
}

div#pages div
{
    padding: 3px;
}
div#pages div a
{
    text-decoration: none;
}
div#pages div a:hover, div#pages div a:visited
{
    color: #B1B1B6;
}
img.cmi
{
    margin: 0px 10px 0px 10px;
}

div.list { margin-left: -22px; position: relative; width: 100%; }
div.viewport { clear: both; margin: 0px; overflow: hidden; padding: 0px; position: relative; width: 100%; height: 400px }
div.viewport div.reel { margin-bottom: 0pt; position: relative; width: 2000%; }
div.viewport div.frame { float: left; width: 5%; padding: 0px; height: auto; text-align: right; margin-right: 20px }
div#previous
{
    background-position: 0pt;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 11px;
    position: absolute;
    left: -25px;
    top: 50%;
    width: 14px;
    z-index: 100;
}
div#next
{
    background-position: 0pt;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 11px;
    position: absolute;
    right: -25px;
    top: 50%;
    width: 14px;
    z-index: 100;
}

div.menuContainer
{
    background-color: White;
    border: 1px solid #F4F4F6;
    color: Black;
    cursor: default;
    margin-left: 0px;
    margin-top: 0px;
    padding: 5px 10px 5px 10px;
    position: absolute;
    white-space: nowrap;
    z-index: 1000;
}

div.words { clear: both; font-size: 10px; padding-top: 10px; text-align: justify; }
div.words p { font-size: 10px; padding-top: 10px; text-align: justify; }

/* news */
div.item
{
    color: White;
    margin-bottom: 15px;
    text-align: left;
}
div.item a
{
    color: White;
    text-decoration: none;
}
div.selected
{
    color: #00CCFF !important;
    margin-bottom: 15px;
}
div.selected a
{
    color: #00CCFF !important;
    text-decoration: none;
}

/* club */
table.club-form
{
    border-collapse: separate;
    text-align: left;
    width: 420px;
}
table.club-form tr
{
    border-bottom: solid 1px #04add7;
}
table.club-form tr td
{
    font-size: 11px;
    height: 18px;
    border-bottom: solid 1px #04add7;
}
table.club-form tr th
{
    background-color: #04add7;
    color: White;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 2px 2px 5px; 
    text-align: left;
}
table.club-form tr td input
{
    background-color: black;
    border: none;
    color: #04add7;
    float: right;
    font-size: 11px;
    padding-right: 1px;
    text-align: right;
}
div.info-box
{
    background-color: Black;
    border: solid 1px #00CCFF;
    font-size: 11px;
    opacity: 75%;
    opacity: 0.75;
    padding: 20px;
    position: absolute;
    width: 380px;
    z-index: 1000;
}
div.timer
{
    background-color: #0CF;
    cursor: pointer;
    margin-top: 420px;
    padding-top: 8px;
    position: absolute;
    text-align: right;
    width: 650px;
    z-index: 5000;
}
span.digit
{
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    display: inline-block;
    color: White;
}
