/* ::::: http://t-life.com.ua/css/stylenew.css ::::: */ * { margin: 0px; padding: 0px; } html { height: 100%; } body { font: 12px/18px Arial,Tahoma,Verdana,sans-serif; width: 100%; height: 100%; background: none repeat scroll 0% 0% rgb(244, 244, 244); } a { color: blue; outline: medium none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0px 0px 12px; } img { border: medium none; } input { vertical-align: middle; } h1 {font-size:24px; font-family:Arial,Verdana,Tahoma,sans-serif;padding: 20px 0px 20px 0px;} hr { border: none; color: #999; background-color: #999;height: 1px;margin-bottom:10px; } #wrapper { width: 1000px; margin: 0px auto; min-height: 100%; height: auto ! important; background: url('wrapper_bg.jpg') repeat-y scroll center top transparent; } #header {padding:0px 20px; text-align:right;font-size:14px;height:32px;} .head-data {display:inline-block;padding:8px 0px 8px 15px;} .head-data img {vertical-align:middle;height:16px;padding-right:3px;} #logo { width: 305px; height: 68px; margin: 25px 0px 0px 40px; } #logo2 { padding: 0px 0px 10px 10px; } #phones-top { font: 14px/16px Calibri,Arial,Verdana,Tahoma,sans-serif; color: rgb(74, 84, 102); margin: 15px 0px 0px 40px; } #icons { width: 190px; height: 100px; margin: 0px 27px 5px 0px; } #icons .pictures img { width: 24px; height: 24px; border: medium none; } #icons .pictures a { width: 24px; height: 24px; margin: 0px 5px 0px 0px; } #icons .online-contacts { width: 190px; height: 50px; margin: 15px 0px 0px; font: 12px/18px Calibri,Arial,Verdana,Tahoma,sans-serif; color: rgb(74, 84, 102); } #icons .online-contacts a { font: 12px/18px Calibri,Arial,Verdana,Tahoma,sans-serif; color: rgb(74, 84, 102); text-decoration: none; border-bottom: 1px dashed rgb(74, 84, 102); } #icons .online-contacts a:hover { color: rgb(25, 174, 213); border-bottom: medium none; } #menu { width: 977px; height: 58px; margin: 0px auto; background: url('menu_bg.png') no-repeat scroll center center transparent; } #resiver { width: 100%; height: 27px; color: rgb(74, 84, 102); padding: 8px 0px 0px; } #resiver a { color: rgb(74, 84, 102); text-decoration: none; } #resiver a:hover { color: rgb(255, 255, 255); } #resiver:hover { background: none repeat scroll 0% 0% rgb(27, 78, 155); color: rgb(255, 255, 255); } #resiver:hover a { color: rgb(255, 255, 255); } #resiver-active { background: none repeat scroll 0% 0% rgb(27, 78, 155); width: 100%; height: 27px; color: rgb(255, 255, 255); padding: 8px 0px 0px; } #resiver-active a { background: none repeat scroll 0% 0% rgb(27, 78, 155); color: rgb(255, 255, 255); text-decoration: none; } #search-form { width: 250px; height: 24px; margin: 5px 10px 0px 0px; } form .first { font-style: italic; color: rgb(95, 97, 100); width: 208px; padding: 2px; border-top: 1px solid rgb(221, 221, 221) ! important; border-left: 1px solid rgb(250, 250, 250) ! important; } #search-form .button { cursor: pointer; display: inline-block; width: 24px; height: 24px; background: url('search_botton.jpg') no-repeat scroll center center transparent ! important; border: medium none ! important; } #cart_informer_td {padding:0px 15px 0px 5px;text-align:center;width:220px;} #cart_informer {padding:4px 10px;border-radius:12px;background-color:#535c6d;display:inline;color:#FFFFFF;font-size:13px;} #cart_informer a{color:#FFFFFF;border-bottom:1px dotted #FFFFFF;text-decoration:none;font-size:13px;} #cart_informer a:hover {border-bottom:1px solid #FFFFFF;} /* Clock */ #clock {padding: 3px 7px; border-radius: 7px; background-color: #535c6d; display: inline-block; color: #FFFFFF; font-size: 15px; font-weight:bold;} /* main page */ .tiny_products {list-style: none;display: block;padding:0px;} .tiny_products li {width: 160px;margin-right: 22px;margin-bottom: 30px;display: inline-block;word-spacing: normal;vertical-align: middle;} .tiny_products .image {border:2px solid rgb(217, 217, 217);vertical-align: middle;text-align: center; width: 150px; height: 150px; line-height: 150px;background-color: #ffffff;padding: 5px;margin-bottom: 10px;} .tiny_products .image img {vertical-align: middle;max-width: 150px;max-height: 150px;} .tiny_products form{text-align:center;} .tiny_products .product a {text-decoration:none;} .tiny_products .product a .brand {display:block;padding:3px;font-weight:bold;color:#FFFFFF;text-decoration:none; background-color:#1b4e9b;border-radius:5px;text-decoration:none;font-size:13px;text-align:center;text-transform:uppercase;} .tiny_products .product a .position {display:block;padding:3px;font-weight:bold;color:#111111;text-decoration:none; background-color:#DDDDDD;border-radius:5px;text-decoration:none;font-size:12px;text-align:center;margin-top:5px;height:14px;overflow:hidden;} .tiny_products .product .frontprice {display:block;padding:3px;font-weight:bold;color:#FFFFFF;text-decoration:none; background-color:#111111;border-radius:5px;text-decoration:none;font-size:12px;text-align:center;margin-top:5px;height:14px;overflow:hidden;} /*category page */ .frontsubcats {font-size:18px;list-style-position: inside;} .frontsubcats li {margin-top:5px;padding-left:10px;font-size:14px;} .frontsubcats li a {text-decoration:none;color:#000; border-bottom:1px dashed} .frontsubcats li a:hover {border-bottom:1px solid} .catimage {width:250px; float:left;margin:0px 5px 5px 0px} .products {width: 100%;border:0px;border-collapse: collapse;} .products .product{width: 100%;padding-bottom:20px;background-color:#EEEEEE; border-bottom:4px solid #FFFFFF} .products .product td {vertical-align:top;} .products .product .image {text-align: center; width: 100px;padding:8px;} .products .product .image img{max-width: 100px;border:1px solid #AAAAAA} .products .product .product_info {padding:5px 10px 10px 10px;list-style-position:inside;} .products .product h2 {font-size: 14px;margin-bottom: 0px;font-weight: normal; color:#1b4e9b;} .products .product h2 a:hover {color:#1b4e9b;font-weight: bold;border-bottom:1px solid #1b4e9b} .products .product h2 a {color:#1b4e9b;font-weight: bold;text-decoration:none;border-bottom:1px dashed #1b4e9b} .products .product h4 {font-size: 12px;margin-top: 3px;font-weight: bold;} .products .product .annotation {font-size: 12px;color: #505050;margin-bottom: 5px;} .products .product .annotation ul{margin-top: 5px;} .products .product .annotation table{margin-top: 5px;} /*category pagination */ .pagination {margin-top: 5px;margin-bottom: 5px; font-size: 12px;overflow: hidden;} .pagination a {display: block;float: left;background-color: #fffeff; margin-right: 5px;margin-bottom: 5px;padding: 7px 4px;min-width: 22px;text-align: center; border: 1px solid #d7d7d7; text-decoration: none;color:#000000} .pagination a.selected:hover{background-color: #535c6d;color: #ffffff;border-color: #535c6d;} .pagination a.selected {background-color: #535c6d;color: #ffffff;border-color: #535c6d;} .pagination a:hover {background-color: #535c6d; color:#ffffff} .pagination a.next_page_link, .pagination a.prev_page_link{} /* Item */ h1.standalone {padding-bottom:0px;} span.standalone {padding-bottom:7px;font-size:16px;font-weight:bold} .productitem {margin-top:7px} .productitem .product .image {padding-right:10px;} .productitem .product img {width: 198px;border:1px solid #AAAAAA} .productitem td {vertical-align:top;} .productitem .product_info {padding:10px 10px 10px 20px;list-style-position:inside;background-color:#F0F0F0;} .product_info table {border-collapse:collapse;} .product_info table td {border:1px solid #BBBBBB;padding:4px;} .product_info table tr.even {background-color:#E0E0E0} /* Order button form for all*/ /*.product .price {display: inline-block; float:left;padding:4px 7px 5px 7px;border:0px solid #AAAAAA; background:#111111;color:#FFFFFF; margin-top:5px;font-size:13px;border-radius:4px;margin-right:5px; /* box-shadow: 0 0 3px rgba(0,0,0,0.5) ;} */ .product .price {display: block; padding:4px 7px 5px 7px;border:0px solid #AAAAAA; background:#111111;color:#FFFFFF; font-size:13px;border-radius:4px;margin:5px auto;} .product .button {padding:4px 7px;border:1px solid #AAAAAA; background:#F5F5F5; margin:5px auto;font-size:13px;border-radius:4px; /* box-shadow: 0 0 3px rgba(0,0,0,0.5) */;} .product .button:hover {cursor:pointer;background:#535c6d; color:#FFFFFF} .cartholder {width:200px;text-align:center;} /* фиксы для страницы списка товаров */ .products .price {float:left;} .products .button {margin-left:5px;} /*cart*/ #purchases {border-collapse:collapse;font-weight:bold;font-size:14px} #purchases tr {background-color: #EEEEEE;border-bottom: 4px solid #FFFFFF;} #purchases td {padding:0px 20px;} #purchases td.image {padding:0px} #purchases td.image img {;border:1px solid #AAAAAA;} #purchases td.name {border-left:5px solid #FFFFFF;} #purchases a {color:#1b4e9b;border-bottom:1px #1b4e9b dotted;text-decoration:none} #purchases a:hover {border-bottom:1px #1b4e9b solid; } .cart_form {width: 400px;margin-bottom: 20px;font-size:14px;} .cart_form label {display: block; width:400px;} .cart_form input {display: block; width:400px;} .cart_form textarea{display: block; width:400px;height:80px;} .cart_form table td {text-align:right;} .cart_form input.button {font-size:18px;margin-top:5px;} .message_error {clear: both;height: 18px;padding: 10px 20px;margin-bottom: 15px;margin-top: 10px;overflow: hidden;color: red;background-color: #ffcaca;border: 1px dotted #ff4545;} /* order */ .order_text {display:block;padding: 10px; background-color: #F0F0F0;margin-bottom:10px;} table.order_info {border-collapse:collapse;margin:10px 0px;border:3px solid #DDDDDD} table.order_info td, table.order_info th {border:2px dotted #DDDDDD;font-weight:normal;padding: 10px;border-spacing: 2px;font-size: 16px;min-width:150px;} table.order_info th.left {width:130px} #middle { width: 100%; padding: 0px 0px 110px; height: 1%; position: relative; } #middle:after { content: ""; clear: both; display: table; } #slider { width: 100%; } #slider .dooble-menu { font: 12px/18px Calibri,Arial,Verdana,Tahoma,sans-serif; color: rgb(74, 84, 102); width: 938px; height: 30px; margin: 0px auto; } #slider .slider-wrapper { width: 930px; margin: 0px auto; } #slider .titles { width: 880px; height: 40px; margin: 0px auto; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0px 5px 0px 255px; } #content .text { font: 13px Tahoma,Arial,sans-serif; color: rgb(39, 45, 52);text-align:justify; } #content .text > p{ font: 14px Tahoma,Arial,sans-serif; color: rgb(39, 45, 52);text-align:justify; } #content ul.intext {font-size:15px;list-style-position: inside;margin-bottom:6px;} #sideLeft { float: left; width: 230px; margin-left: -100%; position: relative;} #wrapper-sidebar { width: 220px; margin: 0px 0px 0px 10px; border: 1px solid #b4b4b4;border-radius:6px;box-shadow: 0 0 7px rgba(0,0,0,0.5);} #sidebar-top { width: 220px; height: 55px; background: url('sidebar_top_bg.jpg') no-repeat scroll center top transparent; } #sidebar-top .title { width: 150px; padding: 20px 0px 0px 30px; font: 24px/18px Calibri,Arial,Verdana,Tahoma,sans-serif; color: rgb(64, 188, 219); } #sidebar { width: 220px;padding:6px 0px;} #sidebar-content {list-style-position: inside;list-style-type: none; } /* избранные товары в меню */ #sidebar-content .featured a {background-color: #fff3c3;} /* 1й уровень меню */ #sidebar-content .menuitems { list-style-type: none;} #sidebar-content .menuitems a {display:block; padding:5px 0px 5px 5px;font: 16px Tahoma,sans-serif; color: rgb(17, 17, 17); text-decoration: none;} #sidebar-content .menuitems:hover {} #sidebar-content .menuitems:hover a {} #sidebar-content .menuitems a:hover { color: rgb(255, 255, 255); background-color: #1b4e9b; } /* 2й уровень меню */ #sidebar-content .menuitems ul li {} #sidebar-content .menuitems ul li:hover {} #sidebar-content .menuitems ul li a {display:block; padding:3px 0px 3px 3px;font: 13px Tahoma,sans-serif; } /* #sidebar-content .menuitems ul li a:before{content:"+ "} */ #sidebar-content .menuitems ul li a:before{content:"• "} #sidebar-content .menuitems ul li a:hover { color: rgb(255, 255, 255); background-color: #1b4e9b; } /* 3й уровень меню */ #sidebar-content .menuitems ul li ul {padding-left:10px;} #sidebar-content .menuitems ul li ul li a:before{content:"• ";} /* 4й уровень меню */ /*#sidebar-content .menuitems ul li ul li ul li a:before{content:" • "} */ /* общее */ #sidebar-content .menuitems a.selected {background-color: #535c6d; color:#FFFFFF;} /* #sidebar-content .menuitems a.selected:after{content:"►"} */ #sidebar-bottom { width: 220px; height: 25px; background: url('sidebar_bottom_bg.jpg') no-repeat scroll center center transparent; } #footer { width: 1000px; background: none repeat scroll 0% 0% rgb(83, 92, 109);margin:0px auto; font-family: Tahoma, Arial,sans-serif; font-size:13px; color:#FFFFFF; padding:30px 20px; } #footer a{color:#FFFFFF; display:inline-block; } #phones-bottom { width: 330px; height: 100px; color: rgb(255, 255, 255); margin: 7px 0px 0px 10px; } #copi { color: rgb(255, 255, 255); } #bottom-menu-left { margin: 30px 0px 0px 80px; } #bottom-menu-right { margin: 30px 0px 0px 5px; } #bottom-menu-left a { text-decoration: none; color: rgb(255, 255, 255); } #bottom-menu-right a { text-decoration: none; color: rgb(255, 255, 255); } #bottom-menu-left a:hover { color: rgb(25, 174, 213); } #bottom-menu-right a:hover { color: rgb(25, 174, 213); } .spoiler a{display:block; padding:3px 3px 3px 20px; background-color: #535c6d; color: #FFFFFF; border:#000000; font-size: 16px; text-decoration: none;} .spoiler a:after { content: " >>>";} .spoiler:hover {cursor: pointer;} .spoiler-text {padding:10px 5px 5px 5px;background:#EFEFEF;}