@import url('../font/Roboto.css'); @import url('../font/rouble.css'); html { min-height: 100%; } body { margin: 0; padding: 0; min-width: 1150px; height: 100%; background: #A2A2A2; font-family: 'Roboto'; font-size: 14px; font-weight: lighter; overflow-x: hidden; } body > #wrap { padding-bottom: 363px; background: #fff; } body .bg { position: absolute; top: 0; height: 100%; width: 410px; } body .bg.left { left: 0px; background: #fdfac3 url('../image/bg0_left.jpg') left top no-repeat; } body .bg.right { right: 0px; background: #adb3b6 url('../image/bg0_right.jpg') right top no-repeat; } a { color: #40a8ff; text-decoration: none; } a, input, textarea { outline: none; } h1, h2, h3, h4, h5, h6 { font-family: Roboto-Medium; font-weight: normal; } .symbol_right { font-family: 'rouble' !important; text-transform: lowercase; } .mb10 { margin-bottom: 10px; } .clear { clear: both; } .clear_right { clear: right; } .f_left { float: left; } .f_right { float: right; } #column-left + #content { margin: 0 0 0 240px; } #column-left + #content #footer { margin-left: -265px !important; } #top_plashka { position: relative; padding: 5px 0; background: url('../image/bg1.png'); box-shadow: 0 0 15px #000; z-index: 10; } #top_plashka #wrap form, #top_plashka #wrap div { display: inline-block; } #top_plashka #wrap .search span { color: #39a6fb; } #top_plashka #wrap .search input[type="text"] { padding: 2px 5px; border: none; } #top_plashka #wrap .search input[type="submit"] { width: 19px; height: 19px; background: url('../image/search_button.png'); border: none; cursor: pointer; vertical-align: text-bottom; } #top_plashka #wrap .autorization { float: right; } #top_plashka #wrap .autorization.l { color: #fff; } #top_plashka #wrap .autorization.l a:hover { border-bottom: 1px dotted #40a8ff; } #top_plashka #wrap .autorization div { padding: 2px 15px; } #top_plashka #wrap .autorization .login { background: #37a5fe; color: #ffffff; } #top_plashka #wrap .autorization .rega { background: #ffffff; color: #262a29; } #top_plashka #wrap .zakaz_zvonka { float: right; margin: 0 40px 0 0; padding: 2px 15px; background: #E8E8E8; color: #39a6fb; cursor: pointer; } .icheckbox { display: inline-block; top: 1px; margin: 0 0px 0 0; width: 15px; height: 15px; } .icheckbox.checked .iCheck-helper { background: url('../image/checkbox.png') -15px 0 no-repeat !important; } .icheckbox .iCheck-helper { background: url('../image/checkbox.png') 0 0 no-repeat !important; opacity: 1 !important; } #sidebar_feedback_div1 input { padding: 5px; } #sidebar_feedback_div1 textarea { padding: 5px; width: 358px; height: 150px; resize: none; } #sidebar_feedback_div1 .button { display: inline-block; padding: 10px 20px; background: #37a5fe; color: #fff; cursor: pointer; text-transform: uppercase; } #wrap { position: relative; margin: 0 auto; padding: 0 25px; width: 1100px; } #header { position: relative; height: 90px; } #header #logo { display: inline-block; width: 301px; height: 63px; background: url('../image/logo.png'); } #header span { color: #39a6fb; } #header >div:not([id="logo"]) { position: absolute; text-transform: uppercase; top: 15px; white-space: nowrap; } #header >div:not([id="logo"]) .line1 { color: #4e504d; font-size: 23px; } #header >div:not([id="logo"]) .line2 { color: #b9b9b9; font-size: 13px; } #header .skype { left: 350px; width: 125px; height: 55px; background: url('../image/skype.png') center no-repeat; background-size: contain; } #header .skype a { display: inline-block; width: 125px; height: 55px; } #header .city { top: 25px !important; left: 340px; display: none; } #header .deliv { right: 350px; } #header .cart { right: 200px; } #header .cart .line2 { text-transform: none; } #header .cart .line2 a { color: #b9b9b9; text-decoration: none; } #header .cart .line2 a span.red { margin: 0 5px; color: #ff3d3c; font-size: 15px; } #header .phone { right: 0; font-size: 27px !important; } #menu_main { margin: 0 0 2px; width: 1100px; background: url('../image/bg1.png'); } #menu_main >ul { display: table; position: relative; margin: 0; padding: 0; width: 100%; list-style: none; } #menu_main >ul >a { display: table-cell; color: #FFF; font-size: 21px; text-transform: uppercase; text-decoration: none; } #menu_main >ul >a:hover + .sub { display: block; } #menu_main >ul >a >li { padding: 10px 0; white-space: nowrap; text-align: center; } #menu_main >ul .sub { display: none; position: absolute; padding: 5px; top: 45px; left: 0px; background: #ff3d3d; z-index: 100; } #menu_main >ul .sub:hover { display: block; } #menu_main >ul .sub ul { display: inline-block; margin: 5px 10px; padding: 0; width: 198px; list-style: none; vertical-align: top; } #menu_main >ul .sub ul li { padding: 5px; } #menu_main >ul .sub ul li a { color: #fff; } #menu_main >ul .sub ul li a:hover { color: #000; border-bottom: 1px dotted #000; } #menu_info { margin: 0 0 3px; width: 1100px; background: #292b2b; } #menu_info ul { display: table; margin: 0; padding: 0; width: 100%; list-style: none; } #menu_info ul a { display: table-cell; } #menu_info ul a:not(:first-child) li { background: url('../image/menu_info_li.png') left center no-repeat; } #menu_info ul a li { padding: 5px 5px 5px 11px; color: #FFF; font-size: 21px; text-align: center; } #menu_info ul a li:hover { color: #37a5fe; } #slideshow { float: left; margin: 0 3px 0 0; } #slideshow .info { position: absolute; bottom: 30px; left: 0; padding: 20px 30px 20px 5px; background: rgba(242,243,243,0.92); color: #40a8ff; font-size: 17px; font-weight: bold; } #slideshow .info .line { font-size: 29px; text-transform: uppercase; } #slideshow .info .line span { color: red; font-size: 31px; } #slideshow .info .btns { text-align: right; } #slideshow .info .btns a { display: inline-block; margin: 10px 0 0; padding: 10px 20px; background: #40a8ff; color: #fff; font-weight: lighter; text-transform: uppercase; } #slideshow .navigator .nav { background: #ff3d3d; cursor: pointer; } #slideshow .navigator .nav.av div { background: #fff; } #slideshow .navigator .nav div { display: inline-block; margin: 3px; width: 9px; height: 9px; vertical-align: top; } .banner { display: inline-block; margin: 0 0 3px; width: 345px; height: 191px; vertical-align: top; } .banner#banner1 { margin: 0; } #content.cart .banner { margin: 20px 0 0; width: 100%; height: 180px; } .box { margin: 20px 0 0; } .box .box-heading { margin: 0 0 20px; font-size: 25px; color: #292b2a; font-family: Roboto-Medium; font-weight: normal; text-transform: uppercase; } #articles { float: left; margin: 0 10px 20px 0; width: 270px; } #articles p { margin: 0; } #articles .posts_all a { color: #1c1c1c; text-decoration: none; } #articles .posts_all a:hover { color: #fff; } #articles .posts_all a .article { margin: 0 0 0 -15px; padding: 15px; } #articles .posts_all a .article:hover { background: url('../image/bg_news.png'); } #articles .posts_all a .article h4 { margin: 0 0 5px; font-weight: normal; font-size: 18px; font-family: Roboto-Medium; text-transform: uppercase; } #articles .posts_all a .article .content { max-height: 85px; overflow: hidden; } #articles .buttons { padding: 0 15px 0 0; text-align: right; } #articles .buttons a.button { display: inline-block; margin: 17px 0 0; padding: 9px 20px; border: 1px solid #dedede; color: #000; cursor: pointer; text-transform: uppercase; } #articles .buttons a.button:hover { border: 1px solid #37a5fe; background: #37a5fe; color: #fff; } #news { margin: 0 0 20px; } #news .news_all a { color: #1c1c1c; text-decoration: none; } #news .news_all a:hover .news { padding: 14px 9px; border: 1px solid #d1d1d1; } #news .news_all a:hover .news h4 { text-decoration: underline; } #news .news_all a .news { display: inline-block; padding: 15px 10px; width: 182px; overflow: hidden; vertical-align: top; } #news .news_all a .news p { margin: 0; } #news .news_all a .news .date { margin: 6px 0 5px; color: #ff7f7d; } #news .news_all a .news h4 { margin: 0 0 5px; height: 44px; font-size: 18px; font-weight: normal; overflow: hidden; text-transform: uppercase; } #news .news_all a .news .content { height: 35px; overflow: hidden; } #news .buttons { text-align: right; } #news .buttons a.button { display: inline-block; margin: 17px 0 0; padding: 9px 20px; border: 1px solid #dedede; color: #000; cursor: pointer; text-transform: uppercase; } #news .buttons a.button:hover { border: 1px solid #37a5fe; background: #37a5fe; color: #fff; } #welcome { margin: 0 0 20px 280px; } #welcome .box-content p { line-height: 19px; text-align: justify; } #welcome .box-content img { margin: 0 10px 0 0; } #welcome .box-content .buttons { text-align: right; } #welcome .box-content .buttons a { color: #000; } #welcome .box-content .buttons a:hover { color: #fff; } #welcome .box-content .buttons a:hover .button { border: 1px solid #37a5fe; background: #37a5fe; } #welcome .box-content .buttons a .button { display: inline-block; margin: 7px 0 0; padding: 9px 20px; border: 1px solid #dedede; text-transform: uppercase; } #carousel .box-content .slide { text-align: center; } #carousel .box-content .arrowleft { background: url('../image/arrow_left_0.png'); cursor: pointer; } #carousel .box-content .arrowleft:hover { background: url('../image/arrow_left.png'); } #carousel .box-content .arrowright { background: url('../image/arrow_right_0.png'); cursor: pointer; } #carousel .box-content .arrowright:hover { background: url('../image/arrow_right.png'); } #carousel .box-content .buttons { text-align: right; } #carousel .box-content .buttons a { color: #000; } #carousel .box-content .buttons a:hover { color: #fff; } #carousel .box-content .buttons a:hover .button { border: 1px solid #37a5fe; background: #37a5fe; } #carousel .box-content .buttons a .button { display: inline-block; margin: 7px 0 0; padding: 9px 20px; border: 1px solid #dedede; text-transform: uppercase; } #footer { position: absolute; bottom: 0; clear: both; margin: 20px 0 0 -25px; padding: 20px 25px; background: url('../image/bg1.png'); } #footer #menu_main >ul a:hover { color: #eb3b3b; background: none; } #footer .column { display: inline-block; width: 272px; vertical-align: top; } #footer .column h3 { margin: 20px 0 0; color: #40a8ff; font-weight: normal; text-transform: uppercase; } #footer .column ul { margin: 0; padding: 0; list-style: none; } #footer .column ul li { margin: 5px 0; } #footer .column ul li a { color: #eaeaea; text-decoration: none; } #footer .column ul li a:hover { text-decoration: underline; } #footer #powered { float: right; margin: 45px 0 0; } #footer #powered .logo { width: 311px; height: 43px; background: url('../image/logo2.png'); } #footer #powered .copyright { margin: 40px 0 0; color: #fff; font-size: 12px; } #footer #powered .copyright .left { float: left; } #footer #powered .copyright .rifht { float: right; } #footer .feedback { margin: 15px 0 0; } #footer .feedback .box-heading { margin: 0 0 5px; font-size: 18px; color: #fff; } #footer .feedback .box-content table { border-spacing: 0px; } #footer .feedback .box-content table td { padding: 0; vertical-align: top; } #footer .feedback .box-content table td .warning { padding: 5px; background: #fff; } #footer .feedback .box-content table td input { padding: 2px 5px; width: 230px; height: 23px; } #footer .feedback .box-content table td textarea { margin: 0 0 0 3px; padding: 2px 5px; width: 230px; height: 60px; resize: none; } #footer .feedback .box-content table td .button span { display: inline-block; padding: 7px 20px; background: #37a5fe; color: #fff; cursor: pointer; } h1 { margin: 20px 0 15px; font-weight: lighter; text-transform: uppercase; } #content > .content { min-height: 200px; } #content > .content table tr td { padding: 10px 5px; } #content #search { min-height: 0; } #content > .right { float: right; margin: 5px 0 0; text-align: right; } #content > .right .breadcrumb { margin: 0 0 5px; font-size: 12px; list-style: none; } #content > .right .breadcrumb li { display: inline-block; } #content > .right .breadcrumb li:not(:nth-child(1)):before { margin: 0 5px; content: '/'; } #content > .right .breadcrumb li a { color: #000; } #content > .right .filter { margin: 0 0 10px; display: inline-block; text-transform: uppercase; } #content > .right .filter span.active { font-weight: bold; } #content > .right .filter select { width: 120px; } #content > .right .sort { margin: 0 0 10px; display: inline-block; margin: 0 10px 0 0; text-transform: uppercase; } #content > .right .sort select { width: 250px; } .bf-slider-range.ui-slider.ui-widget-content { height: 6px; background: #d7d7d7; border: 1px solid #bababa; } .bf-slider-range.ui-slider.ui-widget-content .ui-widget-header { margin: -1px 0; height: 8px; background: url('../image/slider_bg.png'); } .bf-slider-range.ui-slider.ui-widget-content .ui-slider-handle { top: -4px; width: 12px; height: 12px; background: #f7f7f7 url('../image/slider_handle_bg.png') center no-repeat; border: 1px solid #bababa; border-radius: 50%; } .pagination { text-align: right; } .pagination ul.pagination { display: inline-block; margin: 0 0 10px; padding: 5px; border: 1px solid #d1d1d1; list-style: none; } .pagination ul.pagination li { display: inline-block; } .pagination ul.pagination li a { display: inline-block; padding: 2px 6px 1px; height: 21px; color: #000; } .pagination ul.pagination li.active { background: #0080FF; } .pagination ul.pagination li.active span { display: inline-block; padding: 2px 6px 1px; color: #fff; } .pagination ul.pagination li.first a { padding: 0; width: 31px; background: url('../image/pagi_first_0.jpg') no-repeat; vertical-align: text-bottom; } .pagination ul.pagination li.first a:hover { background: url('../image/pagi_first.jpg') no-repeat; } .pagination ul.pagination li.next a { padding: 0; width: 19px; background: url('../image/pagi_next_0.jpg') no-repeat; vertical-align: text-bottom; } .pagination ul.pagination li.next a:hover { background: url('../image/pagi_next.jpg') no-repeat; } .pagination ul.pagination li.prev a { padding: 0; width: 19px; background: url('../image/pagi_prev_0.jpg') no-repeat; vertical-align: text-bottom; } .pagination ul.pagination li.prev a:hover { background: url('../image/pagi_prev.jpg') no-repeat; } .pagination ul.pagination li.last a { padding: 0; width: 31px; background: url('../image/pagi_last_0.jpg') no-repeat; vertical-align: text-bottom; } .pagination ul.pagination li.last a:hover { background: url('../image/pagi_last.jpg') no-repeat; } .pagination ul.pagination .results { display: none; } #column-left { float: left; width: 220px; margin: 0 20px 0 0; } #column-left ul.box-category { list-style: none; margin: 0; padding: 0; height: 350px; overflow-y: scroll; } #column-left ul.box-category li { padding: 6px 0 4px 10px; border-bottom: 1px solid #EEE; vertical-align: middle; } #column-left ul.box-category li:first-child { border-top: 1px solid #EEE; } #column-left ul.box-category li:hover { background: #37a5fe; } #column-left ul.box-category li:hover a { color: #fff; } #column-left ul.box-category li a { color: #000; } #column-left .box { margin: 0 0 20px; } #column-left .box .box-heading { margin: 20px 0 15px !important; } #column-left .box ul.box-filter { list-style: none; margin: 0; padding: 0; } #column-left .box ul.box-filter > li > span { display: block; padding: 6px 0 4px 10px; background: linear-gradient(to bottom,#1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); color: #fff; text-transform: uppercase; } #column-left .box ul.box-filter > li ul { list-style: none; margin: 0; padding: 0; } #column-left .box ul.box-filter > li ul li { padding: 6px 0 4px 0px; border-bottom: 1px solid #EEE; } #column-left .box ul.box-filter > li ul li:first-child { border-top: 1px solid #EEE; } #column-left .box ul.box-filter > li ul li a { color: #000; } #column-left .box #button-filter { display: inline-block; margin: 10px 20px 0; padding: 7px 20px; width: 140px; border: 1px solid #37a5fe; color: #000; cursor: pointer; text-align: center; } #column-left .box #button-filter:hover { background: #37a5fe; color: #fff; } .manufacturer-list { margin: 0 0 10px; } .manufacturer-list .manufacturer-content .manufacturer-item { display: inline-block; padding: 5px 10px; width: 192px; text-align: center; } .manufacturer-list .manufacturer-content .manufacturer-item a { color: #000; } .warning { margin: 10px 0 0; color: #f00; font-weight: bold; } .warning.tac { text-align: center; } .login-content .warning { margin: 10px 0; } .login-content .name { margin: 30px 0 20px; color: #37a5fe; font-size: 24px; text-align: center; text-transform: uppercase; } .login-content .content { margin: 0 auto 40px; width: 270px; } .login-content .content input[type="text"], .login-content .content input[type="password"] { margin: 0 0 5px; padding: 5px; width: 260px; height: 25px; background: none; border: 1px solid #999; } .login-content .content input[type="submit"], .login-content .content input[type="button"] { float: right; display: inline-block; padding: 10px 20px; background: none; border: 1px solid #dedede; color: #000; cursor: pointer; text-transform: uppercase; } .login-content .content input[type="submit"]:hover, .login-content .content input[type="button"]:hover { border: 1px solid #37a5fe; background: #37a5fe; color: #fff; } .login-content .content a { display: inline-block; margin: 10px 0 0; } .rega-content .error { margin: 5px 0 10px; display: block; color: #f00; font-weight: bold; } .rega-content .error.tac { text-align: center; } .rega-content .name { margin: 30px 0 20px; color: #37a5fe; font-size: 24px; text-align: center; text-transform: uppercase; } .rega-content .content { margin: 0 auto; width: 468px; } .rega-content .content table.form tr td { vertical-align: top; } .rega-content .content table.form tr td:first-child { padding-top: 12px; width: 170px; } .rega-content .content input[type="text"], .rega-content .content input[type="password"] { padding: 5px; width: 260px; height: 25px; background: none; border: 1px solid #999; } .rega-content .content select { padding: 5px; width: 272px; height: 35px; background: none; border: 1px solid #999; } .rega-content .content a { display: inline-block; margin: 10px 0 0; } .rega-content .buttons { margin-bottom: 20px; text-align: center; } .rega-content .buttons input[type="submit"] { display: inline-block; margin: 20px 0 0; padding: 10px 20px; background: none; border: 1px solid #dedede; color: #000; cursor: pointer; text-transform: uppercase; } .rega-content .buttons input[type="submit"]:hover { border: 1px solid #37a5fe; background: #37a5fe; color: #fff; } .forgotten-content .name { margin: 30px 0 20px; color: #37a5fe; font-size: 24px; text-align: center; text-transform: uppercase; } .forgotten-content .content { margin: 0 auto; width: 397px; min-height: 0 !important; } .forgotten-content .content table.form tr td:first { white-space: nowrap; } .forgotten-content .content input[type="text"] { padding: 5px; width: 260px; height: 25px; background: none; border: 1px solid #999; } .forgotten-content .buttons { margin-bottom: 40px; text-align: center; } .forgotten-content .buttons a, .forgotten-content .buttons input[type="submit"] { display: inline-block; margin: 10px 21px 0; padding: 10px 20px; background: none; border: 1px solid #dedede; color: #000; cursor: pointer; text-transform: uppercase; } .forgotten-content .buttons a:hover, .forgotten-content .buttons input[type="submit"]:hover { border: 1px solid #37a5fe; background: #37a5fe; color: #fff; } .forgotten-content .buttons a { padding: 9px 20px; } .news-list .news-item { margin: 0 0 20px; border: 1px solid #BBB; } .news-list .news-item .img { float: right; padding: 10px; height: 93px; } .news-list .news-item .img + .text { margin: 0 203px 0 0; border-right: 1px solid #BBB; } .news-list .news-item .text { padding: 10px; min-height: 93px; } .news-list .news-item .text .news-title { margin: 0 0 10px; font-size: 18px; font-weight: bold; text-transform: uppercase; } .news-list .news-item .text .news-title a { color: #0d3f96; } .news-list .news-item .text .news-descr { margin: 0 0 10px; } .news-list .news-item .text .news-date { color: #a7a7a7; } .posts-list .posts-item { margin: 0 0 20px; border: 1px solid #BBB; } .posts-list .posts-item .img { float: right; padding: 10px; height: 93px; } .posts-list .posts-item .img + .text { margin: 0 203px 0 0; border-right: 1px solid #BBB; } .posts-list .posts-item .text { padding: 10px; min-height: 93px; } .posts-list .posts-item .text .posts-title { margin: 0 0 10px; font-size: 18px; font-weight: bold; text-transform: uppercase; } .posts-list .posts-item .text .posts-title a { color: #0d3f96; } .posts-list .posts-item .text .posts-descr { margin: 0 0 10px; } .posts-list .posts-item .text .posts-date { color: #a7a7a7; } .category .sub_list .category-list ul { margin: 0; padding: 0; list-style: none; } .category .sub_list .category-list ul li { display: inline-block; margin: 0 0 10px; padding: 0; width: 169px; text-align: center; vertical-align: top; } .category .sub_list .category-list ul li a img { padding: 3px; max-width: 160px; max-height: 150px; border: 1px solid #CBEDFF; } .product { display: inline-block; margin: 0 4px 8px 0; padding: 0 0 7px; width: 211px; border: 1px solid #dbdbdb; vertical-align: top; } .product:hover { border: 1px solid #ff3d3c; } .product:hover .name a { color: #ff3d3c; } .product:hover .price { color: #ff3d3c; } .product:hover .cart { background: #ff3d3c; } .product .image { margin: 0 0 10px; width: 207px; height: 207px; } .product .name { margin: 0 10px 3px; height: 35px; font-family: sans-serif; font-size: 16px; overflow: hidden; text-transform: uppercase; } .product .name a { color: #665; text-decoration: none; } .product .price { display: inline-block; margin: 0 0 0 10px; width: 90px; font-size: 19px; line-height: 19px; overflow: hidden; white-space: nowrap; } .product .price .margin { height: 16px; } .product .price .price-old { color: #ff3d3c; font-size: 14px; line-height: 14px; text-decoration: line-through; } .product .cart { float: right; display: inline-block; margin: 8px 10px 0 0; padding: 8px 15px; background: #39a6fb; color: #FFF; cursor: pointer; font-size: 12px; text-transform: uppercase; } .product-grid { margin-bottom: 10px; } .product-grid .product { margin: 0 4px 7px 0; width: 207px; } .product-grid .product:nth-child(4n) { margin-right: 0; } .product-grid .product .image { height: 207px; } .product-grid.cat-189 { min-height: 320px; } .product-grid.cat-189 .product { margin-right: 7px; padding: 10px; width: 190px; height: 204px; border: 1px solid #fff; overflow: hidden; } .product-grid.cat-189 .product:hover { border: 1px solid #d4d4d4; } .product-grid.cat-189 .product:nth-child(4n) { margin-right: 5px; } .product-grid.cat-189 .product:nth-child(5n) { margin-right: 0; } .product-grid.cat-189 .product .image { width: 190px; height: 204px; } .product-grid.cat-189 .product .image img { width: 190px; } .product-grid.cat-189 .product .price { display: none; } .product-grid.cat-189 .product .cart { float: none; width: 160px; text-align: center; } .product-grid-search, .product-grid-special, .product-grid-similar, #featured, #special, #latest, #bestseller { margin-bottom: 10px; } .product-grid-search .product:nth-child(5n), .product-grid-special .product:nth-child(5n), .product-grid-similar .product:nth-child(5n), #featured .product:nth-child(5n), #special .product:nth-child(5n), #latest .product:nth-child(5n), #bestseller .product:nth-child(5n) { margin-right: 0; } .product-grid-search .product .image, .product-grid-similar .product .image, .product-grid-special .product .image, #bestseller .product .image { height: 207px; } .popup { width: 540px; } .popup .top { margin: 0 0 20px; text-align: center; } .popup .top .name { margin: 5px 0; color: #37a5fe; font-size: 18px; font-weight: bold; } .popup .top img { margin: 20px 0 0; max-height: 207px; } .popup .buttons a { display: inline-block; margin: 7px 0 0; padding: 13px 20px; background: #37a5fe; color: #fff; cursor: pointer; text-transform: uppercase; } .popup .buttons a.right { float: right; } #content.prod_card h1 { color: #665; font-family: sans-serif; } .product-info .left { margin: 13px 0 0; float: left; width: 502px; } .product-info .left .image { margin: 0 0 10px; width: 500px; height: 500px; border: 1px solid #dbdbdb; } .product-info .left .image-additional a { display: inline-block; padding: 2px; border: 1px solid #dbdbdb; } .product-info .left .image-additional a:hover { padding: 0; border: 3px solid #ff3d3d; } .product-info .right { float: none; margin: -13px 0 0 520px; text-align: left; } .product-info .right div.name { margin: 0 0 10px; font-size: 18px; font-weight: bold; text-transform: uppercase; } .product-info .right .top { padding: 10px 0 20px; border-bottom: 1px dotted #000; } .product-info .right .top .stock { float: right; margin: 15px 0 0; } .product-info .right .top .stock div { display: inline-block; padding: 0 0 0 15px; width: 90px; } .product-info .right .top .stock .yes { background: url('../image/stock_yes.png') left center no-repeat; color: #36a3fe; } .product-info .right .top .stock .no { background: url('../image/stock_no.png') left center no-repeat; color: #ff3d3d; } .product-info .right .top .price { height: 35px; } .product-info .right .top .price .name { text-transform: uppercase; } .product-info .right .top .price .price-old { display: inline-block; color: #ff3d3d; font-weight: normal; text-decoration: line-through; } .product-info .right .top .price .price-new { display: inline-block; margin: 0 0 0 5px; font-size: 21px; font-weight: normal; } .product-info .right .top .price_opt { margin: 3px 0 0; } .product-info .right .top .price_opt .name { display: inline-block; margin: 0 26px 0 0; font-weight: bold; text-transform: uppercase; } .product-info .right .top .price_opt .opt { display: inline-block; margin: 0 20px 0 0; min-height: 29px; color: #666; cursor: pointer; font-size: 14px; line-height: 16px; vertical-align: middle; padding: 3px 5px; background: #ff3d3d; color: #ffffff; } .product-info .right .top .price_opt .opt span { display: block; font-weight: normal; text-transform: uppercase; } .product-info .right .top .cart { float: right; } .product-info .right .top .cart .button_add { padding: 12px 28px; background: #ff3d3d; color: #fff; cursor: pointer; font-size: 17px; text-transform: uppercase; } .product-info .right .top .quantity { float: right; padding: 10px 15px; width: 30px; border: 2px solid #ff3d3d; font-size: 17px; } .product-info .right .top .discount { margin: 15px 0 0; } .product-info .right .top .model { margin: 17px 0 0; } .product-info .right .top .options { margin: 20px 0 0; } .product-info .right .top .options .option { display: inline-block; position: relative; width: 49%; vertical-align: top; } .product-info .right .top .options .option input[type='checkbox'], .product-info .right .top .options .option input[type='radio'] { display: none; } .product-info .right .top .options .option label { display: inline-block; padding: 2px; height: 20px; border: 2px solid #fff; line-height: 23px; } .product-info .right .top .options .option .prop { display: inline-block; vertical-align: top; } .product-info .right .top .options .option .prop.option-image input, .product-info .right .top .options .option .prop.option-image label { vertical-align: top; } .product-info .right .top .options .option .prop.option-image img { width: 20px; height: 20px; } .product-info .right .top .options .option .error { display: inline-block; position: absolute; top: -5px; left: 0; padding: 10px; background: #FFD9D9; border-top: 1px solid #BBB; border-radius: 5px; box-shadow: 0 0 10px #000; z-index: 50; } .product-info .right .deliv { float: right; margin: 20px 0 0; width: 290px; font-size: 13px; } .product-info .right .deliv .post_logo { position: relative; margin: 0 0 15px; padding: 0 0 0 135px; min-height: 60px; line-height: 1.5; } .product-info .right .deliv .post_logo .logo { position: absolute; left: 0; width: 130px; height: 68px; background: #000 url('../image/dellin.png') 50% 50% no-repeat; background-size: 95%; } .product-info .right .deliv .post_logo span { font-size: 13px; } .product-info .right .deliv .payment { margin: 0 0 15px; padding: 0 210px 0 0; background: url('../image/payment.png') right no-repeat; } .product-info .right .deliv .calc { padding: 10px 30px 10px 0; background: #000 url('../image/calc.png') 262px no-repeat; color: #fff; font-size: 14px; text-align: center; text-transform: uppercase; } .product-info .right .attribute { margin: 20px 0 0; } .product-info .right .attribute table { border-spacing: 0; font-size: 14px; } .product-info .right .attribute table tr td { padding: 0 0 5px; } .product-info .right .attribute table tr td:first-child { min-width: 150px; } .product-info .right .description { padding: 20px 0 0; margin: 20px 0 0; border-top: 1px dotted #000; } .product-info .right .description p { margin: 0; } .product-info .right .description .text { max-height: 178px; overflow: hidden; } .product-info .right .description .full { margin: 20px 0 0; color: #36a3fe; cursor: pointer; text-decoration: underline; } .product-info .box > .name { margin: 0 0 10px; font-size: 18px; font-weight: bold; text-transform: uppercase; } .product-info .reviews { padding: 20px 0; margin: 20px 0 0; } .product-info .reviews #review { margin-bottom: 20px; } .product-info .reviews .name { margin: 0 0 10px; font-size: 18px; font-weight: bold; text-transform: uppercase; } .product-info .reviews .review-list { line-height: 1.5; } .product-info .reviews .review-list .date { color: #ff3d3c; } .product-info .reviews .review-list .author { display: inline-block; font-weight: bold; font-size: 16px; } .product-info .reviews .review-list .text { margin: 0 0 15px; } .product-info .reviews #rew { display: none; } .product-info .reviews #rew input { padding: 5px; } .product-info .reviews #rew textarea { padding: 5px; height: 60px; width: 490px; } .product-info .reviews .buttons { margin: 10px 0 0; } .product-info .reviews .buttons a { color: #fff; } .product-info .reviews .buttons a .button { display: inline-block; margin: 7px 0 0; padding: 13px 20px; background: #292b2b; cursor: pointer; text-transform: uppercase; } .box.similar > .box-heading { margin: 0 0 10px; font-size: 18px; font-weight: bold; text-transform: uppercase; } .box.similar .price { margin-top: 13px; } .cart-info table { margin: 0 0 20px; width: 100%; border-spacing: 0; text-align: center; } .cart-info table td { padding: 8px 5px; } .cart-info table thead { background: #292b2b; color: #fff; text-transform: uppercase; } .cart-info table tbody tr { font-size: 20px; } .cart-info table tbody tr td { border-bottom: 1px solid #BBB; } .cart-info table tbody tr td.name a { display: block; margin: 0 0 10px; color: #000; } .cart-info table tbody tr td.quantity input:first-child { font-size: 16px; text-align: center; } .cart-info table tbody tr td:nth-child(1) { width: 125px; } .cart-info table tbody tr td:nth-child(2) { text-align: left; } .cart-total { margin: 0 0 20px; text-align: right; } .cart-total div { margin: 10px 0; font-size: 16px; text-transform: uppercase; } .cart-total div span { color: #f04b1d; font-size: 23px; font-weight: bold; } .cart-buttons { text-align: right; } .cart-buttons .button { display: inline-block; padding: 10px 15px; color: #fff; font-size: 17px; text-transform: uppercase; } .cart-buttons .button.b1 { background: #292b2a; } .cart-buttons .button.b2 { background: #ff3d3d; } #quickcheckout .block-title { margin: 20px 0 20px; font-size: 25px; color: #292b2a; font-family: 'Roboto'; font-weight: lighter; text-transform: uppercase !important; } #quickcheckout .block-content { padding: 0 100px; } #quickcheckout .block-content input[type="text"], #quickcheckout .block-content input[type="select"] { border: 1px solid #bdbdbd; background: #fff; } #quickcheckout .block-content #qc_left, #quickcheckout .block-content #qc_right { float: none !important; width: 100% !important; } #quickcheckout .block-content .panel-heading span, #quickcheckout .block-content .panel-heading { border: none !important; color: #df475c !important; font-size: 20px !important; text-transform: uppercase !important; } #quickcheckout .block-content #step_1 { margin: 0 0 60px; background: none !important; } #quickcheckout .block-content #step_1 #option_login_popup_trigger_wrap { padding: 0; } #quickcheckout .block-content #step_1 #option_login_popup_trigger_wrap #reg_guest { display: table; width: 100%; border-spacing: 3px; } #quickcheckout .block-content #step_1 #option_login_popup_trigger_wrap #reg_guest #option_register_popup { position: relative; left: -3px; } #quickcheckout .block-content #step_1 #option_login_popup_trigger_wrap #reg_guest a { position: relative; right: -3px; } #quickcheckout .block-content #step_1 #option_login_popup_trigger_wrap #reg_guest > label, #quickcheckout .block-content #step_1 #option_login_popup_trigger_wrap #reg_guest > a { display: table-cell !important; float: none; margin: 0; padding: 10px 0; background: #292b2a; color: #fff !important; line-height: normal !important; cursor: pointer; text-align: center; text-transform: uppercase; width: auto !important; } #quickcheckout .block-content #step_1 #option_login_popup_trigger_wrap #reg_guest > label input, #quickcheckout .block-content #step_1 #option_login_popup_trigger_wrap #reg_guest > a input { display: none; } #quickcheckout .block-content #step_1 .modal.fade { display: none; } #quickcheckout .block-content #step_2 { display: inline-block; margin: 0 11px 0; padding-top: 20px !important; padding-bottom: 20px !important; } #quickcheckout .block-content #step_2 .chosen-container { width: 360px !important; } #quickcheckout .block-content #step_2 .chosen-container .chosen-single { padding-top: 5px; padding-bottom: 5px; height: 20px; box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1); } #quickcheckout .block-content #step_2 .chosen-container .chosen-single div b { background: url('../image/chosen-sprite.png') no-repeat 6px 6px; } #quickcheckout .block-content #step_2 .chosen-container .chosen-drop { border-top: 1px solid #ccc; background: #fff; } #quickcheckout .block-content #step_2 .chosen-container .chosen-drop .chosen-results { margin-left: 0; } #quickcheckout .block-content #step_2 #payment_address_wrap .panel-heading { margin: 0 0 15px; text-align: center; } #quickcheckout .block-content #step_2 #payment_address_wrap .panel-default { display: inline-block; width: 430px; vertical-align: top; } #quickcheckout .block-content #step_2 #payment_address_wrap .panel-body { margin: 0 0 0 40px; } #quickcheckout .block-content #step_2 #payment_address_wrap .panel-body .form-horizontal .form-group > div { margin: 0 0 10px; min-width: 120px !important; } #quickcheckout .block-content #step_2 #payment_address_wrap .panel-body .form-horizontal .form-group > div label { display: block; margin: 5px 0 0; } #quickcheckout .block-content #step_2 #payment_address_wrap .panel-body .form-horizontal .form-group > div label .required { color: #709AF3; font-size: 18px; } #quickcheckout .block-content #step_2 #payment_address_wrap .panel-body .form-horizontal .form-group > div input { padding: 5px; height: 20px; width: 350px; box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1); } #quickcheckout .block-content #step_5 { padding: 20px 15px; } #quickcheckout .block-content #step_5 .payment-methods { display: table; width: 100%; } #quickcheckout .block-content #step_5 .payment-methods .radio-input { display: table-cell; width: 150px; text-align: center; vertical-align: top; } #quickcheckout .block-content #step_5 .payment-methods .radio-input label img { float: none; display: block; height: 70px; } #quickcheckout .block-content #step_6 { padding-bottom: 20px !important; border-bottom: 1px dotted #000; } #quickcheckout .block-content #step_6 table.qc-cart { margin: 0 !important; width: 100%; border: none !important; border-spacing: 0; text-align: center; } #quickcheckout .block-content #step_6 table.qc-cart td { padding: 8px 5px; } #quickcheckout .block-content #step_6 table.qc-cart thead td { background: #292b2b !important; border: none; color: #fff !important; text-transform: uppercase; } #quickcheckout .block-content #step_6 table.qc-cart tbody tr td { border-bottom: 1px solid #BBB; } #quickcheckout .block-content #step_6 table.qc-cart tbody tr td.qc-name a { display: block; margin: 0 0 10px; color: #000; font-size: 16px; } #quickcheckout .block-content #step_6 table.qc-cart tbody tr td.qc-quantity input { width: 40px; padding: 5px 2px; text-align: center; } #quickcheckout .block-content #step_6 table.qc-cart tbody tr td:nth-child(1) { width: 125px; } #quickcheckout .block-content #step_6 table.qc-cart tbody tr td:nth-child(2) { text-align: left; } #quickcheckout .block-content #step_6 table.qc-cart tbody tr td.qc-price { white-space: nowrap; } #quickcheckout .block-content #step_6 table.qc-cart tbody tr td.qc-total { white-space: nowrap; } #quickcheckout .block-content #step_6 .qc-summary .qc-totals { text-align: right; text-transform: uppercase; } #quickcheckout .block-content #step_6 .qc-summary .qc-totals label { display: inline-block; padding: 15px 10px 0 0 !important; font-size: 18px !important; font-weight: normal; } #quickcheckout .block-content #step_6 .qc-summary .qc-totals div { display: inline-block; padding: 10px 0 0 !important; color: #f04b1d; font-size: 23px !important; font-weight: bold; min-width: 0 !important; } #quickcheckout .block-content #step_6 .qc-summary .qc-totals div .symbol_right { color: #f04b1d; font-size: 23px !important; font-weight: normal; } #quickcheckout .block-content #step_6 table.qc-summary { margin: 0 !important; border: none !important; border-spacing: 0; } #quickcheckout .block-content #step_6 table.qc-summary tr td { display: block; width: auto !important; border: none !important; text-align: right !important; min-width: 0; } #quickcheckout .block-content #step_6 table.qc-summary tr.qc-coupon td:first-child, #quickcheckout .block-content #step_6 table.qc-summary tr.qc-voucher td:first-child, #quickcheckout .block-content #step_6 table.qc-summary tr.qc-reward td:first-child { padding-right: 39px; border: 1px solid #BBB; border-top: none !important; border-bottom: none !important; font-weight: bold; text-transform: uppercase; } #quickcheckout .block-content #step_6 table.qc-summary tr.qc-coupon td:first-child b, #quickcheckout .block-content #step_6 table.qc-summary tr.qc-voucher td:first-child b, #quickcheckout .block-content #step_6 table.qc-summary tr.qc-reward td:first-child b { font-size: 16px !important; } #quickcheckout .block-content #step_6 table.qc-summary tr.qc-coupon td:last-child, #quickcheckout .block-content #step_6 table.qc-summary tr.qc-voucher td:last-child, #quickcheckout .block-content #step_6 table.qc-summary tr.qc-reward td:last-child { padding-left: 35px; border: 1px solid #BBB; border-top: none !important; } #quickcheckout .block-content #step_6 table.qc-summary tr.qc-coupon td:last-child input, #quickcheckout .block-content #step_6 table.qc-summary tr.qc-voucher td:last-child input, #quickcheckout .block-content #step_6 table.qc-summary tr.qc-reward td:last-child input { width: 300px !important; text-align: center; } #quickcheckout .block-content #step_6 table.qc-summary tr.qc-coupon { display: inline-block; position: absolute; margin: 30px 0 0; } #quickcheckout .block-content #step_6 table.qc-summary tr.qc-coupon td.text:first-child, #quickcheckout .block-content #step_6 table.qc-summary tr.qc-coupon td.total:last-child { padding: 0 !important; border-top: none !important; text-align: left !important; } #quickcheckout .block-content #step_7 { display: none !important; clear: both; padding-bottom: 20px !important; border-bottom: 1px dotted #000; } #quickcheckout .block-content #step_8 { padding: 20px 15px; border-top: 1px dotted #000; } #quickcheckout .block-content #step_8 #comment_input label { display: block; margin: 0 0 10px; } #quickcheckout .block-content #step_8 #comment_input textarea { margin: 0 0 20px; width: 894px; } #quickcheckout .block-content #step_8 .buttons .right { float: right; } #quickcheckout .block-content #step_8 .buttons .right input { padding: 10px 20px; background: #37a5fe; border: 1px solid #37a5fe; color: #fff; cursor: pointer; text-transform: uppercase; } .category-info { line-height: 1.5; } .category-info p { text-indent: 20px; } .acount-buttons { margin: 0 auto 40px; width: 860px; } .acount-buttons a .button { display: inline-block; padding: 10px 64px; background: #292b2a; color: #fff; font-weight: normal; text-transform: uppercase; } .acount-buttons a .button.red { background: #ff3d3d; } .acount-buttons2 { margin-bottom: 40px; } #content.acount h2, #content.acount .content { padding: 0 120px; } #content.acount h2 table.form.main, #content.acount .content table.form.main { border-spacing: 10px; } #content.acount h2 table.form.main tr td, #content.acount .content table.form.main tr td { padding: 5px 10px; } #content.acount h2 table.form.main tr td:nth-child(1), #content.acount .content table.form.main tr td:nth-child(1) { width: 200px; } #content.acount h2 table.form.main tr td:nth-child(2), #content.acount .content table.form.main tr td:nth-child(2) { min-width: 200px; border: 1px solid #BBB; } #content.acount h2 table.form.edit, #content.acount .content table.form.edit { margin: 0 0 0 0; border-spacing: 0; } #content.acount h2 table.form.edit tr:last-child td:nth-child(2), #content.acount .content table.form.edit tr:last-child td:nth-child(2) { padding: 11px 0; } #content.acount h2 table.form.edit tr td:nth-child(1), #content.acount .content table.form.edit tr td:nth-child(1) { width: 200px; padding: 5px 10px 5px 0; } #content.acount h2 table.form.edit tr td:nth-child(2), #content.acount .content table.form.edit tr td:nth-child(2) { padding: 0 0 11px; width: 300px; } #content.acount h2 table.form.edit tr td:nth-child(2) input, #content.acount .content table.form.edit tr td:nth-child(2) input { padding: 5px 10px; } #content.acount h2 table.form.edit tr td:nth-child(2) input[type="text"], #content.acount .content table.form.edit tr td:nth-child(2) input[type="text"] { width: 100%; } #content.acount h2 .f_right, #content.acount .content .f_right { margin: 0 7px 0 0; text-align: center; } #content.acount h2 .f_right .border, #content.acount .content .f_right .border { padding: 10px; border: 1px solid #bdbdbd; } #content.acount h2 .f_right .border .name, #content.acount .content .f_right .border .name { margin: 0 0 10px; font-weight: normal; text-transform: uppercase; } #content.acount h2 .f_right .border img, #content.acount .content .f_right .border img { width: 250px; } #content.acount h2 .f_right .button, #content.acount .content .f_right .button { display: inline-block; margin: 10px 0 0; padding: 8px 30px; background: #37a5fe; color: #fff; cursor: pointer; text-transform: uppercase; } #content.acount.address_form select { width: 268px; } #content.acount .buttons { height: 40px; } #content.acount .buttons.tac { text-align: center; } #content.acount .buttons .left { float: left; } #content.acount .buttons .right { float: right; } #content.acount .buttons a, #content.acount .buttons input { display: inline-block; padding: 10px 20px; background: none; border: 1px solid #dedede; color: #000; cursor: pointer; text-transform: uppercase; } #content.acount .buttons a:hover, #content.acount .buttons input:hover { border: 1px solid #37a5fe; background: #37a5fe; color: #fff; } .order_lists { margin: 0 auto 10px; width: 860px; min-height: 150px; border: 1px solid #999; border-spacing: 0; border-collapse: collapse; } .order_lists >tbody>tr >td { padding: 10px; } .order_lists >tbody>tr >td:nth-child(1) { width: 205px; } .order_lists >tbody>tr >td:nth-child(3) { width: 160px; } .order_lists >tbody>tr:nth-child(1) { height: 50px; } .order_lists >tbody>tr:nth-child(1) td:nth-child(1) { font-size: 18px; font-weight: normal; text-transform: uppercase; } .order_lists >tbody>tr:nth-child(1) td:nth-child(1) span { color: #555; font-size: 14px; text-transform: none; } .order_lists >tbody>tr:nth-child(1) td:nth-child(2) { font-size: 13px; text-align: center; vertical-align: bottom; } .order_lists >tbody>tr:nth-child(2) td { vertical-align: top; } .order_lists >tbody>tr:nth-child(2) td div { margin: 0 0 10px; } .order_lists >tbody>tr:nth-child(2) td:nth-child(1) { font-weight: normal; } .order_lists >tbody>tr:nth-child(2) td:nth-child(1) .price { font-weight: bold; } .order_lists >tbody>tr:nth-child(2) td:nth-child(1) .prods { color: #40a8ff; cursor: pointer; } .order_lists >tbody>tr:nth-child(2) td:nth-child(2) span { font-weight: normal; } .order_lists >tbody>tr:nth-child(2) td:nth-child(3) { padding: 0 10px 0 0; text-align: center; } .order_lists >tbody>tr:nth-child(2) td:nth-child(3) div { display: inline-block; padding: 10px 0; width: 100%; text-transform: uppercase; } .order_lists >tbody>tr:nth-child(2) td:nth-child(3) div.color_grey { background: #d3d3d3; color: #fff; } .order_lists >tbody>tr:nth-child(2) td:nth-child(3) div.color_red { background: #f03c3d; color: #fff; } .order_lists >tbody>tr:nth-child(2) td:nth-child(3) div.color_blue { background: #5183cc; color: #fff; } .order_lists >tbody>tr:nth-child(2) td:nth-child(3) div.color_orange { background: #e19244; color: #fff; } .order_lists >tbody>tr:nth-child(2) td:nth-child(3) div.color_green { background: #9ec41f; color: #fff; } .order_lists >tbody>tr:nth-child(3) td { padding: 0; } .order_lists >tbody>tr:nth-child(3) td table { display: none; margin: 0 auto; width: 90%; border-spacing: 0; } .order_lists >tbody>tr:nth-child(3) td table tr td { border-top: 1px solid #999; padding: 10px 5px; } .order_lists >tbody>tr:nth-child(3) td table tr td img { max-width: 110px; max-height: 110px; } .order_lists >tbody>tr:nth-child(3) td table tr td:nth-child(1) { width: 110px; text-align: center; } .order_lists >tbody>tr:nth-child(3) td table tr td.tar { text-align: right; } table.list { margin: 0 auto 10px; width: 860px; border-spacing: 0; border-collapse: collapse; } table.list thead { background: #ddd; text-transform: uppercase; } table.list tr td { padding: 5px; border-top: 1px solid #999; border-bottom: 1px solid #999; } #compare_middle #carriers span:nth-child(2n) { display: inline-block; width: 100px; } #compare_middle #carriers span:nth-child(4n) { display: inline-block; width: 60px; } .contact-info .content { min-height: 0 !important; } .contact-info .content table { margin: 0 0 20px; width: 100%; border-spacing: 0; font-weight: normal; } .contact-info .content table tr td { border-bottom: 1px dotted #000; } .contact-info .content table tr:nth-child(1) td { border-bottom: none; color: #40a8ff; font-size: 16px; text-transform: uppercase; } .contact-info #ya_map { margin: 0 0 20px; height: 335px; } .news a.new { color: #000; } .news a.new:nth-child(2n) .new { margin-right: 0; } .news a.new .new { display: inline-block; margin: 0 12px 16px 0; padding: 10px; width: 520px; height: 150px; border: 1px solid #bbb; overflow: hidden; vertical-align: top; } .news a.new .new .image { float: left; margin: 0 15px 0 0; } .news a.new .new .date { margin: 10px 0 5px; padding: 0 0 0 100px; color: #ff3d3c; } .news a.new .new h2 { margin: 0; padding: 0 0 0 100px; min-height: 30px; max-height: 44px; font-size: 18px; font-weight: normal; text-transform: uppercase; } .news a.new .new .desc { padding: 0 0 0 100px; color: #494949; } .news .buttons { margin: 0 0 20px; } .news .buttons .right { text-align: right; } .news .buttons .right a { color: #000; } .news .buttons .right a:hover { color: #fff; } .news .buttons .right a:hover .button { border: 1px solid #37a5fe; background: #37a5fe; } .news .buttons .right a .button { display: inline-block; margin: 7px 0 0; padding: 13px 20px; border: 1px solid #dedede; text-transform: uppercase; } .alert.alert-danger { padding: 10px; background: #F00; color: #FFF; font-size: 15px; text-align: center; }