/* MAIN TYPOGRAPHY */
html {font-size: 62.5%; font-family: Tahoma, Geneva, sans-serif;}
strong, th, thead td, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
cite, em, dfn {font-style: italic;}
code, kbd, samp, pre, tt, var {font-size: 92%; font-family: courier, monaco, "Lucida Console", mono-space;}
textarea, select, option {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
input[type='text'], input[type='password'] {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
del {text-decoration: line-through; color: #666;}
ins, dfn {border-bottom: 1px solid #ccc;}
small, sup, sub {font-size: 85%;}
abbr, acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em;}
a abbr, a acronym {border: none;}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc;}
sup {vertical-align: super;}
sub {vertical-align: sub;}

/* QUOTES */
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote *:first-child:before {content: "\201C";}
blockquote *:first-child:after {content: "\201D";}

/* language specific quotes! */
q {quotes: "\201C" "\201D" "\2018" "\2019";}


/* FORMS */
fieldset {border: 1px solid #ccc;}
legend {background: #fff;}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #ffffaa;}
input, select {cursor: pointer;}
input[type='text'], input[type='password'] {cursor: text;}
input {vertical-align:middle;}

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */
body {font-size: 1.1em; line-height: 2.18em; background:#FFF; text-align:center; color:#363636; padding-bottom:2em;}
h1 {font-size: 24px; font-weight:normal;}
h2 {font-size: 18px; font-weight:normal;}
h3 {font-size: 16px; font-weight:bold;}
h4 {font-size: 14px; font-weight:bold;}
h5 {font-size: 1.2em; font-weight:bold;}
h6 {font-size: 1em; font-weight:bold;}

/* HR */
hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none;}

/* LISTS */
/* ul {margin:0; padding:0; list-style:none} ul li {text-indent: 0; margin: 0; padding:0; list-style:none;} ul li:before {content: "";} */
ul li {text-indent: -.85em; margin-left: .85em;}
ul li:before {content: "\2022\00a0\00a0";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
ol {list-style-position: outside; list-style-type: decimal;}
dt {font-weight: bold;}

/* TABLES */
table {border-top: 1px solid #ccc;  border-left: 1px solid #ccc;}
th, td {border-bottom: 1px solid #ddd; border-right: 1px solid #ccc;}

/* MARGINS & PADDINGS */
blockquote *:first-child {margin: .8em 0;}
hr, p, ul, ol, dl, pre, blockquote, address, table, form {margin-bottom: 1.6em;}
p+p {margin-top: -.8em;}

/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 {margin: 1em 0 .5em;}
h2 {margin: 1.07em 0 .535em; font-weight:normal; font-size:24px;}
h3 {margin: 0.5em 0 .57em; font-weight:normal; font-size:18px;}
h4 {margin: 1.23em 0 .615em;}
h5 {margin: 1.33em 0 .67em;}
h6 {margin: 1.6em 0 .8em;}
h1, h2, h3, h4, h5, h6{ color:#352c42;}
th, td {padding: .8em;}
caption {padding-bottom: .8em;} /* padding instead of margin for IE */
blockquote {padding: 0 1em; margin: 1.6em 0;}
fieldset {padding: 0 1em 1em 1em; margin: 1.6em 0;} /* padding-top is margin-top for fieldsets in Opera */
legend {padding-left: .8em; padding-right: .8em;}
legend+* {margin-top: 1em;} /* compensates for the opera margin bug */
textarea, input {padding: .15em .4em .25em .4em;}
input {margin:0.1em 0.3em 0.3em 0em}
select {padding: .1em 0 0 .2em;}
option {padding: 0 .4em;}
ul {margin-left: 1.5em;}
ol {margin-left: 2.35em;}
ol ol, ul ol {margin-left: 2.5em;}
form div {margin-bottom: .8em;}

/* DT, DL, DD */
/*dt, dl, dd {margin:0; font-weight:normal;} */
dt {margin-top: .8em; margin-bottom: .4em;}


/* COLORS */
/* a:link, a:visited, a:hover, a:active, a:focus */
a:link {text-decoration: underline; color: #45a3ee;}
a:visited {text-decoration: underline; color: #45a3ee;}
a:hover {text-decoration: underline; color: #c33;}
a:active, a:focus {text-decoration: underline; color: #000;}
code, pre {color: #c33;} /* very optional, but still useful. W3C uses about the same colors for codes */

/* CLEARFIX */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0;}
.clearfix {display: inline-block;} /* for IE/Mac */
html[xmlns] .clearfix {display: block;}

/* IMG ALIGN */
img[align=left] {float:left; margin:0 1em 1em 0}
img[align=right] {float:right; margin:0 0 1em 1em}

/* HEADER*/
.header {
height:94px;
background:#60495d;
color:#FFF
}
.main { margin:auto; position:relative; width:945px; text-align:left;}
.logo { display:block; width:220px; height:36px; background:url(../images/logocatalog_orrange.gif) 0 0 no-repeat; position:absolute; top:47px; left:0px; text-indent:-9999em; 
	/*azimuth: expression(
		  this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "/images/transparent.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 = "none")),this.pngSet=true
	);*/
} 
.nameSite { position:absolute; font-size:163%; position:absolute; top:59px; left:251px; font-family:Arial, Helvetica, sans-serif;}
.nameSite a { color:#FFF; text-decoration:none; font-weight:normal; display:block;}
.phone { position:absolute; font-size:327.27%; line-height:70%; right:0; top:15px;font-family:Arial, Helvetica, sans-serif}
.phone sup { font-size:12px;}
.header .menu { position:absolute; right:0; top:60px; color:#f56a01;}
.header .menu a:link, .header .menu a:visited, .header .menu a:hover, .header .menu a:active, .header .menu a:focus { color:#fff; position:relative; margin:0 5px;}
.header .menu a:hover, .header .menu a:active, .header .menu a:focus { color:#f56a01;}

.mainContent { margin:auto; width:935px; text-align:left;}
.leftMenu { float:left; width:155px; }
.rightContent { float:right; width:750px;}
.miniNav { padding:60px 10px; }
.miniNav a{ position:relative; margin:0 30px 0 0}
ul.leftMenu {margin:0; padding:0; list-style:none; font-size:14px; line-height:120%;} ul.leftMenu li {text-indent: 0; margin: 0; padding:0; list-style:none;} ul.leftMenu li:before {content: "";}
ul.leftMenu a:link, ul.leftMenu a:visited, ul.leftMenu a:hover, ul.leftMenu a:active, ul.leftMenu a:focus { color:#178cea; text-decoration:underline; display:block; border-bottom:1px dotted #d2d2d2; padding:3px 3px 3px 13px; background:url(../images/plus.png) 0 8px no-repeat;}
ul.leftMenu li.noChildren a:link, ul.leftMenu li.noChildren a:visited, ul.leftMenu li.noChildren a:hover, ul.leftMenu li.noChildren a:active, ul.leftMenu li.noChildren a:focus { background:none;}
ul.leftMenu a:hover, ul.leftMenu a:active, ul.leftMenu a:focus { color:#f56a01}
ul.leftMenu .open a:link, ul.leftMenu .open a:visited, ul.leftMenu .open a:hover, ul.leftMenu .open a:active, ul.leftMenu .open a:focus { background-image:url(../images/minus.png)}
ul.leftMenu ul { margin-bottom:0; margin-left:20px; font-size:12px; color:#565656; display:none;}
ul.leftMenu .open ul { display:block}
ul.leftMenu ul ul { margin-bottom:0; font-size:11px; margin-left:3px;}
ul.leftMenu ul a:link, ul.leftMenu ul a:visited, ul.leftMenu ul a:hover, ul.leftMenu ul a:active, ul.leftMenu  ul a:focus { color:#f56a01; text-decoration:underline; display:block; border-bottom:none; padding:1px 0 1px 10px; background:url(../images/menuUk2.png) 0 7px no-repeat !important;}
ul.leftMenu ul a:hover, ul.leftMenu ul a:active, ul.leftMenu  ul a:focus { color:#555555;}
ul.leftMenu li.open ul li ul { display:none;}
ul.leftMenu li.open ul li.open ul { display:block;}
ul.leftMenu li ul li.noChildren span { text-decoration:underline}
ul.leftMenu li ul li { line-height:110%; padding-bottom:0.5em;}
ul.leftMenu li ul li.active, ul.leftMenu li ul li.active .subcat { color:#FF8B35 !important;}
ul.leftMenu li ul li ul { margin-bottom:-0.5em;}


ul.leftMenu li.open .iHere span { color:#FF8B35;}
.Rmenu { margin-top:5px; position:relative;}
.Rmenu .bl { background:url(../images/whiteCurr2.png) 0 -25px; position:absolute; width:25px; height:25px; overflow:hidden; left:0; top:100%; _top:expression(topmenu.offsetHeight); margin-top:-25px;}
.Rmenu .br { background:url(../images/whiteCurr2.png) -25px -25px; position:absolute; width:25px; height:25px; overflow:hidden; left:100%; top:100%; _top:expression(topmenu.offsetHeight); margin-top:-25px; margin-left:-25px;}
.Rmenu .tl { background:url(../images/whiteCurr.png) 0 0; position:absolute; width:25px; height:25px; overflow:hidden; left:0; top:125px; }
.Rmenu .tr { background:url(../images/whiteCurr.png) -25px 0px; position:absolute; width:25px; height:25px; overflow:hidden; left:100%; top:125px; margin-left:-25px;}

ul.topMenus {margin:0; padding:0; list-style:none} ul.topMenus li {text-indent: 0; margin: 0; padding:0; list-style:none; float:left; width:125px; height:125px; overflow:hidden; display:block;} ul.topMenus li:before {content: "";}
ul.topMenus li a:link,ul.topMenus li  a:visited,ul.topMenus li  a:hover,ul.topMenus li  a:active,ul.topMenus li  a:focus { width:125px; height:125px; text-align:center; display:block; background:#fff url(../images/menu.png) top left no-repeat; text-decoration:none; color:#fff; font-size:18px; display: block; vertical-align:middle; border:none; border-collapse:collapse  }
ul.topMenus li  a:hover,ul.topMenus li  a:active,ul.topMenus li  a:focus { background-image:url(../images/menuHover.png) }
ul.topMenus li a:link span.fie,ul.topMenus li  a:visited span.fie,ul.topMenus li  a:hover span.fie,ul.topMenus li  a:active span.fie,ul.topMenus li  a:focus span.fie { display:block; padding-top:50px;}

ul.topMenus li a.noBg:link,ul.topMenus li  a.noBg:visited,ul.topMenus li  a.noBg:hover,ul.topMenus li  a.noBg:active,ul.topMenus li  a.noBg:focus { background:none;  }


.visualMenu { position:relative; padding:8px;}
.ppMenu1 { background:url(../images/ppMenu1.png) top left no-repeat; height:14px; overflow:hidden; font-size:0;}
.ppMenu2 { background:url(../images/ppMenu2.png) left top repeat-y; padding:0 8px; color:#FFF; font-size:12px; }
.ppMenu3 { background:url(../images/ppMenu3.png) top left no-repeat; height:14px; overflow:hidden; font-size:0;}
.ppMenu2 ul {margin:0; padding:0; list-style:none; float:left; width:33%; margin-left:-1px; line-height:120%; } .ppMenu2 ul li {text-indent: 0; margin: 0; padding:0; list-style:none;} .ppMenu2 ul li:before {content: "";} 
.ppMenu2 ul ul { float:none; width:auto; margin-left:28px; display:none;}
.ppMenu2 ul .open ul { display: block;}
.ppMenu2 a:link,.ppMenu2  a:visited, .ppMenu2 a:hover, .ppMenu2 a:active, .ppMenu2 a:focus{ color:#FFF; font-size:12px; display:block; padding:3px 3px 3px 18px}
.ppMenu2 a:hover, .ppMenu2 a:active, .ppMenu2 a:focus { color:#ff8b35}
.ppMenu2 .include a:link,.ppMenu2 .include a:visited, .ppMenu2 .include a:hover, .ppMenu2  .include a:active, .ppMenu2 .include a:focus { background:url(../images/ppPlus.png) 0 4px no-repeat;}
.ppMenu2 .includeOpen a:link,.ppMenu2 .includeOpen a:visited, .ppMenu2 .includeOpen a:hover, .ppMenu2  .includeOpen:active, .ppMenu2 .includeOpen a:focus { background:url(../images/ppPlus.png) 0 4px no-repeat;}

.ppMenu2 .open a:link,.ppMenu2 .open a:visited, .ppMenu2 .open a:hover, .ppMenu2  a.open:active, .ppMenu2 a.open a:focus, .ppMenu2 .openClick a:link,.ppMenu2 .openClick a:visited, .ppMenu2 .openClick a:hover, .ppMenu2  a.openClick:active, .ppMenu2 a.openClick a:focus { background:url(../images/ppMinus.png) 0 4px no-repeat;}

.ppMenu2 .open ul a:link,.ppMenu2 .open ul a:visited, .ppMenu2 .open ul a:hover, .ppMenu2  .open ul a:active, .ppMenu2 .open ul a:focus { background:url(../images/ppList.png) 0 7px no-repeat !important; font-size:11px;}
.ppMenu2 .iHere a:link,.ppMenu2  .iHere   a:visited, .ppMenu2  .iHere  a:hover, .ppMenu2  .iHere  a:active, .ppMenu2 .iHere  a:focus { color:#ff8b35;}


.footer { padding-top:30px; font-size:10px;  }
.footer  .copy { float:right; border-top:1px solid #5d646e; width:730px; margin-right:10px; padding-top:10px;}
.footer .media5 { float:right;}
.footer .media5 img { vertical-align:middle; margin-left:10px;}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active, .footer a:focus { color:#797979; text-decoration:none;}

/* yellow */
.yellow { background:#f5f4e8; padding:20px; position:relative;}

/* search */
.searchBox { background:#a8c998; padding:20px; position:relative; margin-bottom:2px; }
.searchBox form, .searchBox form div { margin:0;}
.searchBox form .search { float:left; width:530px; height:22px; margin-top:1px; overflow:hidden; position:relative; background:url(../images/search_bg.png) 0 0  no-repeat;}
.search  input { border:none; outline:none !important; position:absolute; top:0; background:none;}
.search  input.text { left:23px; width:470px; }
.search  input.reset { right:0; top:0; margin:0; padding:0; width:25px; height:25px;}
.searchBox  .submit { float:right;}
.searchBox  .submit input { margin:0; padding:0;}
.searchBox .bl { background:url(../images/curr1.png) 0 -25px; position:absolute; width:25px; height:25px; overflow:hidden; left:0; top:100%; margin-top:-25px;}
.searchBox .br { background:url(../images/curr1.png) -25px -25px; position:absolute; width:25px; height:25px; overflow:hidden; left:100%; top:100%; margin-top:-25px; margin-left:-25px;}

.yellow .bl { background:url(../images/curr2.png) 0 -25px; position:absolute; width:25px; height:25px; overflow:hidden; left:0; top:100%; margin-top:-25px;}
.yellow .br { background:url(../images/curr2.png) -25px -25px; position:absolute; width:25px; height:25px; overflow:hidden; left:100%; top:100%; margin-top:-25px; margin-left:-25px;}

.yellow .greenCurr .bl { background:url(../images/curr3.png) 0 -25px; position:absolute; width:25px; height:25px; overflow:hidden; left:0; top:100%; margin-top:-25px;}
.yellow .greenCurr .br { background:url(../images/curr3.png) -25px -25px; position:absolute; width:25px; height:25px; overflow:hidden; left:100%; top:100%; margin-top:-25px; margin-left:-25px;}

.recomended { float:right; width:180px;}
.recomended ul {margin:0; padding:0; list-style:none} .recomended ul li {text-indent: 0; margin: 0; padding:0; list-style:none; line-height:140%; font-size:10px; border-bottom:1px dotted #574c68; padding:5px 0; } .recomended ul li:before {content: "";}
.smallimg { float:left; background:#FFF; text-align:center; width:50px; padding:3px; margin-right:5px; position:relative;}
.recomended ul a:link, .recomended ul a:visited, .recomended ul a:hover, .recomended ul a:active, .recomended ul a:focus { text-decoration:none; color:#352c42;}

.leftColl { float:left; width:515px;}
table.infoRow { border:none; width:700px; margin:0 0 2em 0}
.leftColl table.infoRow { border:none; width:515px; margin:0 0 2em 0}
table.infoRow td.pict { border:none; padding:0; width:260px; vertical-align:top}
.leftColl table.infoRow td.pict { border:none; padding:0; width:190px; vertical-align:top}
table.infoRow td.pict div { background:#FFF; padding:5px; margin-top:10px; margin-bottom:10px; width:230px; text-align:center;}
.leftColl table.infoRow td.pict div { background:#FFF; padding:5px; margin-top:10px; width:160px; text-align:center;}
table.infoRow td.description { vertical-align:top; border:none; padding:0; font-size:12px;}

table.specTable { margin:0; padding:0; border:none; width:100%;}
table.specTable td { padding:0 0.3em; border-right:none; border-bottom:1px dotted #574c68; vertical-align:top; font-size:11px; }
table.specTable td.name { font-weight:bold; white-space:nowrap;}
table.specTable td.value { text-align:right;}
.var1 { background:url(../images/ug3.png) 0 0 no-repeat;}
.var2 { background:url(../images/ug1.png) 0 0 no-repeat;}
.var3 { background:url(../images/ug2.png) 0 0 no-repeat;}

ul.topMenus li.var2  a:link, ul.topMenus li.var2  a:visited, ul.topMenus li.var2  a:hover, ul.topMenus li.var2  a:active, ul.topMenus li.var2  a:focus { background-color: transparent;}
ul.topMenus li.var3  a:link, ul.topMenus li.var3  a:visited, ul.topMenus li.var3  a:hover, ul.topMenus li.var3  a:active, ul.topMenus li.var3  a:focus { background-color: transparent;}

.topMenus table { border:none; margin:0; padding:0; width:125px; height:125px;}
.topMenus table td { border:none; margin:0; padding:0; width:125px; height:125px; text-align:center; vertical-align:middle; cursor:pointer; }


.rocon-bl, .rocon-tl { text-align:left;}
.var1 .rocon-bl, .var1 .rocon-br, .var2  .rocon-bl, .var3  .rocon-br  { display:none;}

table.noBdr { border:none; margin:0; width:720px;}
table.noBdr td { border:none; margin:0; vertical-align:top}
.big { font-size:14px;}
.big2 { font-size:13px;}
.date { font-size:11px; color:#d5df7e; }
.spacing { padding:20px;}
.subcat { display:none; }
.spanHover { color:#F56A01 !important}
.noChildren .subcat { display: block; position:absolute; margin-left:-0.5em; text-decoration:none !important; color:#565656 !important; cursor:auto !important;}

.iPict { float:left; width:240px; margin: 0 2em 1em 0}
.iTbale { float:left; width:420px;}
.yellow { line-height:1.6em; }
.bigTTl { font-size:140%;}

.my_rocon {
width:222px;
height:131px;
margin-bottom:1em;
text-align:center;
background:#fff;
position:relative
}
img.my_clip {
clip:rect(0px, 207px, 131px, 15px);
position:absolute;
left:0;
top:0;
z-index:0
}
a.active_orrange {color:#f56a01 !important}
.my_rel {
position:relative;
width:615px
}
.my_rel a {
position:absolute;
right:-102px;
bottom:0;
padding-left:12px;
width:90px;
background:url(../images/arrow_back_list.gif) left 5px no-repeat;
font:11px Tahoma
}
.croshka {margin-bottom:15px}
.croshka img {vertical-align:middle}
.croshka a img {vertical-align:baseline}
.croshka_a {margin:0 3px 0 3px}