/*
 *  @file:ostin.css
 *  @author: Webway IT Labs (www.webway.ru)
 *
 *  @desc:
 *  
 */

@import url(v11/reset.css);
@import url(v11/layout.css);
@import url(v11/base.css);

html{
    font-size:101%;
}

body{
    background:#b4b4b4 url(../_pic/bg-body.jpg) no-repeat 0 0;
    color:#595959;
    font:normal 62.5%/160% Arial, Helvetica, sans-serif;
}

a{
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
}
    a.sectionlink{
        color:#797979;
        display:-moz-inline-stack;
        display:inline-block;
        font-size:1em;
        font-weight:bold;
        line-height:18px;
        text-transform:uppercase;
    }

h1, h2, h3, h4{
    color:#D90900;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    line-height:110%;
    text-transform:uppercase;
}
h1{
    font-size:300%;
}

h2{
    font-size:250%;
}
h2.sectionhead{
    margin:0 0 71px;
}
    #catalogue h2.sectionhead{
        font-size:250%;
    }

h3{
    font-size:140%;
    font-weight:bold;
}
    h3.name{
        color:#fff;
        font-size:1em;
        font-weight:bold;
        margin:0;
        padding:0 0 1em;
        text-transform:uppercase;
    }

h4{
    font-size:100%;
    line-height:140%;
}

p{
    color:##595959;
    font-size:1em;
    line-height:1.2em;
    padding:0.2em 0 1.1em;
    margin:0;
}
    p img{
        background-color:#efefef;
        margin:1em;
        padding:.4em;
    }
    p img.right{
        float:right;
        margin-right:0;
    }
    p img.left{
        float:left;
        margin-left:0;
    }

ul,ol{
    margin:0;
    padding:.5em 0 1em 1.9em;
}
    li{
        margin:0;
        padding:0;
    }
    ul li{
        background:transparent url(../_pic/bullet.png) no-repeat 0 .2em;
        padding:0 0 .2em 34px;
    }
    ol li{
        list-style-type:decimal;
        margin:0 0 0 22px;
        padding:0 0 .2em 17px;
    }


form input,
form select,
form textarea{
    background-color:#b4b4b4;
    border:1px solid #797979;
    color:#797979;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.9em;
}
form input.text,
form select,
form textarea{
    background-color:#F3F4F4;
}

form input.submit{
    background-color:#transparent;
    border:none;
    color:#595959;
    cursor:pointer;
    padding:0;
    margin:0;
    text-align:left;
    text-transform:uppercase;
}
form label{
    color:#fff;
    font-size:1em;
    text-transform:uppercase;
}
    form label.iconed{
        display:-moz-inline-stack;
        display:inline-block;
    }

.red{ color:#D90900 !important; }
.white{ color:#fff !important; }

/* =GRAPHS */
.h2-news{
    background-image:url(../_pic/h2-news.png);
    width:139px;height:22px;
}
.h2-store{
    background-image:url(../_pic/h2-store.png);
    width:157px;height:23px;
}

/* =ICOS */
.iconed{
    display:-moz-inline-stack;
    display:inline-block;
    *display:inline;
    *zoom:1;
}
.ico-down{
    background-image:url(../_pic/ico-arrow-down-1.gif);
    width:18px;height:18px;
}
.ico-current{
    background-image:url(../_pic/ico-arrow-down-1.gif);
    background-position:100% .2em;
    padding:4px 28px 3px 0;
}
.ico-back{
    background:transparent url(../_pic/ico-back.png) no-repeat 0 0;
    padding:0 0 0 39px;
}
    a.ico-back{
        padding-top:1px;
        padding-bottom:2px;
        margin-left:23px;
    }
.ico-next{
    background:transparent url(../_pic/ico-next.png) no-repeat 100% 0;
    padding:0 29px 0 0;
}
    a.ico-next{
        padding-top:1px;
        padding-bottom:2px;
    }

.article{
    padding:0 0 20px;
}
    .article dd{
        padding-top:.7em;
    }
    .article .name{
        color:#fff;
        font-weight:bold;
        text-transform:uppercase;
    }

.name .date{
    color:#D90900;
    font-size:1em;
    padding-right:.5ex;
}

/* =CALENDAR */
ul.years{
    color:#454545;
}
    ul.years li{
        padding:0 0 .4em;
    }
    ul.years a,
    ul.years span{
        
    }
    ul.years a{
        color:#494949;
    }
    ul.years span{
        background:transparent url(../_pic/ico-current-small.png) no-repeat 100% .12em;
        padding-right:16px;
    }
ul.monthes{
    color:#D90900;
    margin:0;
    padding:0;
    width:16ex;
}
    ul.monthes li{
        display:-moz-inline-stack;
        display:inline-block;
        padding:0;
        margin:.2em 0 .2em;
        text-align:center;
        width:2.2ex;
    }
    ul.monthes a{
        color:#fff;
    }
    ul.monthes span{
        background-image:none;
    }

ul.sectionnavi{
    margin:-45px 0 0;
}
    ul.sectionnavi li{
        padding-bottom:7px;
        text-transform:uppercase;
    }
    ul.sectionnavi span{
        color:#D90900;
        font-size:1.5em;
    }
    ul.sectionnavi a{
        color:#595959;
        font-size:1em;
    }
        ul.sectionnavi li ul.hor li{
            display:inline;
        }
        

dl.address{
    background:transparent url(../_pic/bullet.png) no-repeat 0 0.45em;
    margin:12px 0;
    padding-left:20px;
    overflow:hidden;
    *zoom:1;
}
    dl.address dt,
    dl.address dd{
        font-size:1em;
        line-height:1.5em;
    }
    dl.address dt{
        clear:left;
        color:#fff;
        float:left;
        padding-right:.5ex;
    }
    dl.address dd{

    }
    dl.address .metro{
        font-weight:bold;
    }

/* =pager */
ul.pager{
    display:inline-block;
    *zoom:1;
}
    ul.pager li{
        font-size:1em;
        color:#D90900;
        padding:0 5px;
        *float:left;
        *margin:0 !important;
    }
        ul.pager li span{
            color:#D90900;
        }
        ul.pager li a{
            color:#595959;
        }
        ul.pager li .grapher{
            display:-moz-inline-box;
            display:inline-block;
            *display:inline;
            *float:left;
            *margin-top:4px !important;
        }
        ul.pager li .ico-prev,
        ul.pager li .ico-next{
            width:9px;
            height:9px;
            font-size:5px;
            line-height:100%;
            padding:0;
            margin:0;
        }
        ul.pager li .ico-prev{ background-image:url(../_pic/ico-prev-small.gif); }
        ul.pager li .ico-next{ background-image:url(../_pic/ico-next-small.gif); }

.sticker{
    position:absolute;
    z-index:3;
    top:167px;
    left:537px;
}
.sticker.first{
    left:390px;    
}
.sticker.last{
    left:679px;    
}


.dot{
    display:block;
    width:11px;
    height:11px;
}
a.dot:hover,
a.dot:active,
a.dot.active,
span.dot{
    background:transparent url(../_pic/ico-dot-border.png) no-repeat center;
}
    .dot ins{
        background:transparent url(../_pic/ico-dot.png) no-repeat center;
        display:block;
        width:100%;
        height:100%;
        text-indent:-999em;
    }
    a.dot ins{
        cursor:pointer;
    }
    

#outside{
    font-size:1.2em;
    line-height:1.2em;
}

#hd{
    height:98px;
    position:relative;
}
    #hd #logo{
        position:absolute;
        top:36px;
        left:785px;
    }

#navi{
    background-color:#D90900;
    font-size:0.8em;
    color:#fff;
    position:relative;
    text-transform:uppercase;
    z-index:2;
}
    #navi ul.hor{
        margin:0 0 0 30px;
        padding:12px 0 11px;
        overflow:hidden;
        -zoom:1;
    }
        #navi li{
            float:left;
            padding-left:58px;
            text-align:right;
        }
        #navi li.first{
            padding-left:0;
        }
            #navi li a{
                text-align:right;
            }
            #navi li.first a{
                text-align:left;
            }
    
    #navi a{
        color:#fff;
        font-size:1em;
    }

#sidelight{
    position:absolute;
    left:535px;
    top:85px;
    background:transparent url(../_pic/bg-sticker.png) no-repeat 0 0;
    width:572px;
    height:401px;
    z-index:1;
}
#bottomlight{
    position:absolute;
    left:0px;
    top:341px;
    background:transparent url(../_pic/bg-map.png) no-repeat 0 0;
    width:522px !important;
    height:377px !important;
    z-index:2;
}
#catlight{
    position:absolute;
    left:0px;
    top:185px;
    background:transparent url(../_pic/bg-catalogue.png) no-repeat 0 0;
    width:945px;
    height:556px;
    z-index:1;
}


#special{
    color:#606060;
    font-size:.9em;
    width:280px;
    height:128px;
}
    #special .ico{
        position:absolute;
        top:5px;
        left:118px;
    }
    #special a{
        color:#606060;
        font-size:1em;
    }
    #special .img{
        float:left;
    }
    #special .descr{
        display:block;
        margin:25px 0 0 140px;
    }

#bd{
    position:relative;
    z-index:2;
}


#city{
    
}
    form#CitySelection{
        padding:38px 0 10px;
    }
        form#CitySelection .line{
            padding:.3em 0
        }
        form#CitySelection option{
            width:158px;
        }
        form#CitySelection label{
            font-weight:bold;
        }

    #RuMap{
        /*background:transparent url(../_pic/bg-map.png) no-repeat 0 0;*/
        /*padding:38px 81px 99px 37px;
        margin:-38px -81px -99px -37px;*/
        clear:both;
        overflow:hidden;
    }
        #RuMap .tube{
            clear:both;
            float:left;
            position:relative;
            top:0px;left:0px;
        }


#sidebar{
    
}
    #sidebar h3{
        padding:32px 0 6px;
    }
    #sidebar h3.first{
        -margin:0 !important;
        padding-top:93px;
    }
    #sidebar.t-shift h3.first{
        padding-top:150px !important;
        -zoom:1;
    }
    
    #sidebar form .line{
        padding:.2em 0;
    }
    #sidebar form input.text,
    #sidebar form select{
        background-color:transparent;
        padding:.2em 0 .15em;
        width:159px;
    }


#address{
    
}
    #address .tube{
        margin-left:34px;
    }

  
    form#AddrSelection{
        padding:132px 0 5px;
    }
        form#AddrSelection .line{
            padding:.3em 0;
        }
        form#AddrSelection .ico-current{
            background-image:url(../_pic/ico-current-small.png);
            background-position:100% .5em;
            padding-right:17px;
        }
        form#AddrSelection label{
            font-weight:bold;
        }
        form#AddrSelection select{
            margin:-10px 0 0;
            width:160px;
        }

    #address .address{
        margin-left:-20px;
    }


/*
  =CATALOGUE======================================================
*/
#catalogue #special.sticker{
    top:201px;
    left:753px;
}

#catalogue .section{
    position:relative;
    clear:both;
    z-index:1;
    overflow:hidden;
}
#catalogue h2.sectionhead{
    font-size:250%;
}
#catalogue a.sectionhead{
    background:transparent url(../_pic/ico-arrow-down-1.gif) no-repeat 100% .2em;
    color:#fff;
    font-size:190%;
    display:-moz-inline-stack;
    display:inline-block;
    line-height:110%;
    padding-right:25px;
    position:relative;
    top:-100px;
    left:14.5em;
    text-decoration:none;
    text-transform:uppercase;
}
#catalogue ul.sectionnavi{
    border-bottom:8px solid #D90900;
    margin-top:-81px;
    padding-bottom:17px;
    width:283px;
    z-index:10;
}
    #catalogue ul.sectionnavi li{
        font-size:1.15em;
    }
        #catalogue ul.sectionnavi li span{
            background:transparent url(../_pic/ico-current-small.png) no-repeat 100% .35em;
            font-size:1.3em;
            line-height:1.3em;
            padding-right:26px;
        }
        
        #catalogue ul.sectionnavi li ul.hor{
            padding-top:.3em;
            text-align:justify;
        }
            #catalogue ul.sectionnavi li ul.hor li{
                font-size:.7em;
                line-height:1.9em;
                padding-right:.5em;
                text-align:justify;
            }
                #catalogue ul.sectionnavi li ul.hor li a{
                    color:#fff;
                }
                #catalogue ul.sectionnavi li ul.hor li span{
                    background:none;
                    font-size:1.2em;
                    line-height:100%;
                    padding:0;
                }

    #catalogue .section h3{
        float:left;
        font-size:180%;
        font-weight:normal;
        padding:17px 0 0;
    }
    #catalogue .section .pager{
        display:inline;
        float:left;
        padding:22px 6px 0 12px;
        position:relative;
        z-index:100;
    }
        #catalogue .section ul.pager li{
            display:inline;
            *float:left;
            padding:0 3px;
        }
        #catalogue .section ul.pager li.first{
            -float:left !important;
            -margin:0 !important;
        }
            #catalogue .section ul.pager li .grapher{
                *float:left;
                *margin:2px 0 0;
            }
    
    #catalogue .section p{
        color:#D90900;
        float:left;
        padding:22px 0 0 20px;
    }
        #catalogue .section p a{
            color:#595959;
            font-size:.9em;
            margin-right:12px;
            text-transform:uppercase;
        }
    #catalogue .section form{
        clear:both;
        padding:16px 0 6px;
    }
        #catalogue .section form label{
            color:#595959;
            font-size:.9em;
            padding-right:33px;
        }
        #catalogue .section form select{
            width:160px;
        }

#cat-teaser{
    /*background:transparent url(../_pic/bg-catalogue.png) no-repeat 0px 0px;*/
    padding:100px 50px 91px 37px;
    margin:-35px -50px -95px -37px;
    -zoom:1;
    /*overflow:hidden;*/
    /*position:relative;*/
}
    #cat-teaser .btn{
        *display:inline !important;
        float:left;
        margin-bottom:19px;
        padding:7px 3px;
        -padding:7px 7px;
        position:relative;
        top:0px;left:0px;
        z-index:1;
    }
    #cat-teaser .first.btn{
        padding-left:0;
    }
    #cat-teaser a,
    #cat-teaser span{
        display:block;
        -display:inline-block;
        height:359px;
        position:relative;
        top:0px;left:0px;
    }
        #cat-teaser.main .btn a,
        #cat-teaser.main .btn span{
            width:228px;
            height:361px;
        }
        #cat-teaser.main span{
            border-bottom:8px solid #D90900;
        }
        
        #cat-teaser.detailed a,
        #cat-teaser.detailed span{
            height:300px;
        }
        
        #cat-teaser .btn ins{
            background-color:transparent;
            position:absolute;
            top:0px;left:0px;
            width:100%;
            height:100%;
            opacity:.5;
        }
        #cat-teaser .btn a ins{
            cursor:pointer;
        }
        
    #cat-teaser .btn a:hover,
    #cat-teaser .btn span{
        /*border-bottom:8px solid #D90900;*/
    }
        #cat-teaser .btn a:hover ins,
        #cat-teaser .btn span ins{
            background-color:#fff;
            -filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        }
    
        .btn .it-descr{
            /*background-color:#CFCFCF;
            border:1px solid #595959;*/
            display:none;
            position:absolute;
            top:0px;right:0px;
            width:100%;
            height:100%;
        }
        .btn .it-params{
            width:100%;
        }
            .btn table.data-table,
            .btn table.data-table th,
            .btn table.data-table td{
                font-size:1em;
                line-height:1.4em;
                text-align:left;
            }
            .btn table.data-table{
                margin:27px 0 0 2px;
                width:167px;
            }
            .btn table.data-table th{
                color:#595959;
                font-weight:normal;
            }
            .btn table.data-table td{
                color:#797979;
            }
            .btn table.data-table td.price{
                color:#D90900;
                white-space:nowrap;
            }
                
                .btn .it-descr .entry{
                    /*margin:5px 20px 24px;*/
                }
                .btn .it-descr table{
                    margin:0px;
                }
                .btn .it-descr table th,
                .btn .it-descr table td{
                    padding:2px 2px;
                }
                .btn .it-descr table .thead{
                    color:#fff;
                    font-size:1.1em;
                    font-weight:bold;
                    padding:15px 0 10px;
                    text-transform:uppercase;
                }
            
            #cat-teaser .btn .it-descr .btn-close{
                position:absolute;
                bottom:15px;left:20px;
                top:auto;right:auto;
            }
                #cat-teaser .btn .it-descr .btn-close a{
                    background:transparent url(../_pic/ico-close.gif) no-repeat 100% 0;
                    display:inline !important;
                    color:#fff;
                    font-size:1.1em;
                    font-weight:bold;
                    height:auto;
                    padding:0 24px 0 0;
                    -padding-top:1px;
                    -padding-bottom:2px;
                    -zoom:1;
                    text-decoration:none;
                    text-transform:uppercase;
                }

    
    #cat-teaser .deco{
        position:absolute;
        top:15px;
        /*left:37px;*/
        left:3px;
        -left:0px;
        z-index:15;
    }
    
    #cat-teaser .btn.active{
        padding:6px 21px 8px;
        margin:0 -19px;
        z-index:2;
    }
        #cat-teaser .btn.active .it-descr{
            display:block;
        }
    
#cat-teaser .tube{
/*    padding:8px 0 8px 0;*/
    padding:8px 0 0 0;
    position:relative;
    overflow:hidden;
    width:875px;
}
    #cat-teaser .tube .items-line{
        width:10000px;
    }

#cat-desc{
    position:relative;
    margin:0 0 50px;
    width:80%;
    z-index:100;
}
    #cat-desc h3{
        font-size:180%;
        font-weight:normal;
        padding:0 0 .3em;
    }

#ft{
    background:transparent url(../_pic/bg-foot.jpg) no-repeat 0 0;
    margin-top:-85px;
    padding-top:115px;
    color:#606060;
    font-family:Verdana, sans-serif;
    font-size:.8em;
    z-index:1;
}
    #ft a{
        color:#606060;
        font-family:Verdana, sans-serif;
        font-size:1em;
    }
    
    #ft .row{
        padding:0 0 13px;
        -width:100%;
        z-index:4;
    }
    
    #ft .tel,
    #ft .email{
        float:left;
    }
        #ft dt,
        #ft dd{
            padding-right:.5em;
        }
            #ft .tel dd:after{
                content:'|';
                font-size:1em;
                padding:0 0 0 .5em;
            }
    
    #ft #copyrights{
        color:#D90900;
    }
        #ft #copyrights *{
            vertical-align:top;
        }
        #ft #copyrights .date{
            color:#231F20;
        }
    
    #ft #webway{
        color:#231F20;
        margin-left:-80%;
    }
        #ft #webway a{
            color:#231F20;
        }


/* =LIGHTBOXES */
#allAddresses{
    
}
    #allAddresses h3{
        background-image:url(../_pic/ico-current-small.png);
        font-size:1em;
        padding-left:33px;
        padding-right:17px;
    }
    #allAddresses dl.address dt{
        padding-right:1ex;
    }
        #allAddresses dl.address dt.metro{
            padding-right:1.3ex;
        }
    
    #allAddresses .pager{
        padding-left:33px;
    }
/*
 * Collection icons
 */
.icoColl {
	display: inline-block;
	height: 13px;
	margin-right: 2px;

	}
	.man {
		width: 29px;
		background: url(../_pic/ico_coll.jpg) no-repeat -52px 0;
		}
	.woman {
		width: 50px;
		background: url(../_pic/ico_coll.jpg) no-repeat 0 0;		
		}
	.casual {
		width: 50px;
		background: url(../_pic/ico_coll.jpg) no-repeat -83px 0;
		}
	.studio {
		width: 43px;
		background: url(../_pic/ico_coll.jpg) no-repeat -202px 0;
		}
	.casualM {
		width: 17px;
		background: url(../_pic/ico_coll.jpg) no-repeat -165px 0;
		}
	.casualW {
		width: 17px;
		background: url(../_pic/ico_coll.jpg) no-repeat -183px 0;
		}
	.casualMW {
		width: 30px;
		background: url(../_pic/ico_coll.jpg) no-repeat -134px 0;
		}
	.studioM {
		width: 17px;
		background: url(../_pic/ico_coll.jpg) no-repeat -276px 0;
		}
	.studioW {
		width: 17px;
		background: url(../_pic/ico_coll.jpg) no-repeat -295px 0;
		}
	.studioMW {
		width: 30px;
		background: url(../_pic/ico_coll.jpg) no-repeat -246px 0;
		}