body { font-family: "Times New Roman", Times, serif; font-size: 14px; background: url(/image/layout/body-bg.gif) repeat-x #786739; line-height: 140%; color: #FFDB9C; } p { margin: 4px 0px 8px 0px; } h1 { font-size: 27px; color: #FFAB3E; background: url(/image/layout/marker-yellow.gif) 23px 10px no-repeat; padding: 14px 0px 14px 60px; } h1.yellow { background-color: #FFAB3E; color: #4E2C00; background-image: url(/image/layout/marker-brown.gif); } .work h1.yellow { padding-left: 80px; background-position: 45px 10px; } #content h2, h1.title2 { font-size: 22px; color: #FFAB3E; border-bottom: 2px solid #FFAB3E; margin-bottom: 10px; padding: 30px 80px 5px 0px; background: url(/image/layout/h2-bg.gif) right bottom no-repeat; } .forh2 { padding-top:10px !important; } h3 { font-size: 16px; font-weight: bold; color: #FFAB3E; margin: 24px 0px 8px; } #content ul { padding: 4px 0px 8px 5px; } #content ul li { padding: 0 0 0 15px; background: url(/image/layout/list-marker.gif) left 4px no-repeat; } #content b { color: #FFAB3E; } ul.catalog li { font-size: 17px; font-weight: bold; margin: 4px 0px; } dl { color: #E64502; margin: 4px 0px 16px; } dt { font-size: 17px; font-weight: bold; } dt small { font-size: 14px; font-weight: normal; } dd { margin-bottom: 8px; color: #FFDB9C; } dd a { color: #FFDB9C; } dl#root { width: 45%; float: left; padding-right: 20px; } dl#root dd {margin-bottom: 0;} dl#root ul * {color: #ffab3e;} a { color: #FFAB3E; } a:hover { text-decoration: none; } a.light { color: #FFDB9C; } a.xls { background: url(/image/layout/file-xls.gif) left center no-repeat; padding-left: 20px; } a.doc { background: url(/image/layout/file-doc.gif) left center no-repeat; padding-left: 20px; } a.pdf { background: url(/image/layout/file-pdf.gif) left center no-repeat; padding-left: 20px; } a.zip { background: url(/image/layout/file-zip.gif) left center no-repeat; padding-left: 20px; } a.txt { background: url(/image/layout/file-txt.gif) left center no-repeat; padding-left: 20px; } a.gif { background: url(/image/layout/file-gif.gif) left center no-repeat; padding-left: 20px; } .clear { float: none; clear: both; } .left { float: left; display: inline; } .right { float: right; display: inline; } .input, .textarea { border: 1px solid #FFAB40; padding: 2px 4px; font-family: Tahoma; font-size: 11px; color: #3A2108; background-color: #DE8417; } .select { border: 1px solid #FFAB40; font-family: Tahoma; font-size: 11px; background-color: #DE8417; } .submit { overflow: visible; border: 1px solid #FFAB40; padding: 1px 4px; font-family: Tahoma; font-size: 11px; color: #3A2108; background: url(/image/layout/btn-bg.gif) repeat-x #794700; cursor: pointer; } label.error { color: #E64502; font-size: 11px; } input.error { border-color: #E64502; } img.left { margin: 8px 10px 5px 0px; } img.right { margin: 8px 0px 5px 10px; } #container, #header, #footer { border: 1px solid #000; border-top: none; border-bottom: none; margin: 0px auto; } /******************************** header ********************************/ #header { position: relative; padding: 46px 0px 0px 366px; height: 180px; background: url(/image/layout/header-bg.jpg?2) left top no-repeat #7B4F1A; width: 634px; color: #FFAB3E; } #logo { position: absolute; top: 0px; left: 40px; width: 191px; height: 194px; } .ny {background: url(/image/layout/logo-ny.jpg) no-repeat;} #home, #sitemap, #contact, #cart { display: block; width: 13px; height: 11px; background-repeat: no-repeat; background-position: center; position: absolute; top: 205px; } #home { background-image: url(/image/layout/i-home.gif); left: 70px; } #home:hover { background-image: url(/image/layout/i-home-hover.gif); } #sitemap { background-image: url(/image/layout/i-sitemap.gif); left: 110px; } #sitemap:hover { background-image: url(/image/layout/i-sitemap-hover.gif); } #contact { background-image: url(/image/layout/i-contact.gif); left: 150px; } #contact:hover { background-image: url(/image/layout/i-contact-hover.gif); } #cart { background-image: url(/image/layout/i-cart.gif); left: 190px; } #cart:hover { background-image: url(/image/layout/i-cart-hover.gif); } #site-navigation { height: 46px; position: absolute; right: 0px; top: 0px; width: 756px; } #site-navigation li { float: left; width: 108px; } #site-navigation li.about { width: 90px; } #site-navigation li.production { width: 90px; } #site-navigation li.where-to-buy { width: 81px; } #site-navigation li.information { width: 90px; } #site-navigation li.contacts { width: 81px; } #site-navigation a { display: block; height: 36px; text-align: center; padding-top: 10px; color: #ECC18A; line-height: 100%; } #site-navigation a:hover, #site-navigation li.current a { background-color: #89591B; text-decoration: none; } #header h2 { color: #3A2108; font-style: italic; font-size: 24px; padding: 10px 0px 5px; } #header .input { width: 150px; float: left; margin-right: 6px; } #header .image { display: block; float: left; margin-top: 3px; } #header_text { height:148px; overflow:hidden; } #container { background-color:#281101; width: 1000px; height: 100%; overflow: hidden; position:relative; } /******************************** left ********************************/ #left-side { width: 276px; overflow: hidden; float: left; background: url(/image/layout/left-side-bg.gif) 0 47px; repeat-y; } #production-bg { background: url(/image/layout/cart-bg-work.jpg) top no-repeat; border-top: 1px solid #ffab40; } #production { padding: 16px 0px 20px 0px; } #production li { padding: 7px 0 7px 12px; display:block; } #production a { display: block; color: #FFAB3E; font-style: italic; text-decoration: none; font-size: 22px; padding-left: 28px; padding-right:5px; } #production a small { font-size: 15px; } #production a:hover, #production li.current a { color: #FFDB9C; background: url(/image/layout/production-marker_s.gif) 0px 3px no-repeat; } #cart-summary { border-top: 1px solid #ffab40; padding: 3px 0 0 10px; font-size: 12px; color: #ffab3e; } #cart-summary #title { display: block; float: left; font-size: 15px; color: #986321; background: none; padding: 0 20px 0 30px; } #cart-summary #title.empty { padding: 10px 20px 0 60px; height: 47px; float: none; } #cart-summary a { text-align: center; font-size: 12px; width: 191px; margin-left: 30px; margin-top: 15px; display: block; text-decoration: none; background-repeat: repeat; padding: 0; } #helper { background: url(/image/layout/bg-helper.png);font-size: 12px; color: #FFAB3E; padding: 13px 50px 13px 56px; } #helper .input { display: block; width: 160px; } #helper .passwd { margin-top: 5px; margin-bottom: 5px; width: 105px !important; float: left; } #helper .submit { margin-top: 5px; margin-bottom: 5px; float: right; width: 50px } #helper b { font-size: 14px; } #helper p.extra { margin-top: 10px; font-style: italic; } .banner, .banner img { display: block; } /******************************** right-side ********************************/ #right-side { width: 724px; overflow: hidden; height: 100%; float: right; } #route { font-size: 12px; color: #FFDB9C; padding: 10px 0px 10px 45px; } #route a { text-decoration: none; color: #FFDB9C; } .work #content { padding: 10px 45px 130px 45px; } .work #links { position:absolute; bottom:0px; margin:10px 0px 0px 0px; padding: 0px 10px 10px 23px; width:691px; height:110px; background: url(/image/layout/content-bg.gif) no-repeat right bottom #281101; overflow:hidden; color: #FFAB3E; } .work #links h1 { background-position: 0px 10px; padding-left: 37px; } #links ul { display:block; float:left; padding: 0px 30px 4px 9px; } #links ul li { padding: 0 0 0 15px; background: url(/image/layout/list-marker.gif) left 4px no-repeat; } #links b { color: #FFAB3E; } /******************************** главная страница ********************************/ .main #left-side { width: 366px; background: none; } .main #right-side { width: 634px; } /* .main #production { padding: 45px 10px 70px 16px; background: url(/image/layout/production-bg.jpg) no-repeat #562900; border-top: 1px solid #FFAB40; } */ .main #production { padding: 45px 0px 70px 0px; background: url(/image/layout/production-bg.jpg) no-repeat #562900; border-top: 1px solid #FFAB40; } .main #contacts { width: 296px; padding-top: 40px; height: 121px; } .main #shop { width: 274px; } #novelty { float: left; width: 332px; overflow: hidden; } #novelty img { display: block; } #actions { float: left; width: 301px; overflow: hidden; border-left: 1px solid #281101;} #actions img { display: block; } #news { clear: left; width: 574px; /*height: 500px; overflow: hidden;*/ padding: 25px 0px 20px 60px; } #news h1 { position: relative; left: -60px; } /******************************** footer ********************************/ #footer { width: 1000px; background-color: #281101; position: relative; } #contacts { float: left; width: 206px; height: 141px; overflow: hidden; padding: 20px 10px 10px 60px; background: url(/image/layout/contacts-bg.gif) left center no-repeat; } #shop { background: url(/image/layout/shop-bg.jpg) right no-repeat #655021; float: left; width: 364px; height: 171px; overflow: hidden; padding: 0px 360px 0px 0px; display: block; text-decoration: none; } #shop p { margin-left: 37px; } #shop p.mainshop { margin-left: 60px; } #copy { clear: left; display: block; background-color: #946329; margin: 0px; color: #3A2108; padding: 15px 0px 15px 60px; line-height: 180%; } #copy a { color: #3A2108; } #counters { position: absolute; bottom: 15px; right: 15px; } #counters_top { display:none; } /******************************** tables ********************************/ table.form { width: 98%; } table.form th { text-align: right; width: 1%; white-space: nowrap; vertical-align: top; } table.form th, table.form td { padding: 4px; } .datatbl { border-top: 3px solid #F4A73B; width: 98%; margin: 8px 0px 4px; } .datatbl th { /*text-align: center;*/ font-weight: bold; padding: 5px 15px; border-bottom: 1px solid #7F5829; } .datatbl td { padding: 4px; border-bottom: 1px solid #7F5829; } .datatbl tr.odd td { background-color: #3D1A01; } .datatbl .input { width: 30px; text-align: right; } .datatbl .no-photo { width: 75px; height: 75px; line-height: 75px; text-align: center; font-size: 11px; color: #653E12; border: 1px solid #653E12; } table .r { text-align: right; } table .c { text-align: center; } table.center th, table.center td { text-align: center; } #tooltip { position: absolute; z-index: 99; } #tooltip.production { background: url(/image/jquery/tooltip/bg.gif) left top no-repeat #FFE5C4; opacity: 0.85; padding: 0px 30px; height: 68px; line-height: 68px; } #tooltip.production h3 { font-weight: bold; color: #9A4D0E; font-size: 14px; margin: 0px; padding: 0px; } #tooltip.img { height: 250px; width: 250px; } #tooltip.img img { border: 2px solid #653E12; } #tooltip.img_big { height: 386px; width: 386px; } #tooltip.img_big img { border: 2px solid #653E12; } .files { margin: 20px 0; } .list-manage { overflow: hidden; height: 100%; width: 98%; } .list-manage .submit { font-size: 12px; padding: 2px 5px; background-repeat: repeat; } .list-manage .left { margin-right: 5px; } .list-manage .right { margin-left: 5px; } /******************************** item ********************************/ #details { position: relative; min-height: 230px; overflow:hidden;} #details .no-photo { border: 2px solid #653E12; float: left; display: block; margin-right: 15px; } #details .no-photo { width: 206px; height: 199px; padding: 47px 40px 0px 0px; text-align: right; color: #653E12; font-size: 22px; background: url(/image/layout/no-photo.gif) no-repeat bottom left; } #details .photo { float:left; overflow:hidden; font-size:12px; text-align:center; margin-right:15px; } #details .photo img { border: 2px solid #653E12; float: left; display: block; } #details td, #details th { padding: 2px 4px; } #details th { font-weight: bold; color: #FFAB3E; } table.detailitem { margin:0px; padding:0px; border-spacing:0px; border-collapse:collapse; } table.detailitem td { margin:0px; padding:0px; } table.detailitem td ul { margin:0px !important; padding:10px 0px 0px 0px !important; display:block; overflow:hidden; } table.detailitem td li { margin:5px 0px 0px 0px !important; padding:0px 5px 0px 0px !important; list-style-type:none !important; float:left; list-style-image:none !important;} table.detailitem td li img { display:block; margin:0px !important; padding:0px !important; cursor:pointer; border: 2px solid #653E12;} table.detailitem td div.no-photo { border: 2px solid #653E12; float: left; display: block; margin-right: 15px; } table.detailitem td div.no-photo { width: 206px; height: 199px; padding: 47px 40px 0px 0px; text-align: right; color: #653E12; font-size: 22px; background: url(/image/layout/no-photo.gif) no-repeat bottom left; } table.detailitem td div.photo { float:left; overflow:hidden; font-size:12px; text-align:center; margin-right:15px; } table.detailitem td div.photo img { border: 2px solid #653E12 !important; float: left; display: block; } table.detailitem td table td, table.detailitem td table th { padding: 2px 4px; } table.detailitem td table th { font-weight: bold; color: #FFAB3E; } .bord_sel { border:2px solid #FFAB40 !important; } .datatblimg { border-top: 3px solid #F4A73B; width: 98%; margin: 8px 0px 8px 0px; border-bottom: 1px solid #7F5829; } .datatblimg td { padding: 15px 0px 10px 0px; } .datatblimg td img { display:block; border: 2px solid #653E12; margin-bottom:6px; } .datatblimg td p { margin:4px 0px; padding:0px; } .datatblimg td p b { color:#FFDB9C !important; font-size:12px; } .datatblimg td div { margin:4px 0px; padding:0px; float:right; font-size:12px; } .datatblimg .input { width: 30px; text-align: right; } .datatblimg .no-photo { margin-top:0px; margin-bottom:6px; width: 188px; height: 188px; line-height: 188px; text-align: center; color: #653E12; font-size: 22px; border: 2px solid #653E12; background: url(/image/layout/no-photo.gif) no-repeat bottom left; clear:both; } input.spin { width: 20px; text-align: right; padding-right: 15px; background-repeat: no-repeat; background-position: 100% 0%; background-image: url(/image/jquery/spin/buttons.gif); } input.spin.up { cursor:pointer; background-position: 100% -20px; } input.spin.down { cursor:pointer; background-position: 100% -40px; } #order-conditions { font-size: 12px; margin-top: 20px; } a.order-conditions { background: url(/image/layout/order-conditions.gif) left 6px no-repeat; margin-left: 15px; padding-left: 20px; font-size: 17px; } a.order-conditions-sm { margin-left: 15px; padding-left: 20px; margin-top: 2px; } #details form.cart-update {margin-left: 5px;} #vitrina_flash { overflow: hidden; height: 370px; margin-bottom: 15px; } .vitrina { top: 0; left: 0; width: 616px; border: 2px solid #655021; background-color: #655021; margin: 20px 0; } .vitrina #text { padding: 10px 20px 30px 20px; text-align: right; font-size: 18px; color: #ffdb9c; } .vitrina #text #left { float: left; font-size: 26px; text-align: left; color: #ffab40; width: 450px; } .vitrina #text #left a:hover {text-decoration: underline;} .vitrina #text #left span { font-size: 20px; } #search_form { border: 2px solid #653e12; background: url(/image/layout/search-form-bg.gif) 100% 100% no-repeat; padding: 25px 186px 25px 30px; margin-bottom: 10px; } .search_pagenav * { color: #735c28; font-size: smaller; } ul.two_col {width: 45%; float: left} #welcome { text-align: right; padding: 0 30px; font-style: italic; font-stretch: ultra-expanded; } #welcome a {text-decoration: none; border-bottom: 1px dotted #ffab3e; margin-bottom: 2px} .errors { border: 1px solid #ffab40; margin-bottom: 30px; } .errors li { color: #ffab3e; } div.menupopup { visibility: hidden; position:absolute; background: url(/image/layout/production-bg_s.jpg) top repeat-x; border: 1px solid #ffab40; margin:0px; padding: 7px 28px 7px 5px; overflow:hidden; z-index:999; } div.menupopup a { font-size:16px !important; background:none !important; } div.menupopup a, div.menupopup a:visited { display:block; text-decoration: none; clear:both; margin:2px 0px; white-space:nowrap; color: #FFAB3E; font-style: italic; padding-left: 28px; } div.menupopup a:hover, div.menupopup a.current { color: #FFDB9C; background: url(/image/layout/production-marker_s.gif) 0px 3px no-repeat !important; } /* Водяной знак */ #stamp { background: url('/image/stamp.png') no-repeat; width: 107px; height: 144px; position: absolute; bottom: 10px; right: 10px; } * html #stamp { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/image/stamp.png'); } /* !Водяной знак */ div.spacerimg { width:188px; height:1px; margin:0px; padding:0px; } img.imgborder { border: 2px solid #653E12; } a.rss { background: url(/image/layout/rss-icon.gif) no-repeat scroll left center; padding-left: 20px; } .tooltip_price { border: 1px solid #653E12; background-color: #3D1A01; } .tooltip_price h3 { margin: 5px; font-size: 14px; font-weight: normal; } .underline { text-decoration: underline; }