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, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset,
form, label, legend, caption{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
table,td { border-collapse: collapse; border-spacing: 0; }

html{ height: 100%;}

body{ height: 100%; font: normal 90% Arial; background-color: #ffffff; }

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
    html,body { height: auto ! important; min-height: 100%;}
}

@-moz-document url-prefix() {
    html, body { height: 100% ! important; }
    .text{ padding: 0 1px; }
    .text table{ }
}

div{ position: relative; }

a:link  { color: #0055cc; }
a:hover { color:#cc0000; }

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

/* text style */
.text{ font-family: Arial; line-height: 140%; }
.text ul, .text ol{ padding-left: 3.1em; margin: 1em auto; }
.text p{ margin: .8em auto; }
.text-table, .text-table td{ border: 2px solid #000; }
.price-table{ width: 100%; }
.price-table, .price-table td, .price-table th{ border: 1px solid #000; }
.price-table .grey td{ background-color: #dddddd; }

/* --- text style */

/* form style */
.form{ margin: 0 2em; }
.form .p{ margin-bottom: 5px; }
.form .p label{ display: block; padding-top: 3px; margin-right: 3px; }
.form .p label span{ }
.form .p input, .form .p textarea{ width: 80%; }
.form .p textarea{ height: 8em; }
.form .error { font-weight: bold; color: #cc0000; }
.form .captcha { text-align: center; }
.form .captcha label { display: block; }
.form .captcha * {vertical-align: middle;}
.form .sbm{ text-align: center; margin-top: 10px; }
.form .sel label{ display: inline; }
.form .sel input{ width: auto; }
/* --- form style */

#main{ padding: 1px 0 0 0; width: 1000px; margin: 0 auto; background: url(/i/b-round.gif) 100% 0 no-repeat; }
html>body #main{ height: auto; min-height: 100%; }
#main .bearing{ position: absolute; top: 0; left: -70px; width: 397px; height: 399px; background: url(/i/bg.png) 0 0 no-repeat; }
#main .container{ padding-bottom: 90px; }
#right{ float: right; width: 180px; margin: 0 0 0 5px;}

#right .promo{ width: 140px; height: 140px; overflow: hidden; text-align: center; }
#right .ptype1{ margin: 88px 0 0 20px; }
#right .ptype2{ margin: 25px 0 0 35px; }
#right .ptype3{ margin: 25px 0 0 20px; }

#main .content{ margin-left: 40px; }

#main .header{ margin-left: 225px; min-height: 255px; }
#main .header h1{ font-size: 1.55em; margin: 20px 0 0 0; padding: 0; position: relative; font-family: Arial Black;
    text-transform: uppercase; height: 116px; }
#main .header h1 a{ color: #000000; text-decoration: none; display: block; background: url(/i/logo.gif) 0 0 no-repeat;
    padding: 50px 0 0 35px; }
#main .header h1 a em{ display: block; font-style: normal; margin-left: 5.1em; }
#main .header h1 a span{ color: #c9292f; }
#main .header .menu{ background: url(/i/dasher.gif) 0 20px repeat-x; margin-left: 57px; list-style: none; display: block;
    position: relative; font: normal 1.1em Arial; font-style: italic; float: left; padding: 0.3em 0; }
#main .header .menu li{ display: block; position: relative; float: left; margin: 0 .8em 0 1.5em; padding-top: 20px; }
#main .header .menu li.last{ margin-right: 0; padding-right: 3em; background: url(/i/m-round.gif) 100% 2px no-repeat; }
#main .header .menu a{ color: #0055cc; }
#main .header .menu li.active a, #main .header .menu a:hover{ color:#cc0000; }
#main .header .righted{ font-size: .8em; list-style: none; float: right; }
#main .header .righted li{ padding: .2em 0; margin-bottom: .4em; }
#main .header .righted a{ padding: .2em 0 .2em 20px; background: url(/i/hrch.gif) 0 50% no-repeat; color: #0055cc; }
#main .header .righted a:hover{ color: #cc0000; }

#left{ float: left; width: 240px; margin: 0 20px 0 0; }
#left .lm_overlay{ }
#left .prod-c-name{ padding: .2em 0 .2em 6em; margin-bottom: 1.5em; }
#left .prod-c-name a{ padding: .2em 1em .2em 1.1em; font-weight: bold; background: url(/i/a-bg.gif) 50% 50% no-repeat; color: #ffffff; text-transform: uppercase; text-decoration: none; }
#dashed-thing{ position: absolute; top: 25px; left: 7px; width: 10px; height: 0; background: url(/i/dashes.gif) -4px 0 repeat-y; display: none; }
#dashed-thing span{ width: 100%; background: url(/i/dashes.gif) 0 -4px repeat-x; position: absolute; bottom: 0; left: 0;
    height: 1px; overflow: hidden; }
#left .menu{ list-style: none; position: relative; margin: 0 65px 0 20px; }
#left .menu li{ position: relative; margin-bottom: .8em; padding-left: 40px; }
#left .menu li a{ background-color: #ffffff;  color: #0055cc; }
#left .menu li img{ position: absolute; left: 0; top: 50%; margin-top: -13px; } /* NEW */
#left .menu li.active a, #left .menu li a:hover{ color: #cc0000; }

#center{ padding-top: 40px; }
#center .pt{color: #c9292f; font-size: 1.2em; text-transform: uppercase; margin-bottom: 1.5em; }
#center .spt{ color: #c9292f; font-size: 1em; text-transform: uppercase; margin-bottom: 1.0em; }
/* here goes content */
#center .prod-page{ }
#center .prod-page .text{ margin-bottom: 2em;}
#center .prod-page .prod-image{ float: left; margin: 0 .6em .6em 0; }
#center .prod-cat{}
#center .prod-cat .prod-items{ list-style: none; }
#center .prod-cat .prod-items li{ margin-bottom: 3em; display: block; }
#center .prod-cat .prod-items li img{ float: left; margin: 0 .5em 0 0; }
#center .prod-cat .prod-items li h2{ margin-bottom: .8em; }
#center .prod-cat .prod-items li h2 a{ color: #c9292f; }
#center .news-cat{ list-style: none; }
#center .news-cat li{ margin-bottom: 2em; }
#center .news-cat li .n-head{ margin: 0 0 .3em 0;}
#center .ndate{ text-align: right; font-weight: bold;}

#center .ads{ margin-bottom: 2em; list-style: none; }
#center .ads li{ display: block; margin-bottom: 1.2em; }
#center .ads li .ad-h{ font-weight: bold; padding: .2em 0; margin-bottom: .3em; color: #ce3c42; }
#center .ads li .ad-h span{ font-size: .8em; color: #ffffff; background-color: #c2c3c5; padding: .2em .4em; margin-right: 1em; }
#center .ads li .text{ margin: .8em .8em 0 .8em; }
#center .ads li .ad-l{ margin-bottom: .3em; font-size: .8em; margin-left: 4em; }
#center .ads li .ad-l span{ font-weight: bold; }
.navbar{ text-align: center; margin-bottom: 2em; }
.navbar a{ color: #0055cc; }

.gallery-c  { list-style: none; }
.gallery-c li { width: 24%; height: 120px; float: left; text-align: center; margin-bottom: 1em; }
/* --here goes content */

#main .footer{ position: absolute; bottom: 0; height: 80px; width: 100%; }
#main .footer .banners{ margin: .3em 3em 0 7em; }
#main .footer .banners .banner{ float: left; margin: 0 .3em; }
#main .footer address{ font-size: 1em; margin-left: 2em; position: relative; }

#main .footer .vcard{ text-decoration: none; position: absolute; top: 0; right: 10%; font-size: .8em; color: #afafaf; }
#main .footer .vcard span{ text-decoration: underline; margin-right: .3em; }
#main .footer .vcard span:hover{ text-decoration: none; color: #cc0000; }
#main .footer .vcard #flex-logo{ vertical-align: middle; }
#main .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; }
    #main .bearing{ display: none; }
    #main{ width: 100%; margin: 0; background: none; }
    #main .header{ margin: 0; height: auto; min-height: 1%; }
    #main .header h1{ margin: 0; text-align: center;}
    #main .header h1 a em{ display: inline; margin: 0; }
    #main .header .menu{ display: none; }
	#main .header .righted{ display: none;}
	#right{ display: none;}
    #left {display: none;}
    #center .form{ display: none;}
	#center{ page-break-after: avoid; page-break-before: avoid; page-break-inside: avoid; }
    #center .prod-cat .prod-items li img{ float: none; }
    .gallery-c{ clear: both;}
    .gallery-c li{ float: none; display: inline;}
    #main .footer{ position: relative; text-align: right;}
    #main .footer address{ font-weight: bold;}
    #main .footer .vcard{ display: none;}
    #main .footer .banners{ display: none;}
}