.wrap-cont { width: 960px; margin: 0 auto; } .side-bar-left-wrap { width: 220px; float: left; margin-right: 30px; box-sizing: border-box; padding-top: 19px; } .content-wrap { width: 710px; float: left; } .navigation { color: #6b84b5; text-decoration: underline; } .catalog-header{ font-size: 22px; width: 226px; display: inline-block; font-weight: 500; } .navigation_menu{ display: inline-block; margin-left: 15px; } .vin{ width: 960px; margin: 40px auto 12px; } #stone-filter-form ul{ list-style-type: none; } .filter-wrap{ border:1px solid #dfdfdf; margin-top: 9px; border-bottom: 4px solid #dfdfdf; position: relative; height:auto; } .filter-wrap_first{ width: 219px; height: 214px; border-bottom: 2px solid #dfdfdf; } .filter-wrap input{ margin-left: 16px; margin-bottom: 14px; } .filter-wrap label{ margin-left: 6px; } .arrow-down{ margin-left: 5px !important; cursor: pointer; } .filter-wrap a{ position: absolute; margin-left: 7px; color:#333333; font-size: 14px; font-family: Arial; font-weight: normal; } .title-filter{ font-size: 15px; font-weight: 600; margin: 16px 0 16px 19px; } .filter-wrap_first li{ height: 43px; display: block; background-color: #6b84b5; color:white; font-size: 18px; font-family: Arial; border-bottom: 1px solid #869ac2; } .filter-wrap li{ position: relative; } .filter-wrap_first li { height: 43px; background-color: #6b84b5; color: white; font-size: 18px; font-family: Arial; border-bottom: 1px solid #869ac2; display: table-cell; vertical-align: middle; width: 219px; padding-left: 18px; } .navigation_menu img{ padding-bottom: 1px; } .more{ display:none; } .add_cars{ margin-left:88px; display:inline; color: #6b84b5; font-size: 14px; margin-right: 7px; cursor: pointer; } input[type="checkbox"] { display:none; } input[type="checkbox"] + label { color: #fff; font-family:Arial, sans-serif; cursor: pointer; } input[type="checkbox"] + label span { display:inline-block; width:16px; height:16px; margin-bottom: 16px; background: url('/images/checkbox.png') no-repeat; cursor:pointer; } input[type="checkbox"]:checked + label span{ background: url('/images/input-type-checked.png') no-repeat; } input[type="checkbox"] + label span, input[type="checkbox"]:checked + label span { -webkit-transition:background 0.4s linear; -o-transition:background 0.4s linear; -moz-transition:background 0.4s linear; transition:background 0.4s linear; } .filter-wrap span{ margin-left: 12px; } table.trackbar .l div{ height: 8px; border: 3px solid #dfdfdf; margin-top: 1.5px; background-color: white; border-radius: 13px 0 0 13px; } table.trackbar .r div{ height: 8px; border: 3px solid #dfdfdf; margin-top: 3px; background-color: white; border-radius: 0 13px 13px 0; } .header img{ margin-left: 4px; } .header:hover{ background-color: #f5f5f5!important; } tr:hover{ background-color: #eae9e9; cursor:pointer; } .name:hover{ background-color: #f5f5f5!important; } tr:hover{ background-color: #eae9e9; cursor:pointer; } table.trackbar .c { font-size: 1px; width: 100%; height: 6px; background-image: url('../js/TrackBar/imgtrackbar/track_bar.png'); background-repeat:repeat no-repeat; background-position: 1% 75%; } .catalog_name{ font-size: 22px; width: 226px; display: inline-block; font-weight: 500; margin-top: 13px; margin-bottom: 20px; } .rounded_filter{ display: inline-block; width: auto; background-color: #f5f5f5; border-radius: 27px; border: 1px solid #dfdfdf; padding-right:6px; height: 27px; position: relative; background-image: url("/images/close_round.png"); background-repeat: no-repeat; background-position: 96%; margin-right: 10px; cursor: pointer; padding-left: 15px; } .rounded_filter p{ display: inline-block; margin-right: 27px; vertical-align: middle; margin-left: 7px; padding-top: 5px; } .header{ font-size: 13px; font-weight: 600; background-color: #f5f5f5; } .bold_line { font-size: 15px; font-weight: 600; line-height: 9px; } .thin_line { font-size: 15px; font-weight: normal; line-height: 10px; } .space { margin-top: 27px; } .catalog table, .catalog td, .catalog tr { border:1px solid #dfdfdf ; vertical-align: middle; } .catalog{ border-bottom: 4px solid #dfdfdf; margin-top: 16px; width: 710px } .catalog tr{ height: 170px; } .all_propositions{ background-color: #f0f2f7; font-weight: 400; color: #6b84b5; margin-right: 7px; font-size: 14px; cursor: pointer; } .small{ font-size: 13px; font-weight: 600; width:201px; vertical-align: middle; text-align: center; } .small tr{ height: 47px; border:0; } .header{ text-align: center; height: 28px!important; } .catalog .purple{ height: 29px; width:111px; margin-top: 12px; } .first_col{ width:182px; } .second_col{ width: 345px; padding-left: 18px; } .third_col{ width: 76px; vertical-align: top; } .forth_col{ width:54px; vertical-align: top; } .pagination>li:first-child>a, .pagination>li:first-child>span { border-top-left-radius: 20px!important; border-bottom-left-radius: 20px!important; height: 24px; width: 24px; padding-top: 1px; padding-left: 7px; } .pagination>li>a, .pagination>li>span { margin-right: 12px; position: relative; float: left; height: 24px; width: 24px; padding: 1px 7px!important; margin-left: -1px; line-height: 1.42857143; color: #333; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-radius: 20px; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #6b84b5; border-color: #337ab7; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 20px!important; border-bottom-right-radius: 20px!important; } .pagination{ display: table!important; padding-top: 23px!important; margin-left: 464px!important; } .tover_list{ display: inline; font-size: 14px; font-weight: 500; margin-left: -9px; } .active_span{ color:#898989; } .purple:hover{ background-color: #748dbd; transition: 0.2s ease-out 0.2s; } .price_search{ width: 65px; height:29px; padding-left: 9px; border-radius: 6px; border:1px solid #dfdfdf; background-color:#f5f5f5; margin-top: 12px; margin-left: 16px; } .filter-wrap .purple{ height: 24px; width: 27px; margin-left: 5px; position: absolute; box-shadow: 0px 3px 0 0px #5670a2; top: 62px; } .rectangle{ position: absolute; top: 75px; left: 87px; } .all_propositions:hover{ color: #8ca1c8; } .filter-wrap_first li:hover{ background-color: #fff; color:#333; border:1px solid #6b84b5; } .yellow_stock { margin-top: 18px; position: relative; margin-bottom: 8px; } .yellow_stock img { position: absolute; left: 22px; } .yellow_stock p { display: inline-block; margin-left: 61px; } .stone-filter-form{ margin-bottom: 30px; } #pagination{ margin-bottom: 14px; width: 960px; margin: 0 auto; border-bottom: 1px solid #dfdfdf } .grey_line{ width: 960px; height: 1px; background-color: #dfdfdf } .contacts .orange { height: 27px; width: 115px; border-radius: 0 7px 7px 0; border: 1px solid #ffc523; position: absolute; bottom: 7px; margin-left: 186px; font-size: 11px; background-color: #ffc523; box-shadow: 0px 4px 0 0px #efb515; outline: none; } .catalog_description { font-size: 22px; width: 226px; display: inline-block; font-weight: 500; margin-top: -15px; margin-bottom: 20px; }