/*  Temp
================================================== */
    div.toolbar {width: 980px; margin: 0 auto; font-size: 12px; color: #333;}
        div.toolbar pre {white-space: normal;}


/*  Basic
================================================== */
    html {height: 100%; min-width: 100%; width: auto !important; font-size: 14px; background: transparent;}
    body {min-height:100%; height: 100%; background: transparent;}


/*  Decorators
================================================== */
    .chain {margin: 7px 0 10px;}
    .w660 {width: 660px !important;}
    a.download {text-decoration: underline;}
    .mt4 {margin-top: 4px;}
    .mt10 {margin-top: 10px;}
    div.chain a:hover {text-decoration: underline;}
    .block_wrapper {padding: 0; overflow: hidden;
                    background: transparent;}
    .white_wrapper {padding: 10px 10px 30px; margin: 10px; overflow: hidden;
                    border: 5px solid #fff;
                    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;
                    box-shadow: 0px 0px 6px #333; -moz-box-shadow: 0px 0px 6px #333; -webkit-box-shadow: 0px 0px 6px #333; -khtml-box-shadow: 0px 0px 6px #333;
                    background: #fff;}
    a.photo_wrapper {display: inline-block; max-width: 200px; padding: 2px; margin: 4px;
            /*border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;*/
            border: 1px solid #666;
            box-shadow: 1px 1px 3px #666; -moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 1px 1px 3px #666; -khtml-box-shadow: 1px 1px 3px #666;
            background: #fff;}
    a.photo_wrapper img {display: block;}
    a.photo_wrapper.mh100 img {max-height: 100px;}
    a.photo_wrapper.mh_photo img {max-height: 118px;}

    .addition {padding: 4px 10px; margin: 10px 0 0;
                color: #ff0000;
                border: 1px solid #ff0000;
                border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px;
                background: #fff;}

    .scrollTop {display: block; height: 50px; width: 50px; margin: 0 0 0px 80px; position: fixed; bottom: 30px; z-index: 2000;
                background: url('../images/to_top.png') no-repeat 0 0 transparent;}
        .scrollTop:hover {background-position: 0 -58px;}


/*  Main
================================================== */
    div#mainwrapper {height: auto !important; min-height: 100%; height: 100%; min-width: 1000px; padding: 0; margin: 0 auto; position: relative; z-index: 2;
                    /*background: url('../images/bg.jpg') no-repeat center top #0f3f75;*/
                    /*background: url('../images/bg.jpg') repeat-x center top #333;*/
                    background: url('../images/header_wrapper.jpg') repeat-x center top #fff;}
    div#header_wrapper {min-height: 320px; min-width: 1000px; padding: 0; margin: 0 auto;
        			background: transparent;}
        div#header {height: 190px; width: 1000px; margin: 0 auto 0; position: relative;
                    background: transparent;}
        a#site_link {display: block; position: absolute; left: 0px; top: 60px;
                    text-align: center; font-family: impact; font-size: 50px; color: #fff;
                    background: transparent;}
    div#middle_wrapper {width: 100%; min-height: 300px; min-width: 1000px; margin: 0 auto; overflow: hidden;
                    background: transparent;}
        div#middle {min-height: 200px; width: 1000px; margin: 0 auto; overflow: hidden;
                    background: transparent;}
            div#middle_left_center {min-height: 100px; width: 1000px; margin: 0 auto; overflow: hidden;
                                    background: transparent;}
                #mlc_mid {width: 1000px;
                            background: transparent;}
                #mlc_top {height: 0px; width: 1000px; margin: 0;
                            background: transparent;}
                #mlc_bot {height: 0px; width: 1000px; margin: 0;
                            background: transparent;}
                #middle_left {min-height: 100px; width: 250px; float: left;
                                background: transparent;}
                    #middle_left_mid {width: 250px;
                                    background: transparent;}
                    #middle_left_top {height: 0px; width: 250px; margin: 0;
                                    background: transparent;}
                    #middle_left_bot {height: 0px; width: 250px; margin: 0;
                                    background: transparent;}
                #middle_center {min-height: 100px; width: 750px; float: left; overflow: hidden;
                                background: transparent;}
                    #middle_center_mid {width: 700px; padding: 10px 10px 30px; margin: 10px; overflow: hidden;
                                    border: 5px solid #fff;
                                    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;
                                    box-shadow: 0px 0px 6px #333; -moz-box-shadow: 0px 0px 6px #333; -webkit-box-shadow: 0px 0px 6px #333; -khtml-box-shadow: 0px 0px 6px #333;
                                    background: #fff;}
                    #middle_center_top {height: 0px; width: 750px; margin: 0;
                                    background: transparent;}
                    #middle_center_bot {height: 0px; width: 750px; margin: 0;
                                    background: transparent;}
            #middle_right {display: none; min-height: 100px; width: 200px; float: right;
                            background: transparent;}
                #middle_right_mid {width: 200px;
                                background: transparent;}
                #middle_right_top {height: 0px; width: 200px; margin: 0;
                                background: transparent;}
                #middle_right_bot {height: 0px; width: 200px; margin: 0;
                                background: transparent;}
        #footer_guarantor {height: 120px; width: 100%;}
        #footer_wrapper {width: 100%; position: absolute; bottom: 0px;
                        border-top: 0px solid #333;
                        background: #044f7c;}
            #bot_menu_wrapper {background: #027bad;}
                #bot_menu {width: 1000px; padding: 10px 0; margin: 0 auto; overflow: hidden;
                            white-space: nowrap; text-align: center;
                            background: transparent;}
                    #bot_menu a {padding: 5px;
                                font-size: 13px; color: #fff;}
                        #bot_menu a:hover {text-decoration: underline;}
            #footer {height: 80px; width: 1000px; padding: 0; margin: 0 auto; overflow: hidden;
                        background: transparent;}
                .relain_info {padding: 10px 5px 10px; position: relative; overflow: hidden; display: none;
                            text-align: center;}
                    /*.counter {float: right;}*/
                a.relain_link {display: inline-block; margin: 0 auto 10px;
                                text-decoration: none; text-align: center; font-size: 13px; color: #fff;
                                text-shadow: 1px 1px 5px #000;}
                a.relain_link:hover {text-decoration: underline;}


/*  Adminpanel
================================================== */
    div#adminpanel {min-height: 27px; width: 980px; padding: 3px; margin: 5px auto;
                    border: 1px solid #ddd;
                    border-radius: 2px;
                    background: #f6f6f6;}


/*  Header
================================================== */
    #top_menu_wrapper {height: 40px; padding: 0px; width: 1000px; margin: 0 auto; position: relative;
                        white-space: nowrap;
                        border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -khtml-border-radius: 6px 6px 0 0;
                        /*box-shadow: 0px 0px 5px #502f00; -moz-box-shadow: 0px 0px 5px #502f00; -webkit-box-shadow: 0px 0px 5px #502f00; -khtml-box-shadow: 0px 0px 5px #502f00;*/
                        background: transparent;}
        div#top_menu {height: 50px; float: left;
                        font-size: 13px;}

    div#user_menu {margin: 0; float: right;
                text-align: center; line-height: 40px; color: #333;}
        div#user_menu a {display: inline-block; padding: 0 10px 0 0; color: #333;}
            div#user_menu a:hover {text-decoration: underline;}
        	#hello_string {color: #333;}

    div#search {height: 26px; padding: 5px; margin: 0; overflow: hidden; position: absolute; right: 5px; top: 1px;
                /*border: 1px solid #7e4b16;
                border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px;
                box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -khtml-box-shadow: 0px 0px 5px #000;
                background: url('../images/top_menu.jpg') repeat-x center bottom #d9b054;*/}
        div#search input[type="text"] {display: block; height: 20px; width: 198px; padding: 2px 4px; float: left;
                font: 13px "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; color: #777; outline: none;
                border: 1px solid #f0d6a4;
                border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px;
                box-shadow: inset 0 0 4px #808b98; -webkit-box-shadow: inset 0 0 4px #808b98; -moz-box-shadow: inset 0 0 4px #808b98; -khtml-box-shadow: inset 0 0 4px #808b98;
                background: #f9f4db;}
        a#search_button {display: block; height: 22px; width: 22px; margin: 2px 0 0 4px; float: right;
                background: url('../images/search.png') no-repeat center center transparent;}

    .address {position: absolute; left: 0px; top: 140px; overflow: hidden;
                text-align: center; font-size: 24px; color: #fff;}
        .address div {padding: 0 0 5px;
                    color: #fff;}
            .address div:first-child {font-weight: bold;}

    .phones {position: absolute; right: 0px; top: 140px; overflow: hidden;
            text-align: right; font-size: 24px; color: #fff;}
        .phones div {padding: 0 0 5px;
                    font-weight: bold; color: #fff;}
            .phones span {color: #7cd45d;}

	#callback {display: block; padding: 5px 0 0;
				font-size: 14px; line-height: 14px; font-weight: normal; text-align: center; color: #333;
				/*border: 1px solid #f0d6a4; border-top: none;
				border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; -khtml-border-radius: 0 0 6px 6px;
				box-shadow: 0px 0px 3px #333; -moz-box-shadow: 0px 0px 3px #333; -webkit-box-shadow: 0px 0px 3px #333; -khtml-box-shadow: 0px 0px 3px #333;*/
				background: transparent;}
		#callback:hover {text-decoration: underline;}


/*  Superfish
================================================== */
    .sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;}
    .sf-menu {height: 30px; line-height: 1.0; white-space: nowrap;}
    .sf-menu li {white-space: normal;}
    .sf-menu ul {position: absolute; top: -999em; font-size: 100%;}
    .sf-menu ul li {width: 100%;}
    .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
    .sf-menu li {float: left; position: relative;}
    .sf-menu a {display: block; position: relative; white-space: nowrap;}
    .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top: 40px; /* match top ul list item height */ z-index: 99;
                box-shadow: 1px 1px 6px #000; -moz-box-shadow: 1px 1px 6px #000; -webkit-box-shadow: 0px 0px 10px #333; -khtml-box-shadow: 1px 1px 6px #000;}
    ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
    ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 100%; /* match ul width */ top: 0;}
    ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
    ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 100%; /* match ul width */ top: 0;}

    .sf-menu a.sf-with-ul {padding-right:  2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}
    .sf-sub-indicator {display: block; height: 10px; width: 10px; position: absolute; right: .75em; top: 1em; overflow: hidden;
                        text-indent: -999em;
                        background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;}
    .sf-menu li li .sf-sub-indicator {top: 0.75em;}
    a > .sf-sub-indicator {background-position: 0 -100px;}
    a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
                        background-position: -10px -100px;}
    .sf-menu ul .sf-sub-indicator {background-position: -10px 0;}
    .sf-menu ul a > .sf-sub-indicator {background-position: 0 0;}
    .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator,
    .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator 
        {background-position: -10px 0;}

    /*пункты меню*/
    .sf-menu a {padding: 4px 10px; text-decoration: none;
                color: #fff; font-weight: bold; font-style: normal; font-family: Arial;}
    .sf-menu li.sfHover > a, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
                color: #333; outline: 0;
                box-shadow: inset 0px 0px 6px #000; -webkit-box-shadow: inset 0px 0px 6px #000; -khtml-box-shadow: inset 0px 0px 6px #000; -moz-box-shadow: inset 0px 0px 6px #000;
                background: #c5dcef;}

    /*главное меню*/
    .sf-menu > li > a {height: 40px; padding: 0 12px; line-height: 40px;
                        color: #333;
                        border-right: 1px solid #eee;}
    /*.sf-menu > li:last-child > a {border-right: 1px solid transparent;}*/
    /*.sf-menu > li:first-child > a {border-radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; -khtml-border-radius: 6px 0 0 0;}*/

    /*подменю*/
    .sf-menu li li a {line-height: 20px;
                        color: #333;
                        border: 1px solid #eee;
                        border-bottom: 1px solid #ccc;
                        background: #eee;}
		.sf-menu li li a:hover {border-top: 1px solid #000;
                                box-shadow: inset 0px 0px 3px #000; -webkit-box-shadow: inset 0px 0px 3px #000; -khtml-box-shadow: inset 0px 0px 3px #000; -moz-box-shadow: inset 0px 0px 3px #000;}


/*  Main_page
================================================== */
    .main_page {padding: 15px 0 0;
                background: transparent;}


/*  Catalog
================================================== */
    .catalog_list {width: 690px; margin: 20px auto 0; overflow: hidden;
    				background: transparent;}
        .catalog_list h1 {padding: 10px 5px; margin: 0 0 10px;
    					text-align: center; font-size: 16px; font-style: normal; font-weight: bold; color: #555;
						background: #eee;}
        .catalog_list a {display: block; width: 210px; padding: 0; margin: 10px 10px 0; float: left; position: relative; overflow: hidden;
                        font-weight: normal;
                        background: transparent;}
			.catalog_list a:hover .title {text-decoration: underline;}
            .catalog_list a .image {display: block; height: 148px; width: 148px; margin: 0 auto; overflow: hidden;
                            border: 1px solid #666;
                            border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px;
                            background: #fff;}
                .catalog_list a .image img {display: block; height: 150px; width: 150px; margin: 0 auto;}
            .catalog_list a .title {display: block; height: 60px; width: 200px; padding: 0 0 0 0px; margin: 10px auto 0;
                            text-align: center; font-family: calibri; font-weight: normal; font-size: 20px; line-height: 20px;
                            background: transparent;}


/*  Left_menu
================================================== */
    div#left_menu_wrapper {padding: 10px 10px 0px; margin: 10px; display: block;
                    /*border-right: 1px solid #fff; border-bottom: 1px solid #fff;*/
                    border: 5px solid #fff;
                    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;
                    box-shadow: 0px 0px 6px #333; -moz-box-shadow: 0px 0px 6px #333; -webkit-box-shadow: 0px 0px 6px #333; -khtml-box-shadow: 0px 0px 6px #333;
                    background: /*url('../images/Orange_cat.gif') no-repeat center bottom*/ #0275a0;}
    ul#left_menu ul {padding: 0 0 0 10px; margin: 0px; list-style: none; cursor: pointer;
                    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;}
    ul#left_menu li {position: relative; list-style: none;}
    ul#left_menu div.switcher {height: 16px; width: 16px; display: block; position: absolute; top: 5px; left: 5px; cursor: pointer;
                                background: url('../images/switcher16.png') 16px -8px transparent;}
        ul#left_menu li.opened > div.switcher {background: url('../images/switcher16.png') 0px -8px transparent;}
        ul#left_menu li.closed > div.switcher {background: url('../images/switcher16.png') 32px -8px transparent;}
        ul#left_menu li.opened > ul {display: block;}
        ul#left_menu li.closed > ul {display: none;}
    ul#left_menu a {padding: 2px 2px 2px 24px; margin: 2px 0 0; display: block;
                    line-height: 20px; color: #fff;
                    border-bottom: 1px solid /*#5c7a92*/ #fff;}
        ul#left_menu a:hover {border-bottom: 1px solid #eee;}
        ul#left_menu a.active {color: /*#09558f*/ #000;
                                border: 1px solid #fff;
                                border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;
                                /*box-shadow: 1px 1px 6px #000; -moz-box-shadow: 1px 1px 6px #000; -webkit-box-shadow: 1px 1px 6px #000; -khtml-box-shadow: 1px 1px 6px #000;*/
                                box-shadow: 0px 0px 6px #333; -moz-box-shadow: 0px 0px 6px #333; -webkit-box-shadow: 0px 0px 6px #333; -khtml-box-shadow: 0px 0px 6px #333;
                                background: #fff;}
            ul#left_menu a.active:hover {color: #000;}

    div.prop_wrapper {margin: 10px 0 0; overflow: hidden;}
		div.prop_wrapper > div {padding: 12px 14px 12px 12px; overflow: hidden;
    							border: 1px solid #ccc;
            					border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;
    							background: #fff;}
    div.prop_wrapper.color input[type="checkbox"] {display: none;}
    div.prop_title {margin: 0 0 6px;
                    font-weight: bold;}

        div.prop_wrapper.cost {width: 300px; margin: 0 5px 5px 0; float: left;}
            div.prop_wrapper.cost > div {height: 40px;}
            div.prop_wrapper.cost .prop_title {margin: 0 0 6px;}
        div.prop_wrapper.brand {width: 200px; margin: 0 5px 5px 0; float: left;}
            div.prop_wrapper.brand > div {height: 40px;}
        div.prop_wrapper.avail {width: 200px; margin: 0 0 5px 0; float: left;
                                text-align: center;}
            div.prop_wrapper.avail > div {height: 40px;}
            div.prop_wrapper.avail input {margin: 5px 0 0;}

        div.prop_wrapper.prop_string .container {margin: 0 0 0 100px; overflow: hidden;}
        div.prop_wrapper.prop_string .container > div {padding: 0 10px 0 0; float: left;}
        div.prop_wrapper.prop_string .prop_title {width: 90px; margin: 0px; float: left;
                                                text-align: left;}

    div.ui-slider {cursor: pointer !important;}
    a.ui-slider-handle {cursor: pointer !important;}


/*  Prop_color
================================================== */
    .prop_color_pv {height: 18px; width: 18px; margin: 2px; float: left; cursor: pointer;
                    border: 2px solid #eee; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
    .prop_color_pv.selected {height: 18px; width: 18px; border: 2px solid #9f5b81;}
    .prop_colors input {display: none;}
    .prop_wrapper.color input[type="checkbox"] {display: none;}


/*  Catalogs
================================================== */
    .catalog_content {padding: 10px 20px;}
        .catalog_content .page_text {padding-bottom: 20px;}

    .small_catalog_list {overflow: hidden; margin: 20px 0 30px;
                        border: 1px solid #888;
                        border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;
                        box-shadow: inset 0 0 4px #aaa; -webkit-box-shadow: inset 0 0 4px #aaa; -khtml-box-shadow: inset 0 0 4px #aaa;
                        background: url('../images/opacity50.png') repeat center top transparent;}
    .small_catalog_list a {display: block; width: 340px; margin: 5px 10px; float: left; position: relative; overflow: hidden;
                        background: transparent;}
        .small_catalog_list a .image {display: block; height: 40px; width: 40px; margin: 0 auto; float: left; overflow: hidden;
                                    border: 1px solid #ffe5e5;
                                    background: url('../images/noimage_40.jpg') no-repeat center center #fff;}
            .small_catalog_list a .image img {display: block; height: 40px; width: 40px; margin: 0 auto;}
        .small_catalog_list a .title {display: block; padding: 0 0 0 50px;
                                    text-align: left; font-family: Georgia; font-style: italic; font-weight: normal; font-size: 16px; line-height: 40px;
                                    background: transparent;}

    .catalog_options {padding: 12px 14px 12px 12px; overflow: hidden;
                        line-height: 24px;
                        border: 1px solid #ccc;
                        border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px;
                        background: #eee;}
        .option {float: left; margin: 0 30px 0 0;}


/*  Things (get_things)
================================================== */
    .thing {display: block; height: 300px; width: 200px; padding: 10px; margin: 7px; float: left; position: relative; overflow: hidden;
    		border: 1px solid #ccc;
            border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px;
            box-shadow: 1px 1px 5px #aaa; -moz-box-shadow: 1px 1px 5px #aaa; -webkit-box-shadow: 1px 1px 5px #aaa; -khtml-box-shadow: 1px 1px 5px #aaa;
    		background: #fff;}
        .thing .image {display: block; height: 198px; width: 198px; margin: 0 auto; overflow: hidden; position: relative;
                        border: 1px solid #888;
                        background: #fff;}
            .thing .image img {display: block; margin: 0 auto;}

            .thing .title {display: block; margin: 10px 0 10px;
                            text-align: center; font-family: calibri; font-weight: bold; font-size: 20px; line-height: 20px;
                            background: transparent;}
                .thing:hover .title {text-decoration: underline;}

                .thing .cost {padding: 2px 6px; position: absolute; top: 180px; right: 0px;
                            font-style: normal; font-size: 16px; font-weight: bold; line-height: 16px; text-align: center; color: #333;
                            border: 1px solid #fff;
                            border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -khtml-border-radius: 6px 0 0 6px;
                            box-shadow: 0px 0px 5px #333; -moz-box-shadow: 0px 0px 5px #333; -webkit-box-shadow: 0px 0px 5px #333; -khtml-box-shadow: 0px 0px 5px #333;
                            background: #eee;}


/*  Things (view)
================================================== */
    div.info_left {width: 310px; margin: 0 0 10px; float: left;
                    background: transparent;}
    a.thing_image {display: block; max-width: 300px; margin: 0 0 8px; float: left; position: relative;
                    border: 2px solid #fff;
                    box-shadow: 0px 0px 3px #333; -moz-box-shadow: 0px 0px 3px #333; -webkit-box-shadow: 0px 0px 3px #333; -khtml-box-shadow: 0px 0px 3px #333;
                    background: #fff;}
        .thing_images a {display: block; height: 50px; width: 50px; margin: 0 8px 8px 0; float: left;
                        box-shadow: 0px 0px 3px #333; -moz-box-shadow: 0px 0px 3px #333; -webkit-box-shadow: 0px 0px 3px #333; -khtml-box-shadow: 0px 0px 3px #333;
                        border: 2px solid #fff;}
            .hit_140 {height: 144px; width: 140px; position: absolute; left: -3px; top: -3px;
                        background: url('../images/hit_140.png') repeat center top transparent;}

    .info_right {width: 380px; float: right; overflow: hidden;
                    text-align: center;
                    background: transparent;}
        .info_right .page_text {margin-top: 20px; overflow: hidden;}
        .info_right h1 {margin: 0 auto 10px;
                        text-align: center; font-family: calibri; font-size: 24px; font-weight: bold;}

        .info_right .producer {margin: 0 0 10px;
                                font-weight: normal; color: #000;}

    #variations {padding: 10px; overflow: hidden;
                line-height: 40px;
                border: 1px solid #ccc;
                border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px;
                background: #fff;
                border: 1px solid #aaa;}
        #variations table {width: 100%;}
        #variations td {height: 40px;
                        text-align: center;}
            #variations td.row {height: 1px;}

        #variations input {height: 40px;}

        #variations .availability {height: 40px; width: 40px; margin: 0 auto;
                                background: url('../images/24.png') no-repeat center top transparent;}

        #variations .cost {font-style: normal; font-weight: bold; color: #333;}

        .info_right .to_basket {display: block; height: 50px; width: 190px; margin: 10px auto; cursor: pointer; overflow: hidden;
                                border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px;
                                background: url('../images/to_basket_big.png') no-repeat center top transparent;}
                    .info_right .to_basket:hover {background: url('../images/to_basket_big.png') no-repeat center center transparent;}
                    .info_right .to_basket:active {background: url('../images/to_basket_big.png') no-repeat center bottom transparent;}


/*  Var_options
================================================== */
    .var_options {padding: 10px; margin: 0 auto 10px; overflow: hidden;
                line-height: 20px;
                border: 1px solid #ccc;
                border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px;
                background: #fff;
                border: 1px solid #aaa;}
    .var_options table {width: 100%;}
        .var_options td {height: 20px; padding: 10px;
                        text-align: center;}
            .var_options td:first-child {background: #eee;}
        .var_options input {height: 20px;}


/*  Last_orders
================================================== */
    #last_orders {width: 920px; margin: 10px auto 30px; overflow: hidden;
                    border: 1px solid #fff;
                    background: #fff;}
        #last_orders .caption {height: 80px; margin: 0 auto 10px;
                    text-align: center; font-size: 24px; line-height: 70px; font-weight: normal; color: #fff;
                    background: url('../images/ribbon.jpg') no-repeat center center transparent;}
    #last_orders a {display: block; width: 164px; padding: 10px; float: left; overflow: hidden;
                    text-align: center;
                    background: transparent;}
        #last_orders .date {font-size: 12px; color: #333;}
        #last_orders .image {display: block; height: 150px; width: 150px; margin: 10px auto 0; overflow: hidden;
                        border: 1px solid #eee;
                        background: #fff;}
            #last_orders .image img {display: block; margin: 0 auto;}
        #last_orders .title {display: block; margin: 4px 0 5px;
    					font-weight: normal; font-size: 14px;
                        background: transparent;}
			#last_orders a:hover .title {text-decoration: underline;}
        #last_orders .cost {padding: 0; margin: 0 auto; font-size: 14px; font-weight: bold;}
        #last_orders .cost.last {color: #ff0000; text-decoration: line-through;}


/*  Sections
================================================== */
    .section_list {margin: 0 auto; padding: 0; overflow: hidden;}
    .section_item {height: 210px; width: 150px; margin: 12px 12px 0; float: left;}
        .section_item:hover {text-decoration: underline;}
    .section_item .image {height: 150px; overflow: hidden;}
        .section_item img {display: block; max-height: 148px; max-width: 148px; margin: 0 auto;
                            border: 1px solid #00487b;
                            /*border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px;*/}
    .section_item .title {margin: 10px auto 0; text-align: center;}

    .section_list.photo .section_item {height: 220px; width: 200px; margin: 15px;}
    .section_list.photo .image {height: 150px;}
        .section_list.photo img {max-height: 148px; max-width: 198px;}

    .page_list a {display: block;}


/*  Lent_content
================================================== */
    .lent_content {padding: 0px;}
    .lent_content .page_item {display: block; padding: 10px 0 20px; margin: 10px 0; overflow: hidden;
                            border-top: 1px solid #eee;
                            background: #fff;}
        .lent_content .date {height: 50px; margin: 0;
                            vertical-align: bottom; text-align: left; font-size: 13px; line-height: 50px; font-weight: bold; color: #666;
                            background: /*url('../images/cat_butterfly.gif') no-repeat right bottom */transparent;}
        .lent_content a.title {display: block; padding: 0 0 20px;
                            text-align: left; font-size: 26px; color: #000;}
            .lent_content a:hover {text-decoration: underline;}
        .lent_content .text {}


/*  Lent
================================================== */
    .lent {padding: 10px;}
    .lent .page_item {display: block; padding: 20px; margin: 10px; overflow: hidden;
                    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px;
                    box-shadow: 0 0 6px #aaa; -webkit-box-shadow: 0 0 6px #aaa; -moz-box-shadow: 0 0 6px #aaa; -khtml-box-shadow: 0 0 6px #aaa;
                    background: #fff;}
    .lent .page_item:first-child {border-top: 1px solid #fff;}
        .lent a:hover {text-decoration: underline;}
        .lent .image {height: 100px; width: 100px; float: left;
                    /*border: 1px solid #666;*/
                    background: #fff;}
        .lent .info {padding: 0 0 0 10px; margin: 0 0 0 110px;}
        .lent .title {text-align: left; font-size: 26px; color: #000;}
        .lent .date {margin: 6px 0 20px; text-align: left; font-size: 16px; color: #333;}
        .lent .description {text-align: justify; font-size: 13px; color: #333;}


/*  News
================================================== */
    .news a.page_item {display: block; padding: 20px 0px; margin: 0px; overflow: hidden;
                    border-bottom: 1px solid #eee;
                    background: transparent;}
    .news a.page_item:first-child {border-top: 1px solid #eee;}
        .news a.page_item:hover .title {text-decoration: underline;}
        .news .image {height: 300px; width: 300px; float: left;
                    border: 1px solid #aaa;
                    background: url('../images/noimage_300.jpg') no-repeat center center transparent;}
        .news .info {width: 620px; padding: 0 0 0 10px; float: right;}
        .news .title {text-align: left; font-size: 26px; color: #333;}
        .news .date {margin: 6px 0 20px; text-align: left; font-size: 16px; color: #888;}
        .news .description {text-align: justify; font-size: 13px; color: #333;}

    div.news_viewlet {padding: 10px 0 10px 0; margin: 10px 0;
                        border: 1px dashed #ff7e00; border-right: none;
                        box-shadow: 0 0 4px #666; -webkit-box-shadow: 0 0 4px #666; -khtml-box-shadow: 0 0 6px #000;
                        background: #fff;}
    div.news_viewlet h2 {padding: 10px 0; margin: 0 0 10px; text-align: center; 
                        background: #ffff00;}
    a.news_item {display: block; padding: 0; margin: 6px 5px 0px 0; overflow: hidden;}
        a.news_item .date {padding: 0 0 4px 10px; margin: 0;
                    color: #888; font-size: 16px; font-style: bold;}
        a.news_item .title {padding: 6px; margin: 0 10px 0 0;
                    text-align: left; color: #fff;
                    border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0;
                    box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; -khtml-box-shadow: 0 0 6px #000;
                    background: url('../images/news_bg.jpg') repeat-y left center transparent;}
        a.news_item .description {padding: 10px; color: #333;}


/*  Text
================================================== */
    .page_text {position: relative;}
    .page_text.catalog {margin: 20px 10px;}
    .page_text ul, div.page_text ol {margin: 0 0 0 30px;}
    .page_text ul li {list-style: disc outside;}
    .page_text p {margin: 0;}
    .page_text hr {background-color: #eee;}

    .page_text table {max-width: 700px;
                    font-size: 12px;
                    border: 1px solid #333;}
        .page_text table tr:nth-child(odd) {background: #eee;}
        .page_text table tr:nth-child(even) {background: #f8f8f8;}
        .page_text table td {padding: 4px 6px; border: 1px solid #aaa;}
        .page_text table p {margin: auto;}

    .page_text .date {margin: 6px 0 20px; text-align: left; font-size: 16px; color: #888;}

    .page_text a {color: #e1880a;}
        .page_text a:hover {text-decoration: underline;}

    .main_page_wrapper {padding: 10px; margin: 0 20px;
                color: #ccc; text-align: justify;
                border-left: 1px solid #333; border-right: 1px solid #333;}
    .main_page_wrapper a {color: #ccc;}
        .main_page_wrapper a:hover {color: #fff;}


/*  Questions
================================================== */
    div.message {padding: 10px; margin: 0 0 10px;}
    div.message .person {color: #185886; font-weight: bold;}
        div.message .person .date {margin: 0; color: #aaa;}
    div.message .question {margin: 0px 0 0;}
    div.message .answer {margin: 6px 0 0; padding: 0 10px;
                        border-left: 1px solid #555;}
    div.message .text {margin: 4px 0 0; font-style: italic;}


/*  Paginator 3000
================================================== */
    .paginator {font-size:1em;width:100%;}
    .paginator table {border-collapse:collapse;table-layout:fixed;width:100%;}
    .paginator table td {padding:0;white-space:nowrap;text-align:center;}
    .paginator table {border-collapse:collapse;table-layout:fixed;width:100%;}
    .paginator table td {padding:0;white-space:nowrap;text-align:center;}
    .paginator span {display:block; padding: 10px 0;}
    .paginator span em, .paginator span a {display: inline-block; padding: 4px 8px;}
    .paginator span em {display: inline-block; padding: 4px 8px; margin: 0 auto;
                        font-style:normal; color: #000;
                        border: 1px solid #555;
                        border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;
                        background:#ffd73e;}
    .paginator .scrollbar {width:100%; height:20px; position:relative;}
    .paginator .scrollbar .line {width:100%; height:3px; background:#ccc; overflow:hidden;}
    .paginator .scrollbar .slider {position:absolute; width:3px; height:3px; top:0; left:0; font-size:1px; background:#ffd73e;}
    .paginator .scrollbar .current_page_point {position:absolute; top:0; left:0; width:3px; height:3px; overflow:hidden; color: #000; background:#555;}
    .paginator .scrollbar .slider_point {position:absolute; top:-5px; left:50%; margin-left:-10px; width:20px; height:20px; overflow:hidden; background:url('../js/paginator3000/slider_knob.gif') no-repeat 50% 50%; cursor:pointer; cursor:hand;}


/*  Crop images
================================================== */
    .imgedit {margin: 5px; float: left; position: relative; overflow: hidden;
                border: 1px solid #aaa;}
        .imgedit.w300 {width: 300px; height: 300px;}
        .imgedit.w200x150 {width: 200px; height: 150px;}
        .imgedit.w100x75 {width: 100px; height: 75px;}
        .imgedit.w200 {width: 200px; height: 200px;}
        .imgedit.w150 {width: 150px; height: 150px;}
        .imgedit.w100 {width: 100px; height: 100px;}
        .imgedit.w50 {width: 50px; height: 50px;}
        .imgedit.w40 {width: 40px; height: 40px;}
        .imgedit img {max-width: none;}


/*  Basket
================================================== */
    .basket {padding: 20px; margin: 0 auto;
    		font-size: 16px; color: #000;}
	.basket a {color: #000;}
    .basket table {width: 100%; text-align: center;}
        .basket .img {width: 200px;}
            .basket .img a {display: block;}
        .basket .buttons {width: 70px;}
        .basket table tr:nth-child(odd) {background: #fff;}
            .basket table tr:nth-child(odd) td {border: 1px solid #eee;}
        .basket table tr:nth-child(even) {background: #fff;}
            .basket table tr:nth-child(even) td {border: 1px solid #eee;}
        .basket td {padding: 2px;}
    .basket .final {font-weight: bold;}

    .basket.w688 {width: 688px;}

    .item_counter {width: 80px; margin: 0 auto;}
    .item_count {width: 38px; padding: 2px 0; float: left; overflow: hidden;
                text-align: center;
                border: 1px solid #888; border-bottom: 1px solid #aaa;
                box-shadow: inset 0px 0px 2px #aaa; -webkit-box-shadow: inset 0px 0px 2px #aaa; -moz-box-shadow: inset 0px 0px 2px #aaa; -khtml-box-shadow: inset 0px 0px 2px #aaa;
                background: #fff;}
    .item_minus {height: 20px; width: 20px; float: left; cursor: pointer;
                    background: url('../images/bullet_toggle_minus.png') no-repeat center center;}
    .item_plus {height: 20px; width: 20px; float: left; cursor: pointer;
                    background: url('../images/bullet_toggle_plus.png') no-repeat center center;}


/*  Nivo-slider
================================================== */
    .main_slider_wrapper {height: 300px; width: 700px; padding: 0; margin: 0 auto; overflow: hidden;
                        border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;
                        background: transparent;}
    .main_slider_wrapper .theme-default .nivoSlider {height: 300px; width: 700px; margin: 0px auto;
                                                    background: transparent;}

    .theme-default .nivo-directionNav a {top: 45%;}
    .theme-default .nivo-caption {height: 100%; width: 100%;
    							background: transparent;}
		.theme-default .nivo-caption p {display: block; height: 100%; width: 100%;
								background: transparent;}
		.theme-default .nivo-caption a {display: block; height: 100%; width: 100%;
								border: none !important;
								background: transparent;}


/*  Simple_table
================================================== */
    table.simple {width: 100%;
                    border: 1px solid #aaa;
                    background: #fff;}
        table.simple tr {border: 1px solid #aaa;}
            table.simple tr:hover {background: #f6f6f6;}
        table.simple td {padding: 10px;}
        table.simple tr.caption td {text-align: center; font-weight: bold;}
            table.simple td > a {display: block; padding: 10px 20px;
                                text-align: center;}


/*  Voting
================================================== */
    .voting_list a {display: block; padding: 5px 0;}
        .voting_list a:hover {text-decoration: underline;}


    .question {padding: 0px; margin: 0;
                text-align: center; font-size: 16px; font-weight: bold; color: #ff6600;
                background: transparent;}

    .voting_results {margin: 0 auto;}
        .voting_answer {margin: 10px 0 0;}

        .voting_line {margin: 5px 0 0; overflow: hidden;
                        border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
                        background: #f6f6f6;}
        .voting_bar {height: 20px; float: left; margin: 0;
                    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
        .votecount {display: block; padding: 0; margin: 10px auto 0;
                    text-align: center; color: #ff6600;}

    .voting_viewlet {padding: 10px; margin: 10px; display: block;
                    border: 5px solid #fff;
                    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;
                    box-shadow: 0px 0px 6px #333; -moz-box-shadow: 0px 0px 6px #333; -webkit-box-shadow: 0px 0px 6px #333; -khtml-box-shadow: 0px 0px 6px #333;
                    background: #fff;}
    .voting_viewlet .voting_answer {padding: 0 10px; margin: 10px 0 0;}

    .voting_viewlet .answer_item {padding: 0; margin: 10px 0 0; overflow: hidden;}
    .voting_viewlet .control {height: 20px; width: 16px; padding: 2px 0 0; float: left; line-height: 20px; vertical-align: bottom;}
    .voting_viewlet .answer {width: 180px; float: right;}

    .voting_viewlet input[name="vote"] {color: #fff;
                                        text-shadow: none; border: 2px solid #9dd30b;
                                        background-color: #9dd30b;}
    .voting_viewlet input[name="show_results"] {color: #fff;
                                                text-shadow: none; border: 2px solid #ff0000;
                                                background-color: #ff0000;}
    .voting_viewlet .vote_buttons {margin-top: 5px;
                                    text-align: center;}
        .voting_viewlet .vote_buttons input {width: 90px; padding: 0 !important; overflow: hidden;}
    .voting_viewlet .all_votes {display: block; padding: 0; margin: 10px auto 0;
                                text-align: center; color: #ff6600;}
        .voting_viewlet .all_votes:hover {text-decoration: underline;}


/*  Last_photos
================================================== */
    .last_photos {padding: 10px; margin: 10px; display: block;
                    text-align: center;
                    border: 5px solid #fff;
                    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;
                    box-shadow: 0px 0px 6px #333; -moz-box-shadow: 0px 0px 6px #333; -webkit-box-shadow: 0px 0px 6px #333; -khtml-box-shadow: 0px 0px 6px #333;
                    background: #deb474;}
    .last_photos h2 {font-weight: bold; color: #fff;}
    .last_photos a {max-width: 160px; margin: 5px auto;}


/*  Left_block
================================================== */
    #left_block {padding: 10px 10px 0; margin: 10px; display: block;
                    /*border-right: 1px solid #fff; border-bottom: 1px solid #fff;*/
                    border: 5px solid #fff;
                    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;
                    box-shadow: 0px 0px 6px #333; -moz-box-shadow: 0px 0px 6px #333; -webkit-box-shadow: 0px 0px 6px #333; -khtml-box-shadow: 0px 0px 6px #333;
                    background: #fff;}
        #left_block .caption {margin: 0 0 10px;
                                text-align: center; font-weight: bold; color: #0090c6;}
        #left_block a {display: block; padding: 0 0 10px;
                        color: #666;}
            #left_block a:hover {text-decoration: underline;}

    #energy_counter {display: block; height: 75px; width: 195px; padding: 0px !important; margin: 0 auto 15px;
                    background: url('../images/counters_el.png') no-repeat top center transparent;}
        #energy_counter:hover {background: url('../images/counters_el.png') no-repeat bottom center transparent;}
    #water_counter {display: block; height: 75px; width: 195px; padding: 0px !important; margin: 0 auto 15px;
                    background: url('../images/counters_water.png') no-repeat top center transparent;}
        #water_counter:hover {background: url('../images/counters_water.png') no-repeat bottom center transparent;}
