/**
 * @author Alexandra <sk.aleksandra@gmail.com>
 *
 * @since 24.02.2009
 *
 * - в названиях классов и id используем '-' в качестве разделителя
 */

* {
    margin: 0;
    padding: 0;
}

body {
    font: 13px Verdana, Arial, Tahoma, sans-serif;
    background: #666;
}

a {
    color: #0000cc;
    text-decoration: underline;
    outline: none;
}

h1 {
    font: normal 1.6em Verdana, Arial, Tahoma, sans-serif;
}

h2 {
    font-size: 0.9em;
    font-weight: bold;
}

h3 {
    font-size: 0.9em;
    font-weight: bold;
}

h4 {
    font-size: 1.2em;
    padding: 25px 0;
}
h5 {
    font-size: 1.1em;
    padding: 20px 0;
}
h6 {
    font: normal 1.4em Arial,sans-serif;
}

ul {
    list-style-type: none;
}
ul.disc {
    list-style-type: disc;
}
img {
    border: 0;
    vertical-align: top;
}
select.error,
input.text.error {
    background: #ffffcc;
}
label.required {
    font-weight: bold;
}
label.error {
    color: red;
}
.clear {
    clear: both;
    height: 1px;
}
.clearfix:after {
    content		: ".";
	visibility	: hidden;
	display		: block;
	height		: 0;
	clear		: both;
}
.subj {
    display: none;
}
.invisible {
    display: none;
}
.top-indent {
    padding-top: 20px;
}
p.top-indent {
    font: 1em Arial,sans-serif;
}
p.meta-content {
    padding-top: 20px;
    font: 1em Verdana,Arial,Tahoma,sans-serif;
}
.tip {
    color: #808080;
}
div.separator {
    height: 20px;
    border-bottom: 1px solid #e5e5e5;
}
div.old-price {
    text-decoration: line-through;
    font-family: Arial, sans-serif;
}
div.old-price span.uah {
    color: #000;
    font-size: 1em;
    font-weight: bold;
}
.cashless_price {
    color: #999;
    font-size: 0.9em;
    font-family: Arial, sans-serif;
    padding: 3px 0;
}
span.uah {
    color: #000;
    font-size: 1.3em;
    font-weight: bold;
}
span.usd {
    color: #999;
    font-size: 1em;
    padding-left: 8px;
}
div.new span.uah {
    color: #f04d23;
}

a.sortable-header {
    font-weight: bold;
    padding-right: 10px;
}
a.desc {
    background: transparent url('/media/images/bgs/sort-desc-arrow.gif') no-repeat right 65%;
}
a.asc {
    background: transparent url('/media/images/bgs/sort-asc-arrow.gif') no-repeat right 65%;
}
span.head {
    color: #ff0000;
}
/**
*   Layout
*/
#wrap-content {
    margin: 0 auto;
    width: 92%;
    min-width: 950px;
}
#header {
    height: 139px;
    float: left;
    position: relative;
    width: 100%;
    min-width: 950px;
    background: #fffa29 url('/media/images/bgs/header.png') repeat-x left top;
    z-index: 10;
}
#header .inner {
    height: 139px;
    width: 100%;
    background: transparent url('/media/images/bgs/superprice.gif') no-repeat right top;
}
#contacts {
    color: #342d11;
    padding: 0 10px 0 0;
    font: 0.9em Arial, sans-serif;
    margin: 0 25% 0 5%;
    height: 120px;
}
#logo {
    float: left;
    width: 200px;
    padding: 20px 0 0 5%;
    height: 119px;
}
#logo img {
    padding-left: 10px;
}
#search {
    padding: 60px 5% 0 0;
    height: 60px;
    float: right;
    width: 20%;
    position: absolute;
    top: 0;
    right: 0;
}
#top-menu .container {
    margin-left: 62%;
    width: 36%;
}
#sale {
    background: #ffffcc;
    width: 99%;
    padding: 15px 0 15px 1%;
    float: left;
}
#content {
    float: left;
    width: 99%;
    padding-right: 1%;
    padding-bottom: 20px;
    background: #fff;
    z-index: 5;
}
#main-content {
    margin-left: 215px;
    margin-right: 265px;
    padding: 17px 0 17px 1%;
}
#main-content div.content-container {
    padding: 0 10px 0 14px;
}
#main-content.full-width {
    margin-right: 0;
}
#sidebar-left {
    float: left;
    width: 200px;
    padding: 0 0 0 15px;
}
#sidebar-left .container {
    padding: 9px 0 9px 14px;
}
#sidebar-right {
    width: 265px;
    float: right;
    overflow: hidden;
}
#sidebar-right div.container {
    padding: 9px 0 9px 15px;
}
#footer {
    width: 99%;
    float: left;
    height: 35px;

    border-top: none;
    color: #fff;
    padding: 20px 0 20px 1%;
    font-size: 0.85em;
    font-family: Arial, sans-serif;
}
#copyright {
    float: left;
    padding-left: 14px;
    padding-top: 10px;
    width: 57%;
}
#copyright a{
    color: #fff;
}
#copyright table td.item{
    padding-right: 15px;
}
#developer-info {
    float: right;
    text-align: right;
    padding-right: 3%;
    width: 36%;
}
#developer-info a{
    color: #fff;
}
/**
*   Header
*/
#contacts td.contacts-group {
    min-width: 200px;
    width: 250px;
    padding-right: 5px;
    padding-top: 19px;
    vertical-align: top;
    font-size: 0.9em;
}
#contacts div.outer {
    margin-left: 228px;
    height: 139px;
}
#contacts td.contacts-descr {
    padding-top: 10px;
}
#contacts td.contacts-group span{
    display: block;
    font: bold 1.1em Arial, Verdana, sans-serif;
    color: #000;
    padding: 2px 0 2px 22px;
}
#contacts span.icq {
    background: url('/media/images/icons/icq.png') no-repeat left 2px;
}
#contacts span.phone {
    background: url('/media/images/icons/phone.png') no-repeat left 2px;
}
#contacts span.mail {
    background: url('/media/images/icons/mail.png') no-repeat left 2px;
    padding-bottom: 5px;
}

#search-frm {
    width: 100%;
    position: relative;
    height: 20px;
}

#search-frm input.text {
    width: 65%;
    position: absolute;
    top: 0;
    padding: 2px 0;
}

#search-frm input.button {
    position: absolute;
    top: -1px;
    left: 70%;
    padding: 2px 5px;
    width: 65px;
}

#search-frm img.progress {
    position: absolute;
    z-index: 10;
    left: 58%;
    top: 4px;
}

#cashless {
    margin-top: 20px;
    font-family: Arial, sans-serif;
}
#cashless_checkbox {
    margin-right: 3px;
}
#autocompletion_box {
    left:0;
    position:absolute;
    top: 27px;
    width: 100%;
    display: none;
}
#autocompletion_content {
    background: transparent url("/media/images/bgs/autocompetion-shadow.png") no-repeat scroll right bottom;
    padding: 0 3px 7px 0;
    font-size: 11px;
}
#autocompletion_content ul {
    background: #fff;
    border-top: 1px solid #ccc;
    margin-right: 3px;
    z-index: 3;
}
#autocompletion_content ul li {
    clear: both;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom: 1px solid #f0f0f0;
    padding: 5px 3px 5px 9px;
    font-family: Verdana, sans-serif;
}
#autocompletion_content ul li.category {
    background: #f0f0f0;
    font-family: Arial, sans-serif;
    font-weight: bold;
}
#autocompletion_content ul li a {
    color:#0000cc;
    text-decoration:underline;
}
#autocompletion_content ul li div {
    margin-left: 50px;
}
#autocompletion_content ul li div.photo {
    margin: 0;
    text-align: center;
    float: left;
    width: 40px;
    height: 40px;
}
#autocompletion_content ul li div a {
    display: block;
    padding: 3px 0;
}
#autocompletion_content ul li span.usd {
    color: #b2b2b2;
}

#autocompletion_content ul li.selected,
#autocompletion_content ul li.item:hover {
    border: 1px solid #000;
    padding: 4px 3px 5px 9px;
    cursor:pointer;
}
div.right_shadow {
    background:transparent url("/media/images/bgs/right-shadow-block.gif") no-repeat scroll left top;
    position:absolute;
    right:0;
    top:0;
    width:6px;
    height: 14px;
}
/**
*   Top Menu
*/
#top-menu {
    background: #666;
    width: 99%;
    padding: 15px 0 15px 1%;
    float: left;
}
#top-menu ul.menu {
    float: left;
    width: 62%;
}
#top-menu ul.menu li {
    float: left;
    padding-left: 14px;
}
#top-menu ul.menu li a {
    color: #fff;
}
#top-menu ul.menu li.selected a,
#top-menu ul.menu li.selected span {
    font-weight: bold;
    color: #fff;
}


/**
*   Shopping Cart Link
*/
#shopping-cart-link {
    background: transparent url("/media/images/icons/shopping-cart.gif") no-repeat left 55%;
    padding-left: 20px;
    float: right;
}
#shopping-cart-link a {
    color: #fff;
    font-weight: bold;
}
#shopping-cart-link .total-goods {
    color: #fff;
    margin-left: 5px;
}

/**
*   Autorization Section
*/
#enter-with-pasword {
    float: right;
    margin-left: 10px;
}
#enter-with-pasword a {
    color: #fff;
}
#private-link {
    float: right;
    background: transparent url('/media/images/icons/private.gif') no-repeat left 55%;
    padding-left: 18px;
    margin-left: 10px;
    color: #fff;
}
#private-link a {
    color: #fff;
}
#private-link span.new-messages {
    padding-right: 18px;
    background: transparent url('/media/images/bgs/new-messages.gif') no-repeat right 60%;
}
/**
*   Sale Line on the Top
*/
#sale-item {
    margin-right: 7%;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 14px;
    font-family: Arial, sans-serif;
}
#sale-item a {
    font-weight: bold;
}
#sale div.navigation {
    float: right;
    width: 20px;
    padding: 3px 5% 0 5px;
}
#sale-back {
    width: 6px;
    height: 11px;
    float: left;
    cursor: pointer;
    background: transparent url("/media/images/icons/back.gif") no-repeat;
    margin-right: 4px;
}
#sale-back.disabled {
    cursor: default;
    background: transparent url("/media/images/icons/back-disabled.gif") no-repeat;
}
#sale-forward {
    width: 6px;
    height: 11px;
    float: left;
    cursor: pointer;
    background: transparent url("/media/images/icons/forward.gif") no-repeat;
    margin-left: 4px;
}
#sale-forward.disabled {
    cursor: default;
    background: transparent url("/media/images/icons/forward-disabled.gif") no-repeat;
}
#border-sale {
    width: 99%;
    float: left;
    height: 1px;
    line-height: 1px;
    padding-right: 1%;
    background: #e5e5e5;
}

/**
*   Left Sidebar
*/


/**
*   Main Catalog
*/
#main-catalog {
    padding: 8px 0;
    margin-left: -14px;
}
#main-catalog ul {
    padding-left: 14px;
}
#main-catalog ul ul {
    padding-left: 0;
}
#main-catalog ul li span.selected,
#main-catalog ul li a {
    padding-bottom: 10px;
    font-weight:bold;
    display: inline-block;
}
#main-catalog ul ul li.simple.selected span {
    display: inline-block;
    background-color: #ff9;
    margin-bottom: 10px;
    font-weight: bold;
}
#main-catalog ul ul li.simple.selected a span {
    margin-bottom: 0;
    color: #000;
    text-decoration: underline;
}
#main-catalog ul ul li {
    padding-bottom: 0px;
    position: relative;
    left: -14px;
    padding-left: 14px;
    width: 100%;
    background: transparent url("/media/images/icons/mcatalog-p.gif") no-repeat left 4px;
}
#main-catalog ul ul li.expanded {
    background: transparent url("/media/images/icons/mcatalog-m.gif") no-repeat left 4px;
}
#main-catalog ul ul li.expanded li {
    padding-bottom: 0;
}
#main-catalog ul ul li.expanded div {
    position: relative;
    left: -14px;
    padding-left: 14px;
    width: 100%;
    background: transparent url('/media/images/bgs/tree-vline.gif') repeat-y 4px top;
    top: -14px;
}
#main-catalog ul ul li.expanded div ul {
    background: transparent url('/media/images/bgs/tree-hline.gif') no-repeat left bottom;
    position: relative;
    left: -10px;
    padding-left: 10px;
    width: 100%;
}
#main-catalog ul ul li a {
    font-weight: normal;
}
#main-catalog ul ul li.expanded div ul li.active span.outer,
#main-catalog ul ul li.expanded div ul li a {
    position: relative;
    top: 15px;
    left: -10px;
    padding-left: 10px;
    background: transparent url('/media/images/bgs/tree-hline.gif') no-repeat left 30%;
}
#main-catalog ul ul li.expanded div ul li.last span.outer,
#main-catalog ul ul li.expanded div ul li.last a {
    background: none;
}
#main-catalog ul ul li.simple {
    background: none;
}
#main-catalog ul ul ul li {
    background: none;
    padding-left: 0;
    margin-left: 0;
    left: 0;
}
#main-catalog ul ul li.expanded div ul li.active span.outer span,
#main-catalog ul ul li.expanded div ul li.active a span {
    font-weight: bold;
    padding-left: 0;
    text-decoration: underline;
    color: #000;
    background: #ff9;
}
#main-catalog ul ul li.expanded div ul li.active span.outer {
    padding-bottom: 10px;
    display: inline-block;
}
#main-catalog ul ul li.expanded div ul li.active span.outer span {
    text-decoration: none;

}

/**
*   Private Section menu
*/
#private {
    padding: 8px 0;
}
#private ul li {
    padding: 4px 0 4px 8px;
}
#private ul li.root {
    padding: 0 0 10px 0;
}
#private ul li a.selected,
#private ul li span.selected
{
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 0.9em;
    display: inline-block;
}
#private ul li a {
    font-weight: bold;
    font-size: 0.9em;
}
#private ul ul {
    left:-12px;
    position:relative;
}

#private ul ul a {
    font-weight: normal;
    font-size: 1em;
    margin-left: 3px;
}
#private ul ul li span.selected {
    background: #ededed;
    padding: 1px 3px 1px 3px;
}
#private ul ul li span.total {
    font-weight: normal;
}
#private ul ul li a.selected {
    background: #ededed;
    font-weight: bold;
    font-size: 0.9em;
    margin: 0;
    padding: 1px 3px 1px 3px;
}
/**
*   Private Messages
*/
#my-messages {
    padding-top: 15px;
    font-family: Verdana, sans-serif;
}
#my-messages li {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 8px 0;
    line-height: 26px;
}
#my-messages div.date {
    float: left;
    width: 160px;
}
#my-messages div.new {
    color: red;
    font-weight: bold;
}
#my-messages div.message {
    margin-left: 180px;
}
#my-messages div.message span.event {
    font-weight: bold;
}
/**
*   Private Orders
*/
ul.my-orders {
    padding-top: 15px;
    float: left;
    width: 100%;
    font-family: Verdana, sans-serif;
}
ul.my-orders li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 8px 0;
    line-height: 26px;
}
ul.my-orders div.order-total {
    float: left;
    width: 15%;
    padding-right: 5%;
}
ul.my-orders div.order-number {
    float: left;
    width: 10%;
    padding-right: 3%;
}
ul.my-orders div.date {
    float: left;
    width: 20%;
    padding-right: 3%;
}
ul.my-orders div.order-number a.value {
    font-weight: bold;
}
ul.my-orders div.order-total {
    text-align: right;
}
ul.my-orders div.order-total span.value {
    font-weight: bold;
}
ul.my-orders div.goods {
    float: left;
    width: 44%;
}
ul.my-orders div.goods ul {
    padding: 0;
}
ul.my-orders div.goods ul li {
    width: auto;
    border-bottom: none;
    padding: 0 8px 0 0;
}
/**
*   Archive Order
*/
#my-order-info {
    font-family: Arial, sans-serif;
    margin-bottom: 35px;
}
#my-order-info p.status {
    padding-top: 15px;
    font-weight: bold;
}
#my-order-info ul.goods {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
    margin-top: 20px;
}
#my-order-info ul.goods li.head {
    color: #666666;
    padding-bottom: 15px;
}
#my-order-info ul.goods li.foot-fix {
    height: 12px;
}
#my-order-info ul.goods li.foot {
    border-top: 1px solid #e5e5e5;
    width: 95%;
    padding-right: 5%;
    padding-top: 12px;
}
#my-order-info ul.goods li {
    float: left;
    width: 95%;
    padding-bottom: 8px;
}
#my-order-info div.title {
    float: left;
    width: 36%;
    padding: 5px 2% 0 0;
}
#my-order-info div.good {
    float: left;
    width: 10%;
    text-align: center;
}
#my-order-info div.price {
    float: left;
    width: 15%;
    padding: 5px 5% 0 2%;
    text-align: right;
}
#my-order-info div.quantity {
    float: left;
    width: 10%;
    padding: 5px 5% 0 0;
}
#my-order-info div.total {
    float: left;
    width: 15%;
    text-align: right;
    padding-top: 5px;
}
#my-order-info div.total-title {
    float: left;
    padding-right: 5%;
    width: 80%;
}
#my-order-info div.total-price {
    float: left;
    text-align: right;
    width: 15%;
}
/**
*   Search Results
*/
span.search-word {
    background: #ffff99;
    padding: 1px 4px;
    font-weight: bold;
    font-style: italic;
}
#search-results {
    font-family: Arial, sans-serif;
}
#search-results li{
    border-bottom: 1px solid #e5e5e5;
    padding: 25px 0 20px 0;
}
#search-results li.no-underline{
    border-bottom: none;
}
#search-results div.title {
    font-weight: bold;
    padding-bottom: 15px;
}
#search-results div.content a{
    font: bold 1em Verdana, sans-serif;
}
#search-results div.left-content {
    margin-right: 220px;
}
#search-results div.left-content table {
    width: 100%;
}
#search-results div.left-content table td {
    padding-bottom: 20px;
}
#search-results div.left-content td.photo {
    text-align: center;
    width: 150px;
}
#search-results div.left-content td.description {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}
#search-results div.left-content td.description div.name {
    padding-bottom: 5px;
    font: normal 1em Verdana, sans-serif;
}
#search-results div.left-content td.description p {
    font: normal 1em Verdana, sans-serif;
    color: #272727;
    font-size: 0.9em;
}
#search-results div.right-content {
    float: right;
    width: 200px;
}
/**
*   Goods Page
*/
div.goods {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}
div.goods #photo {
    padding: 15px 20px 0 0;
    float: left;
}
div.goods #buy-info {
    padding-top: 15px;
}
div.goods #buy-info div.price {
    padding: 3px 0;
    font-family: Arial, sans-serif;
}
div.goods #buy-info div.price span.uah {
    font-size: 1.8em;
    font-weight: normal;
}
div.goods #buy-info div.notification {
    font-size: 0.85em;
}
div.goods #buy-info div.buy {
    padding-top: 25px;
}
div.goods #buy-info div.buy form {
    float: left;
}
div.goods #buy-info div.buy form input.button {
    padding: 0 12px 2px 12px;
    margin-right: 20px;
    font-size: 1.5em;
}
div.goods #buy-info div.buy div.availability a {
    text-decoration: none;
    border-bottom: 1px dotted #0000cc;
    display: inline-block;
    padding-top: 8px;
}
div.goods #buy-info a.add-to-compare {
    display: inline-block;
    background: transparent url('/media/images/icons/add-to-compare.gif') no-repeat left 60%;
    padding-left: 15px;
    padding-top: 10px;
}

/*  Photo Gallery on the Goods' Page  */
div.goods #photos {
    overflow: hidden;
    width: 100%;
    float: left;
    padding-top: 15px;
}
div.goods #photos a{
    text-decoration: none;
}

div.goods #photos li{
    border: 1px solid #ccc;
    float: left;
    margin: 15px 12px 0 0;
}
/*  Goods Description  */
div.goods #description {
    clear: both;
    padding: 10px 0 0 0;
}
div.goods #description h3 {
    padding-top: 10px;
}
div.goods #description h4 {
    padding-bottom: 10px;
}
div.goods #description h2 {
    font-size: 1.2em;
    padding-bottom: 15px;
}
div.goods #description p {
    padding-bottom: 10px;
}
div.goods #description ol {
    margin-left: 30px;
}
div.goods #description ul {
    margin: 10px 0 10px 40px;
    list-style-type: disc;
}
div.goods #description ul.bordered {
    margin: 10px 0 25px 0;
    list-style-type: none;
}
div.goods #description ul.bordered li {
    border-top: 1px solid #e5e5e5;
    padding: 6px 0;
    overflow: auto;
    clear: both;
}
div.goods #description ul.bordered li .key {
    width: 150px;
    float: left;
    display: block;
}
div.goods #description ul.bordered li .val {
    display: block;
    margin-left: 223px;
}
div.goods #description ul.bordered li .val.nophoto {
    margin-left: 200px;
}
div.goods #description ul.bordered li.first {
    border-top: none;
}
div.goods #description ul.bordered li.last {
    border-bottom: 1px solid #e5e5e5;
}
div.goods #description ul.bordered li.title {
    padding: 17px 0;
}
/*  Another color and modification  */
#other-kind table {
    width: 100%;
}
#other-kind table td {
    padding-bottom: 20px;
}
#other-kind td.photo {
    text-align: center;
    width: 150px;
}
#other-kind td.description {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}
#other-kind td.description div.name {
    padding-bottom: 5px;
}
#other-kind td.description p {
    color: #272727;
    font-size: 0.9em;
}
#other-kind td.cost {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}
#other-kind td.cost div.price {
    padding: 3px 0;
    font-family: Arial, sans-serif;
}
/**
*   People buy together
*/
#buy-also {
    width: 100%;
}
#buy-also table {
    width: 100%;
}
#buy-also table td {
    padding-bottom: 20px;
}
#buy-also td.photo {
    text-align: center;
    width: 150px;
}
#buy-also td.description {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

#buy-also td.description div.name {
    padding-bottom: 5px;
}
#buy-also td.description p {
    color: #000;
    font-size: 0.9em;
}
#buy-also td.cost {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}
#buy-also td.cost div.price {
    padding: 3px 0;
    font-family: Arial, sans-serif;
}
/**
*   Price Subscribe Window
*/
#price-subscribe-dialog {
    position: fixed;
    background: transparent url("/media/images/bgs/autocompetion-shadow-big.png") no-repeat scroll right bottom;
    width: 430px;
    display: none;
    z-index: 20;
}
#price-subscribe-dialog p {
    padding-top: 20px;
}
#price-subscribe-dialog div.name {
    font-family: Verdana, sans-serif;
    padding-top: 20px;
}
#price-subscribe-dialog div.old-price {
    padding-top: 10px;
}
#price-subscribe-dialog div.price {
    padding: 3px 0;
}
#price-subscribe-dialog div.price span.uah {
    font-size: 1.4em;
    font-weight: normal;
}
#price-subscribe-dialog form {
    padding-top: 20px;
}
#price-subscribe-dialog input.text {
    width: 230px;
    font-family: Arial, sans-serif;
}
#price-subscribe-dialog input.text.empty {
    color: #999;
}
#price-subscribe-dialog input.button {
    padding: 0 15px;
}
#price-subscribe-dialog ul.checkbox {
    padding-top: 15px;
}
#price-subscribe-dialog ul.checkbox li {
    padding: 5px 0;
}
#price-subscribe-dialog ul.checkbox li input {
    vertical-align: -2px;
    margin-right: 7px;
}


#div-overlay {
    position: absolute;
/*    background: #fff;
    opacity: 0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;*/
    left: 0;
    top:0;
    z-index: 19;
    display: none;
}
div.popup-content {
    background: #fff;
    border: 1px solid black;
    font-family: Arial, sans-serif;
    padding: 20px 25px;
    margin: 0 6px 7px 0;
    position: relative;
}
a.close-popup {
    background: transparent url('/media/images/bgs/close-popup.gif') no-repeat left top;
    text-decoration: none;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 25px;
    top: 25px;
}
/**
*   Authorization Popup
*/
#auth-dialog {
    position: fixed;
    background: transparent url("/media/images/bgs/autocompetion-shadow-big.png") no-repeat scroll right bottom;
    width: 400px;
    left: 300px;
    top: 300px;
    display: none;
    z-index: 20;
}
#auth-dialog-content {
    padding-bottom: 10px;
    font: 1em Arial,sans-serif;
}
#auth-dialog-content ul {
    width: 100%;
    padding-top: 20px;
}
#auth-dialog-content ul li {
    position: relative;
    padding: 15px 0 0 90px;
}
#auth-dialog-content ul li label.field {
    position: absolute;
    left: 0;
    text-align: right;
    width: 70px;
}
#auth-dialog-content input.text {
    width: 200px;
    font-family: Arial,sans-serif;
}
#auth-dialog-content ul li textarea {
    width: 350px;
    height: 100px;
}
#auth-dialog-content ul li input.button {
    padding: 2px 20px;
}
#auth-dialog-content input.checkbox {
    margin: 0 7px 0 0;
    vertical-align: -2px;
}
/**
*   Goods Branches
*/
div.branch-goods {
    float: left;
    width: 100%;
}
div.branch-goods-container {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
div.branch-goods-container.last {
    border-bottom: 0;
}
div.branch-goods ul {
    height: 280px;
    position: relative;
    overflow: hidden;
}

/**
*   Tags
*/
#tags {
    padding: 8px 0;
    float: left;
    width: 100%;
}
#tags ul.cloud {
    padding: 10px 0 10px 0;
    float: left;
}
#tags ul.cloud li {
    float: left;
    padding: 0 5px 3px 0;
}
#tags ul.cloud li a {
    color: #0000cc;
}
#tags ul.cloud li a.accent,
#tags ul.cloud li span.accent {
    color: #f00;
}

#tags ul.cloud li.selected a,
#tags ul.cloud li.selected span {
    background-color: #ff9;
    font-weight: bold;
}

/**
*   Producers
*/
#producers {
    clear: both;
    width: 100%;
    padding: 8px 0;
}
#producers ul.cloud {
    padding: 10px 0 10px 0;
}
#producers ul.cloud li {
    display: inline;
    padding: 0 0 3px 0;
}
#producers ul.cloud li a {
    color: #0000cc;
}
#producers ul.cloud li.selected a,
#producers ul.cloud li.selected span {
    background-color: #ff9;
}
#producers .all-items {
    display: inline-block;
    margin-top: 10px;
}
#producers a.selected,
#producers span.selected
{
    background-color: #ff9;
    font-weight: bold;
}
#all-producers-cloud {
    margin-right: 75px;
    padding: 10px 0 10px 0;
}
#all-producers-cloud li {
    display: inline;
    padding: 0 0 3px 0;
}
#all-producers-cloud li a {
    color: #0000cc;
    text-decoration: none;
}

/**
*   Pricelists
*/
#pricelists {
    clear: both;
    width: 100%;
    padding: 20px 0 8px 0;
}
#pricelists ul {
    padding: 15px 0 10px 0;
    font-family: Arial, Verdana, sans-serif;
}
#pricelists ul li {
    padding: 0 0 7px 35px;
    background: transparent url('/media/images/bgs/xls.gif') no-repeat left top;
}
#pricelists ul li a {
    color: #0000cc;
    font-size: 0.9em;
}
#pricelists ul li .price {
    color: #000;
    padding-top: 2px;
}

/**
*   Tags' Cloud
*/
.s1 {
    font-size: 0.9em;
}
.s2 {
    font-size: 1.1em;
}
.s3 {
    font-size: 1.2em;
}
.s4 {
    font-size: 1.3em;
}
.s5 {
    font-size: 1.5em;
}
.s6 {
    font-size: 1.7em;
}
.s7 {
    font-size: 1.9em;
}
/**
*   Main Content
*/

/**
*   Goods List (Large Items on Home Page)
*/
#main-content ul.large-goods-list {
    float: left;
    margin-left: -23px;
}
#main-content ul.large-goods-list li.large-goods-item {
    margin: 25px 0 0px 23px;
    float: left;
    width: 180px;
    min-width: 180px;
    height: 350px;
    overflow: hidden;
    position: relative;
}
div.good-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    background: transparent url('/media/images/bgs/good-overlay.png') no-repeat left bottom;
    height: 20px;
    width: 100%;
    z-index:2;
}
#main-content ul.large-goods-list li.large-goods-item div.photo {
    position: relative;
    width: 180px;
    height: 180px;
}
#main-content ul.large-goods-list li.large-goods-item div.photo div.img-inner {
    position: absolute;
    bottom: 0;
    width: 170px;
    text-align: left;
    z-index: 1;
}
#main-content ul.large-goods-list li.large-goods-item div.price {
    font-family: Arial, sans-serif;
    padding-top: 13px;
}
#main-content ul.large-goods-list li.large-goods-item div.new.price {
    padding: 3px 0;
}
#main-content ul.large-goods-list li.large-goods-item span.uah {
    font-size: 1.6em;
    font-weight: normal;
}
#main-content ul.large-goods-list li.large-goods-item div.old-price {
    padding-top: 16px;
}
#sidebar-right span.add-good-to-cart,
#main-content span.add-good-to-cart {
    padding: 0 0 0 10px;
}
#main-content ul.large-goods-list span.add-good-to-cart {
    position: relative;
    top: 3px;
}
#main-content ul.large-goods-list li.large-goods-item div.old-price span.uah {
    font-size: 1.3em;
    font-weight: bold;
}
#main-content ul.large-goods-list li.large-goods-item div.name a {
    color: #0000cc;
}
#main-content ul.large-goods-list li.large-goods-item div.description {
    color: #000;
    padding: 5px 0;
    font-size: 0.9em;
}

/**
*   Goods List (Smaller Items)
*/
#main-content ul.small-goods-list {
    margin-left: -23px;
}
#main-content ul.small-goods-list li.small-goods-item {
    margin: 25px 0 0 23px;
    float: left;
    width: 175px;
    min-width: 175px;
    height: 248px;
    overflow: hidden;
    position: relative;
}
#main-content ul.small-goods-list li.small-goods-item div.photo {
    position: relative;
    width: 175px;
    height: 100px;
    z-index: 1;
}
#main-content ul.small-goods-list li.small-goods-item div.photo div.img-inner {
    position: absolute;
    bottom: 0;
    width: 165px;
    text-align: left;

}
#main-content ul.small-goods-list li.small-goods-item div.price {
    font-family: Arial, sans-serif;
    margin-top: 3px;
}
#main-content ul.small-goods-list li.small-goods-item div.old-price {
    padding: 3px 0 3px 0;
}
#main-content ul.small-goods-list li.small-goods-item div.old-price span.uah {
    font-size: 0.9em;
}
#main-content ul.small-goods-list li.small-goods-item div.name a {
    color: #0000cc;
}
#main-content ul.small-goods-list li.small-goods-item div.description {
    color: #272727;
    padding: 5px 0;
    font-size: 0.9em;
}

/**
*   Context Menu (Goods photo hovering)
*/
#context-menu {
    position: absolute;
    left: 0;
    top: 0;
    display: none;

    width: 190px;
    background: #fff;
    border: 1px solid #191919;
    z-index: 10;
    opacity: 0.9;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
}
#context-menu ul {
    padding: 7px 10px;
    font-size: 0.9em;
    font-family: Arial, sans-serif;
    cursor: default;
}
#context-menu ul li {
    padding: 4px 0;
}
#context-menu ul li a {
    padding-left: 20px;
}
#context-menu ul li span {
    padding-left: 20px;
    cursor: default;
}
#enlarge-photo {
    background: transparent url('/media/images/icons/enlarge-photo.gif') no-repeat left 50%;
}
#enlarge-photo.disabled {
    background: transparent url('/media/images/icons/enlarge-photo-disabled.gif') no-repeat left 50%;
    color: #999;
}
#add-to-cart {
    background: transparent url('/media/images/icons/add-to-cart.gif') no-repeat left 50%;
}
#add-to-compare {
    background: transparent url('/media/images/icons/add-to-compare.gif') no-repeat left 50%;
}
#availability {
    background: transparent url('/media/images/icons/availability.gif') no-repeat left 50%;
}
#subscibe-price {
    background: transparent url('/media/images/icons/subscibe-price.gif') no-repeat left 50%;
}
.hovered {
    cursor: pointer;
}
/**
*   Shopping Cart Page
*/
#shopping-cart {
    margin: 0 0 25px 0;
}
#shopping-cart-content {
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid #e5e5e5;
}
#shopping-cart-content td {
    text-align: left;
    vertical-align: middle;
    padding: 5px 0;
}
#shopping-cart-content td.photo {
    text-align: center;
}
#shopping-cart-content td.action,
#shopping-cart-content td.quantity {
    padding-left: 10px;
}
#shopping-cart-content td.quantity input {
    width: 40px;
}
#shopping-cart-content td.total-price,
#shopping-cart-content td.item-price {
    font: bold 1.2em Arial,sans-serif;
    padding-left: 10px;
}
#shopping-cart-content td.order-price .cashless_price,
#shopping-cart-content td.total-price .cashless_price,
#shopping-cart-content td.item-price .cashless_price {
    font-weight: normal;
    font-size: 0.8em;
}
#shopping-cart-content td.item-price div.old-price span.uah {
    font-size: 0.8em;
}
#shopping-cart-content td.item-price div.new-price span.uah {
    color: #f04d23;
}
#shopping-cart-content td.action a.delete {
    width: 14px;
    height: 14px;
    display: block;
    text-decoration: none;
    background: transparent url('/media/images/icons/delete.gif') no-repeat left top;
}
#shopping-cart-content td.order-price-signature {
    font: bold 1.2em Arial,sans-serif;
    text-align: right;
    padding-right: 20px;
}
#shopping-cart-content td.order-price {
    font: bold 1.2em Arial,sans-serif;
    padding-left: 10px;
}
/**
*   Make Order on Shopping Cart Page / Registration Page
*/
form.centerform,
#registration,
#make-order {
    margin: 0 0 25px 0;
}
form.centerform p,
#registration p,
#make-order p {
    padding-top: 20px;
    font: 1em Arial,sans-serif;
}
form.centerform ul,
#registration ul,
#make-order ul {
    width: 100%;
    font-family: Arial,sans-serif;
    padding-top: 20px;
}
form.centerform ul li,
#registration ul li,
#make-order ul li {
    position: relative;
    padding: 15px 0 0 32%;
}
form.centerform ul li label.field,
#registration ul li label.field,
#make-order ul li label.field {
    position: absolute;
    left: 0;
    text-align: right;
    width: 30%;
}
form.centerform ul li label .price,
#make-order ul li label .price {
    font-weight: bold;
}
form.centerform select,
#registration select,
#make-order select,
form.centerform input.text,
#registration input.text,
#make-order input.text {
    width: 200px;
    font-family: Arial,sans-serif;
}
form.centerform ul li textarea,
#registration ul li textarea,
#make-order ul li textarea {
    width: 350px;
    height: 100px;
}
form.centerform ul li input.button,
#registration ul li input.button,
#make-order ul li input.button {
    padding: 2px 20px;
}
form.centerform div.checkbox,
#make-order div.checkbox {
    padding: 0 0 9px 0;
}
form.centerform input.checkbox,
#registration input.checkbox,
#make-order div.checkbox input.radio {
    margin: 0 7px 0 0;
    vertical-align: -2px;
}
form.centerform .nodata,
#registration .nodata {
    color: #8a8a8a;
}
form.centerform .center-form-signature,
#registration .center-form-signature {
    padding: 30px 0 0 110px;
}
/**
*   Right Sidebar
*/
div.compare-goods {
    background: transparent url('/media/images/icons/add-to-compare.gif') no-repeat left 50%;
    padding: 15px 0 15px 15px;
    font-size: 0.9em;
    margin-left: -15px;

}
div.compare-goods a {
    font-weight: bold;
}
div.banner {
    padding: 15px 0 30px 0;
    overflow: hidden;
}

/**
*   Goods Filter
*/
#goods-filter {
    padding: 9px 0 30px 0;
    overflow: hidden;
    font-family: Verdana, sans-serif;
}
#goods-filter h3 {
    padding-bottom: 5px;
}
#goods-filter ul {
    padding-bottom:25px;
    font-size:0.9em;
}
#goods-filter ul li {
    padding: 2px 0 3px 0;
    border: none;
}
#goods-filter .count {
    color: #999999;
    font-size: 1em;
}
#goods-filter ul li span.selected {
    background: #ffff99;
    color: #000;
    font-weight: bold;
    position: relative;
    padding-right: 6px;
}
#goods-filter a.remove {
    padding-left: 4px;
    width: 11px;
    display: inline-block;
    background: transparent url("/media/images/bgs/close-filter.gif") no-repeat right 50%;
    text-decoration: none;
}

/**
*   News and sale
*/
#news-and-sale {
    padding: 8px 0;
    overflow: hidden;
    margin-right: 15px;
}
#news-and-sale h2 {
    margin-bottom: 10px;
}
#news-and-sale img {
    margin-bottom: 10px;
}
#news-and-sale ul {
    font-size: 0.9em;
    font-weight: bold;
}
#news-and-sale ul li {
    padding-bottom: 10px;
}
#news-and-sale .all-items {
    display: block;
    margin-top: 10px;
}
/**
*   Special Offer
*/
#special-offer {
    margin-right: 15px;
    padding: 5px 7px 7px 7px;
    background: #ff6600;
    margin-bottom: 25px;
}
#special-offer div.header {
    height: 45px;
    line-height: 45px;
    padding-left: 40px;
    color: #fff;
    font-size: 1.6em;
    background: transparent url("/media/images/bgs/gift.gif") no-repeat left 50%;
}
#special-offer div.offer {
    background: #fff;
    padding: 10px 10px 15px;
    margin-top: 7px;
}
#special-offer div.offer div.title {
    font-weight: bold;
    font-size: 0.9em;
}
#special-offer div.offer div.photo {
    text-align: center;
    overflow: hidden;
    padding: 10px 0;
}
#special-offer div.offer div.text {
    font-size: 0.9em;
    color: #000;
}
/**
*   See Also
*/
#see-also {
    margin-right: 15px;
}
#see-also ul.small-goods-list li.small-goods-item {
    margin: 10px 20px 0 0;
    overflow: hidden;
}
#see-also ul.small-goods-list li.small-goods-item div.good-overlay {
    display: none;
}
#see-also ul.small-goods-list li.small-goods-item div.photo {
    height: 100px;
}
#see-also ul.small-goods-list li.small-goods-item div.price {
    padding: 3px 0;
    font-family: Arial, sans-serif;
}
#see-also ul.small-goods-list li.small-goods-item div.old-price span.uah {
    font-size: 0.9em;
}
#see-also ul.small-goods-list li.small-goods-item div.name a {
    color: #0000cc;
}
#see-also ul.small-goods-list li.small-goods-item div.description {
    color: #272727;
    padding: 5px 0;
    font-size: 0.9em;
}

/*--------------------- General Styles --------------------------*/

/**
*   Paginator
*/
#paginator {
    font-size: 1em;
    padding-top: 35px;
    margin-right: 240px;
}
#paginator span {
    float: left;
    margin-right: 10px;
}
#paginator ul {
    float: left;
}
#paginator ul li {
    float: left;
    margin-right: 6px;
    padding: 0 2px;
}
#paginator ul li.selected {
    background: #e5e5e5;
    font-weight: bold;
}
#pager div.navigation {
    width: 230px;
    float: right;
    padding-top: 35px;
}
#pager span.prev {
    background: transparent url('/media/images/bgs/prev-arrow.gif') no-repeat left 60%;
    margin: 0 5px;
    padding-left: 14px;
}
#pager span.next {
    background: transparent url('/media/images/bgs/next-arrow.gif') no-repeat right 60%;
    margin: 0 5px;
    padding-right: 14px;
}
/**
*   Bread Crumbs
*/
div.bread-crumbs {
    padding: 10px 0 10px 0;
    font-size: 0.9em;
    color: #000;
}
div.bread-crumbs a {
    font-weight: normal;
    padding-right: 0;
}
div.bread-crumbs span.last {
    font-weight: bold;
}

/**
*   News and Sales Page
*/
#news-and-sales li {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0 15px 0;
}
#news-and-sales li .date {
    color: #7f7f7f;
    padding-bottom: 10px;
    font: normal 1em Arial, Verdana, sans-serif;
}
#news-and-sales li .title {
    padding-bottom: 10px;
    font: normal 1.3em Verdana, Arial, sans-serif;
}
#news-and-sales li .title .head {
    color: #ff0000;
}
#news-and-sales li .text {
    padding-bottom: 10px;
}
#news-and-sales li img {
    padding: 10px 0 20px 0;
}
#news-and-sales li .more {
    padding-bottom: 10px;
}

/**
*   News and Sales Item Page
*/
#news-and-sales-item {
    padding: 20px 0 15px 0;
    overflow: auto;
}
#news-and-sales-item  .date {
    color: #7f7f7f;
    padding-bottom: 10px;
    font: normal 1em Arial, Verdana, sans-serif;
}
#news-and-sales-item  .text {
    padding-bottom: 10px;
    font: normal 1em Arial, Verdana, sans-serif;
}
#news-and-sales-item  .text img {
    padding: 10px 0 20px 0;
}
#news-and-sales-item  p {
    padding-bottom: 10px;
}
#news-and-sales-item  ul {
    list-style-type: disc!important;
    margin-left: 15px;
    padding-bottom: 10px;
}
#news-and-sales-item .goods {
    padding-top: 10px;
}
#all-news-and-sales {
    padding-top: 7px;
    font: normal 1em Arial, Verdana, sans-serif;
    display: block;
}

/**
*   Styles for Text Page
*/
.text-content {
    padding-top: 5px;
    overflow: hidden;
}
.text-content p,
.text-content ul, 
.text-content h1, 
.text-content h2, 
.text-content h3, 
.text-content ol {
    padding-bottom: 15px;
}

.text-content h2 {
    font-size: 1.2em;
}
.text-content ul {
    list-style-type: disc!important;
    position: relative;
    left: 25px;
    padding-right: 25px;
}