/* PRODUCT BROWSER */
.sliderGallery {overflow: hidden; position: relative; padding: 0px; height: 112px; width: 585px}
.slider {position: absolute; width: 641px; height: 7px; margin-top: 102px; margin-left: 0px; padding: 0px; background-color: #cccccc}
.handle {position: absolute; cursor: move; height: 7px; width: 182px; top: 0px; background: url(../images/slider.gif) no-repeat; z-index: 100}
.slider span {color: #bbb; font-size: 80%; cursor: pointer; position: absolute; z-index: 110; top: 3px}

/* --------------------------------------------------------- */
div.sliderGallery ul {position: absolute; list-style: none; overflow: none; white-space: nowrap; height: 95px; padding: 0px; margin: 0px; background: url(../images/ramka-sm.gif) repeat-x 5px 0px; padding-right: 3px; margin-top: 0px}
div.sliderGallery ul li {display: inline; width: 135px; padding:0; padding-left: 5px; padding-right: 5px}
span.smotrika {width:135px; height:95px; margin-top:9px; margin-bottom:10px; margin-left: 0; margin-right: 0}
span.smotrika img {padding: 0; margin:8px 2px 0 6px}

/* --------------------------------------------------------- */

span.smotrika_catalog {width:95px; height:95px; background-repeat:no-repeat; margin-top:9px; margin-bottom:10px; margin-right: 20px; margin-left: 10px}
span.smotrika_catalog img {padding: 0; margin:8px 0 0 7px}

/* PRODUCT BROWSER */
div.sliderGalleryCat {overflow: hidden; position: relative; padding: 0px; height: 120px; width: 100%}
div.sliderGalleryCat UL {position: absolute; list-style: none; overflow: none; white-space: nowrap; padding: 0; margin: 0; background: url(../images/../images/ramka-cat.gif) repeat-x 0px 0px}
.sliderGalleryCat UL LI {display: inline}
.sliderCat {position: absolute; width: 100%; height: 7px; margin-top: 110px; margin-left: 0px; padding: 0px; background-color: #cccccc}
.handleCat {position: absolute; cursor: move; height: 7px; width: 182px; top: 0px; background: url(../images/slider.gif) no-repeat; z-index: 100}
.sliderCat span {color: #bbb; font-size: 80%; cursor: pointer; position: absolute; z-index: 110;top: 3px}
span.smotrikaCat {width:80px; height:80px; background-repeat:no-repeat; margin-top:11px; margin-bottom:10px; margin-right: 23px; margin-left: 8px}
span.smotrikaCat img {padding: 0; margin: 11px 2px 5px 0px}

BODY {BACKGROUND: white; MARGIN: 0px; FONT-SIZE: 12px; color:#5c5c5c; font-family: Sylfaen;}
P {MARGIN: 0px 0px 5px; line-height: 16px}
TD {FONT-SIZE: 11px; color:#5c5c5c}
a {text-decoration:underline; color:#3282c5}
a:hover {text-decoration:none; color:#3282c5}
a img { border:0}
img {border:0}
form {MARGIN: 0px}

DIV.w_line {MARGIN: 0px; BACKGROUND-COLOR: White; width: 100%}
DIV.gr_line {MARGIN: 0px; BACKGROUND-COLOR: #CACACA; width: 100%}
span.grey {color: #848484}
span.blue {color: #3481c5}
span.red {color: #9d102d}

h1 { font-size:18px; color:#5C5C5C; display:block; padding-top:10px; padding-bottom:8px; padding-left:0px; font-weight:bold; margin:0}
h2 { font-size:15px; color:#5C5C5C; display:block; padding-top:4px; padding-bottom:14px; padding-left:0px; font-weight:bold; margin:0}
h3 { font-size:12px; color:#5C5C5C; display:block; padding-top:8px; padding-bottom:4px; padding-left:0px; font-weight:bold; margin:0}
h4 { font-size:12px; color:#5C5C5C; display:block; padding-top:10px; padding-bottom:8px; padding-left:2px; font-weight:bold; margin:0 10px 12px 0; border-bottom:2px solid #5C5C5C; }
h5 { font-size:11px; color:#5C5C5C; display:block; padding: 3px 0 3px 0; font-weight:bold; margin:0}


div.user-link2 {padding: 3px 5px 3px 0px; text-align:left; margin-bottom: 5px}
div.user-link2 a { text-decoration:none; color:#3283c5}
div.user-link2 a:hover { text-decoration:underline; color:#3283c5}

div.sl {text-align:center; float:left; position:relative}
div.materials {padding: 0px; margin:0px; text-align:center; float:left; position:relative}
div.materials a { font-size:12px; color:#3283c5; display:block; padding: 8px 0 4px 0; font-weight:bold; margin:0; text-decoration:none}
div.materials a:hover { text-decoration:underline; color:#3283c5}

div.w100 {width:100%; float:left}
div.w50 {width:50%}
div.w49 {width:49%}
div.w33 {width:33.33%}
div.w25 {width:25%}
div.w24 {width:24%}
div.p135 {height:135}
div.p200 {height:230}

TD.pr {padding:0px; margin:0px; width:33%; text-align:center; height:100%; background: url(../images/../images/frame.jpg) no-repeat bottom left}

div.user-link {padding: 3px 5px 3px 5px; text-align:right; margin-bottom: 5px}
div.user-link a { text-decoration:none; color:#3282c5}
div.user-link a:hover { text-decoration:underline}

/* BORDERS & SHADOWS */

div.btb-dsl-tc { float:left; background: url(../images/nav-tlc.gif) no-repeat top left; padding:0px; margin:0; width:100%}
div.btb-dsr-tc { float:left; background: url(../images/nav-trc.gif) no-repeat top right; margin:0; padding:0; width:100%}
div.btb-dsl-bc { float:left; background: url(../images/nav-blc.gif) no-repeat bottom left; margin:0; padding:0; width:100%}
div.btb-dsr-bc { float:left; background: url(../images/nav-brc.gif) no-repeat bottom right; margin:0; padding: 0 0 3px 0px; width:100%}
div.btb-dsr-bcs { float:left; background: url(../images/nav-brc.gif) no-repeat bottom right; margin:0; padding: 0 0 7px 0px; width:100%}
div.wrap { margin-top: -6px; margin-left: -4px}

TD.promo {border-left:2px solid #f4f4f4; border-right:2px solid #f4f4f4; padding:0px; margin:0px; width:100%; text-align:center; height:100%}


/* RIGHT NAVIGATION */

TABLE.upr {MARGIN-BOTTOM: 5px}
TD.upr {border-left:2px solid #e6e6e6; border-right:2px solid #e6e6e6; padding:0px; width:100%}
TD.upr li {float: left; position: relative; list-style: none; DISPLAY: block; width: 100%; COLOR: #000000}
TD.upr a {padding: 4px 0px 2px 12px; DISPLAY: block; COLOR: #000000; TEXT-DECORATION: none}
TD.upr a:hover {padding: 4px 0px 2px 12px; DISPLAY: block; COLOR: #000000; TEXT-DECORATION: none; background-color:#e6e6e6}
TD.upr a.activ {padding: 4px 0px 2px 12px; DISPLAY: block; COLOR: #000000; TEXT-DECORATION: none; background-color:#e6e6e6}
TD.upr a.top, TD.upr a:hover.top {padding: 0px 0px 2px 12px; DISPLAY: block; COLOR: #000000; TEXT-DECORATION: none; background-color:#e6e6e6}
TD.upr a.bot, TD.upr a:hover.bot {padding: 4px 0px 0px 12px; DISPLAY: block; COLOR: #000000; TEXT-DECORATION: none; background-color:#e6e6e6}
TD.upr a.sub {padding: 4px 2px 2px 22px; COLOR: #737372; TEXT-DECORATION: none}
TD.upr a:hover.sub {padding: 4px 2px 2px 22px; COLOR: #737372; TEXT-DECORATION: none; background-color:#f0f0f0}
TD.upr a.sub-a, TD.upr a:hover.sub-a {padding: 4px 2px 2px 22px; DISPLAY: block; COLOR: #737372; TEXT-DECORATION: none; background-color:#f0f0f0}
DIV.delimiter {MARGIN: 0px; BACKGROUND-COLOR: #e6e6e6; width: 100%; float:left}
DIV.delimiter-sub {MARGIN: 0px; BACKGROUND-COLOR: #e6e6e6; width: 100%; float:left}


TD.upr a.sub2 {padding: 4px 2px 2px 32px; COLOR: #a5a5a3; TEXT-DECORATION: none}
TD.upr a:hover.sub2 {padding: 4px 2px 2px 32px; COLOR: #a5a5a3; TEXT-DECORATION: none; background-color:#f0f0f0}
TD.upr a.sub2-a, TD.upr a:hover.sub2-a {padding: 4px 2px 2px 32px; DISPLAY: block; COLOR: #a5a5a3; TEXT-DECORATION: none; background-color:#f0f0f0}

/* CONTENT */

#content { margin-left: auto; margin-right: auto; width: 820px; padding: 12px 0px 0px 0px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF}
#content_login { margin: 5px 0 5px 0; padding: 5px 8px 5px 8px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#f4f4f4; border:1px solid #cccccc}
TD.content {padding: 10px 0 0 0; width:100%; margin:0px}
TD.content a {COLOR: #3584C6; TEXT-DECORATION: none}
TD.content a:hover {COLOR: #3584C6; TEXT-DECORATION: underline}
TD.content P {MARGIN: 0px 0px 10px 0px}
.content LI {PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN-LEFT: 0px; PADDING-TOP: 2px; line-height: 16px}
.content ul, td.content ol{MARGIN: 10px 0px 10px}


/* TOP NAVIGATION */
#nav, #nav ul {list-style: none; margin: 0; padding: 0; float: left; width: 100%}
#nav li { float: left; list-style: none; position: relative; background: none}
#nav a { color: #0A2245; text-decoration: none; display: block; padding: 3px 8px 3px 7px}
#nav a:hover { color: #3282c5}
#nav li:hover,#nav li.jshover {z-index: 1}
#nav li ul { display: none; position: absolute; width: 170px; color: #5c5c5c}
#nav li li a { color: #000000; background: #e6e6e6; width: 170px; display: block; margin-left:5px; padding: 3px 5px 3px 7px}
#nav li li a:hover { background: #D4D4D4; color: #000000; width: 170px; padding: 3px 5px 3px 7px; display: block}
#nav li:hover ul,#nav li.jshover ul { display: block}
#nav li:hover li ul,#nav li.jshover li ul { display: none; width: 118px; top: -9px; left: 118px; left: 133px}
#nav li:hover li:hover ul, #nav li.jshover li.jshover ul {display: block}


/* HEADER */

TABLE.header {MARGIN-BOTTOM: 8px; WIDTH: 100%}
TABLE.header A {COLOR: #00b4ff;; TEXT-DECORATION: none}
TABLE.header A:hover {COLOR: #00b4ff; TEXT-DECORATION: underline}

/* FOOTER */

TABLE.footer {MARGIN-TOP: 20px; WIDTH: 100%; BORDER-COLLAPSE: collapse; HEIGHT: 27px}
TABLE.footer TD {PADDING: 0px; HEIGHT: 27px}
td.footer {font-size: 7pt}

td.twl {color: #9c9a9c; width:300px; text-align: right; }
td.twl a, td.twl a:hover { color: #9c9a9c; font-size: 11px; TEXT-DECORATION: underline}

#flatinput {width: 100%; border: 1px solid #eeeeee;	padding: 0 3px; FONT-SIZE: 11px; font-family: Verdana; color:#7f7f7f}


	/****Tabs & Product Information****/
	
table.Spec { width:100%; height:25px}
.itemSpec { float:left; width:100%; background:#FFFFFF url(../images/tab-bk.gif) repeat-x bottom; line-height:normal; clear:both}
.itemSpec ul {float:left; margin:0; padding:0; list-style:none; width:100%}
.itemSpec li {float:left; FONT-SIZE: 11px; font-family: Verdana; width:16%; background:url(../images/tab-righ.gif) no-repeat right top; margin:0; padding:0; text-align:center}
.itemSpec a{display:block; background:url(../images/tab-left.gif) no-repeat left top; padding: 0.6em 0 0.33em 0; text-decoration: none; color: #757575}
.itemSpec #current {background-image:url(../images/tab-rigi.gif)}
.itemSpec #current a {background-image:url(../images/tab-lefu.gif); padding-bottom:0.416em; text-decoration: none; color: #121F3F; font-weight: bold}


table.Spec-cont {width:100%}
table.Spec-cont a {COLOR: #3584C6; TEXT-DECORATION: none}
table.Spec-cont a:hover {COLOR: #3584C6; TEXT-DECORATION: underline}
table.Spec-cont h1 {font-size:14px; color:#5C5C5C; font-weight:bold; margin:0; padding:8px 0 8px 0}
table.Spec-cont h2 {font-size:12px; color:#5C5C5C; font-weight:bold; margin:0; padding:0}
table.Spec-cont td{FONT-SIZE: 11px; font-family: Verdana; color:#7f7f7f; text-align:left}
table.Spec-cont td.Spec-cont-td{FONT-SIZE: 11px; font-family: Verdana; color:#7f7f7f; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; width:100%; text-align:left; padding:10px 10px 10px 10px}


div.print {width: 100%; text-align: right; padding: 0}	

div.register {width: 240px; position:absolute; top:200px; left:390px; display:none; z-index:1000; background: url(../images/login_border_bot.png) no-repeat bottom left}
table.register {width:100%; text-align:center; background: url(../images/login_border_top.png) no-repeat top left}
table.register input.text {border:1px solid #9c9c9c; width:100%; height: 25px; text-align:center; padding:3px 0 3px 0; color:#7f7f7f}
table.register h1 { font-size:14px; color:#5C5C5C; font-weight:bold; margin:0; padding:5px 0 3px 0}
table.register a {COLOR: #3584C6; TEXT-DECORATION: none; padding:3px 0 3px 0}
table.register a:hover {COLOR: #3584C6; TEXT-DECORATION: underline}
table.register TD { padding:3px 15px 3px 15px; FONT-SIZE: 11px; font-family: Verdana; color:#7f7f7f}

table.register2 input.text {border:1px solid #9c9c9c; width:100%; height: 25px; text-align:center; padding:3px 0 3px 0; color:#7f7f7f}
table.register2 h1 { font-size:14px; color:#5C5C5C; font-weight:bold; margin:0; padding:5px 0 3px 0}
table.register2 a {COLOR: #3584C6; TEXT-DECORATION: none; padding:3px 0 3px 0}
table.register2 a:hover {COLOR: #3584C6; TEXT-DECORATION: underline}
table.register2 TD { padding:3px 15px 3px 15px; FONT-SIZE: 11px; font-family: Verdana; color:#7f7f7f}

#overlay-login {position:fixed; z-index:99; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.50}

div.dark-div {margin: auto; left:0; top:0; width:100%; height:100%; z-index:100; position:absolute ; background:#000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -khtml-opacity: 0.5; opacity: 0.5; cursor:default}