/* CSS Document */ BODY { margin:0px; background-image:url(../../templates/images/body.gif); background-position:bottom center; background-repeat:no-repeat } BODY, TD, TH, DIV, P, UL, LI { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } A:link, A:visited {color:#005197; text-decoration:none} A:hover {color:0069c4; text-decoration:underline} /* STYLES */ H1 {font-size:18px; color:#005197; text-transform:uppercase; margin:10px 0 10px 0} H2 {font-size:16px; color:#c30629;} H2 a{font-size:16px; color:#c30629;} H3 {font-size:14px; color:#005197;} H4 {font-size:12px; color:#005197; margin:10px 0 10px 0} H4.zagol { font-size:11px; color:#FFFFFF; text-transform:uppercase; margin-top:0px; margin-bottom:0; background-image:url(../../templates/images/zagol_fon.gif); background-position:center; background-repeat:repeat-x } IMG {border: 0px} A IMG {border:0} .txt11 {font-size:11px} .kap {font-size:8px;z-index:-1;display:none;visibility:hidden;} .kap A{font-size:8px;z-index:-1;display:none;visibility:hidden;} .az {font-size:16px; padding:7px; color: #c30629; } .az a {font-size:16px; padding:7px; color: #c30629; } /* BUTTON */ .button { display:inline-block; width:104px; height:40px; text-align:center; color:#545454; text-decoration:none; line-height:30px; background:url(images/site22/button.png) no-repeat 0 0; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:bold; font-size:17px; } .button:hover { color:#000; } /* HEADER */ DIV.header_1 {width:568px; height:200px; float:left} DIV.header_2 {width:968px; height:200px; background-image:url(../../templates/images/header_2.jpg); background-position:right; background-repeat:no-repeat; padding-top: 1px; padding-right: 10px; margin:0} DIV.navigation { margin:10px 15px 0 0} .holding { position:absolute; color:#FFFFFF; top:0; font-size:10px; margin-left:160px} .holding A:link, .holding A:visited {color:#FFFFFF; text-decoration:underline} .holding A:hover {text-decoration:none} .kap {font-size:8px;z-index:-1;display:none;visibility:hidden;} .kap A{font-size:8px;z-index:-1;display:none;visibility:hidden;} /* MENU TOP */ /* оформление в файле /templates/top_menu.css */ TABLE.top_menu { width:100%; height:40px; background-image:url(../../templates/images/menu_fon.gif)} .top_menu {margin-bottom: 2px} .top_menu td {padding: 0 5px 0 5px;} .item_menu_div {font-size:11px; font-weight:bold; color:#FFFFFF;} .item_menu_div A:link, .item_menu_div A:visited {font-size:11px; color:#FFFFFF; font-weight:bold;} .item_menu_div A:hover {font-weight:bold; color:#FFCC33} .top_menu_link_active {font-weight:bold; color:#FFCC33} /* MENU LEFT */ .left_menu {font-size:11px; margin: 0 0 0 8px; padding:0} .ul_left_menu {margin-top:0; margin-left:10px; padding-left:10px} .ul_left_menu UL {margin-left:0px; padding-left:20px} .ul_left_menu LI {font-size:11px; list-style:url(../../images/li_arr_blue.gif); margin:0 0 3px 0px;} .left_menu_name { font-size:11px; color:#FFFFFF; text-transform:uppercase; margin-top:0px; margin-bottom:10px; padding-top:8px; height:22px; background-image:url(../../templates/images/zagol_fon.gif); background-position:center; background-repeat:repeat-x; } .left_menu A {font-size:11px; color:#082470;} .left_menu A:hover {color:#082470} .left_menu_active {font-weight:bold} .link_menu_act {font-weight:bold} /* MENU LEFT AUTO */ .left_menu_auto {font-size:11px; margin: 0 0 0 8px; padding:0} .ul_left_menu {margin-top:0; margin-left: 0px; padding-left:10px} .left_menu_auto .ul_left_menu LI { font-weight:bold; text-transform:uppercase; list-style: none; padding:5px 0 0px 0; margin:8px 0 3px 0px; border-top:1px solid #082470; } .left_menu_auto UL.ul_left_menu LI UL LI { font-weight:normal; text-transform:none; list-style:url(../../images/li_arr_blue.gif); margin:0 0 -2px 10px; padding:3px 0 0px 0; border:0; } .left_menu A {font-size:11px; color:#005197;} .left_menu A:hover {color:#082470} .left_menu_active {font-weight:bold} .catalog1 A:link, .catalog1 A:visited {color:#333333; font-weight:bold} .catalog1 A:hover {color:#FFCC33} .rug_title {font-size:12px; font-weight:bold; margin-bottom:3px; color: #c30629;} .rug_title a{font-size:12px; font-weight:bold; margin-bottom:3px; color: #c30629;} /* ОКАНТОВКА КАРТИНОК */ .border_img { border: 2px solid #999999; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 3px; margin: 0 10px 5px 0px; } /* NEWS */ .news {margin-left:10px; margin-top:7px} .action {margin-top:7px} .date, .tag {font-size:9px; margin-bottom:3px} .news_title {font-size:11px; font-weight:bold; margin-bottom:3px} .news_text, .news_text div, .news_text p, .news_text td, .news_text th {font-size:11px; margin:0 0 0 0px} A.news_arhiv:link, A.news_arhiv:visited, A.news_arhiv:hover {font-size:11px} /* CONTENT */ .kroshki { text-align: right; font-size:12px; color:#082470; font-style:italic} .kroshki A{ text-align: right; font-size:12px; color:#082470; font-style:italic} TD.vert_sep {width:35px; height:100%; padding:15px 0 15px 0;} DIV.content {font-size:12px; margin: 0px 0 15px 0} .table_line_td {height:10px; background-image:url(../../images/spacer_blue.gif); background-position:center; background-repeat:repeat-x; padding:3px 0 3px 0} UL.spisok LI {padding-bottom:5px} .name_pole_form {font-size:11px; text-align:right; white-space:normal} .date {font-size:8px; color:#666666} .price LI {margin-bottom:5px} .razd_h { border-top: 1px solid #E4E4E4;} /* Для авто каталога */ .model_avto { text-align:right; vertical-align:top; border-right:1px solid #005197; padding-right:10px; width:100px; } .name_avto {color:#666666; font-weight:bold} table.tb1 {border-collapse:collapse} table.tb1 td, table.tb1 th { border-top:1px solid #005197; border-bottom:1px solid #005197; } /* faq */ .error {color:#FF0000; background-color:#fafafa; border: 1px solid #aaaaaa; padding:5px 10px 5px 10px} .noerror {color:#009900; background-color:#fafafa; border: 1px solid #aaaaaa; padding:5px 10px 5px 10px} .faq_message {background-color:#fafafa; border: 1px solid #aaaaaa; padding:5px 10px 5px 10px; margin:0 0 15px 20px} .faq_mess_view {background-color:#fafafa; border: 1px solid #aaaaaa; padding:5px 10px 5px 10px; margin:15px 0 15px 0px} .faq_title {font-weight:bold; margin:5px 0 5px 0} .faq_text {margin-left:15px} .faq_otvety {font-weight:bold; margin-top:15px; margin-left:15px} .faq_comment {border: 0px solid #aaaaaa; padding:5px 10px 5px 20px; margin:10px 0 0 0px; background-color:#FFFFFF} .faq_autor {font-size:11px} .faq_comment_text {margin-left:0px; margin-top:5px} .rss_4_ie {width: 16px; height: 16px; position: absolute; z-index:-1;} .archives_4_ie {width: 16px; height: 16px; position: absolute; z-index:-1;} /* Для галереи */ .group_gallery { float: left; position: relative; padding: 7px; margin: 5px 25px 25px 0px; background-color: #f2f2f2; border: 1px solid #e2e2e2; } .group_gallery img {padding: 2px; margin-bottom:5px; border: 1px solid #999999; } .group_gallery .t { position: absolute; top: -4px; left: 0px; background: url('../../images/t_fotogroup.png') no-repeat 0 0 !important; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/t_fotogroup.png'); width: 88px; height: 4px; } .group_gallery .r { position: absolute; top: 0px; right: -4px; background: url('../../images/r_fotogroup.png') no-repeat 0 0 !important; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/r_fotogroup.png'); width: 4px; height: 88px; } .group_gallery .b { position: absolute; bottom: -4px; right: 0px; background: url('../../images/b_fotogroup.png') no-repeat 0 0 !important; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/b_fotogroup.png'); width: 88px; height: 4px; } .group_gallery .l { position: absolute; bottom: 0px; left: -4px; background: url('../../images/l_fotogroup.png') no-repeat 0 0 !important; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/l_fotogroup.png'); width: 4px; height: 88px; } /* Для 1 - 2 - 3 списка информационных элементов */ .current, .page_link, .ctrl {padding: 0.2em 0.5em 0.3em 0.5em; float: left; display: block; margin-right: 0.3em;} .page_link {border: 1px solid #aaaaaa; margin:0 2px 0 2px;} .current {background: #fafafa; font-weight:bold; border: 1px solid #005197; margin-left:4px;} .ctrl {padding: 0.5em 0.5em 0.3em 0.5em; font-size: 10px; color: #4F3327;} .path_arrow {color: #005197; padding: 0px 0px 0px 0px; font-size: 10pt;} /* Информационные элементы */ .read_more {float: left; display: block; padding: 0.2em 0em 0.3em 0em; margin-right: 0.3em;} #ShowAddComment {margin: 10px 0px 20px 20px;} #ShowAddComment A:link, #ShowAddComment A:visited {text-decoration:underline} #ShowAddComment A:hover {text-decoration:none;} .userinfo1 {margin-right: 5px; margin-bottom: 5px; font-weight: bold; float: right; } .userinfo2 {margin-left: 5px; margin-bottom: 5px;} /* Строки фильтра и сортировки */ .shop_block { font-size:11px; border: 1px solid #aaaaaa; background-color: #f2f2f2; padding: 5px 7px; margin: 5px 5px 10px 0px; } .shop_block p {font-size:11px; margin:0} .shop_block a {position: relative; z-index: 2;} .sort_by {width:12px; height:12px; margin: 0 0 -2px 0} .arrow_up {width: 8px; height: 10px; position: absolute; z-index: 1;} .arrow_up_gray {width: 8px; height: 10px; position: absolute; z-index: 1;} .arrow_down {width: 8px; height: 10px; position: absolute; z-index: 1;} .arrow_down_gray {width: 8px; height: 10px; position: absolute; z-index: 1;} .shop_navigation_table {color: #AFA696; margin-top: 10px;} #shop_navigation, #shop_navigation_current {padding: 5px; font-size: 9pt;} #shop_navigation { border: 1px solid #E0DCCA; color: #AFA696; } #shop_navigation_current {border: 1px solid #B8B298; color: #433212;} .cat_price {width:95%;} .border_bottom {border-bottom:1px solid #dadada;} .cat_t /* изображение */ { padding:7px 10px 7px 10; border-bottom:1px solid #dadada; text-align:center; vertical-align:top; } .cat_title /* название */ { width:50%; vertical-align:top; font-weight:bold; padding:7px 10px 7px 10; border-bottom:1px solid #dadada; } .bb_color_gray {background-color:#f5f5f5} .bb_color_gray .cat_title { border-left:2px solid #ffffff; border-right:2px solid #ffffff; } .bb_color_white .cat_title { border-left:2px solid #f5f5f5; border-right:2px solid #f5f5f5; } .cat_price_label /* цена */ { vertical-align:top; /* width:150px; */ padding:7px 10px 7px 10; border-bottom:1px solid #dadada; white-space:nowrap; } .cat_price_label DIV {display:inline} /* END стили для магазина */ .stars { margin: 0px; padding: 0px; } .stars li { margin: 0px; padding: 0px; width: 16px; height: 16px; float: left; background: url('../../hostcmsfiles/images/stars_gray.gif') no-repeat 0 0; cursor: pointer; list-style-type: none; } .stars .curr { margin: 0px; padding: 0px; width: 16px; height: 16px; float: left; background: none; background: url('../../hostcmsfiles/images/stars_single.gif') no-repeat 0 0; } /* FOOTER */ DIV.menu_bottom { width:100%; text-align:center; margin-top:10px; padding-top:7px; padding-bottom:7px; border-top:#005197 solid 1px; border-bottom:#005197 solid 1px } DIV.menu_bottom {font-size:11px; color:#999999; word-spacing:5px} DIV.menu_bottom A {font-size:11px; color:#666666; word-spacing:0px} DIV.menu_bottom A:hover {color:#333333;} .bottom_menu_link_active {text-decoration:underline} .footer {font-size:10px; color:#999999; float:left; padding-left:10px; margin-right:10px; margin-bottom:10px;} .footer A {color:#005197} .logo_l {float:left; text-align:center; width:550px; margin-top:10px; word-spacing:5px} .ds {font-size:10px; color:#999999; text-align:right; padding-right:10px; padding-top:12px} .ds A {font-size:10px; color:#999999;} .dc {font-size:10px; color:#999999; text-align:center; padding-right:10px; padding-top:12px} .dc A {font-size:10px; color:#999999;} /* ВЕРСИЯ "НА ПЕЧАТЬ" */ .for_print {font-size:11px; text-align:right} BODY#print {background:none; margin:10px} #print A:link, #print A:visited {color:#000000; text-decoration:none} #print A:hover {color:000000; text-decoration:underline} #print H1 {font-size:18px; color:#000000; text-transform:uppercase; margin:10px 0 10px 0} #print H4 {font-size:12px; color:#000000; margin:10px 0 10px 0} #print .footer {font-size:10px; color:#000000; float:left; padding-left:20px; margin-right:20px; margin-bottom:10px;} .slider { background:#fff; width:960px; height:360px; left:200; top:40px; position:absolute; z-index:2; padding-top:1px; } #error { margin-top: 5px; margin-bottom: 5px; padding: 5px 5px 5px 25px; position: relative; font-size: 8pt; border-collapse: collapse; border: 1px #CA1D13 dashed; color: #CA1D13; background-color: #F2EDE9; background: url('../../hostcmsfiles/images/error.gif') no-repeat 5px 50%; width: 450px; } /*==========================================*/ /* CAROUSEL */ .carousel{ position:relative; height: 360px; width: 960px; overflow:hidden; } .carousel h1, .carousel .title{ color: #fff; } .carousel .backgrounds{ height: 360px; } .carousel .backgrounds .item{ width: 960px; height: 360px; float:left; position:relative; z-index:1; } .carousel .panel{ background:url(../../images/site8/panel-bg.jpg) no-repeat 0 0; color: #fff; position:absolute; right: 0; top:0; height: 360px; width: 319px; z-index:10; } .carousel .panel .paging{ position:absolute; bottom: 25px; left:25px; width: 282px; text-align:center; } .carousel .panel .paging a{ color: #4c4c4c; font-size: 1.1em; } .carousel .panel .pause{ position:absolute; right:20px; top:25px; display:block; width: 18px; height: 18px; background: transparent url(../../images/site8/carousel_pause_bg.gif) no-repeat 0 0; text-indent: -6000px; } .carousel .panel .play{ position:absolute; right:20px; top:25px; display:block; width: 18px; height: 18px; background: transparent url(../../images/site8/carousel_play_bg.gif) no-repeat 0 0; text-indent: -6000px; } .carousel .panel .paging .next{ position:absolute; right:7px; bottom:-6px; display:block; width: 12px; height: 23px; overflow:hidden; background:url(../../images/site8/next.gif) no-repeat 0 0; text-indent: -9999em; } .carousel .panel .paging .next:hover { background-position:0 -23px; } .carousel .panel .paging .previous{ position:absolute; left:-7px; bottom:-6px; display:block; width: 12px; height: 23px; overflow:hidden; background:url(../../images/site8/prev.gif) no-repeat 0 0; text-indent: -9999em; } .carousel .panel .paging .previous:hover { background-position:0 -23px; } .carousel .panel .paging #numbers { left:35%; position:relative; zoom:1; } .carousel .panel .paging #numbers a { background:url(../../images/site8/bull-1.gif) no-repeat 0 0; float:left; width:10px; height:10px; overflow:hidden; font-size:0; line-height:0; text-indent:-9999em; margin-right:7px; } .carousel .panel .paging #numbers a:hover { background:url(../../images/site8/bull-2.gif) no-repeat 0 0; } .carousel .panel .paging #numbers a.selected { background:url(../../images/site8/bull-2.gif) no-repeat 0 0; } .carousel .panel .details_wrapper { position:absolute; top:68px; left:32px; width: 262px; overflow:hidden; /*height: 200px;*/ height: 245px; } .carousel .panel .details_wrapper .details { /*height: 200px;*/ height: 245px; } .carousel .panel .details_wrapper .details .detail { width: 262px; /*height: 200px;*/ height: 245px; float:left; color:#a7afb4; } .carousel .panel .details_wrapper .details h1, .carousel .panel .details_wrapper .details .title{ font-size:26px; line-height:28px; color:#fff; font-weight:normal; font-style:italic; margin-bottom:12px; } .carousel .panel .details_wrapper .details p { margin-bottom:10px; } .carousel .panel .details_wrapper .details a.more{ color: #fff; font-size:14px; font-style:italic; margin-left: 2px; } /* END CAROUSEL */ /*==================boxes====================*/ .box { background:url(../../images/site9/box-bg.gif) left top repeat-x; width:100%;} .box .border-top {background:url(../../images/site9/border.gif) repeat-x top;} .box .border-bot {background:url(../../images/site9/border.gif) repeat-x bottom;} .box .border-left {background:url(../../images/site9/border.gif) repeat-y left;} .box .border-right {background:url(../../images/site9/border.gif) repeat-y right;} .box .left-top-corner {background:url(../../images/site9/left-top-corner.gif) no-repeat left top;} .box .right-top-corner {background:url(../../images/site9/right-top-corner.gif) no-repeat right top;} .box .left-bot-corner {background:url(../../images/site9/left-bot-corner.gif) no-repeat left bottom; width:100%;} .box .right-bot-corner {background:url(../../images/site9/right-bot-corner.gif) no-repeat right bottom; } .box .inner { padding:10px 10px 10px 10px;} .box1 { background:#ededed; width:100%;} .box1 .border-top {background:url(../../images/site9/border-top.gif) repeat-x top;} .box1 .border-bot {background:url(../../images/site9/border-bot.gif) repeat-x bottom;} .box1 .border-left {background:url(../../images/site9/border-left.gif) repeat-y left;} .box1 .border-right {background:url(../../images/site9/border-right.gif) repeat-y right;} .box1 .left-top-corner {background:url(../../images/site9/left-top-corner2.gif) no-repeat left top;} .box1 .right-top-corner {background:url(../../images/site9/right-top-corner2.gif) no-repeat right top;} .box1 .left-bot-corner {background:url(../../images/site9/left-bot-corner2.gif) no-repeat left bottom; width:100%;} .box1 .right-bot-corner {background:url(../../images/site9/right-bot-corner2.gif) no-repeat right bottom; } .box1 .inner { padding:20px 20px 20px 20px;} .dept-list { float:left;} .dept-list dd { clear:both; text-align:right;} .dept-list dd span { float:left; padding-right:25px;} .dept-list dd p { text-align:left;} .address { float:left; } .address dt { margin-bottom:18px; } .address dt:first-line { font-weight:bold; color:#3a3a3a; } .address dd { clear:both; } .address dd span { float:left; width:82px; } .address dd a { color:#3a3a3a; } blockquote { font-style:italic; color:#800000; background:url(../../images/site8/quotes.gif) no-repeat 5px 5px; display:block; margin-bottom:12px; } .blob { margin: 21px 21px 21px 5px;} .blob a {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#81A4C7; color:#FFF; padding:8px; font-size: 14px; text-decoration:none; box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.7); -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear;} .blob a:hover {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #9BAFD5 ; color:#FFF; padding:8px; font-size: 14px; text-decoration:none; box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.7); -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.3s linear; transition: background 0.2s linear;}