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

    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:url("../design/bg.gif") 0 0 repeat-x; */ font:0.8em/1.5 "arial", sans-serif;}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */
ul li { list-style: none;}
ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 0px; /* background:url("../design/ul-01.gif") 0 50% no-repeat; font-size:85%; */}

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

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

#main {width:960px; margin:0 auto; overflow:hidden;}

    #header {position:relative; height:90px; padding:30px 20px 15px 20px;}

        #logo {margin:0;}
    
        #nav {position:absolute; top:42px; right:20px; margin:0;}
        #nav span.pipe {margin:0 8px;}
        #nav #nav-active {font-weight:bold; text-decoration:none;}
    
    #tray {position:relative; width:960px; height:45px; background:url("../images/tray1000.gif") 0 0 no-repeat; overflow:hidden; font:bold 90%/1 "tahoma",sans-serif;}
    #tray ul {margin:0 20px; list-style:none;}
    #tray li {display:inline;}
    #tray li a {display:block; float:left; padding:17px 20px 17px 18px; background:url("../images/tray-sep.gif") 100% 0 no-repeat; text-decoration:none; }
    #tray li a:hover {background:url("../images/tray-hov.gif");}
    #tray li#tray-active a {background:url("../images/tray-act.gif");}

        #search { position:absolute; top:80px; left: 50%; margin-left: 260px;   width: 214px; height: 34px; padding: 1px 0px 0px 20px;  }
        #search div {position:relative; width:185px;}
        
        #search #search-input {position:absolute; top:0; left:0; width:150px; height:30px; background:url("../images/search-i.png") 0 0 no-repeat; overflow:hidden;}
        #search #search-input input {width:136px; margin:4px; border:0; font:100%/1 "arial",sans-serif;}
        #search #search-submit {position:absolute; top:0; right:0; width:30px;}

        #chooseLang {position:relative;}

    #footer {clear:both; padding:20px 20px 40px 20px; font-size:85%;}
    #footer p {margin:0;}

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

#col-top {width:960px; height:5px; margin-top:15px; /* background:url("../design/col-top.gif") 0 0 no-repeat; */ font-size:0; line-height:0; overflow:hidden;}
#col-bottom {width:960px; height:5px; margin-bottom:15px;/*  background:url("../design/col-bottom.gif") 0 0 no-repeat; */ font-size:0; line-height:0; overflow:hidden;}
#col {position:relative; padding:15px 30px 15px 20px; /* background:url("../design/col.gif") 0 0 repeat-y; */}

    #ribbon {position:absolute; top:-5px; left:0; width:100px; height:100px; background:url("../images/ribbon00.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;}

#col-browser {
height:130px;
margin-left:20px;
overflow:hidden;
position:relative;
width:880px;
}


    #col-text {float:right; width:600px; padding-top:15px; line-height:1.7;}

        #slogan {position:relative; width:600px; height:33px;  margin:0; padding:0; font-size:140%;}
        #slogan span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; }
        #btns {margin-top:25px; margin-bottom:0;}

#cols2-top {width:960px; height:5px; margin-top:15px; background:url("../images/cols2-to.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/cols2-bo.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2 {background:url("../images/cols2000.gif") 0 0 repeat-y;}

    #cols2 #col-right {float:right; width:595px; padding:20px;}
    #cols2 #col-left {float:left; width:268px; margin-right:1px; padding:20px;}
    
        #cols2 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}
        #cols2 #col-right .title {}
        #cols2 #col-right .title h4 {display:inline; padding-right:10px;}
        #cols2 #col-right .title span {padding-left:10px;}

        #cols2 .box {margin-top:15px; overflow: hidden;}
        #cols2 #col-left h4 {}
        #cols2 #col-left h4 span {padding-right:10px;}
        #cols2 .col-left-img {float:left; width:65px;}
        #cols2 .col-left-text {float:right; width:190px;}
        #cols2 .col-left-text p {margin:0;}

#cols3-top-orange {width:960px; height:5px; margin-top:15px; background:url("../images/cols3-to.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3-top {width:960px; height:5px; margin-top:15px; background:url("../images/cols3-tp.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}

#cols3-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/cols3-bo.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3 {background:url("../images/cols3000.gif") 0 0 repeat-y;}



    .col {float:left; width:308px; padding:0 1px; margin-right:15px;}
    .col.last {margin-right:0;}
    .col h3 {margin:0; padding:7px 15px 12px 15px;  font-size:120%;}

        .col-text {padding:20px; border-top:1px solid #DFDFDF; }
            .index-categories .col-text, .index-series .col-text {padding:20px; border-top:1px solid #DFDFDF; background-color: #f9f6e4;}

        .col-text p {margin:0;}
        .col-text ul {margin-bottom:0;}
        .col-more {padding:10px 10px 1px 0; text-align:right; top: 100px; background-color: #F9F6E4;}
.t-center img { margin: 15px 0px 10px 0px;}


#cols3 .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; 
}
.index-series ul{ background-color: #F9F6E4;}
.index-series { background-color: #F9F6E4;}

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

.ico-comment {padding-left:18px; background:url("ico-comm.gif") 0 50% no-repeat;}
.ico-rss {padding-left:18px; background:url("ico-rss0.gif") 0 50% no-repeat;}

.smaller {font-size:85%;}

.article { padding: 0px 0px 0px 20px; display: block;}

.categor li a { font-size: 14px; font-weight: bold; padding-bottom: 5px;}

#button_prev { position: absolute; top: 50px; left: 0px; z-index: 1000;}
#button_next { position: absolute; top: 50px; right: 0px; z-index: 1000;}
.invisible { left: 10000px; /* position: absolute;  */}

.carusel-book { position: absolute; top: 0px; overflow: hidden; }

.cartBar img.ajaxLoader {margin: 0 15px 9px 0}

.book-card {}
.book-card h1 { font-size: 18px;}
.book-card img { }
#book-summary p{  width: 550px; top: 0px; text-align: justify;}
#book-year {  width: 550px;}

.but-review {    padding: 0px 0px 10px 5px; top: 0px; vertical-align: top;  line-height: 30px; }
span.buyText { }
.btn-buy {  padding: 0px 5px 0px 0px;}


.book-price { float: right; font-size: 16px; }
.book-price span {font-weight: 600;}
.book-fl-left { float: left; margin: 0px 20px 30px 0px; line-height: 30px; }
.book-fl-left img { margin-bottom: 15px;}
.btns-cart { display: block; padding: 10px 0px 0px 0px;}
.btn-buy-cart, .btn-more-cart {   }
.btn-review-cart { vertical-align: top; margin-left: 5px;}


.news-list ul li { list-style: none;}
.news-read ul li { list-style: none;}

.basket { position: fixed; width: 140px; height: 120px; background-image: url(basket10.png); background-repeat: no-repeat; padding: 3px 0px 0px 20px; bottom: 0px;  z-index: 10000; right: 0px;  }
#cartCount { font-size: 30px; color: #000; top: 0px; margin: 50px 0px 0px 25px; text-align: right; width: 20px; height: 20px; display: block;}

table.catTable {border-collapse: collapse; width: 100%; font-size: 14px}
.catTable td {	padding: 10px;}
.catTable td.catPrice {width: 70px; }

.catRow {
	background: #F5F5F5;
	cursor: pointer;
	padding: 50px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;


}
.catRowHidden {
	background: #F5F5F5;
	}

a.book-title, a.book-title:hover, a.book-title:active, a.book-title:link, a.book-title:visited {
    text-decoration: none;
    color: #000;
}

.reviewTable {
    width: 100%;
    border-collapse: collapse;
}
.reviewTable tr.top td {
    border-top: 1px solid #000;
}
.reviewTable td {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
}
.reviewTable td.left div {
    width: 115px;
}
.reviewTable td.left {
    width: 170px;
}
.reviewTable td p {
    margin: 0px;
}
.reviewTable td.left .author {
    font-size: 10px;
}
.reviewTable td.left .book {
    font-size: 12px;
    line-height: 1.1;
}
.reviewTable td.left .book-reviews {
    font-size: 12px;
    text-decoration: none;
    color: #000;
    text-indent: 0px;
}
.reviewTable a.full-review {
    color: #FF9900;
}
.reviewTable p.review-author {
    font-size: 14px;
}
.reviewTable p.review-title {
    font-size: 16px;
}
.reviewTable p.review-source {
    font-size: 12px;
    margin: 15px 0px;
}


.tag1 { font-size: 80%;}
.tag2 { font-size: 100%;}
.tag3 { font-size: 120%;}
.tag4 { font-size: 140%;}
.tag5 { font-size: 160%;}
.tag6 { font-size: 180%; line-height: 90%;}
.tag7 { font-size: 200%; line-height: 92%;}
.tag8 { font-size: 220%; line-height: 94%;}
.tag9 { font-size: 240%; line-height: 96%;}
.tag10 { font-size: 260%; line-height: 98%;}

.tag1, .tag2, .tag3, .tag4, .tag5, .tag6, .tag7, .tag8, .tag9, .tag10 { margin: 0px 1px 0px 1px;}
.all-tags { text-align: center;}

.jsLink  {
background-color:#f5f5f5;
cursor:pointer;
padding:2px 7px; font-size: 12px; 
}

#name, #pass, #pass1, #pass2, #mail, #captcha, #act, #checkName, #checkSurname, #checkMiddlename, #checkPhone, #checkEmail {
background-color:#EEEEEE;
border-color:#444444 #888888 #888888 #444444;
border-style:solid;
border-width:1px;
color:#333333;
display:block;
font-size:20px;
height:30px;
margin:15px 0 10px;
padding:3px 0 0 3px;
width:400px;
}


h4  {
color:#333333;
font-size:12px;
font-weight:normal;
margin-bottom:30px;
}

.textInput  {
background-color:#EEEEEE;
border-color:#444444 #888888 #888888 #444444;
border-style:solid;
border-width:1px;
color:#333333;
display:block;
font-size:20px;
height:30px;
margin:15px 0 10px;
padding:3px 0 0 3px;
width:400px;
}

.all-comments ul li { list-style: none;}





input.cartCount { text-align: right; right: 0px; }


.books-cart { padding: 0; margin: 0; white-space: 0px; }
.books-cart #mytable { border: 1px solid #C1DAD7; 
	width: 100%;
	padding: 0;
	margin: 0;
}

.books-cart caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.books-cart th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(bg_heade.jpg) no-repeat;
}

.books-cart th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.books-cart td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


.books-cart td.alt {
	background: #F5FAFA;
	color: #797268;
}

.books-cart th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(bullet10.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.books-cart th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(bullet20.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
.catTable a {
	color: #FF9900;
	font-weight: bold;




}
.catRowWhite {
	background: #FFFFFF;
	cursor: pointer;
	padding: 50px;
/* 	border-top: 1px solid #CCCCCC; */


}
.catRowHiddenWhite {

	background: #fff;
	display: none;
}


span.colToggle { background-color: #eaeaea;}
.float-left { float: left; margin-left: 20px;}


h1 img { vertical-align: text-bottom ;}