body{ background:#171717 url(../image/bg_body.gif) top center; padding:10px 20px 20px 20px; margin:0px; color:#bbb; font-family:tahoma; font-size:11px} #main{width:980px;} .red{font-size:150%; color:#eee} a{text-decoration:none; color:#fff} a:hover{text-decoration:underline} .tab{ border-collapse:collapse} .tab th{ text-align:left; color:#eee; background:#2B2B2A; padding:4px; margin:0px} .tab td{ background:url(../image/dot_tab.gif) top repeat-x; padding:4px; margin:0px} /* Главный шаблон */ #FixedBar{position:fixed; left:0; top:200px; width:25px; height:100px; background:url(../image/fixed.gif) left top no-repeat} #FixedBar a{float:left; height:25px; width:25px} input,textarea{ font-size:100%; font-family:tahoma; border:1px dotted #5e5e5e; background:#323231; padding:3px 4px; color:#bbb; overflow:hidden} input[type=button]{padding:2px 4px; border:1px solid #5e5e5e; background:#2b2b2a; cursor:pointer} a{outline:none} h1{font-size:15px} .wrapper_top{ height:6px; width:930px; background:url(../image/wrapperTop.gif) top center no-repeat} .wrapper_bottom{height:6px; width:930px; background:url(../image/wrapperBottom.gif) top center no-repeat; margin-bottom:8px} .wrapper_center{width:930px; background:url(../image/wrapperCenter.gif) center repeat-y;} .hr{ height:2px; background:url(../image/hr.gif) repeat-x; margin:4px 2px} #page{width:930px; margin:0 auto} #head{ position: relative; height:31px; margin-bottom:10px} #headL{ position: absolute; left:0; color:#9a9999} #headL img{border:0} #headR{ position:absolute; right:0} #menu{height:34px; margin-left:8px; } #menu a{ display: block; text-decoration: none; overflow: hidden; cursor:pointer; background:transparent url(../image/menuL.gif) 0px 0px no-repeat; float:left; padding-left:34px; height:36px; margin-right:4px; line-height:34px; text-transform:uppercase; color:#969696; margin-bottom:-2px; text-shadow:0px 0px 3px #000; font-weight:normal} #menu a span{ display: block; float: left; position: relative; text-transform: uppercase; cursor:pointer; background:transparent url(../image/menuR.gif) right top no-repeat; height:36px; padding-right:10px } #menu a:hover, #menu a.active{ text-decoration:none; background:url(../image/menuL.gif) 0px -40px no-repeat; color:#fff} #menu a:hover span, #menu a.active span{background:url(../image/menuR.gif) right -40px no-repeat;} #speedbar{ position:relative; height:30px; line-height:30px;} #navig{ position:absolute; left:10px;} #navig a{color:#C8C8C8; text-decoration:none; font-size:10px; background:url(../image/arr.gif) left center no-repeat; padding-left:10px; padding-right:5px} #navig a:hover{text-decoration:underline} #navig span{color:#fff; font-size:10px; background:url(../image/arr_w.gif) left center no-repeat; padding-left:10px; padding-right:5px} #icons{ position:absolute; right:10px; top:0;} #icons a{float:right; height:30px; width:30px} #icons a.odk{background:url(../image/icons.gif) 0px 0px no-repeat} #icons a.odk:hover{background:url(../image/icons.gif) 0px -30px no-repeat} #icons a.vk{background:url(../image/icons.gif) -30px 0px no-repeat} #icons a.vk:hover{background:url(../image/icons.gif) -30px -30px no-repeat} #icons a.facebook{background:url(../image/icons.gif) -60px 0px no-repeat} #icons a.facebook:hover{background:url(../image/icons.gif) -60px -30px no-repeat} #icons a.twitter{background:url(../image/icons.gif) -90px 0px no-repeat} #icons a.twitter:hover{background:url(../image/icons.gif) -90px -30px no-repeat} #icons a.lj{background:url(../image/icons.gif) -120px 0px no-repeat} #icons a.lj:hover{background:url(../image/icons.gif) -120px -30px no-repeat} #icons a.bookmark{background:url(../image/icons.gif) -150px 0px no-repeat} #icons a.bookmark:hover{background:url(../image/icons.gif) -150px -30px no-repeat} #icons a.bb{background:url(../image/icons.gif) -210px 0px no-repeat} #icons a.bb:hover{background:url(../image/icons.gif) -210px -30px no-repeat} #icons a.ig{background:url(../image/icons.gif) -240px 0px no-repeat} #icons a.ig:hover{background:url(../image/icons.gif) -240px -30px no-repeat} #content{padding:0px 10px} #Footer{position:relative} #fmenu{ text-align:center;} #fmenu a{color:#fff; text-decoration:none; background:url(../image/dot.gif) left center no-repeat; padding-left:10px; padding-right:5px; text-shadow:1px 1px 1px #000} #copyrights{ text-align:center; font-size:10px} #UpArrow{position:absolute; right:10px; top:0; background:#373635; height:38px; width:35px; text-align:center; padding-right:5px} #Up{background:url(../image/icons.gif) -180px 0px no-repeat; float:right; height:30px; width:30px} #Up:hover{background:url(../image/icons.gif) -180px -30px no-repeat} /* Конец главный шаблон */ .product_short{padding:4px} .product_short img{border:1px solid #171717; margin:4px} .product_short p{ margin:3px 0px} .product_short h2{ font-size:100%; margin:3px 0px; padding:4px; color:#fff; background:#2b2b2a; border:1px dotted #5e5e5e; border-left:none; border-right:none} .product_short h2 span{font-weight:normal; color:#bbb; margin-right:10px} .product_short h2 a:hover{text-decoration:none} .album{ float:left; width:279px; margin:3px 11px; position:relative} .album img{border:4px solid #171717;} .album_name{position:absolute; bottom:4px; left:4px; background:#373635; color:#eee; font-weight:bold; padding:4px} .last{border-bottom:none} /* Слайдшоу */ /* Слайдшоу */ .gallery{border:4px solid #171717;} .gallery .img-holder { position:relative; width:699px; height:466px; border-right:2px solid #171717; } .gallery img{max-width:902px} .gallery .img-holder img { position:absolute; top:0px; left:0px; z-index:0; } .gallery .img-holder img.active { z-index:1; } .gallery .items{ margin:0; padding:10px 0px 10px 10px} .gallery .items li{ float:left; margin:2px; list-style:none;} .gallery .items li img{border:1px solid #171717; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; } .gallery .items li.active img{border:1px solid #eee} .gallery .nav{text-align:left; background:#171717; padding:5px 10px} .gallery .nav a{ float:left; height:16px; width:16px; text-indent:-9999px; margin-right:5px} .gallery .nav a.prev{background:url(../image/slideshowNav.gif) 0px 0px no-repeat} .gallery .nav a.prev:hover{background:url(../image/slideshowNav.gif) 0px -16px no-repeat} .gallery .nav a.next{background:url(../image/slideshowNav.gif) -16px 0px no-repeat} .gallery .nav a.next:hover{background:url(../image/slideshowNav.gif) -16px -16px no-repeat} .gallery .nav a.pause{background:url(../image/slideshowNav.gif) -48px 0px no-repeat} .gallery .nav a.pause:hover{background:url(../image/slideshowNav.gif) -48px -16px no-repeat} .gallery .nav a.play{background:url(../image/slideshowNav.gif) -32px 0px no-repeat} .gallery .nav a.play:hover{background:url(../image/slideshowNav.gif) -32px -16px no-repeat} .gallery .nav span{font-weight:bold; color:#fff} /*Форма заказа*/ .orderform{} .orderform td{ border-bottom:1px dotted #5e5e5e; margin:0; padding:4px} .orderform tr.last td{border:none} .orderform span{ font-size:10px; color:#171717} .orderform span.star{ font-size:14px; font-weight:bold; color:#cc0000} /* Кнопки социальных сетей */ #share42 { position: fixed; z-index: 1000; margin-left: -24px; padding: 6px 6px 0; background-color: #373635; border: 1px solid #666666; border-radius: 4px; box-shadow:0 0 1px 1px black; } #share42:hover{}