/* 
    Document   : main.css
    Created on : 21.10.2009, 17:12:53
    Author     : TheVeryMen
    Description:
        Purpose of the stylesheet follows.
*/

/***   CSS Reset   ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse:separate;
	border-spacing: 0;
        border:0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html, body {height: 100%;}

body {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 color:#000;
 line-height:18px;
 background: #fff;
}

h2{
    margin:10px 0px 20px 0px;
}

br{
    clear:both;
}

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

a:hover{
    text-decoration: none;
}

a img{
    text-decoration: none;
    border:0;
}

input.text{
    border:1px solid #898989;
}

.small{
    font-size:9px;
}
.grey{
    color:#898989;
}
.big{
    font-size:18px;
}
.lightgrey{
    color:#b0b0b0;
}

.white{
    color:#fff;
}

.brown{
    color:#a48700;
}

.brown-border{
    border: 1px solid #a48700;
}


a.nonunder{
    text-decoration: none;
}

a.nonunder:hover{
    text-decoration: underline;
}
.lightbrown-bg{
    background-color:#ffeedd;
}
.white-bg{
    background-color:#fff;
}
/*** Layout ***/

div#container{
    min-width:951px;
}

/** Header **/
div#header{
    width:100%;
    height:206px;
    background-color:#fff;
    position:relative;
    z-index:1;
}
div#header-login{
    position:absolute;
     top:70px;
     right:5px;
     z-index:3;
}
/* Корзина */
div#cart{
     position:absolute;
     width:129px;
     height:65px;
     top:95px;
     right:0;
     background: transparent url('/img/client_decoration/cart1.png') no-repeat;
     /*padding-top:65px;*/
}
div#carttext{
     position:absolute;
     width:80px;
     height:72px;
     top:90px;
     right:0;
     
     overflow:hidden;
}
div.carterror{
    position:absolute;
    z-index:1000;
    background:yellow;
    width:360px;
    padding:0 5px;
    height:30px;
    line-height:30px;
    top:122px;
    right:0px;
    overflow:hidden;
    display:none;
    text-align: center;
}
div.cartline1{
    float:left;
    width:35px;
    white-space:nowrap;
}
div.cartline2{
    float:left;
    width:40px;
    padding-left:5px;
    white-space:nowrap;
}
a.cartlink{
    float:left;
    width:80px;
    text-align:center;
    
}
/* Меню языков */
div#langmenu-wrap{
    position:absolute;
    top:0;
    right:0;
    z-index:3;
}
div#langmenu{
     position:relative;
     float:right;      
}


div#langmenu li span
{
	float:left;
	background-repeat:no-repeat;
	background-position:0 6px;
	padding-left:14px;
	padding-right:5px;
	position:relative;
	background-color:#ccc;
}

div#langmenu li ul
{
	display:none;
	position:absolute;
	right:0; top:18px;
	background:#ccc;	
}

div#langmenu li ul a
{
	float:left;
	background-repeat:no-repeat;
	background-position:0 6px;
	padding-left:14px;
	padding-right:5px;
}

div#langmenu li.iehover ul
{
	display:block;
}


/* Главное меню */
div#mainmenu{
    position:absolute;
    width:700px;
    height:44px;
    background:#ccc url('/img/client_decoration/mainmenubg.png') no-repeat;
    top:0;
    right:0;
    z-index:2;
}
div#mainmenu ul{
    margin:8px 0px 0px 78px;
    list-style-type:none;
}
div#mainmenu ul li{
     vertical-align:bottom;
     display:inline;
     background: transparent url('/img/client_decoration/mainmenubullet.gif') no-repeat left;
     padding: 0px 12px 0px 18px;
}
/* Главное лого */
div#mainlogo{
    width:433px;
    float:left;
    margin-top:44px;
    height:162px;
    background:#fff;
    overflow:hidden;
    /*background:#fff url('/img/client_decoration/mainlogo.png') no-repeat left;*/
}
div#mainlogo span{
    display:none;
    font-size:0;
    line-height:0;
}

/* флеш-банер */
div#mainbanner{
    float:right;
    margin-top:44px;
    height:162px;
    width:216px;
    background:#fff;
}

/* поиск */
div#mainfind{
    float:right;
    margin-top:144px;
    height:62px;
    width:132px;
    background:#fff;
}
.rsslink{
    line-height:20px;
    background: transparent url('/img/client_decoration/rss.gif') no-repeat left;
    height:20px;
    float:left;
    padding-left: 20px;
    margin-top:5px;
}

.findinput{
    width:100px;
}

/* подменю */
div#mainsubmenu{
    float:right;
    margin-top:44px;
    height:162px;
    width:170px;
    background:#fff;
}

div#mainsubmenu ul{
    margin:20px 0px 0px 10px;
    list-style-type:none;
}

div#mainsubmenu ul li{
     vertical-align:bottom;
     line-height:20px;
     background: transparent url('/img/client_decoration/mainsubmenubullet.gif') no-repeat left;
     padding: 0px 12px 0px 18px;
}

/* треугольник в хедере */
div#maintriangle{
    position:absolute;
    width:40px;
    height:13px;
    background:#fff url('/img/client_decoration/triangledown.png') no-repeat right;
    top:0;
    left:0;
    z-index:2;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/* html
.clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */

#container{
    height:100%;
}
#mainwrap{
    min-height: 100%;
}

#footerwrap{
    display:none;
}

/** Footer **/
div#footer{
    position:relative;
    /*margin-top:-80px;*/
    clear:both;
    width:100%;
    height:60px;
    background:#fff;
    padding-top:20px;
    z-index:1;
}
div#pero{
    position:absolute;
    top:-10px;
    background:#fff url('/img/client_decoration/pero.png') no-repeat left;
    width:97px;
    height:89px;
    z-index:3;
}
div#footeremail{
    position:absolute;
    bottom:6px;
    left:90px;
    background:#fff;
    width:150px;
    height:30px;
    z-index:3;
}
div.footerbottom1{
    position:absolute;
    background:#fff;
    bottom:0;
    left:0;
    height:30px;
    width:30%;
    z-index:2;
}
div.footerbottom2{
    position:absolute;
    background:yellow;
    bottom:0;
    right:0;
    height:30px;
    width:70%;
    z-index:2;
    background:#fff url('/img/client_decoration/footerbottom2bg.gif') repeat-x right bottom;
}
#toplnk{
    float:left;
    width:36px;
    height:30px;
    background: #fff url('/img/client_decoration/gotopbutton.png') no-repeat;
}
div#footermenu{
    float:right;
    width:395px;
    padding: 0px 10px 0px 10px;
    vertical-align:top;
    line-height:12px;
    height:25px;
    border-left: 6px solid #e2aa73;
    background:#fff;
}
div#footerlogo{
    float:right;
    width:40px;
    height:25px;
    background:#fff url('/img/client_decoration/minilogo1.gif') no-repeat left;
}


div#wrapper{
    float:left;
    width:100%;
}
/*
div#info{
    float:left;
    width:302px;
    margin-left:-302px;
    background-color:#f1d5b9;
    margin-top:15px;
}
div.info-block{
    float:left;
    width:292px;
    padding-left:10px;
}
*/
div#info{
    float:left;
    width:230px;
    margin-left:-230px;
    background-color:#f1d5b9;
    margin-top:13px;
}

body:nth-of-type(1) #info{
     position:relative; z-index:1000;
}

div.info-block{
    float:left;
    width:220px;
    padding-left:10px;
}
.info-title{
    background:#e2aa73 url('/img/client_decoration/infoblocktitlebg.png') no-repeat right;
    height:42px;
    line-height:42px;
}
.info-text{
    margin-top:10px;
    padding-bottom:10px;
    background:#f1d5b9;
}
.info-scroll{
    min-height:75px;
    padding-bottom:30px;
    background:#f1d5b9 url('/img/client_decoration/infoscrollbg.png') no-repeat right bottom;
}
.info-banners{
    padding: 10px 0;
}
.info-banner{
    float:left;
    width:100px;
    height:100px;
    background:#ccc;
    border: 1px solid #fff;
    margin-left: 3px;
}

.info-whiteseparator{
    background:#fff;
    height:5px;
    line-height: 0;
    font-size: 0;
}

/*** Content ***/
/*
div#content{
    margin-right: 302px;
    margin-bottom:20px;
}

*/
div#content{
    margin-right: 230px;
    margin-bottom:20px;
}
div.content-block{
    position:relative;
    float:left;
    width:100%;
    border-top: 2px solid #e2aa73;
    border-bottom: 2px solid #e2aa73;
    background:#e2aa73;
    z-index:1;
    
}

div.content-block-right-wrapper{
    border-left:28px solid #e2aa73;
}
div.content-block-right{
    float:left;
    width:100%;
    min-height:30px;
    height:auto;
   
}

/*
div.content-block-right-wrapper{
    margin-left:28px;
}
div.content-block-right{
    padding:10px;
}
*/
div.content-block-left{
    position:absolute;
    height: 28px;
    bottom:0;
    left:0;
    background:#e2aa73 url('/img/client_decoration/minilogo2.gif') no-repeat left bottom;
    width:28px;
    border-top: 2px solid #e2aa73;
    border-bottom: 2px solid #e2aa73;
    z-index:10;
}

div.content-block-foot{
    margin-top:20px;
    position:relative;
    float:left;
    width:100%;
    height: 98px;
    border-top: 2px solid #e2aa73;
    background:#fff;
    z-index:1;
    
}

div.content-block-left-foot{
    position:absolute;
    height: 98px;
    top:0;
    left:0;
    background:#fff url('/img/client_decoration/gradientbottomlogo.png') no-repeat left top;
    width:28px;
    border-top: 2px solid #e2aa73;
    z-index:10;
}

/* список картинок */
div.content-block-img{
    width:30%;
    float:left;
    text-align:center;
    padding: 15px 0;
}
div.content-block-img-separator{
    width:100%;
    float:left;
    height:2px;
    border-top: 2px solid #e2aa73;
    border-bottom: 6px solid #fff;
    line-height: 0;
    font-size: 0;

}
div.events-separator{
    position:relative;
    margin: 20px 0;
}
div.events-separator-logo{
    position:absolute;
    background:#e2aa73 url('/img/client_decoration/minilogo2.gif') no-repeat left bottom;
    width:28px;
    height:28px;
    left:0;
    top: -14px;
}
div.events-separator-future{
    position:absolute;
    color:#e2aa73;
    font-weight:bold;
    font-size:12px;
    width:100px;
    height:14px;
    left:30px;
    bottom: 2px;
    line-height: 10px;
}
div.events-separator-past{
    position:absolute;
    color:#e2aa73;
    font-weight:bold;
    font-size:12px;
    width:100px;
    height:14px;
    left:30px;
    top: 4px;
    line-height: 10px;
    
}

/* просто линия текста */
div.content-block-line{
    clear:left;
    float:left;
    margin-left: 30px;
    padding: 10px 0;
}

div.content-block-data{
    float:left;
    
    margin:0px 20px;
    padding:10px 0px
    
}

div.content-block-data1{
    float:left;
    margin:0px 10px 0 38px;
    padding:10px 0px;
}


/** заголовок газдела **/
div.left-triangle{
    float:left;
    height:13px;
    width:40px;
    background:#fff url('/img/client_decoration/triangleup.png') no-repeat right bottom;
}

div.content-title{
    float:left;
    width:100%;
    height:44px;
    background:#e2e2e2 url('/img/client_decoration/parttitlebg.png') no-repeat right bottom;
    margin-bottom:10px;
}
div.content-title-text{
    display: inline;
    float:left;
    margin-left:29px;
    border-left: 6px solid #fff;
    height:44px;
    padding-left:14px;
    line-height:44px;
}

/** Форма **/
.content-block-text{
    padding:20px;
    margin-right:20px;
}
table.formtable{
    width:100%;
    border-top: 2px solid #e2aa73;
    border-bottom: 2px solid #e2aa73;
    border-collapse: collapse;
}
table.formtable td{
    border-bottom: 1px solid #e2aa73;
    padding:5px 0;
}
table.formtable td.label, table.formtable td.value{
   width:50%;
   vertical-align:top;
}
label.error{
    padding:2px;
    background:#ff0000;
    color:#fff;
    margin-left:10px;
}
.submitbutton{
    clear:both;
    float:right;
    background:#ffecda;
    border: 1px solid #dfa36a;
    padding:5px;
    margin:10px 0px;
    font-weight:bold;
}
.big-message{
    float:left;
    margin:20px 0px;
}

.aricle-image{
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}

/* тексты */

.article strong{
    font-weight:bold;
}

.article em{
    font-style: italic;
}

.article h1{

    font-weight:bold;
    font-size:200%;
    margin:10px 0;
}
.article h2{
    font-weight:bold;
    font-size:160%;
    margin:10px 0;
}
.article h3{
    font-weight:bold;
    font-size:140%;
    margin:10px 0;
}

.article blockquote {
background-color: #ccc;
/*quotes: "\201C" "\201D";*/
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

.article h4{
    font-weight:bold;
    font-size:120%;
    margin:10px 0;
}
.article ul{
    list-style-type:disc;
    list-style-position:outside;
    padding-left:20px;
}

table.article-table{
    width:100%;
}
table.article-table td{
    vertical-align:top;
}


div.links-block{
    margin-top:5px;
    float:left;
    width:100%;

}
div.links-block a{
    float:left;
}

div.kvadrat{
    float:left;
    background: transparent url('/img/client_decoration/kvadrat.gif') no-repeat center center;
    width:10px;
    margin:3px 10px 0 10px;
    
}

/*** Pager ***/
div.pager{
    float:left;
    width:100%;
    padding:10px 0;
    font-size:12px;
    text-align:right;
}

div.pager span.current{
    color:#000;
    font-weight:bold;
}
div.pager .previous-page{
    float:left;
    padding-bottom: 4px;
    background:#fff url('/img/client_decoration/arrowleft.gif') no-repeat left;
    padding-left:10px;
    margin-left:10px;
}
div.pager .next-page{
    float:right;
    padding-bottom: 4px;
    background:#fff url('/img/client_decoration/arrowright.gif') no-repeat right;
    padding-right:10px;
    margin-right:10px;
}

/* Community */
ul.tree-comment{
    float:left;
}
ul.tree-comment li{
    float:left;
    clear:both;
}
ul.tree-comment ul{
    clear:both;
    float:left;
    margin-left:20px;
}
a.comment-link{
    padding:4px 5px;
    font-size:0.7em;
    vertical-align:middle;
    _height:1px;
    background:#fff url('/img/client_decoration/page.gif') no-repeat 50% 50%;
}

div.add-comment{
    	width:90% !important;
	min-width:600px;
	height:250px;
	overflow:hidden;
}

div.add-comment textarea{
    	width:100%;
	height:200px;
	overflow:auto;
        background:#f3f0df;
	border:1px solid #e9e9e9;
}
div.add-comment input{
    float:right;
}
/** login **/
#login_dlg{
    position: absolute;
    z-index:500;
    display: none;
    right:5px;
    top: 25px;
    width:200px; background:#ffecda;
    border: 1px solid #dfa36a;
    padding:5px;
}

table.book-info{
    width:100%;
}

table.book-info{
    margin:20px 0;
    width:100%;
}
table.book-info td{
    border-top: 1px solid #e2aa73;
    padding:5px 0;
}
table.book-info td.label, table.book-info td.value{
   width:50%;
}

table.book-table{
    margin-top:20px;
    width:100%;
}
table.book-table td{
    vertical-align:top;
}
table.book-table td.first{
    width:40%;
}
div.price-block{
    margin-top:10px;
    width:200px;
    margin-left: auto;
    margin-right: auto;
}
div.price-block-line{
    float:left;
    width:200px;
    border: 1px solid #e2aa73;
}
.buy-block{
    background:#ffeedd;
}
.buy-block div.a{
    margin-left: auto;
    margin-right: auto;
    line-height:30px;
}
a.cart{
    background:transparent url('/img/client_decoration/cart1.gif') no-repeat center;
    padding-left:25px;
    padding-bottom:5px;
    width:25px;
    height:30px;
    text-decoration: none;
}

#shop_infoblock{
    float:left;
    display:none;
    background-color:yellow;
    padding:5px;
    line-height:20px;
}
/*** cart ***/

table.cart-table{
    width:100%;
    border-collapse: collapse;
}
table.cart-table td{
    vertical-align:middle;
    border-bottom: 1px solid #e2aa73;
    padding:5px 0;
}
table.cart-table th{
    border-bottom: 2px solid #e2aa73;
}
table.cart-table td.first{
    width:40%;
}
table.cart-table td.second{
    width:30%;
}
table.cart-table td.third{
    width:20%;
}
table.cart-table .fourth{
    width:10%;
    text-align:right;
}
table.cart-table .footer{
   border-top: 2px solid #e2aa73;
   border-bottom: 0;
}
input.itemcount{
    width:50px;
}
.itemlogo{
        float:left;
	border:solid 1px #959595;
	height:140px;
	width:140px;
	text-decoration:none;
	background: Transparent url( '/img/decoration/nophoto.jpg' ) no-repeat center center;
}