/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {
    background-color: #fff;
    color: #404040
}

.title a {
    color: #CC9900;
	text-decoration: none;
}
.title a:hover {
    color: #000;
	text-decoration: underline;
}

a {
    color: #404040;
	
}

a:hover {
    color: #000;
}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#nav span.pipe {
    color: #DDD;
}

#nav #nav-active {
    color: #00878d;
}

#tray {
    background-color: #BFBFBF;
}

#tray li a {
    color: #404040;
}

#tray li#tray-active a {
    background-color: #808080;
    color: #FFF;
}

#tray li a:hover {
    background-color: #9F9F9F;
    color: #FFF;
}

#search #search-input {
    background-color: #FFF;
}

#search #search-input input {
    color: #404040;
	font-size: 14px;
	height: 20px;
	padding-left: 5px;
}

#footer, #footer a {
    color: #9f9f9f;
}

#footer a:hover {
    color: #404040;
}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top, #col-bottom, #col {
    /* background-color:#dbfeff; */
}

#cols3 .col h3, .main-column .col h3, .catalog-column .col h3 {
    background-color: #797c7c;
    color: #ffd11d;
    font-size: 14px;
    text-transform: uppercase;
}

.index-categories>h3, .index-series>h3 {
    background-color: #ffd11d !important;
    color: #583e00 !important;
    font-size: 14px;
}

#cols3 .col h3 a, .main-column .col h3 a, .catalog-column .col h3 a {
    color: #ffd11d;
    text-decoration: none;
}

#cols3 .col h3 a:hover, .main-column .col h3 a:hover, .catalog-column .col h3 a:hover {
    color: #000;
}

#cols3 .col-more, .main-column .col-more {
    background: #F9F6E4;
    height: 40px;
}

#cols3 .col-text-desc, .main-column .col-text-desc {
    height: 230px;
    font-size: 13px;
}

#cols3 .col-text-desc strong, .main-column .col-text-desc strong {
    font-size: 14px;
}

#cols2 #col-left .title h4, #cols2 #col-right h4 {
    color: #2f2f2f;
}

#cols2 #col-left .title h4, #cols2 #col-left .title span {
}

#cols2 #col-left .article {
    color: #088389;
}

#cols2 #col-left a:hover.article {
    color: #000;
}

#cols2 #col-right {
}

#cols2 #col-right h4 span {
}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.high {
    color: #099AA1
}

#extendedAddress {
    position: absolute;
    margin: -115px 0 0 -15px;;
    width: 330px;
    height: 270px;
    border: 1px solid black;
    background: white;
    display: none;
    padding: 15px 15px;
    line-height: 22px;
}

#extendedAddress #extHide {
    position: absolute;
    margin-left: 320px;
    margin-top: -10px;
}

h2.bigCaption {
    font-size: 2.5em;
    text-transform: uppercase;
}

a.bigLinkButton {
    padding: 10px 30px;
    background: #fecd08;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

div.orderLoginForm {
    background: #fecd08;
    display: block;
    padding: 10px 20px;
    width: 350px;
}

div.orderLoginForm table {
    margin: 0;
    border-collapse: collapse;
}

div.orderLoginForm td {
    border: 0;
}

div.orderLoginForm td {
    background: #fecd08;
}

div.orderRegForm {
    background: #fecd08;
    padding: 10px 20px;
}

div.orderRegForm table {
    margin: 0;
    border-collapse: collapse;
}

div.orderRegForm td {
    border: 0;
}

div.orderRegForm td {
    background: #fecd08;
}

div.orderRegForm input {
    width: 120px
}

div.orderRegForm input#regCaptcha {
    font-size: 1.5em;
}

table.deliveryAddress {
    background: #ffffff;
    margin: 0;
    border-collapse: collapse;
    border: 0;
    width: 390px
}

table.deliveryAddress td {
    background: #ffffff;
    padding: 2px 5px;
}

table.deliveryAddress td.caption {
    text-align: right;
}

table.deliveryAddress input {
    width: 180px;
}

table.deliveryAddress input.small {
    width: 25px;
}

table.deliveryAddress textarea {
    width: 180px;
}

table.deliveryPosttype {
    width: 400px;
    margin: 0 auto
}

table.deliveryPosttype td {
    text-align: center;
}

div.orderDeliveryPrice {
    float: right;
    margin: 200px 0 0px 15px;
    text-align: center;
    font-weight: bold;
}

div.orderDeliveryPrice div.price {
    background: #fecd08;
    margin-top: 10px;
    padding: 5px 10px;
    text-align: center;
    font-weight: bold;
}

div.radioPanel {
    background: #fecd08;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 10px 0;
}

div.radioPanel div.spacer {
    width: 10px;
    display: inline-block;
}

div.deliveryForm {
    display: none;
}

div.deliveryForm div.deliveryAnchor {
    display: block;
    width: 350px;
    padding: 10px 15px 10px 15px;
    font-size: 0.8em;
    border: 1px solid #fecd08;
    margin: 0 auto;
}

div.deliveryForm h3 {
    margin: 0
}

div.deliveryForm div.floatDiv {
    float: right;
    margin: 0 0 15px 15px;
}

div.paymentForm {
    display: none;
}

div.paymentForm div.deliveryAnchor {
    display: block;
    width: 350px;
    padding: 10px 15px 10px 15px;
    font-size: 0.8em;
    border: 1px solid #fecd08;
    margin: 0 auto;
}

div.paymentForm h3 {
    margin: 0
}

div.paymentForm div.floatDiv {
    float: right;
    margin: 0 0 15px 15px;
}

.paysel {
    display: inline-block
}

table.checkTable {
    border: 1px solid black;
    border-collapse: collapse;
}

table.checkTable td, table.checkTable th {
    border: 1px solid black;
    padding: 5px 10px
}

#eCartBar {
    min-height: 85px;
    -webkit-box-shadow: inset -5px 5px 0px 0px #d3d3d1;
    -moz-box-shadow: inset -5px 5px 0px 0px #d3d3d1;
    box-shadow: inset -5px 5px 0px 0px #d3d3d1;
    border-radius: 5px;
    border: 1px solid #d3d3d1;
    margin: 5px;
}

#eCartLogo {
    margin-left: 10px;
    margin-top: 10px;
}

#eCartTitle {
    color: #76c5f0;
    text-transform: uppercase;
    font-size: 1.18em;
    font-weight: bold;
    width: 150px;
    margin-left: 80px;
    margin-top: -60px;
    line-height: 1.2em;
}

#eCartTitle a {
    color: #76c5f0;
    text-decoration: none;
}

#eCartPrice {
    color: #1f1a17;
    font-size: 2.8em;
    font-weight: bold;
    margin-left: 250px;
    margin-top: -65px;
}

#eCartRub {
    font-size: 0.5em;
    font-weight: normal;
    padding-left: 0px !important;
}

#eCartFormats {
    color: #40a1d4;
    font-size: 1.4em;
    margin-left: 250px;
    margin-top: -15px;
}

#eCartOnlyForReg {
    color: #6f6d6e;
    margin-top: 10px;
    margin-bottom: 10px;
}

#eCartQuestion {
    width: 20px;
    height: 20px;
    color: #fff;
    background-color: #76c5f0;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.2em;
}

#eCartInfo {
    margin-top: -20px;
    margin-left: 30px;
    color: #76c5f0;
}

#eCartInfo a {
    color: #76c5f0;
    text-decoration: none;
}
.ebooksColsTop{
    background: url('/images/cols2-to.png') no-repeat !important;
}
.ebooksContainer{
    background-color: #E8F6FF;
}
.ebooksContainer .container-title img{
    float: right;
}
.ebooksContainer .container-title h1, .ebooksContainer .container-title img{
    display: inline-block;
    vertical-align: top;
}
.ebooksContainer .catRow, .ebooksContainer .catRowHidden{
    background-color: transparent !important;
}
.ebooksContainer .c-book-title{
    background: transparent !important;
    border-bottom: 1px solid #ddd;
}