@import url("reset.css");

body {color:#000; background:#fff url(../img/bg.jpg) no-repeat 0 0; font:12px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#000; text-decoration:underline}
a:hover {text-decoration:none}

.fBold {font-weight:bold;}

/* -- ---- typography ---- -- */

#minWidth {position:relative; width:1000px; margin:0 auto}
	#minWidth .outer {background:url(../img/outer-bg.jpg) no-repeat 100% 100%; padding-bottom:65px}
	.outer-nbg {background-image:none !important}

.l-col-2 {float:right; width:213px; padding-right:15px}
.l-col-1 {float:left; width:732px}

.l-col-2 a, .l-col-2 img, {display:none;}

/* // ---- phone view ---- // */
.phone-view {color:#666; padding:40px 70px 0 0; margin-right:10px; text-align:right; width:650px;}
	.phone-view .ico {position:relative; margin-top:-10px; display:-moz-inline-stack; display:inline-block; vertical-align:middle; width:31px; height:56px; background-image:url(../img/ico-phone.png); margin-right:15px}
	.phone-view big {font-size:18px; padding-left:15px}
	.phone-view big strong {color:#000}
/* -- ---- phone view ---- -- */

.order-item {position:relative; margin-top:-6px; margin-right:10px; color:#666; text-align:right; padding:12px 70px 35px 0; background:url(../img/ico-cart.png) no-repeat 100% 0}
	.order-item a {color:#005197}
	.order-item strong {color:#000}

.b-content {}
	.b-content-i {background:url(../img/content-bg.png); padding:25px 33px 15px 49px}
	.b-content h1 {position:relative; color:#fff; font-size:18px; border-left:3px solid #fff; line-height:1em; padding-left:10px; text-transform:uppercase; margin:0 0 17px -13px}

.for-editor {}
	.for-editor h2 {font-size:16px; padding-bottom:13px}
	.for-editor p {padding-bottom:14px}
	.for-editor .more {padding-bottom:30px}
	.for-editor .addr {padding-top:16px}

.pdf-ico {display:-moz-inline-stack; display:inline-block; width:23px; height:23px; background-image:url(../img/ico-pdf.png); vertical-align:top; margin:-6px 0 0 8px}
.download-ico {display:-moz-inline-stack; display:inline-block; width:23px; height:23px; background-image:url(../img/ico-download.png); vertical-align:top; margin:-6px 0 0 8px}

.b-choose-main {padding:35px 0 0}

.asdfg {display:none;}

.s-title {padding:9px 0 7px 36px; background:url(../img/s-title-bg.png) repeat-y 0 0; margin-bottom:16px}
	.s-title span {display:block; color:#000; font-size:18px; border-left:3px solid #000; line-height:1em; padding-left:10px; text-transform:uppercase}

.subtitle {position:relative; margin-top:-14px; font-size:18px; font-weight:bold; padding-bottom:9px}

.tires-choose {width:100%}
	.tires-choose th {padding:0 13px 0 63px; vertical-align:top; white-space:nowrap; font-size:14px; font-weight:bold; background-repeat:no-repeat; background-position:0 0}
	.tires-choose td {font-size:14px; width:100%; vertical-align:top}
	.tires-choose ul {}
		.tires-choose ul li {float:left; padding-right:12px}
		.tires-choose ul a {text-decoration:none}
		.tires-choose ul img {border:none; padding:2px 2px 2px 2px}
			.tires-choose ul a:hover {color:#69c}
		.tires-choose ul .selected a {color:#69c; font-weight:bold}
		.tires-choose ul .selected img {border:2px #69c solid;padding:0 0 0 0}
	.tires-choose .tire-1 th {background-image:url(../img/ico-tire-1.png); padding-top:17px; padding-bottom:30px; background-position:0 12px}
	.tires-choose .tire-1 td {font-size:18px; padding-top:2px}
	.tires-choose .tire-2 th {background-image:url(../img/ico-tire-2.png); padding-top:3px; padding-bottom:26px}
	.tires-choose .tire-2 td {padding-top:3px}
	.tires-choose .tire-3 th {background-image:url(../img/ico-tire-3.png); padding-top:7px; padding-bottom:26px}
	.tires-choose .tire-3 td {padding-top:7px}
	.tires-choose .tire-4 th {background-image:url(../img/ico-tire-4.png); padding-top:7px; padding-bottom:23px}
	.tires-choose .tire-4 td {padding-top:7px}
	.tires-choose .tire-5 th {background-image:url(../img/ico-tire-5.png); padding-top:10px; padding-bottom:26px}
	.tires-choose .tire-5 td {padding-top:10px}

.btn-line {background:url(../img/btn-line-bg.png) repeat-y 0 0; text-align:center; padding:4px 0 3px}
	.btn-line .btn-send {display:-moz-inline-stack; display:inline-block; padding:5px 42px 6px 0; background:url(../img/btn-line-send.png) no-repeat 100% 0; margin-right:15px; position:relative}
	.btn-line .btn-clear {display:-moz-inline-stack; display:inline-block; color:#666; padding:5px 26px 6px 0; background:url(../img/btn-line-clear.png) no-repeat 100% 0;  position:relative}

.logo {text-align:right; padding:57px 0 13px}

.navigation {font-size:14px; text-align:right; padding-bottom:15px}
	.navigation a, .navigation .hr {display:block; padding:9px 17px 8px 0; background:url(../img/nav-bg.png) no-repeat 100% -30px}
		.navigation a:hover, .navigation .hr {background-repeat:repeat-y; text-decoration:none}

ul.navigation li ul.submenu li { background: none !important; }
	ul.navigation li ul.submenu li a {display:block; padding:3px 15px 3px 0; background:url(../img/nav-bg.png) no-repeat 100% -30px}
    ul.navigation li ul.submenu li a:hover, .navigation .hr {background-repeat:repeat-y; text-decoration:none}


.bottom {width:950px; margin:0 auto; border-top:1px solid #d6d6d6; padding:24px 0 20px}
	.bottom .l-col-1 {float:left; font-size:18px; width:330px}
	.bottom .l-col-2 {float:right; color:#999; font-size:10px; width:545px; border-left:3px solid #c1c0c2; padding:13px 0 13px 39px}

.partners {position:relative; margin-left:-101px}
	/*.partners li {float:right; padding-right:17px; padding-left:10px}*/
	.partners li {float:right; padding-right:10px; padding-left:0px}

.feedback-form {padding:28px 2px 0 47px}
	.feedback-form h2 {position:relative; color:#444; font-size:18px; border-left:3px solid #444; line-height:1em; padding-left:10px; text-transform:uppercase; margin:0 0 7px -13px}
	.feedback-form p {font-size:11px; padding-bottom:12px}
	.feedback-form .inputs {padding:0 0 7px 140px}
		.feedback-form .b-inps {float:right; width:100%}
		.feedback-form .inputs .lbl {position:relative; float:left; left:-140px; margin-right:-140px; width:130px; padding-top:3px}
		.feedback-form .i-p {float:left; padding:1px 1px 1px 4px; width:195px}
	.feedback-form .btn {text-align:right; width:343px}
		.feedback-form .btn input {width:83px; height:23px}

.choose-bg {background:url(../img/choose-bg.png) repeat-y 0 0; padding-right:0; padding-bottom:0}
	.choose-bg .b-choose-main {position:relative; margin-left:-37px; padding-top:0; padding-bottom:0}

/* // ---- list-tires ---- // */
.list-tires {position:relative; margin:0 -50px 0 -35px; padding-top:34px}
	.list-tires li {display:-moz-inline-stack; display:inline-block; width:370px; padding-left:35px; padding-bottom:18px; margin-right:-3px; font-size:1px}
	.list-tires .i {border:1px solid #d2d2d2; padding:0 4px 0 147px; background-color:#fff; font-size:12px}
	.list-tires .ph {position:relative; float:left; left:-147px; margin-right:-147px; width:139px; text-align:center}
	.list-tires .title {position:relative; color:#666; background-color:#ccc; padding:2px 5px 3px 17px; margin-left:-8px; margin-right:-5px}
		.list-tires .title a {color:#666}
		.list-tires .title h2 {font-weight:normal}
	.list-tires table {position:relative; margin-top:-1px}
		.list-tires table .frst th, .list-tires table .frst td {padding-top:2px}
		.list-tires table th {padding:0 15px 0 9px; border-top:1px solid #ccc}
		.list-tires table td {padding:0 11px 0 0; border-top:1px solid #ccc}
	.list-tires .cost {color:#666; font-size:16px; padding-top:5px; padding-bottom:2px}
		.list-tires .order {float:right; color:#fff; font-size:12px; width:87px; height:21px; line-height:21px; background-color:#3a6492; text-align:center; text-transform:uppercase; text-decoration:none}
/* -- ---- list-tires ---- -- */

.tire-card {position:relative; margin-right:-20px; margin-left:-30px; padding-left:364px}
	.tire-card .img-cover {position:relative; float:left; left:-364px; margin-right:-364px; width:352px; text-align:center; padding-top:3px}
	.tire-card h2 {color:#2d2d2d; font-size:16px; padding:0 0 0 6px}
	.tire-card table {width:100%}
		.tire-card table th {color:#2d2d2d; width:60%; padding:1px 0 3px 6px; vertical-align:top; border-bottom:1px solid #d4d4d4}
		.tire-card table td {color:#2d2d2d; width:40%; padding:1px 0 3px 6px; vertical-align:top; border-bottom:1px solid #d4d4d4; font-weight:bold}
	.tire-card .cost {}
		.tire-card .cost th {font-size:22px; font-weight:bold; border-bottom-width:0; text-align:center; padding:15px 0 5px 6px}
		.tire-card .cost td {border-bottom-width:0; padding-top:15px}
			.tire-card .cost td .order {display:block; color:#fff; font-size:14px; width:104px; height:36px; line-height:36px; background-color:#3a6492; text-align:center; text-transform:uppercase; text-decoration:none}

.contact-card {position:relative; margin-left:-14px}
	.contact-card table {width:100%}
	.contact-card .td-col-1 {width:100%; vertical-align:top; font-size:13px; line-height:18px}
	.contact-card h1 {padding-bottom:0; margin-left:0}
	.contact-card p {padding-bottom:19px}
	.contact-card a {color:#20517b}
	.contact-card .td-col-2 {vertical-align:top}
	.contact-card .feedback-form {padding-top:0; width:99%; }

.tire-1 select, .tire-2 select, .tire-3 select, .tire-4 select, .tire-5 select{width:100px; height:30px;}
.tire-1 td, .tire-2 td, .tire-3 td, .tire-4 td, .tire-5 td{width:100px; height:30px;}


.phone-view big{ padding:0;margin:0;}

