/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: screen.css
* Description: Основной файл стилей
* Website: ШинаPRO
* Author: m1ron
*/



/* _default styles reset
========================================== */
html {
width:100%;
height:100%;
padding:0;
margin:0;
font:11px Tahoma, Helvetica, sans-serif;
}
body {
width:100%;
height:100%;
padding:0;
margin:0;
color:#666;
background:#cccbc9;
}

p {margin:0 0 13px 0;}
a {color:#ff243c;text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}

ul {padding:0;margin:0 0 13px 24px;list-style-type:disc;}
td, th {padding:0;}
dfn, var, address {font-style:normal;}

form, input, select, label, textarea, button {margin:0;}
label {font-size:12px;line-height:18px;}
input.text, textarea {padding:2px;border:1px solid #a7b9c3;font:11px Verdana, Helvetica, sans-serif;color:#827d7d;}
select {padding:2px;font:11px Verdana, Helvetica, sans-serif;color:#827d7d;}
input.submit,button {padding-top:2px;padding-bottom:2px;cursor:pointer;font:11px Tahoma, Helvetica, sans-serif;color:#000;}


/* _my universal styles  */
.both {
width:100%;
clear:both;
overflow:hidden;
}
.clear {
width:100%;
height:0px;
clear:both;
overflow:hidden;
display:block;
}



/* _wrap
========================================== */
#wrap {
width:100%;
min-height:100%;
min-width:980px;
max-width:1220px;
margin:0 auto;
overflow:hidden;
position:relative;
z-index:1;
background:#e2e1df url('../img/wrap.png') repeat-y 50% 0;
}
#spacer {
width:100%;
height:100px;
clear:both;
position:relative;
z-index:2;
}
#bg-top {
width:1020px;
height:450px;
margin-left:-510px;
position:absolute;
left:50%;top:0;
z-index:2;
background:url('/img/bg-top.jpg') no-repeat 0 0;
}
#bg-bottom {
width:1020px;
height:500px;
margin-left:-510px;
position:absolute;
left:50%;bottom:0;
z-index:1;
background:url('/img/bg-bottom.jpg') no-repeat 0 0;
}



/*
== headers ================================ */
h1, h2, h3, h4, h5, h6 {
margin:0;
font-family:Tahoma, Helvetica, sans-serif;
font-weight:normal;
}
h1 {
margin:0 0 10px 0;
font:30px Tahoma, Helvetica, sans-serif;
color:#ff243c;
}
h2 {
margin:0 0 20px 0;
font:bold 18px/24px Calibri, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
position:relative;
text-transform:uppercase;
display:block;
}



/*
== header ================================ */
#header {
width:1020px;
height:188px;
margin-left:-510px;
position:relative;
left:50%;
z-index:4;
}
.header-inner {
height:128px !important;
}
#header p {
margin:0;
display:block;
cursor:default;
}
#header .phone {
padding:0 0 0 21px;
position:absolute;
left:580px;top:19px;
color:#000;
background:url('/img/ico/arrow.gif') no-repeat 0 2px;
}
#header .callback {
position:absolute;
left:558px;top:30px;
font:10px/24px Arial, Helvetica, sans-serif;
color:#666;
}
#header .callback a {
padding:0 1px;
border-bottom:1px dotted #666;
color:#666;
text-decoration:none;
}
#header .callback a:hover {
border-bottom:none;
}
#header .logo {
position:absolute;
top:17px;
left:758px;
}
#header .logo a {
outline:none;
}

#header .grey {
width:470px;
height:40px;
position:absolute;
top:68px;left:520px;
background:url('/img/grey.png') no-repeat 0 0;
}

#header .menu {
padding:12px 0 12px 0;
margin:0;
list-style:none;
line-height:16px;
overflow:hidden;
position:absolute;
top:0;left:9px;
}
#header .menu li {
padding:0 23px 0 25px;
float:left;
position:relative;
left:-2px;
background:url('/img/ico/menu.gif') no-repeat 0 8px;
}
#header .menu li a {
color:#414543;
text-decoration:none;
}
#header .menu li a:hover {
color:#ff243c;
}
#header .ico {
padding:6px 0 0 0;
margin:0;
list-style:none;
overflow:hidden;
position:absolute;
top:0;right:5px;
}
#header .ico li {
width:31px;
height:29px;
margin:0 4px 0 0;
float:left;
background:url('/img/round.png') no-repeat 0 0;
}
#header .ico li img {
width:31px;
height:29px;
display:block;
color:#fff;
}

#header .brands {
margin:0;
list-style:none;
overflow:hidden;
position:absolute;
top:130px;left:560px;
z-index:1;
}
#header .brands li {
padding:0 30px 0 0;
float:left;
}
#header .brands li img {
display:block;
}

#cartspace {
width:100%;
height:100%;
position:absolute;
top:0;left:0;
z-index:2;
}
#cart {
width:47px;
padding:20px 0;
overflow:hidden;
position:fixed;
top:111px;right:0;
z-index:2;
}
.cart-hidden {
width:47px !Important;
}
.cart-visible {
width:503px !Important;
}
#cart a.do {
width:29px;
height:29px;
margin-top:-14px;
display:block;
position:absolute;
top:50%;left:10px;
z-index:3;
text-align:center;
text-decoration:none;
outline:none;
background:url('/img/ico/cart.png') no-repeat 0 0;
}
#cart a.do i {
width:16px;
height:16px;
margin:0 auto;
font-style:normal;
font-size:13px;
font-weight:bold;
line-height:16px;
color:#fff;
position:relative;
top:6px;
display:block;
background:#cccbc9;
}
.cart-visible a.do {
background:url('/img/ico/cart-active.png') no-repeat 0 0 !important;
}
.cart-visible a.do i {
display:none !Important;
}
#cart a.do img {
width:29px;
height:29px;
display:block;
position:absolute;
top:22px;left:7px;
}

#cart .bg {
width:503px;
height:75px;
position:absolute;
top:0;left:0;
z-index:1;
display:none;
}

#cart .width {
width:456px;
min-height:45px;
padding-left:47px;
z-index:2;
background:url('/img/cart-width.png') repeat-y 0 0;
overflow:hidden;
}
#cart .t {
width:503px;
height:20px;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:1;
}
#cart .b {
width:503px;
height:20px;
overflow:hidden;
position:absolute;
bottom:0;left:0;
z-index:1;
}
#cart .t i,#cart .b i {
width:503px;
height:75px;
position:absolute;
top:0;left:0;
display:block;
background:url('/img/cart.png') no-repeat 0 0;
}
#cart .b i {
top:-55px;
}
#cart .left {
width:230px;
padding:0 20px;
float:left;
position:relative;
z-index:2;
}
#cart .left .item {
width:130px;
padding-bottom:25px;
float:none;
}
#cart .right {
width:115px;
padding:0 50px 0 20px;
float:right;
text-align:right;
z-index:2;
}
#cart .right strong {
display:block;
font-size:14px;
line-height:14px;
}
#cart .right em {
font-style:normal;
color:#fc293c;
}
#cart h2 {
margin:0 0 10px 0;
line-height:18px;
cursor:default;
}
input.qty {
	width: 25px;text-align: center;padding:2px;border:1px solid #a7b9c3;font:11px Verdana, Helvetica, sans-serif;color:#827d7d;
}


/*
== footer ================================ */
#footer {
width:940px;
height:100px;
margin:0 0 0 -470px;
position:absolute;
left:50%;
bottom:0;
z-index:3;
}
#footer p {
margin:0;
display:block;
cursor:default;
}
#footer .phone1 {
padding:0 0 0 30px;
position:absolute;
left:320px;top:40px;
color:#000;
background:url('/img/ico/arrow.gif') no-repeat 0 2px;
}
#footer .phone2 {
padding:0 0 0 30px;
position:absolute;
left:540px;top:40px;
color:#000;
background:url('/img/ico/arrow.gif') no-repeat 0 2px;
}
#footer .smallogo {
position:absolute;
left:715px;top:30px;
color:#636363;
}
#footer .smallogo img {
margin:0 4px;
position:relative;
top:2px;
}
#footer .author {
position:absolute;
left:716px;top:57px;
color:#636363;
}




/*
== content ================================ */
#content {
width:940px;
min-height:500px;
padding-bottom:30px;
margin-left:-450px;
position:relative;
left:50%;
z-index:5;
}
#content:after,#right:after,#left:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}

#left {
width:530px;
position:relative;
float:left;
}
#right {
width:380px;
position:relative;
left:-20px;
float:right;
}
#left-in {
width:690px;
position:relative;
float:left;
}
#right-in {
width:220px;
position:relative;
left:-20px;
float:right;
}



/*
== news ================================ */
.news h2 {
padding-left:160px;
}
.news h2 span {
width:150px;
height:11px;
overflow:hidden;
display:block;
position:absolute;
top:7px;left:0;
background:url('/img/ico/h2.gif') repeat-x 0 0;
}
.news p {
min-height:64px;
padding:0 0 0 160px;
margin:0 0 10px 0;
display:block;
position:relative;
}
.news p img {
border:1px solid #b0b1b3;
display:block;
position:absolute;
top:0;left:59px;
}
.news p strong {
margin:0 0 8px 0;
font-size:12px;
line-height:15px;
font-weight:bold;
display:block;
}
.news p strong a {
color:#666;
}
.news p var {
margin:0 0 8px 0;
display:block;
}



/*
== catalog ================================ */
.catalog {
width:100%;
}
.catalog:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}
h2 span {
width:100%;
height:11px;
overflow:hidden;
display:block;
position:absolute;
top:7px;left:0;
z-index:1;
background:url('/img/ico/h2.gif') repeat-x 0 0;
}
h2 em {
padding-right:30px;
font-style:normal;
position:relative;
z-index:2;
background:#e3e2e0;
}
.catalog .item {
width:170px;
padding:0 9px 40px 86px;
float:left;
position:relative;
}
#left-in .catalog .item {
width:135px;
}
.catalog .item img {
border:1px solid #b0b1b3;
display:block;
position:absolute;
top:0;left:0;
}
.catalog .item strong {
margin:-5px 0 8px 0;
display:block;
position:relative;
}
.browse-all {
width:141px;
height:51px;
margin:0 0 -18px 0;
position:relative;
top:-18px;
left:265px;
background:url('/img/browse-all.png') no-repeat 0 0;
}
.browse-all a {
width:78px;
height:33px;
padding:18px 0 0 63px;
display:block;
color:#fff;
}


/*
== selection ================================ */
#selection {
width:960px;
margin:0 0 17px -30px;
overflow:hidden;
position:relative;
color:#333;
}


#selection .left {
width:470px;
float:left;
position:relative;;
}
#selection .right {
width:470px;
float:right;
position:relative;
}
#selection .t {
width:100%;
height:15px;
overflow:hidden;
position:relative;
z-index:1;
background:url('/img/selection.png') no-repeat 0 0;
}
#selection .c {
width:200px;
padding:3px 20px 0 250px;
position:relative;
z-index:2;
background:#e8e8e8;
}
#selection .c:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}
#selection .b {
width:100%;
height:15px;
overflow:hidden;
position:relative;
z-index:1;
background:url('/img/selection.png') no-repeat 0 -25px;
}

#selection .pic {
width:200px;
position:absolute;
top:4px;left:20px;
}
#selection .pic img {
margin:0 auto;
display:block;
}

#selection .all {
width:100%;
font-size:10px;
line-height:14px;
position:absolute;
top:-11px;left:250px;
z-index:5;
}
#selection .all a {
border-bottom:1px dotted #666;
color:#666;
display:block;
float:left;
text-decoration:none;
}
#selection .all a:hover {
border:none;
}

#selection h2 {
margin:0 0 8px 0;
}
#selection p {
width:100%;
margin:0 0 8px 0;
display:block;
overflow:hidden;
}
#selection p.submit {
margin:0 0 3px 0;
}
#selection label {
margin:0 0 8px 0;
display:block;
float:left;
}
#selection label.for {
width:75px;
margin:0;
}
#selection label.bt {
padding:0 7px;
margin:0;
}
#selection select {
width:125px;
display:block;
float:left;
}
#selection select.w53 {
width:53px;
}
#selection select.w200 {
width:200px;
}
#selection .w100 {
width:100%;
}
#selection input.submit {
width:72px;
display:block;
float:right;
}

.selection-inner .t,
.selection-inner .c,
.selection-inner .b {
display:none;
}
.selection-inner .selection-active .t,
.selection-inner .selection-active .c,
.selection-inner .selection-active .b {
display:block;
}
.selection-inner .t {
border-bottom:35px solid #e8e8e8;
}
.selection-inner .left .c {
width:710px !important;
padding-right:0 !important;
margin-right:-600px;
}
.selection-inner .right .c {
width:710px !important;
padding-right:0 !important;
margin-right:-600px;
left:-490px;
overflow:hidden;
}
.selection-inner .c .pic {
top:-30px !Important;
}
.selection-inner p {
width:235px !important;
margin:0 0 18px 0 !important;
float:left;
}
.selection-inner p.submit {
width:auto !important;
float:right;
position:relative;
right:40px;
}
.selection-inner .all {
width:auto !Important;
margin:0 !Important;
top:5px !Important;
}
.selection-inner h2 {
position:absolute;
top:20px !Important;
left:250px;
z-index:2;
}
.selection-inner h2 a {
text-decoration:none;
color:#000;
outline:none;
}
.selection-inner h2 a:hover {
color:#ff243c;
}





#shadow {/* фон области с попапами */
width: 100%;
min-width:980px;
height: 100%;
display:none;
position: absolute;
top: 0;
left: 0;
z-index:5;
background:#000;
}
.popup {
padding:0 35px;
display:none;
position:absolute;
top:0;left:50%;
z-index:6;
}
.popup .tl, .popup .tr,
.popup .bl, .popup .br {
width:35px;
height:35px;
overflow:hidden;
position:absolute;
background:url('/img/popup/corner.png') no-repeat 0 0;
}
.popup .tl {top:0;left:0;background-position:0 0;}
.popup .tr {top:0;right:0;background-position:-35px 0;}
.popup .bl {bottom:0;left:0;background-position:0 -35px;}
.popup .br {bottom:0;right:0;background-position:-35px -35px;}

.popup .t {
width:100%;
height:35px;
overflow:hidden;
background:url('/img/popup/top.png') repeat-x 0 0;
}
.popup .mid {
width:100%;
padding:0 35px;
margin:0 -35px;
overflow:hidden;
position:relative;
}
.popup .m {
width:100%;
overflow:hidden;
position:relative;
background:#fff;
}
.popup .b {
width:100%;
height:35px;
overflow:hidden;
background:url('/img/popup/bottom.png') repeat-x 0 0;
}
.popup .l {
width:35px;
height:1000px;
position:absolute;
top:0;left:0;
background:url('/img/popup/left.png') repeat-y 0 0;
}
.popup .r {
width:35px;
height:1000px;
position:absolute;
top:0;right:0;
background:url('/img/popup/right.png') repeat-y 0 0;
}
.popup .close {
margin:0;
display:block;
position:absolute;
top:5px;right:0;
font-size:10px;
z-index:10;
}
.popup .close a {
border-bottom:1px dotted #666;
color:#666;
display:block;
text-decoration:none;
}
.popup .close a:hover {
border:none;
}


#popup-tire-brands {
width:420px;
margin-left:-245px;
}
.ul3 {
width:100%;
overflow:hidden;
}
.ul3 ul {
width:140px;
margin:0;
list-style:none;
float:left;
overflow:hidden;
}
.ul3 ul li {
padding:3px 6px 3px 36px;
background:url('/img/ico/ul3.png') no-repeat 3px 7px;
}
.ul3 ul li a {
color:#666;
text-decoration:none;
}
.ul3 ul li a:hover {
text-decoration:underline;
}


#popup-callback {
width:320px;
margin-left:-195px;
}
.callbackform p {
width:100%;
margin:0 0 13px 0;
display:block;
overflow:hidden;
}
.callbackform label.for {
width:100px;
font-size:11px;
line-height:19px;
display:block;
float:left;
}
.callbackform input.text,
.callbackform textarea {
width:200px;
display:block;
float:left;
}
.callbackform textarea {
width:200px;
height:50px;
}
.callbackform small {
width:200px;
padding:1px 0;
display:block;
float:left;
clear:left;
position:relative;
left:102px;
font:10px Tahoma, Helvetica, sans-serif;
color:#a0a0a4;
}
.callbackform label.for small {
clear:none;
float:none;
left:0;
width:auto;
}
.callbackform p.submit {
margin:0;
}
.callbackform input.submit {
width:112px;
display:block;
float:right;
}


.breadcumbs {
width:450px;
margin:0 0 8px 0;
cursor:default;
display:block;
float:left;
color:#434c56;
}
.breadcumbs a {
color:#434c56;
text-decoration:none;
}
.breadcumbs a:hover {
text-decoration:underline;
}
.breadcumbs a.red {
color:#ff233a;
}

.sort {
width:230px;
padding:0 10px 0 0;
margin:0 0 8px 0;
cursor:default;
display:block;
float:left;
color:#666;
text-align:right;
}
.sort a {
padding:0 0 0 15px;
color:#666;
text-decoration:none;
background:url('/img/ico/up.png') no-repeat 3px 6px;
}
.sort a:hover {
text-decoration:underline;
}
.sort a.down {
background:url('/img/ico/down.png') no-repeat 3px 6px;
}


.pager {
padding:0 10px;
margin:0;
overflow:hidden;
list-style:none;
}
.pager li {
padding:0;
float:right;
line-height:24px;
text-align:center;
}
.pager a {
width:14px;
height:24px;
padding:0 0 0 2px;
display:block;
color:#636363;
text-decoration:none;
}
.pager a:hover {
color:#ff243c;
}
.pager .active {
color:#fff;
font-weight:bold;
background:url('/img/ico/pager.png') no-repeat 0 0;
}
.pager .active a {
width:22px;
color:#fff;
text-decoration:none;
}



.item-summary {
padding:0 0 0 220px;
position:relative;
}
p.dark {
color:#434c56;
}
.item-summary .catalog .item {
width:140px !Important;
}
#right-in .catalog .item {
width:124px !Important;
}
table.price {
border-collapse:collapse;
color:#434c56;
}
table.price th {
padding:11px 9px;
color:#ff243c;
background:url('/img/ico/price-th.gif') no-repeat 0 10px;
}
table.price td {
padding:11px 9px;
border-top:1px dotted #666;
vertical-align:top;
background:url('/img/ico/price.gif') no-repeat 0 10px;
}
table.price th:first-child,
table.price td:first-child {
background:none;
}
table.price input.text {
width:30px;
margin:-3px 0;
float:left;
display:block;
color:#434c56;
}
table.price button {
width:40px;
margin:-5px 0;
}
table.price button img {
display:block;
}
div.del {
	float:left;vertical-align: middle;margin-top:3px;
}
button.del {
	display: inline;
}
button.del img {
	position: relative !important; 
}

.item-summary .pic {
position:absolute;
top:0;left:-20px;
}
.item-summary .pic img.big {
width:220px;
height:274px;
border:1px solid #b0b1b3;
margin:0 0 6px 0;
display:block;
}
.item-summary .pic ul {
width:234px;
margin:0;
list-style:none;
overflow:hidden;
}
.item-summary .pic ul li {
width:77px;
float:left;
}
.item-summary .pic ul li img {
border:1px solid #b0b1b3;
display:block;
}
#loader_main {
	position: relative;
	height: 0px;
}