/******************************************************************************
*                                                                             *
*   Hit2Lead // Stylesheet for screen                                         *
*   ----------------------------------------------------------------------    *
*   Copyright (C) 1998-2006 web-studio "Cherry-Design"                        *
*   URL: http://www.cherry-design.spb.ru/                                     *
*   E-mail: cherry-design@mail.ru                                             *
*                                                                             *
*******************************************************************************/

@import url("screen_sections.css");

/* General preferences
-----------------------------------------------------------------------------*/

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11pt;
    text-align: center;
    color: #000000;
}

/* Container
-----------------------------------------------------------------------------*/

#container {
    width: 760px;
    margin: 0px auto;
    padding: 8px 20px 0px 20px;
    text-align: left;
    background-color: #ffffff;
}

/* User menu
-----------------------------------------------------------------------------*/

#user_menu {
    position: absolute;
    width: 760px;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-align: right;
}

#user_menu p {
    padding: 0px;
    margin: 0px;
}

#user_menu a {
    padding: 0px 3px;
    color: #000000;
    text-decoration: none;
}

/* Website title
-----------------------------------------------------------------------------*/

#website_title {
    width: 760px;
    height: 54px;
}

#website_title h1 {
    margin: 0px;
    padding: 0px;
}

#website_title h1 a {
    display: block;
    width: 165px;
    height: 54px;
}

#website_title h1 span,
#website_title p {
    display: none;
}

/* Main menu
-----------------------------------------------------------------------------*/

#main_menu {
    position: absolute;
    width: 760px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
}

#main_menu ul {
    padding: 4px 0px 0px 412px;
    margin: 0px;
    list-style-type: none;
}

#main_menu ul li {
    display: block;
    float: left;
}

#main_menu a {
    display: block;
    padding: 3px 8px;
    color: #ffffff;
    text-decoration: none;
}

#main_menu ul li a:hover {
    background-color: #555555;
}

#main_menu ul#dropdown_search,
#main_menu ul#dropdown_information {
    display: none;
    width: 150px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    background-color: #777777;
}

#main_menu ul#dropdown_search li,
#main_menu ul#dropdown_information li {
    width: 144px;
    padding: 3px;
}

#main_menu ul#dropdown_search li a,
#main_menu ul#dropdown_information li a {
    padding: 2px 5px;
}

/* Section title
-----------------------------------------------------------------------------*/

#section_title {
    width: 760px;
    height: 85px;
}

#section_title h1 {
    display: none;
}

/* Section menu
-----------------------------------------------------------------------------*/

#section_menu {
    width: 760px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 14pt;
    color: #000000;
}

#section_menu ul {
    float: left;
    padding: 0px;
    margin: 6px 0px;
    list-style-type: none;
}

#section_menu ul li {
    padding: 0px 20px 0px 15px;
}

#section_menu a {
    text-decoration: none;
    color: #000000;
}

#section_menu a:hover {
    text-decoration: underline;
}

/* Content
-----------------------------------------------------------------------------*/

#content {
    clear: both;
    margin: 0px 0px 50px 0px;
}

#content h1 {
    margin: -32px 0px 0px 0px;
    padding: 0px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18pt;
    font-weight: normal;
    color: #999999;
    text-align: right;
}

#content h2 {
    margin: 0px 0px 20px 0px;
    font-size: 13pt;
    font-weight: bold;
    color: #333333;
}

#content address {
    margin: -20px 0px 0px 0px;
    padding: 0px;
}

#content strong {
    font-weight: bold;
    color: #666666;
}

/* Content (search remarks)
-----------------------------------------------------------------------------*/

#content ul.remarks {
    list-style-type: none;
    margin: 20px 0px;
    padding: 15px 15px 8px 83px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 10pt;
    background: #FFF3B0 url("../pic/bg_remarks.gif") top left no-repeat;
    border: 2px #CFC172 solid;
    min-height: 70px;
    _height: 70px;
}

#content ul.remarks li {
    padding: 0px 0px 7px 0px;
}

/* Content (search errors)
-----------------------------------------------------------------------------*/

#content ul.errors {
    list-style-type: none;
    margin: 20px 0px;
    padding: 15px 15px 8px 83px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 10pt;
	/*color: #ffffff;*/
    /*background: #FF574C url("../pic/bg_errors.gif") top left no-repeat;*/
    background: #FFB7B3 url("../pic/bg_errors.gif") top left no-repeat;
    border: 2px #ff3300 solid;
    min-height: 70px;
    _height: 70px;
}

#content ul.errors li {
    padding: 0px 0px 7px 0px;
}

/* Content (basket info in search results)
-----------------------------------------------------------------------------*/

#search #content .basket_info {
    width: 380px;
    margin: 0px 0px 0px 380px;
    padding: 15px 0px 0px 0px;
    position: absolute;
    text-align: right;
}

/* Content (basket info in view basket)
-----------------------------------------------------------------------------*/

#account #content .basket_info {
    width: 380px;
    margin: 0px 0px 0px 380px;
    padding: 15px 0px 0px 0px;
    position: absolute;
    text-align: right;
    _padding: 0px;  /* IE6 Fix */
    _margin: 0px 0px 0px 380px;   /* IE6 Fix */
}

/* Content (sale messages)
-----------------------------------------------------------------------------*/

#content ul li.sale_asterix {
    padding-top: 18px;
    color: #ff3300;
}

#content .sale,
#content .sale a {
    color: #ff3300;
}

#content .sale_standard_price {
		text-decoration: line-through;
}

#content .item_modified {
		text-decoration: line-through;
}

/* Content (error messages)
-----------------------------------------------------------------------------*/

#content .error {
    color: #ff3300;
}

/* Content (footnotes)
-----------------------------------------------------------------------------*/

#content .footnote {
    margin: 30px 0px -30px 0px;
    padding: 0px;
    font-size: 10pt;
}

/* Content (addlink)
-----------------------------------------------------------------------------*/

#content .addlink {
    position: absolute;
    margin: -24px 0px 0px 0px;
    text-align: left;
    width: 760px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11pt;
    /*font-size: 8pt;*/
    line-height: 14pt;
}

/* Content (forum messages)
-----------------------------------------------------------------------------*/

#content .message {
    margin: 20px 0px 30px 40px;
    padding: 0px;
}

/* Content (note)
-----------------------------------------------------------------------------*/

#content .note_asterix {
    font-weight: bold;
}

#content form ul li.note_asterix {
    position: absolute;
}

/* standard_price, sale_price
-----------------------------------------------------------------------------*/

#content .standard_price {
		text-decoration: line-through;
}

#content .sale_price {
    font-weight: bold;
}

/* Content (sold)
-----------------------------------------------------------------------------*/

#content .sold {
    color: #B09C2A; /* #b0b0b0; */
}

/* Content (page navigation)
-----------------------------------------------------------------------------*/
#content p.navigation {
    clear: both;
}

#content p.navigation a {
    text-decoration: underline;
}

#content p.navigation a:hover {
    color: #000000;
}

#content p.navigation span.selected {
    padding: 0px 4px;
    margin: 0px 4px;
    color: #ffffff;
}

/* Content (page navigation quantity)
-----------------------------------------------------------------------------*/
#content p.navigation_quantity {
    margin: 20px 0px -32px 0px;
    text-align: right; 
    clear: both;
}

#content p.navigation_quantity a {
    text-decoration: underline;
}

#content p.navigation_quantity a:hover {
    color: #000000;
}

#content p.navigation_quantity span.selected {
    padding: 0px 4px;
    margin: 0px 4px;
    color: #ffffff;
}

/* Content (catalog image)
-----------------------------------------------------------------------------*/
#content p.catalog_image {
    position: absolute;
    margin: 30px 0px 0px 530px;
}

/* Content (general table)
-----------------------------------------------------------------------------*/

#content table.general {
    width: 100%;
    margin: 0px 0px;
    padding: 0px;
    border-collapse:  collapse;
    border-top: 1px #666666 solid;
	font-size: 10pt;
}

#content table.general thead {
    background-color: #b0b0b0;
    color: #ffffff;
}

#content table.general th, 
#content table.general td {
    padding: 2px;
    border-bottom: 1px #666666 solid;
}

#content table.general .highlight { 
    background-color: #f0f0f0;
}

/* Content (search & basket matters)
-----------------------------------------------------------------------------*/

#content .matter {
    width: 760px;
    clear: both;
    background: #ffffff url("../pic/bg_dotline.gif") repeat-x;
}

#content .matter a {
    text-decoration: none;
}

#content .matter h2 {
    position: absolute;
    margin: 0px;
    padding: 18px 0px;
    font-size: 13pt;
}

#content .matter acronym {
    position: absolute;
    display: block;
    margin: 39px 0px 0px 32px;
    padding: 0px;
    font-size: 10pt;
}

#content .matter p {
    margin: 0px;
    padding: 18px 0px 24px 255px;
    font-size: 13pt;
    color: #333333;
    font-weight: bold;
}

#content .matter .desc {
    margin: 0px;
    padding: 18px 255px 24px 0px;
    font-size: 12pt;
    color: #000000;
    font-weight: normal;
}

#content .matter .history {
    margin: 0px;
    padding: 0px 0px 0px 255px;
    _margin: 0px;  /* IE6 Fix */
    _padding: 0px 0px 0px 255px;
}

#content .matter span {
    display: block;
    width: 255px;
    text-align: center;
    float: left;
}

#content .matter span span{
    display: block;
    font-size: 9pt;
}

#content .matter dl {
    width: 250px;
    /*height: 190px; corrected 071022 by Tanya */
    padding: 0px;
    margin: 0px;
    float: left;
    clear: none;
}

#content .matter dl dt {
    position: absolute;
    padding: 0px;
    margin: 0px;
    text-align: left;
    background-color: #ffffff;
}

#content .matter dl dd {
    height: 21px;
    padding: 0px;
    margin: 0px;
    text-align: right;
    background: #ffffff url("../pic/bg_dotline.gif") 0px 13px repeat-x;
}

#content .matter dl dd em {
    font-style: normal;
    background-color: #ffffff;
}

#content .matter .form {
    width: 255px;
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: right;
}

#content .matter .form table {
    width: 255px;
    padding: 0px 0px 0px 40px;
    margin: -8px 0px 0px 0px;
    text-align: left;
    _width: 215px;
    _padding: 0px;
    _margin: -7px 0px 0px 0px;
}

#content .matter .form table thead {
    background: #ffffff url("../pic/bg_dotline.gif") 0px 20px repeat-x;
}

#content .matter .form table thead tr td {
    padding: 2px 2px 10px 2px;
}

#content .matter .form table td {
    padding: 1px 2px 0px 2px;
}

#content .matter .form table input {
    width: 25px;
}

#content .matter .form p {
    padding: 0px;
    margin: 16px 0px 20px 148px;
    clear: both;
}

/* Analogs
-----------------------------------------------------------------------------*/

#content .analogs_top_basket {
    background: transparent url("../pic/window_top.gif") top left no-repeat;
    width: 760px;
    height: 33px;
    margin: -34px 0px 0px 0px;
    clear: both;
}

#content .analogs_top_results {
    background: transparent url("../pic/window_top.gif") top left no-repeat;
    width: 760px;
    height: 33px;
    margin: 0px 0px 0px 0px;
    clear: both;
}

#content .analogs {
    background: transparent url("../pic/window_middle.gif") top left repeat-y;
    width: 720px;
    padding: 0px 20px;
    margin: 0px;
}

#content .analogs_bottom {
    background: transparent url("../pic/window_bottom.gif") bottom left no-repeat;
    width: 760px;
    height: 15px;
    margin: 0px 0px 20px 0px;
}

#content .analogs h3 {
    background: #ffffff url("../pic/bg_dotline.gif") 0px 7px repeat-x;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-size: 10pt;
}

#content .analogs h3 span {
    background-color: #ffffff;
    margin: 0px 10px;
}

#content .analogs h3 span span {
    background-color: #2694DA;
    color: #ffffff;
    padding: 2px 8px;
}

#content .analogs p.original_image {
    position: absolute;
    width: 240 px;
    height: 200px;
    margin: 5px 0px 0px 0px;
}

#content .analogs div.original_info {
    margin: 0px 0px 10px 0px;
    min-height: 160px;
    _height: 160px;
}

#content .analogs div.original_info h2 {
    padding: 15px 0px 0px 240px;
}

#content .analogs div.original_info p {
    padding: 0px 20px 10px 240px;
    font-size: 9pt;
}

#content .analogs div.analogs_info {
    margin: -10px 0px 10px 0px;
}

#content .analogs div.analogs_info p {
    padding: 0px 50px 10px 0px;
    font-size: 9pt;
}

#content .analogs p.show_analogs {
    clear: both;
    text-align: right;
    margin: 0px;
    padding: 0px 4px 4px 0px;
    font-size: 9pt;
}

#content .analogs p.remark {
    background: #ffffff url("../pic/bg_dotline.gif") 0px 7px repeat-x;
    clear: both;
    font-size: 8pt;
    padding: 17px 0px 0px 0px;
    margin: 0px;
}

#content .analogs ul.gallery {
    list-style-type: none;
    padding: 8px 0px;
    margin: 0px;
}

#content .analogs ul.gallery li {
    width: 240px;
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: center;
}

#content .analogs ul.gallery li img {
    border: 0px;
}

#content .analogs p.close_button {
    text-align: right;
    padding: 10px 0px 0px 0px;
    margin: 0px;
}

#content .analogs p.close_button a {
    display: block;
    background: #ffffff url("../pic/close_button.gif") top left no-repeat;
    width: 19px;
    height: 19px;
    float: right;
}

#content .analogs p.close_button a span {
    display: none;
}

/* Forms
-----------------------------------------------------------------------------*/

#content form {
    padding: 0px;
    margin: 0px;
}

#content form .switch_form {
    color: #999999;
    font-size: 9pt;
    background: #ffffff url("../pic/bg_dotline.gif") 0px 7px repeat-x;
    margin: 8px 0px;
    padding: 0px 25px;
    _padding: 0px 22px;  /* IE6 Fix */
}

#content form .switch_form a {
    color: #999999;
    text-decoration: none;
    padding: 0px 5px 0px 17px;
    background: #ffffff url("../pic/arrow_right.gif") 2px 1px no-repeat;
}

#content form .switch_data {
    color: #999999;
    font-size: 9pt;
    background: #ffffff url("../pic/bg_dotline.gif") 0px 7px repeat-x;
    margin: 8px 0px;
    padding: 0px 25px;
    _padding: 0px 22px;  /* IE6 Fix */
}

#content form .switch_data a {
    color: #999999;
    text-decoration: none;
    padding: 0px 5px 0px 17px;
    background: #ffffff url("../pic/arrow_right.gif") 2px 1px no-repeat;
}

#content form fieldset {
    border: none;
    margin: 0px 0px;
    padding: 10px 15px;
}

#content form fieldset.additional {
    background: #ffffff url("../pic/bg_dotline.gif") repeat-x;
    _background: #ffffff url("../pic/bg_dotline.gif") 0px 7px repeat-x; /* IE6 Fix */
}

#content form fieldset.additional legend {
    color: #999999;
    font-size: 9pt;
    padding: 0px 5px;
    margin: 0px 10px;
    background-color: #ffffff;
    _margin: -10px 0px 10px 0px;  /* IE6 Fix */
}

#content form fieldset.additional legend span,
#content form fieldset.additional legend a {
    color: #999999;
    text-decoration: none;
    padding: 0px 0px 0px 12px;
    background: #ffffff url("../pic/arrow_down.gif") -3px 1px no-repeat;
}

#content form fieldset.additional legend a:hover,
#content form .switch_form a:hover {
    text-decoration: underline;
}

#content form dl {
    margin: 0px 0px 15px 245px;
    padding: 0px 0px;
    clear: both;
}

#content form dl dt {
    position: absolute;
    text-align: left;
    margin: 0px 0px 0px -245px;
    padding: 5px 0px;
}

#content form dl dd {
    margin: 2px 0px 4px 0px;
    padding: 2px 0px;
    background-color: #ffffff;
}

#content form dl textarea,
#content form dl input {
    border: 1px #c0c0c0 solid;
    background-color: #ffffff;
    _border: inherit;   /* IE6 Fix */
}

#content form dl div.embed {
    width: 340px;
    height: 200px;
    border: 1px #c0c0c0 solid;
    /*background-color: #ffffff;*/
		background: #ffffff url("../pic/java_required.gif") center center no-repeat;
    _border: inherit;   /* IE6 Fix */
}

#content .matter span div.embed {
	width: 215px;
	height: 160px;
    border: 1px #c0c0c0 solid;
    /*background-color: #ffffff;*/
		background: #ffffff url("../pic/java_required.gif") center center no-repeat;
    _border: inherit;   /* IE6 Fix */
}

#content form dl textarea:focus,
#content form dl input:focus {
    background-color: #f8f8f8;
}

#content form dl.container ul {
    width: 240px;
    float: left;
    padding: 0px 0px 20px 0px;
    _padding: 0px 0px 5px 0px;
}

#content form ul.container_column {
    margin: -8px 0px 0px 0px;
}

#content form ul.container_column li {
    margin: 0px 0px 8px 0px;
}

#content form dl ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#content form li {
    margin: 0px;
    padding: 0px;
}

#content form ul label {
    padding-left: 5px;
}

#content form .button {
    margin: 12px 0px 15px 258px;
}

#content form fieldset .button {
    margin: 12px 0px 15px 243px;
}

/* Forms (recent structures)
-----------------------------------------------------------------------------*/

#content form dl.recent_structures {
    width: 150px;
    position: absolute;
    padding: 0px;
    margin: -210px 0px 0px 600px;
    background: #ffffff url("../pic/bg_dotline.gif") 5px 7px no-repeat;
    _margin: -225px 0px 0px 355px; /* IE6 Fix */
}

#content form dl.recent_structures dt {
    color: #999999;
    font-size: 10pt;
    margin: 0px 0px 0px 28px;
    padding: 0px 0px 0px 12px;
    background: #ffffff url("../pic/arrow_right.gif") -3px 1px no-repeat;
}

#content form dl.recent_structures dd {
    margin: 0px;
    padding: 30px 0px 0px 0px;
    background-color: transparent;
}

/* detail
-----------------------------------------------------------------------------*/

#content form p.detail {
    margin: 0px 0px 0px 26px;
    padding: 0px 0px 0px 0px;
    font-size: 9pt;
}

#content form a.toggle {
    color: #999999;
    font-size: 9pt;
}


/* Savings
-----------------------------------------------------------------------------*/

#content .savings {
	font-style : italic;
	font-weight : bold;
}

/* Copyrights
-----------------------------------------------------------------------------*/

#copyright {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 10pt;
    color: #999999;
    background: #ffffff url("../pic/bg_dotline.gif") repeat-x;
}

#copyright ul {
    margin: 0px;
    padding: 14px 0px;
    list-style-type: none;
}

#copyright a {
    color: #999999;
    text-decoration: none;
}

#copyright a:hover {
    text-decoration: underline;
}


/* Similarity
--------------------------------------------------------------- added by Tanya*/
table.simadd {
    width: 100%;
/*    margin: 0px 0px;
    padding: 0px;
    border-collapse:  collapse;*/
}

table.simadd td {
    width: 218px;
}