/* ----- all default ----- */
* { margin: 0px; padding: 0px; }


/* ----- html & body styles ----- */
html, body { width: 100%; height: 100%; padding: 0px; margin: 0px;  border: 0px; border-width: 0px; outline: 0px; text-align: left; }
body { font-family: 'tahoma'; font-size: 12px; line-height: 14px; }


/* ----- table default ----- */
table { border-collapse: collapse; border-spacing: 0px; border-width: 0px; }
td, th { vertical-align: top; }

/* ----- list style ----- */
ul, ol { margin: 0px; }
li { margin: 0px; list-style-type: none; }

/* ----- other default ----- */
p { margin: 0; padding: 0; color: #000; background-color: transparent; }
a { color: #000; background-color: transparent; text-decoration: underline; }
a:link { outline: none; -moz-outline: 0px; }
a:visited { outline: none; -moz-outline: 0px; }
a:hover { text-decoration: none; outline: none; -moz-outline: 0px; }
a:active { outline: none; -moz-outline: 0px; }
:focus { outline: 0px; -moz-outline: 0px; }
strong { font-weight:bold; }
em { font-style: italic; }
img { border: none; border-width: 0px; }

/* ----- clear ----- */
.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; }

form, fieldset {
     display:block;
     padding:0px;
     margin:0px;
     border-width:0px;
}


/* ----- MAIN ----- */
#main { width: 100%; min-width: 1000px; min-height: 100%; position: relative; }

/* ----- IE Hacks ----- */
/* ----- IE6 ----- */
* html #main { height: 100%; width: expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 1000 ? "1000px" : "auto") : (document.body.clientWidth < 1000 ? "1000px" : "auto"))}
* html img { vertical-align: top; }
/* ----- IE7 ----- */
*:first-child+html img { vertical-align: top; }


/* ----- header ----- */
#header { height: 268px; width: 100%; position: relative; }
#header .hl-bg { height: 230px; width: 1000px; left: 0px; top: 0px; position: absolute; background: url("../images/head_left_bg.jpg") no-repeat; }
#header .hr-bg { height: 230px; width: 50px; right: 0px; top: 0px; position: absolute; background: url("../images/head_right_bg.jpg") no-repeat; }
#header .hc-bg { height: 230px; width: 100%; left: 0px; top: 0px; position: absolute; background: url("../images/head_centr_bg.jpg") repeat-x; }
#header #logo { left: 52%; top: 30px; position: absolute; }
#header #phone { left: 52%; top: 60px; position: absolute; width: 153px; height: 107px; background: url("../images/phone_new.gif") no-repeat; }
#header #pict { left: 68%; top: 11px; position: absolute; width: 205px; height: 188px; background: url("../images/pict.jpg") no-repeat; }
#header #slogan1 { left: 86%; top: 27px; position: absolute;  width: 77px; height: 23px; background: url("../images/slogan1.gif") no-repeat; }
#header #slogan2 { left: 87%; top: 57px; position: absolute;  width: 119px; height: 21px; background: url("../images/slogan2.gif") no-repeat; }

#header .menu-bg { height: 38px; width: 100%; left: 0px; top: 230px; position: absolute; background: url("../images/menu_bg.gif") repeat-x; }

#header .menu-bg .menu {  padding-top: 10px; }
#header .menu-bg .menu a { font-family: 'verdana'; font-size: 12px; color: #fff; text-decoration: none; padding: 0 25px 0 20px; background: url("../images/menu_line.gif") right 4px no-repeat; } 
#header .menu-bg .menu a:hover { text-decoration: underline; }
#header .menu-bg .menu a.last { background: none; }


/* ----- search ----- */
#h-search { right: 25px; top: 238px; position: absolute; width: 200px; height: 24px; background: url(../images/search-bg1.gif) no-repeat; }
#h-search .text { margin: 3px 0 0 8px; width: 198px; height: 14px; padding: 1px 0; font: 9pt/14px 'tahoma'; color: #181818; background-color: transparent; border: 0; }
#h-search .submit { left: 175px; top: 1px; margin-right: 2px; position: absolute;  }

/* ----- CONTENT ----- */
#content { margin: 0 10px; position: relative; }
#content .inner{ width: 100%; padding-top: 15px; position: relative; }

/* ----- FOR CENTER ----- */
#f-center { display: inline; float: left; width: 100%; }
#f-center .tab { width: 100%; }
.big-img { border: solid 1.5px; border-color: #545454; margin-bottom: 10px; }
.small-img { border: solid 1px; border-color: #545454; margin: 0 4px 10px 0; }
.descr { padding: 0 5px 10px 5px; color: #545454; }
.price { padding: 10px 0 10px 0; width: 150px; height: 84px; background: url(../images/price_bg.jpg) no-repeat; }
.price h2 { padding-top: 10px; font-family: tahoma; font-size: 18px; color: #fff; }
.ship { padding-left: 20px; color: #545454; }
.ship a { color: #545454; text-decoration: none; }
.ship a:hover { color: #545454; text-decoration: underline; }





/* ----- CENTER ----- */
#center { margin: 0 0 0 250px; position: relative; }
#center .cat-cbg { margin: 10px 0 20px; left: 0px; top: 0px;  position: relative; width: 99%; height: 232px; background: url("../images/c-bg-centr.jpg") repeat-x; }
#center .cat-bg-left { top: 0px; position: absolute; width: 483px; height: 232px; background: url("../images/c-bg-left.jpg") no-repeat; }
#center .cat-bg-right { right: 0px; top: 0px; position: absolute; width: 20px; height: 232px; background: url("../images/c-bg-right.jpg") no-repeat; }
#center .cat-cbg a.head { top: 20px; position: relative; padding: 0 0 10px 20px; font-family: 'tahoma'; font-size: 24px; color: #333333; text-decoration: none; }
#center .cat-cbg a:hover { text-decoration: underline; }
#center .img { top: 50px; left: 0px; width: 98%; position: absolute; }
#center .cat-cbg a.prod { margin-left: 20px; }
#center h1 { padding: 17px 0 10px 21px; font-family: 'tahoma'; font-size: 24px; color: #3c3c3c; }
#center p { padding: 10px 10px 10px 20px; font-family: 'tahoma'; font-size: 12px; color: #545454; }
#center .date { padding: 10px 0 4px 20px; font-family: 'tahoma'; font-size: 12px; color: #d40506; }
#center .news { padding: 0 10px 4px 20px; color: #545454; }
#center .news a { color:#545454; text-decoration: none; }
#center .news a:hover { color:#545454; text-decoration: underline; }
#center .bot { width: 100%; height: 2px; background: url("../images/l-catalog-li-bg.gif") repeat-x; }
#center .other { padding: 10px 0 0 20px; color: #545454; }
#center .other a { color:#25709b; text-decoration: none; }
#center .other a:hover { color:#25709b; text-decoration: underline; }

#popup { margin: 0 0 0 0; position: relative; }
#popup .bot { margin-left: 20px; width: 100%; height: 2px; background: url("../images/l-catalog-li-bg.gif") repeat-x; }
#popup p { padding: 10px 10px 10px 20px; font-family: 'tahoma'; font-size: 12px; color: #545454; }
#popup .other { padding: 10px 0 0 20px; color: #545454; }
#popup .other a { color:#25709b; text-decoration: none; }
#popup .other a:hover { color:#25709b; text-decoration: underline; }
#popup h1 { padding: 17px 0 10px 21px; font-family: 'tahoma'; font-size: 24px; color: #3c3c3c; }

#center .ot { padding: 10px 0 50px 0px; color:#545454; }
#center .ot h2 { color: #bb0f14; }
#center .ot a { color:#25709b; text-decoration: none; }
#center .ot a:hover { color:#25709b; text-decoration: underline; }

.my { margin-left: 10px; margin-bottom: 20px; width: 187px; font: 14px verdana; }
.my a { margin-left: 4px; padding-left: 10px; color: #006464; text-decoration: none; background: url("../images/arrow.gif") left 6px no-repeat; }
.my a:hover { text-decoration: none; color: #545454; background: url("../images/arrow1.gif") left 6px no-repeat; }
.my h2 { padding: 10px 0 0 0; font-family: 'tahoma'; font-size: 14px; color: #3c3c3c; }
.my .bot { margin-left: 0; width: 100%; height: 2px; background: url("../images/l-catalog-li-bg.gif") repeat-x; }

/* ----- block ----- */
#center .block { display: inline; float: left; width: 221px; height: 220px; position: relative; text-align: center; margin: 12px 12px 30px 12px; background: url("../images/c-block-bg1.gif") no-repeat; }
#center .block .title { width: 80%; height: 25px; margin: 0 auto; font-family: 'verdana'; font-size: 8pt; font-weight: bold; line-height: 14px; padding: 10px 0; text-transform: uppercase; }
#center .block .title a { color: #2b7385; text-decoration: none; }
#center .block img { margin-bottom: 2px; }
#center .block .details .more { margin-top: 0px; }
#center .block .details .more a { color: #25709b; padding-right: 1px;  text-decoration: none; }
#center .block .details .more a:hover { border-bottom: 1px solid #25709b;}


/* ----- block ----- */
#center .tab { width: 100%; align: center; }
#center .tab .block1 { width: 221px; height: 220px; position: relative; text-align: center;  margin: 12px 12px 30px 12px; background: url("../images/c-block-bg1.gif") no-repeat; }
#center .tab .block1 .title { width: 80%; height: 25px; margin: 0 auto; font-family: 'verdana'; font-size: 8pt; font-weight: bold; line-height: 14px; padding: 10px 0; text-transform: uppercase; }
#center .tab .block1 .title a { color: #2b7385; text-decoration: none; }
#center .tab .block1 img { margin-bottom: 2px; }
#center .tab .block1 .details .more { margin-top: 0px; }
#center .tab .block1 .details .more a { color: #25709b; padding-right: 1px;  text-decoration: none; }
#center .tab .block1 .details .more a:hover { border-bottom: 1px solid #25709b;}



/* ----- block ----- */
#center .block1 { display: inline; float: left; width: 221px; height: 220px; position: relative; text-align: center; margin: 12px 12px 30px 0; background: url("../images/c-block-bg1.gif") no-repeat; }
#center .block1 .title { width: 80%; height: 25px; margin: 0 auto; font-family: 'verdana'; font-size: 8pt; font-weight: bold; line-height: 14px; padding: 10px 0; text-transform: uppercase; }
#center .block1 .title a { color: #2b7385; text-decoration: none; }
#center .block1 img { margin-bottom: 2px; }
#center .block1 .details .more { margin-top: 0px; color: #bb0f14; }
#center .block1 .details .more a { color: #25709b; padding-right: 1px;  text-decoration: none; }
#center .block1 .details .more a:hover { border-bottom: 1px solid #25709b;}
#center .cross h2 { padding: 10px 0 10px 0; font-family: 'tahoma'; font-size: 18px; color: #3c3c3c; }


/* ----- LEFT ----- */
#left { display: inline; float: left; width: 185px; padding: 0px 14px; position: relative; margin-left: -100%; }

/* ----- catalog ----- */
#l-catalog .cat { width: 187px; margin: 0 8px; font: 14px verdana; color: #181818; background: url("../images/l-catalog-li-bg.gif") left bottom repeat-x; }
#l-catalog .cat a { padding-left: 17px; color: #181818; line-height: 30px; text-decoration: none; }
#l-catalog .cat a:hover { text-decoration: none; color: #545454; }
#l-catalog ul { width: 187px; margin: 0 8px; }
#l-catalog li { padding-bottom: 4px; padding-left: 5px; padding-top: 7px; line-height: 30px;  background: url("../images/l-catalog-li-bg.gif") left bottom repeat-x; }
#l-catalog li a { padding-left: 11px; font: 14px verdana; color: #181818; text-decoration: none; }
#l-catalog li a:hover { text-decoration: none; color: #545454;}
#l-catalog li ul { width: 151px; margin: 0; padding-bottom: 8px; }
#l-catalog li ul li { padding-left: 15px; line-height: 18px; color: #006464; background: none; }
#l-catalog li ul li a { margin-left: 4px; padding-left: 10px; color: #006464; text-decoration: none; background: url("../images/arrow.gif") left 6px no-repeat; }
#l-catalog li ul li a:hover { text-decoration: none; color: #545454; background: url("../images/arrow1.gif") left 6px no-repeat; }
#l-catalog li ul li ul li { padding-left: 15px; line-height: 18px; font-size: 11px; color: #181818; background: none; }
#l-catalog li ul li ul li a { margin-left: 4px; padding-left: 5px; font-size: 11px; color: #181818; text-decoration: none; background: none; }
#l-catalog li ul li ul li a:hover { text-decoration: none; color: font-size: 11px; #545454; background: none; }



/* ----- l-lot ----- */
#l-lotd { margin: 15px 0 20px 10px; width: 181px; height: 354px; background: url("../images/l-featured.gif") no-repeat; }
#l-lotd p { padding: 15px 0 10px 0; text-align: center; font: 14px verdana; }
#l-lotd p a { color: #006464; text-decoration: none; }
#l-lotd p a:hover { color: #545454; text-decoration: none; }
#l-lotd ul { width: 170px; margin: 0 6px; }
#l-lotd li { padding: 0px 0; text-align: center; }
#l-lotd li:first-child { padding-top: 0; }
#l-lotd li img { margin-bottom: 16px; }
#l-lotd li a { color: #008cc1; font-size: 11px; }


#login_in { margin: 40px 0 20px 10px; width: 181px; height: 354px; background: url("../images/l-featured.gif") no-repeat; }


/* ----- FOOTER ----- */
#subfooter,  #footer { clear: both; width: 100%; height: 74px; }

#footer { clear: both; width: 100%; min-width: 1000px; height: 74px; color: #8097a8; font-size: 11px; position: relative; margin-top: -74px; }

* html #footer { width: expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 1000 ? "1000px" : "auto") : (document.body.clientWidth < 1000 ? "1000px" : "auto"))}
#footer .for-inner { padding: 0 0; height: 74px; position: relative; }
#footer .for-inner .inner { width: 100%; position: relative; }

#footer .f-bg { height: 38px; width: 100%; background: url("../images/menu_bg.gif") repeat-x; }

#footer .f-bg p { padding: 10px 0 0 10px; font-family: 'verdana'; font-size: 12px; color: #fff; }
/* ----- copyrights ----- */
#footer .f-bg .f-copyrights { right: 24px; top: 12px; position: absolute; color: #fff; }
#footer .f-bg .f-copyrights a { font-family: 'verdana'; font-size: 12px; color: #fff; text-decoration: none; padding: 0 0 0 0; } 
#footer .f-bg .f-copyrights a:hover { text-decoration: underline; }
#footer .f-add { left: 47%; top: 42px; position: absolute; }
#footer .f-add a { text-decoration: none; color: #8097a8; }
#footer .f-add a:hover { text-decoration: underline;}