original_catalog.css 4.88 KB
.navigation {
    color: #6b84b5;
    text-decoration: underline;
}

.vin img {
    margin-bottom: 1px;
}


.choose_catalog{
	width: 960px;
	margin: 34px auto;
	padding-bottom: 30px;
    border-bottom: 1px solid #dfdfdf;

}

.choose_catalog p{
	font-color:#222222;
}
.cars{
	margin-top: 13px;
	margin-bottom: 25px;
}
.cars td{
	text-align: center;
	vertical-align: middle;
}

.cars tr{
	height: 34px;
}

.cars a{
	color: #5c77ad;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	text-decoration: none;
}

.vin_paragraph {
    margin-bottom: -33px;
    margin-top: 17px;
    font-size: 15px;
}

.search_input {
    background-color: #7b91bd;
    width: 958px;
    height: 40px;
    margin-top: 42px;
    border-radius: 6px;
}

.vin_search {
    width: 917px;
    height: 34px;
    padding-left: 9px;
    border-radius: 6px;
    margin-top: 3px;
    border: transparent;
    margin-left: 3px;
    outline: none;
}
.orange {
    height: 28px;
    width: 32px;
    border-radius: 7px;
    border: 1px solid #ffc523;
    margin-bottom: -1px;
    font-size: 11px;
    background-color: #ffc523;
    box-shadow: 0px 4px 0 0px #efb515;
    outline: none;
    cursor: pointer;
    position: initial;
    bottom: 0;
    margin-left: 0;
}

.cars_catalog{
	margin-top:30px;
	margin-bottom: 49px;
}
.cars_catalog td{
	text-align: center;
	vertical-align: middle;
	    padding-top: 10px;
}

.cars_catalog tr{
	height: 34px;
}

.cars_catalog a{
	color: #5c77ad;
	font-size: 16px;
	
	font-weight: 500;
	text-decoration: none;
}

.choose_original_catalog{
	width: 960px;
	margin: 34px auto;
	height: auto;
	border-bottom: 1px solid #dfdfdf;

}

.gorizontal_table{
	width:960px;
	height: 144px;
	border-bottom: 3px solid #dfdfdf;
}

.gorizontal_table tr{
	border: 1px solid #dfdfdf;
}

.gorizontal_table td{
	padding-left: 15px;
	vertical-align: middle;
	cursor: pointer;
}

.gorizontal_table td:hover{
	background-color: #e6e6e6;
}
.gorizontal_table a{
	text-transform: uppercase;
	color: #222222;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
}


.choose_original{
	width: 960px;
	margin: 34px auto;

}


.long_line{
	margin-top:57px;
}

.catalog{
	margin: 0 auto;
	width:960px;
}

.table_catalog{
	margin-top: 30px;
}

.table_catalog img{
	height:105px;
	width:176px;
	border: 1px solid #dfdfdf;
}

.table_catalog a{
	color:#5c77ad;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
}

.table_catalog td{
	text-align: center;
	vertical-align: middle;
}

.big_image{
	margin-left: 64px;
	float: left;
	margin-top: 30px;
}

.small{
	width:478px;
	float:right;
	margin-top: 30px;
}

.small tr{
	height: 47px;
}

.tovar_block{
	display: inline-block;
	border: 1px solid #dfdfdf;
	width: 468px;
	height: 274px;
	position: relative;
	 margin-top: 21px;
	 margin-right: 20px;
    
}

.purple_header{
	color: #5c77ad;
	font-size: 16px!important;
	font-weight: 500;
	display: inline-block;
	text-transform: uppercase;
	float:right;
	 margin-top: 23px;
    margin-right: 47px;
}

.about_tovar{
	font-size: 13px;
	display: inline-block;
	float: right;
	position: absolute;
	    top: 90px;
    right: 60px;
    color:#333333;

}

.tovar_block span{
	font-size: 13px;
	font-weight: 600;
}

/*.tovar_block img{
	display: inline-block;
	    margin-top: 20px;
    margin-left: 20px;
}*/

.conainer_for_image{
	display: table-cell;
	height: 274px;
	width: 234px;
	vertical-align: middle;
	text-align: center;
}

.container_for_bigimage {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 409px;
    float: left;
}

.table_long{
	width:480px;
	float: right;
	border-bottom:4px solid #dfdfdf;
}

.table_long .name {
    height: 30px;
    background-color: #f5f5f5;
	font-weight: 500;
}

.table_long tr{
	height: 48px;
}

.table_long td{
	vertical-align: middle;
	text-align: center;
}

.first_cell{
	text-align: left!important;
	padding-left: 11px;
	text-transform: uppercase;
	font-weight: 500;
	width: 158px;
}

.second_cell{
	color:#5c77ad;
	width:100px;
	font-weight: 500;
}

.third_cell{
	width: 160px;
	font-weight: 500;
	text-align: left!important;
	padding-left:11px; 
}

.forth_cell{
	width: 66px;
	font-weight: 500;
}

.table_long tr{
	border: 1px solid #dfdfdf;
}

.table_long td{
	border: 1px solid #dfdfdf;
}


.table_long tr:hover{
	background-color: #e7e6e6;
}

.table_long .name:hover{
	background-color: #f5f5f5;
}

.third_cell a{
	color:#5c77ad;
	text-decoration: none;
	display: block;
	font-size: 13px;
}

.tovar_block:hover{
	background-color: #f3f3f3;
}

.cars a:hover{
	color:#7f95c1;
}

.table_text a:hover{
	color:#8399c4;
}

.origin_step2{
	margin-top: -12px;
}

.catalog_step6 {
    margin: -13px auto;
    width: 960px;
}

.second_cell{
	text-align: left!important;
	padding-left: 11px;
}

.components{
	text-decoration: none;
	color: #6b84b5!important;
}

.second_cell a{
	color:#333;
	text-decoration: none;
}

.third_cell a{
	color: #333;

}

.first_cell a{
	color: #333;
	text-decoration: none
}