html{width:100%; height:100%; font:12px georgia, sans-serif ; }
body {width:100%; min-height:100%; position:relative; text-align:center; color:#3d505a; padding:0; margin:0; border:0;background:#f4f4f4; }
img {border:0;}
li {margin:3px 0}
.leftimg {float:left;margin:0 10px 10px 0}
.imgleft {float:left;vertical-align:middle;margin:0 6px 0 0}
.clear{clear:left}
.dveri {margin-right:5px;text-align:center;}
th {text-align:center;color:#900000;padding: 10px 0}
p {margin:5px 0;}
.gmap {z-index:1}
#gControls {margin-bottom:10px}
#img_preload {display:none}
#container{width:990px;background:#f1f1f1; margin: 0 auto; padding:0;border:0 }
#header {width: 990px; background:#f1f1f1 url("i/header_bg.jpg") top left no-repeat; height:125px }
#header1 {width: 990px;position:relative; }
#logo{float:left;margin:35px 0 0 35px}
#topmenu{height:100px;padding:0; margin:0; border:0;vertical-align:middle;float:right }
#topmenu1{height:100px;padding:0; margin-top:25px; border:0;vertical-align:middle;position:absolute;top:0px;right:0px }
.topmenuitem{float:left;height:100px;text-align:center;width:140px;}
.topmenuitem a {display:block; width:80px;height:100px;}
.topmenuitem a:hover {display:block;width:80px;height:100px;}
a.about_us {background-image: url("i/menu.png"); background-position:0 0;}
a.about_us:hover {background-image: url("i/menu.png"); background-position:0 -100px;}
a.vykup {background-image: url("i/menu.png"); background-position:-80px 0;}
a.vykup:hover {background-image: url("i/menu.png"); background-position:-80px -100px;}
a.info {background-image: url("i/menu.png"); background-position:-160px 0px;}
a.info:hover {background-image: url("i/menu.png"); background-position:-160px -100px;}
a.contacts {background-image: url("i/menu.png"); background-position:-240px 0;}
a.contacts:hover {background-image: url("i/menu.png"); background-position:-240px -100px;}
#subheadertext {margin-right:20px}
#subheadertext h1{padding:0;margin:0;color:#798280;font-family:georgia;font-size:32px;font-weight:bold;}
p.big {padding:0;margin:0;color:#798280;font-family:georgia;font-size:32px;font-weight:bold;}
p.notbig{color:#798280;font-family:georgia;font-size:16px;font-weight:normal;margin-top:30px;}
p.phone{color:#000000;font-family:georgia;font-size:41px;font-weight:normal;margin-top:30px}
p.subphone{color:#798280;font-family:georgia;font-size:13px;font-weight:normal;letter-spacing:4px;}
#botmenumain{width: 990px; background:#f1f1f1 url("i/cont_m_bot_bg.jpg") top left no-repeat; height:250px}
.botmenuitem{float:left;height:250px;text-align:center;width:320px;}
.botmenuitem a {display:block; width:320px;height:210px; color:#798280;font-size:18px;margin-top:40px;text-decoration:none;font-family:georgia;text-align:center;}
.botmenuitem a:hover {display:block;width:320px;height:210px;color:#FA844A;text-align:center;}
.botmenuitem a span{display:block; position:relative; top:130px;margin:0 auto;width:200px}
a.vykup_rus_avto {background: url("i/lada_b_g.png") top center no-repeat;}
a.vykup_rus_avto:hover {background: url("i/lada_b_c.png") top center no-repeat;}
a.vykup_inomarok {background: url("i/ford_b_g.png") top center no-repeat;}
a.vykup_inomarok:hover {background: url("i/ford_b_c.png") top center no-repeat;}
a.vykup_lux_avto {background: url("i/mers_b_g.png") top center no-repeat;}
a.vykup_lux_avto:hover {background: url("i/mers_b_c.png") top center no-repeat;}
#topcont{background:#f1f1f1 url("i/cont_top_bg.jpg") top left repeat-x;height:100px;width:990px;}
#botcont{background:#f1f1f1 url("i/cont_bot_bg.jpg") bottom left repeat-x;height:100px;width:990px;}
#content{ width:950px;text-align:left;padding:0px 10px 20px 30px;margin:-70px 0 -40px 0;min-height:250px}
#content a:hover{text-decoration:none;}
#contentmain{ width:530px;text-align:justify;padding:0px 10px 20px 0px;margin:-60px 0 -40px 20px;min-height:250px;float:left;}
#contentmain a:hover{text-decoration:none;}
#rightcontentmain {width:180px;float:left;text-align:left;margin:-60px 0 -40px 20px;display:inline;}
#footer{background:url("i/footer_bg.jpg") no-repeat scroll center top transparent;color:#AAB7BA;font-size:14px;height:118px;text-align:center;width:990px;margin: 0 auto}
#seo {font-size:0.75em;float:left;margin-left:30px;width:170px;}
#seo a{color:#AAB7BA}
#copy {text-align:center;}
#counters {float:right;margin:auto 20px;width:170px;text-align:right;}
#sitemap {height:15px;font-size:0.75em;clear:both}
#botmenuinner{width: 960px; background:#f1f1f1; height:100px;position:relative;margin-left:30px}
.botmenuitemi{float:left;height:100px;text-align:right;width:320px;}
.botmenuitemi a {display:block; width:320px;height:100px; color:#798280;font-size:14px;margin-top:10px;text-decoration:none;font-family:georgia;text-align:right;}
.botmenuitemi a:hover {display:block;width:320px;height:100px;color:#FA844A;text-align:right;}
.botmenuitemi a span{display:block;position:relative;width:160px;text-align:left;float:right;top:30px;}
a.vykup_rus_avtoi {background: url("i/lada_g.png") left center no-repeat;}
a.vykup_rus_avtoi:hover {background: url("i/lada_c.png") left center no-repeat;}
a.vykup_inomaroki {background: url("i/ford_g.png") left center no-repeat;}
a.vykup_inomaroki:hover {background: url("i/ford_c.png") left center no-repeat;}
a.vykup_lux_avtoi {background: url("i/mers_g.png") left center no-repeat;}
a.vykup_lux_avtoi:hover {background: url("i/mers_c.png") left center no-repeat;}
h1{color:#798280;font-family:georgia;font-size:20px;font-weight:normal;}
h2{color:#798280;font-family:georgia;font-size:18px;font-weight:normal;}
h1{color:#798280;font-family:georgia;font-size:20px;font-weight:normal;}
h3{color:#798280;font-family:georgia;font-size:16px;font-weight:normal;}
.h2{color:#798280;font-family:georgia;font-size:18px;font-weight:normal;}
.h3{color:#798280;font-family:georgia;font-size:16px;font-weight:normal;}
#karta img {vertical-align: middle}
#menu { width:100%; vertical-align:middle; border-collapse: collapse; padding:0; margin:0; border:0; height:16px; font:10pt Tahoma, sans-serif ;}
#menu td, tr {padding:0; margin:0; border:0;vertical-align:middle;}
#topmenu a {text-decoration:none;color:#FFF;font-size:10px;text-transform:uppercase;}
.artimg {float:left;border:solid 1px #FFB400;margin:0 10px 25px 0}
.item-img{float:left;margin:0 20px 0 0}
.code {width:200px}
#leftcontent{width:193px;float:left;background:#fff3e4; height:100%;min-height:100% }
#rightcontent{width:193px;float:right;background:#fff3e4;height:100%}
.lefttext {margin:0px 7px 7px; background:#f3e2cd}
#centercontent p {padding: 0 10px 10px 10px;text-indent: 20px}
#centercontent div.center {text-align:center}
#centercontentin{ margin: 0 20px 0 206px; padding-bottom:10px;}
#centercontentin p { text-indent: 20px}
#centercontentin ul { margin-left: 10px}
#centercontentin div.center {text-align:center}
#down{width:970px;background:#dcd2c4;height:84px ;position: relative;margin: 0 auto;padding:0 10px}
#bottommenu{ margin:0 0 30px 0;background:#F3E2CD;height:54px;vertical-align:middle;}
#botmenu { vertical-align:middle; border-collapse: collapse; padding:0; margin:0 auto; border:0; height:54px; font:10pt Tahoma, sans-serif ;table-layout:fixed}
#botmenu td, tr {padding:0; margin:0; border:0;vertical-align:middle; }
.menuitembot {color:#a61100; text-decoration:none; padding:0; margin:0; border:0;height:54px;text-align:center;}
#botmenu a {text-decoration:none;color:#a61100;font-size:10px;text-transform:uppercase;font-weight:bold}
#feedback {width:205px;float:right;margin:-60px 20px -40px 0px;text-align:left;}
#feedback select,input{font-size:12px}
div.counters{display:inline;height:0px;left:-1000px;margin:0px;padding:0px;position:absolute;top:-1000px;visibility:hidden;width:0px}
table.catalog {text-align:center;}
table.catalog img {text-align:center;vertical-align:middle;margin-bottom:5px}
table.catalog td a {text-decoration:none;color:#000000;font:9pt Tahoma, sans-serif;font-weight:bold;}
table.catalog td a:hover {color:#c50;}
table.pictures {text-align:center;width:740px;font-size:12px}
td.left {text-align:left}
div.bottom {vertical-align:bottom;}
div.top {height:90%;vertical-align:middle}
div.catalog {height:120px}
.product td {text-align:left ! important;}
.product img { margin:0; }
col#c_one { width: 121px; }
col#c_two { width: 121px; }
col#c_three { width: 121px; }
#nav {padding-top:10px;margin:0; font-weight:bold;}
#nav ul {
margin: 0px;
padding: 0px;
list-style:none;
}
#nav ul li {
position: relative;
width:178px;
margin:0px;
border-bottom:1px solid #ccc;
}
#nav li ul {
position: absolute;
left: 178px;
top: 0;
display: none;
background-color:#fff3e4;
}
#nav ul li a {
display: block;
text-decoration: none;
color: #000;
background: #F3E2CD;
padding:0px 5px 5px 10px;
margin: 0;
}
#nav li:hover ul {
display: block;
}
#nav ul li a:hover {color:#000;background-color:#fff3e4;border:0;margin:0}
#nav ul li:hover ul {margin:0;padding:0px;}
#nav ul li li {margin:0;}
#nav li:hover a {
color:#000;
background-color:#fff3e4;
}
#nav li:hover ul a:hover {
background-color:#cccccc;
background-image:none;
color:#FFFFFF;
}
/* Holly Hack for IE \*/
* html .cssmenu li { float: left; height: 1%; }
* html .cssmenu li a { height: 1%; }
/* End */
.tabdveri1 {border: 1px solid}
#tablecontent {}
#lefttd {vertical-align:top;height:100%}
#righttd {}
#leftcontent h4 {background:#9c3022; color:#FCF2E3; text-transform: uppercase; text-align:center;font-size:16px;}
#rightcontent h4 {background:#9c3022; color:#FCF2E3; text-transform: uppercase; text-align:center;font-size:16px;}
#center h4 {background:#9c3022; color:#FCF2E3; text-transform: uppercase; text-align:center;font-size:16px;margin:20px 0}
#incontent {padding:0 10px;text-align:left;}
img, a:active {border:0;}
div.rasporka{clear:both;}
div.rasporka2{clear:both;height:60px}
#content p {text-align:justify}
img, a:active {border:0;}
img {border:0}
.news-date {font-weight:bold; font-size:11px; margin-bottom:8px}
.date {font-weight:bold; font-size:11px; margin-bottom:8px}
.product a {
color:#900000;
text-decoration:underline;
}
.product a:hover {
color:#900000;
text-decoration:none;
}
ul{margin:0}
#centercontentin ul { margin-left: 10px}
.example {text-align:justify;}
div.tabs {
text-align:justify;
min-height: 7em; /* No height: can grow if :target doesn't work */
position: relative; /* Establish a containing block */
line-height: 1; /* Easier to calculate with */
z-index: 0} /* So that we can put other things behind */
div.tabs > div {
display: inline;width:209px;height:41px} /* We want the buttons all on one line */
div.tabs > div > a {
color: black; /* Looks more like a button than a link */
background: #CCC; /* Active tabs are light gray */
padding: 0.2em; /* Some breathing space */
border: 0.1em outset #BBB; /* Make it look like a button */
border-bottom: 0.1em solid #CCC} /* Visually connect tab and tab body */
div.tabs > div:not(:target) > a {
border-bottom: none; /* Make the bottom border disappear */
background: #999} /* Inactive tabs are dark gray */
div.tabs > div:target > a, /* Apply to the targeted item or... */
:target #default2 > a { /* ... to the default item */
border-bottom: 0.1em solid #CCC; /* Visually connect tab and tab body */
background:url("i/active.png") no-repeat;
width:209px;height:41px} /* Active tab is light gray */
div.tabs > div > div {
background: #CCC; /* Light gray */
z-index: -2; /* Behind, because the borders overlap */
left: 0; top: 1.3em; /* The top needs some calculation... */
bottom: 0; right: 0; /* Other sides flush with containing block */
overflow: auto; /* Scroll bar if needed */
padding: 0.3em; /* Looks better */
border: 0.1em outset #BBB} /* 3D look */
div.tabs > div:not(:target) > div { /* Protect CSS1 & CSS2 browsers */
position: absolute } /* All these DIVs overlap */
div.tabs > div:target > div, :target #default2 > div {
position: absolute; /* All these DIVs overlap */
z-index: -1} /* Raise it above the others */
.section {
width: 100%;
background: #FFF;
margin: 0 0 30px;
color:#1b1b1b;
margin-top:-15px;
}
ul.tabs {
height: 28px;
line-height: 25px;
list-style: none;
border-bottom: 0;
background: #F1F1F1;
padding:0;
margin-top:-15px;
}
ul.tabs li {
float: left;
display: inline;
margin: 0 0 0 0;
padding: 0 13px 1px;
color:#1b1b1b;
font-weight:bold;
cursor: pointer;
background: #FFF;
border-bottom: 1px solid #4d4d4d;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
position: relative;
width:287px;
}
ul.tabs li.current {
color: #444;
background: #F1F1F1;
padding: 0 13px 0px;
border: 1px solid #4d4d4d;
border-bottom: 1px solid #f1f1f1;
}
.box {
display: none;
border: 1px solid #F1F1F1;
border-width: 0 1px 1px;
background: #F1F1F1;
padding: 10px;
font-size:14px;
padding-top:30px;
}
.box.visible {
display: block;
}