/** * File: screen.css * This file is for viewing site in screen mode. * * Creator: Richie Grey * URL: http://www.richie.com.ua * ICQ: 823--784 * Email: rich@richie.com.ua * * (c)2008. **/   /*--------------- Common classes **/
html, body { height:100%;}
body { background:#fff url(bg_body.gif) repeat-x left top; color:#333; font:normal 12px/16px Arial, Helvetica, sans-serif;}
body, form { margin:0; padding:0;}
img { border:0;}
p { margin-top:0; margin-bottom:1em;}
big { font-size:14px; line-height:20px;}
/** * Links */
a { color:#069; text-decoration:underline;}
a:hover { text-decoration:none;}
a:visited { color:#551a8b; text-decoration:underline;}
a.orang { color:#fd9104;}
a.orang:visited { color:#fd9104;}
/** * Headers */
h1 { margin:0 0 9px; padding:0; color:#333; font:bold 24px/20px Arial;}
h2 { margin:0 0 0; padding:0; color:#333; font:bold 14px/21px Arial;}
h3 { margin:0 0 0; padding:0; color:#333; font:bold 12px/21px Arial;}
h4 { margin:0; padding:0; color:#666; font:bold 14px/14px Arial;}
/** * Lists */
ul { margin:0 0 1em 38px; padding:0 0 18px; list-style:square; font-size:11px;}
ul li { margin:0 0 1em; padding:0;}
ol { margin:0 0 1em 18px; padding:0 0 0 18px;}
.green { color:#50a915;}
.orange { color:#fd9104;}
.red { color:#c33;}
.clear { clear:both; height:0; font-size:0; line-height:0;}
/*--------------- Common classes **/
#layout { min-width:950px; max-width:1240px; padding:0 25px; position:relative;}
#logo { position:absolute; left:15px; top:22px;}
#logo h1 { margin:0; padding:0;}
#logo h1 a { display:block; width:250px; height:70px; background:url(logo.jpg) no-repeat left top;}
#top-nav { position:absolute; left:33.5%; top:53px; margin:0; padding:0; list-style:none;}
#top-nav li { margin:0 53px 0 0; padding:0; float:left;}
#top-nav li a, #top-nav li span { display:block; width:17px; height:20px; background:url(top-nav.gif) no-repeat left bottom;}
#top-nav li span#ico-home { height:20px; background-position:left top;}
#top-nav li a#ico-home { background-position:left -20px;}
#top-nav li span#ico-contact { background-position: -36px top;}
#top-nav li a#ico-contact { background-position: -18px top;}
#top-nav li a#ico-sitemap { background-position:-18px -20px;}
#character01 { float:right; width:402px; height:331px; margin-left:-3px; background:url(character01_1.jpg) no-repeat left top;}
#character01_2 { position:absolute; right:427px; top:133px; width:44px; height:67px; background:url(character01_2.png) no-repeat left top; z-index:100;}
#character02 { float:right; width:447px; height:254px; margin-left:-3px; background:url(character02.jpg) no-repeat left top;}
#character03 { float:right; width:400px; height:336px; margin-left:-3px; background:url(character03.jpg) no-repeat left top;}
#character04 { float:right; width:475px; height:375px; margin-right:-25px; margin-left:-3px; background:url(character04.jpg) no-repeat left top;}
#mmenu { float:left; margin:0 0 0 -25px; padding:125px 0 45px;}
#mmenu li { position:relative; width:150px; margin:0; padding:0 0 0 52px; font-size:14px; line-height:22px;}
#mmenu li a { color:#50a915;}
#mmenu li.narrow { width:120px}
#mmenu li.wide { width:185px;}
#mmenu li#active,   #mmenu li#opened { background:#50a915; color:#fff; font-weight:bold;}
#mmenu li#active a, #mmenu li#opened a { color:#fff;}
#mmenu li#active i, #mmenu li#opened i,#mmenu li#active b, #mmenu li#opened b { position:absolute; right:0; display:block; width:6px; height:10px; background:url(mmenu-corners.gif);}
#mmenu li#active i, #mmenu li#opened i{ top:0; background-position:right top;}
#mmenu li#active b, #mmenu li#opened b { bottom:0; background-position:right bottom;}
#mmenu li#active ul { display:block;}
#mmenu ul { display:none; margin:0; padding:0 0 8px 15px; list-style:square; color:#fff;}
#mmenu ul li { width:auto; margin:0; padding:0; font-size:12px; line-height:17px; font-weight:bold;}
#mmenu ul li a { font-weight:normal;}
#top-text { position:absolute; left:0; top:112px; width:100%;}
#top-text-warp { margin:0 376px 0 25px; position:relative;}
#top-text-pos { position:absolute; left:37%;}
#top-text .block { width:300px; margin:0 0 0 -12px;}
#top-text h1 { font-weight:normal; margin:0;}
#top-text em { display:block; margin-bottom:2px; color:#333; font-size:15px; line-height:16px;}
.block { position:relative; background:#f7f5f3; padding:15px 18px; color:#666;}
.block-lt, .block-rt, .block-lb, .block-rb { display:block; position:absolute; width:11px; height:11px; background-image:url(block-corners.gif);}
.block-lt, .block-rt, .block-lb, .block-rb { line-height:0; font-size:0;}
.block-lt { left:0; top:0; background-position:-13px -13px;}
.block-rt { right:0; top:0; background-position:0 -13px;}
.block-lb { left:0; bottom:0; background-position:-13px 0;}
.block-rb { right:0; bottom:0; background-position:0 0;}
#middle { clear:both;}
#rightbar { float:right; width:302px; padding-right:49px; padding-top:1px;}
#banner-dic { width:214px; height:45px; margin:51px 0 40px; padding:55px 0 0 88px; background:url(banner.jpg) no-repeat left top;}
.ico-plus { padding-left:13px; background:url(ico-plus.gif) no-repeat left center;}
#envelope { width:302px; height:210px; margin:40px 0 40px; background:url(envelope.jpg) no-repeat left top; z-index:1; position:relative;}
#envelope-fst { display:block; padding:20px 0 5px; font-size:17px; line-height:18px; text-align:center;}
#envelope-fst a { color:#666; text-decoration:none; border-bottom:1px dotted #666;}
#envelope-fst a:hover { border:0;}
#envelope-fst a:visited { color:#666;}
#envelope-snd { display:none;}
#encelope-snd-back { position:absolute; left:16px; bottom:0; width:271px; height:582px; background:#f8f7f5 url(envelop-list.jpg) repeat-y;}
#encelope-snd-back2 { position:absolute; left:0; bottom:0; width:100%; height:254px; background:url(envelope.jpg) left bottom;}
#envelope-form { position:absolute; left:35px; right:35px; height:445px; bottom:125px; overflow:hidden;}
#envelope-form label { display:block; margin-bottom:2px; font:bold 11px/20px Arial, Helvetica, sans-serif; overflow:hidden;}
#envelope-form label input { float:right; width:150px; vertical-align:middle;}
#envelope-form br { line-height:5px;}
#envelope-form textarea { display:block; width:225px; height:130px;}
#center { margin-right:351px; padding-top:1px; padding-right:30px;}
#goods { overflow:hidden; margin-right:-30px;}
.goods-item { position:relative; float:left; width:31%; height:130px;}
.goods-item.goods-item-fst { width:37%;}
.goods-item .ico { width:50px; height:60px; background-image:url(goods-ico.jpg);}
.goods-item .desc { width:135px; position:absolute; left:6px; top:54px; margin:0; padding:0; color:#999; font-size:11px; line-height:12px;}
.goods-item .desc dt { margin:0 0 5px; padding:0; font-size:12px; line-height:14px;}
.goods-item .desc dd { margin:0; padding:0; color:#999; font-size:11px; line-height:12px;}
#ico-goods01 { background-position:0 0;}
#ico-goods02 { background-position:-50px 0;}
#ico-goods03 { background-position:-100px 0;}
#ico-goods04 { background-position:0 -60px;}
#ico-goods05 { background-position:-50px -60px;}
#ico-goods06 { background-position:-100px -60px;}
#ico-goods07 { background-position:-150px -120px;}
.p-NB { color:#333; font-size:17px; line-height:normal;}
.p-NB acronym { border:0; color:#8a2528; font-style:italic; font-weight:bold;}
.p-NB a { color:#50a915;}
.p-NB img { vertical-align:middle; margin-left:5px;}
.p-NB sup { color:#666; font-size:12px;}
.block-dashed { position:relative;}
.block-dashed-lt, .block-dashed-rt, .block-dashed-lb, .block-dashed-rb { position:absolute; width:7px; height:7px; background:url(dashed-border.gif) no-repeat -9px -9px;}
.block-dashed-lt { left:0; top:0; background-position:-9px -9px;}
.block-dashed-rt { right:0; top:0; background-position:0px -9px;}
.block-dashed-lb { left:0; bottom:0; background-position:-9px 0;}
.block-dashed-rb { right:0; bottom:0; background-position:0 0;}
.block-dashed-lt, .block-dashed-rt, .block-dashed-lb, .block-dashed-rb { font-size:0; line-height:0;}
.block-dashed-content { padding:18px 10px 15px; border:1px dashed #c2c2c2;}
.block-dashed-title { position:absolute; top:-8px; left:12px; padding:0 2px; background:#fff;}
#block-files { width:695px;}
#block-files ul { margin:0; padding:0; list-style:none; overflow:hidden; font-size:12px;}
#block-files ul li { float:left; width:195px; margin:0; padding:3px 0 0 29px; background:url(ico-doc.gif) no-repeat left top;}
#block-files dl { margin:0; padding:0;}
#block-files dt { margin:0 0 5px; padding:0; font-size:12px; line-height:14px;}
#block-files dd { width:130px; margin:0; padding:0; color:#999; font-size:11px; line-height:12px;}
#block-files sup { color:#666; font-size:10px;}
#footer { clear:both; position:relative; margin-top:20px; padding-top:15px; background:url(footer-line.gif) repeat-x left top; z-index:900;}
#copy { float:left; width:25%; padding-left:25px; line-height:14px; color:#333;}
#copy small { font-size:11px; color:#999;}
#phones { float:left; width:25%;}
#phone-citycode { float:left; padding-left:15px; background:url(ico-mobile.gif) no-repeat left center;}
#phone { float:left; padding-top:3px; line-height:14px; font-weight:normal; color:#333;}
#phone big { font-size:18px;}
#time-table { width:90px; margin-top:1em; background:#fd9104; height:78px; color:#fff; text-align:center;}
#time-table b { display:block; height:1px; margin-bottom:5px; border:1px solid #fff; border-width:0 1px; font-size:0; line-height:0;}
address { float:left; padding-left:25px; background:url(ico-mail.gif) no-repeat left 3px; font-style:normal;}
address a { color:#fd9104;}
#developer { float:right; padding-right:25px;}
#goods-menu { position:absolute; left:27.5%; top:115px; width:235px;}
#goods-menu .block-dashed-content { padding:10px 0 8px 13px;}
#goods-menu ul { margin:0; padding:0 0 0 45px; list-style:none; background:url(goods-ico2.jpg) no-repeat left top; font-size:12px;}
#goods-menu ul li { margin:0; padding:0; background:none; line-height:31px;}
/*#center .block { margin-left:-30px; margin-bottom:15px; padding-left:60px;}*/
#center-block{ margin-left:-30px; margin-bottom:15px; padding-left:00px;}
#center .block { padding-left:60px;}
#center .block h1.arrow { background:url(arrow_letter_1.gif) repeat-x center;}
#center .block h1.arrow b { background:#f7f5f3; padding-right:10px;}
#center .block h1.arrow span { position:absolute; right:-15px; top:21px; display:block; width:38px; height:8px; background:url(arrow_letter.gif) no-repeat left top;}
#center .block h1.arrow span { line-height:0; font-size:0;}
#center .indent { padding-left:20px;}
#center .block .p-NB { float:right; font-size:14px; font-weight:normal;}
#links { margin:0 0 3em 23px; padding:0; list-style:none;}
#links li { margin:0; padding:8px 0 0 42px; background:url(ico-link.gif) no-repeat left top; color:#666; font-size:11px; line-height:14px;}
#links li a { font-size:12px;}
#articles { margin:0; padding:0; color:#666;}
#articles dt { margin:0 0 2px; padding:0;}
#articles dt a { color:#fd9104;}
#articles dd { margin:0 0 2em; padding:0;}
#book-read { margin-bottom:2em;}
#book-read .block-dashed-content { padding:12px 20px; overflow:hidden;}
#book-read img { float:left;}
#book-read dl { margin:0 0 0 67px; padding:5px 0 0;}
#book-read dt { margin:0; padding:0; text-indent:-5px; font-size:14px; line-height:18px;}
#book-read dd { margin:0; padding:0; color:#999; font-size:11px; line-height:12px;}
.direct-speech p { padding-left:15px; text-indent:-15px; margin:0 0 0;}
#price-title { overflow:hidden; margin-bottom:2em;}
#price-title div { float:left; line-height:22px;}
#price-howmach { font-size:18px; width:180px; padding-left:30px;}
#price-count { width:195px;}
#price-count input { float:left; width:70px; margin-right:5px; text-align:right;}
#scale { position:relative; clear:both; width:780px; height:40px; padding-top:20px; background:url(scale.gif) no-repeat left 13px;}
#scale-num01, #scale-num02, #scale-num03, #scale-num04, #scale-num05, #scale-num06, #scale-num07, #scale-num08, #scale-num09, #scale-num10 { position:absolute; top:0px;}
#scale-num01 { color:#ccc; left:0;}
#scale-num02 { color:#999; left:27px;}
#scale-num03 { color:#999; left:67px;}
#scale-num04 { color:#666; left:124px;}
#scale-num05 { color:#666; left:197px;}
#scale-num06 { color:#999; left:283px;}
#scale-num07 { color:#333; left:381px;}
#scale-num08 { color:#333; left:479px;}
#scale-num09 { color:#000; left:591px;}
#scale-num10 { color:#c33; left:717px;}
#scrollerline { float:left; width:185px; height:2px; background:#50a915; font-size:0; line-height:0;}
#scroller { float:left; margin-left:-5px;}
#scroller-sale { float:left; padding-top:2px; padding-left:5px; font-size:10px; line-height:16px;}
#price-tabs { height:35px; padding-left:20px;}
#price-tabs ul { margin:0; padding:0; list-style:none;}
#price-tabs ul li { float:left; width:80px; height:24px; margin:0 25px 0 0; font-size:14px; line-height:20px; text-align:center;}
#price-tabs ul li a { color:#fd9104;}
#price-tabs ul li.act { background:url(tab.gif) no-repeat left top;}
#price-tabs ul li.act a { color:#fff; text-decoration:none;}
#particularly-menu { float:left; margin:0; padding:0 0 0 20px; list-style:none; font-size:12px; line-height:20px;}
#particularly-menu li { width:125px; margin:0 0 4px; padding:0 0 0 7px; background:none;}
#particularly-menu li a { color:#069; border-bottom:1px dashed #069; text-decoration:none;}
#particularly-menu li a.visited { color:#069;}
#particularly-menu li a:hover { border:0;}
#particularly-menu li.act { background:url(subtab.gif) no-repeat left top;}
#particularly-menu li.act a { color:#000; border: none; text-decoration:none;}
#price {}
#price.indent { padding-left:30px;}
#price-particularly { width:780px;}
#particularly-list { margin-left:170px;}
#particularly-list table { margin:0 0 2em; padding:0; border:0; border-collapse:collapse;}
#particularly-list tr.particularly-title th { padding:0; border:0; border-bottom:1px solid #ccc; color:#999; font-weight:normal; font-size:11px; text-align:center;}
#particularly-list tr.first th, #particularly-list tr.first td { border:0;}
#particularly-list th { padding:4px 0; color:#666; font-weight:normal; text-align:left; border-top:1px dotted #ccc;}
#particularly-list th a { color:#333; font-weight:bold; font-size:14px; border-bottom:1px dotted #333; text-decoration:none;}
#particularly-list th a:visited { color:#333;}
#particularly-list th a:hover { border:0;}
#particularly-list th.not-exist { color:#ccc;}
#particularly-list th.not-exist a { color:#ccc; border-color:#ccc;}
#particularly-list th.not-exist a:visited { color:#ccc;}
#particularly-list th a { color:#333; font-weight:bold; font-size:14px;}
#particularly-list td { padding:4px 0; font-weight:normal; font-size:11px; text-align:center; border-top:1px dotted #ccc;}
#particularly-list td big { font-size:18px;}
#price-list { display:none;}
#list-menu { height:35px; margin:0; padding:0 0 0 27px; list-style:none; font-size:12px;}
#list-menu li { float:left; width:78px; height:23px; margin:0 5px 0 0; padding:0; line-height:20px; text-align:center;}
#list-menu li a { color:#069; border-bottom:1px dashed #069; text-decoration:none;}
#list-menu li a.visited { color:#069;}
#list-menu li a:hover { border:0;}
#list-menu li.act a { color:#000; border: none; text-decoration:none;}
#list-menu li.act { background:url(subtab2.gif) no-repeat left top;}
#list a, #list a:visited, #list a:hover { color:#333; font-weight:bold; border-bottom:1px dashed #333; text-decoration:none;}
#list a:hover { border:0;}
#list table { float:left; margin:0 6% 4em 0; padding:0; border:0; border-collapse:collapse;}
#list th { color:#666; border-top:1px dotted #ccc; padding:0; text-align:left;}
#list td { padding:4px 8px; background:#50a915; border-top:1px dotted #ccc; color:#fff; font-weight:bold; font-size:14px;}
#list tr.title th { border:0; padding:3px 0;}
#list tr.first td, #list tr.first th { border:0;}
/*--------------- Hidden text **/
#logo h1 a,#top-nav li a, #top-nav li span { 	text-indent:-999px; 	overflow:hidden;	}
/*CSS for Bubble Tooltips by Alessandro Fulciniti- http://pro.html.it - http://web-graphics.com */
.tooltip { width:382px; color:#333;}
.tooltip a, .tooltip a:visited { color:#069;}
.tooltip img { margin-right:15px;}
.tooltip div { padding:12px 8px 0 34px; background: url(bg_tooltip.gif) no-repeat top;}
.tooltip b { display:block; height:12px; background:url(bg_tooltip.gif) no-repeat bottom; line-height:0; font-size:0;}
/* This file skins sliders */
.ui-slider { width: 200px; height: 23px; position: relative; background-repeat: no-repeat; background-position: center center; }
.ui-slider-handle { position: absolute; z-index: 1; height: 16px; width: 12px; top: 0px; left: 0px; background-image: url(scroller.gif);  }
.ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }
/* Default slider backgrounds */
/*.ui-slider, .ui-slider-1 { background-image: url(i/slider-bg-1.png); }.ui-slider-2 { background-image: url(i/slider-bg-2.png); }*/
.ui-slider-2 { float:left; width:585px; height:2px; background:#50a915; font-size:0; line-height:0;}
#slider_bg{    position: relative;    background: url(spacer.gif) 0 0 repeat-x;    height: 28px;    width: 310px;}
#slider_bg div {    position: absolute;    cursor: default;    top: 4px;}
/* Here's the highlight element */
#slider_bg span {    position: absolute;    background: url(dual_thumb_highlight.gif) 0 0 repeat-x;    top: 1px;    left: 0px;    height: 7px;    width: 6px;}
.highslide-wrapper div {    font-family: Verdana, Helvetica;    font-size: 10pt;}
.highslide-html {    background-color: white;}
.highslide-html-blur {}
.highslide-html-content {	position: absolute;    display: none;}
.highslide-loading {    display: block;	color: black;	font-size: 8pt;	font-family: sans-serif;	font-weight: bold;    text-decoration: none;	padding: 2px;	border: 1px solid black;    background-color: white;    padding-left: 22px;    background-image: url(highslide/graphics/loader.white.gif);    background-repeat: no-repeat;    background-position: 3px 1px;}
/* Styles for the popup */
.highslide-wrapper, .rounded-white {	background-color: white;}
.highslide-wrapper .highslide-html-content {    width: 400px;	/*height: 400px;*/    padding: 0 5px 5px 5px;}
.highslide-wrapper .highslide-header {	padding-bottom: 5px;}
.highslide-wrapper .highslide-header ul {	margin: 0;	padding: 0;	text-align: right;}
.highslide-wrapper .highslide-header ul li {	display: inline;	padding-left: 1em;}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {	display: none;}
.highslide-wrapper .highslide-header a {	font-weight: bold;	color: gray;	text-transform: uppercase;	text-decoration: none;}
.highslide-wrapper .highslide-header a:hover {	color: black;}
.highslide-wrapper .highslide-header .highslide-move a {	cursor: move;}
.highslide-wrapper .highslide-footer {	height: 15px;}
.highslide-wrapper .highslide-footer .highslide-resize {	float: right;	margin-top: 4px;	height: 11px;	width: 11px;	background: url(highslide/graphics/resize.gif);}
.highslide-wrapper .highslide-body {}
.highslide-move {    cursor: move;}
.highslide-resize {    cursor: nw-resize;}/*map*/
.highslide {  /*  cursor: url(/work/HTTP/highslide/graphics/zoomin.cur), pointer;*/    outline: none;    text-decoration: none;}
.highslide-active-anchor img {	visibility: hidden;}
.highslide img {	border: 0;}
.highslide:hover img {	border: 0;}
.highslide-wrapper {	background: white;}
.highslide-image {	border: 0;}
.highslide-image-blur {}
.highslide-caption {    display: none;        border: 2px solid white;    border-top: none;    font-family: Verdana, Helvetica;    font-size: 10pt;    padding: 5px;    background-color: white;}                                                     
#middlein {
	clear: both;
	padding-top: 120px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}