/*--------------------------------------------------------------------------
[client] Screen Stylesheet

author:Anton Ivanov [site-creator]
email:site-creator@mail.ru
icq:3355666
website:www.site-creator.info
-----------------------------------------------------------------------------*/

@import "reset.css";

/* -------------------------------------------*/ 
/* ---------->>> GLOBAL <<<-----------*/ 
/* ------------------------------------------*/

/*--- Text -------------------------- */
body, input, textarea, select { font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; }
body { background:#CECECE url(../ext/body.png) repeat-x; font-size:.75em; color:#1C1C1C; min-width:1000px; }
hr { border:none; border-top:1px solid #808080; background:gray; height:0; overflow:hidden; margin:7px 0; }
code { font-family:"Courier New", Monaco, Courier, monospace; }
acronym { font-variant:small-caps; }
acronym, dfn { cursor:help; border-bottom:1px dashed #ccc; }
blockquote { font-style:italic; font-size:1.25em; color:#666; margin:10px 0 10px 50px; padding:.3em 10px 0; border-left:3px solid #ccc; }
blockquote p { padding-bottom:.3em; }
p { padding-bottom:1em; }
a { cursor:pointer; color:#B71313; text-decoration:underline; }
a:hover { text-decoration:none; }

/*--- /Text -------------------------- */


/*--- Headings ---------------------- */
h1, h2, h3, h4, h5, h6 { font:normal 1.5em Tahoma; color:#484848; padding-bottom:18px; }

/*--- /Headings ---------------------- */


/*--- Table --------------------------- */
table { border-collapse:collapse; width:100%; }
caption, th, td { text-align:left; font-weight:normal; }

/*--- /Table -------------------------- */


/*--- Forms -------------------------- */
input, textarea, select, option { color:#565455; font-size:.917em; background:#FAFAFA; border:1px solid #CCCCCC}
input.type-text, select, textarea { padding:2px; background:#fff; border:1px solid #ccc; width:10em; }
input.type-button { height:2em; cursor:pointer; padding:0 10px; }
submit, .submit , input.type-button2 { border:1px solid #B3B3B3; height:2.3em; padding:0 10px; font-size:1.167em; background:#fff; text-decoration:underline; cursor:pointer; font-weight:bold}}



select { padding:0; height:1.584em; width:117px; }
select option { background:#fff; padding:0 .4em; }
select optgroup { background:#333; color:#fff; }
select optgroup option { padding-left:15px; }
select.select-brand { width:6.9em; }

textarea { height:8em; width:98%; padding:2px .9%; display:block; background:#fafafa; }

/*--- /Forms -------------------------- */


/* -------------------------------------------*/ 
/* ------------>>> GRID <<<------------*/ 
/* ------------------------------------------*/

/*--- Layouts -------------------------- */
#page { background:url(../ext/page.jpg) no-repeat 935px 249px; width:1000px; padding-bottom:40px; }

/*--- /Layouts ------------------------- */


/*--- Header --------------------------- */
#header { position:relative; height:249px; padding:0 292px 0 220px; background:url(../ext/header.jpg) no-repeat; }
#logo { position:absolute; top:0; left:67px; width:112px; height:105px; text-indent:-3000em; overflow:hidden; border-bottom:4px solid #A2A2A2; display:block; background:#fff url(../ext/logo.png) no-repeat 15px 27px; }
#official-dealer { position:absolute; top:22px; right:18px; }

.nav { border-top:5px solid #CD1D1D; float:left; padding:15px 0 0; }
.nav li { float:left;}
.nav li a { float:left; padding:6px 7px 9px; color:#3C3B3B; }
.nav li a:hover { background:#fff; text-decoration:underline; }


.nav2 {float:left;} 
.nav2 li { float:left;}
.nav2 li a { float:left; padding:6px 7px 9px; color:#3C3B3B; }
.nav2 li a:hover { background:#fff; text-decoration:underline; }

/*--- /Header -------------------------- */


/*--- Columns ------------------------- */
#content { position:relative; width:935px; background:#B3B3B3 url(../ext/content.jpg) no-repeat; }

.main-wrap { overflow:hidden; float:left; width:699px; padding-bottom:32767px; margin-bottom:-32767px; }
.main { width:600px; background:#fff; padding:20px 36px 32767px 63px; margin-bottom:-32737px; }
.aside { position:relative; float:right; border-top:6px solid #A2A2A2; background:#B3B3B3; width:190px; padding:14px 13px 20px 33px; }
.aside form { padding-bottom:28px; }
.address { width:212px; height:189px; margin-left:444px; background:#F0F0F0; border-top:6px solid #A2A2A2; padding:14px 23px 0 20px; }

/*--- /Columns------------------------ */


/* -------------------------------------------*/ 
/* --------->>> CONTENT <<<----------*/ 
/* ------------------------------------------*/

.address { font-size:12px; }
.address h3 { padding-bottom:2px; }
.address-main { padding-bottom:15px; text-align:right; background:url(../ext/address-main.png) no-repeat 6px 0; margin-left:-7px; }
.address-main .phones { font-size:18px; padding-bottom:15px; }
.address-main .phones address { display:inline; }
.address-main .phones .prefix { font-size:12px; }
.address-main .address-nav li { display:inline; margin-left:12px; }
.address .shops { font-size:11px; }


ul.phones li a {font-size:12px; text-decoration:none}

.trunks li { text-align:center; overflow:hidden; float:left; width:137px; padding:11px 0 45px 0; margin-right:13px; }
.trunks li h3 { padding-top:11px; }
.trunks li h3, .trunks li h4 { font-family:Arial; text-align:left; font-size:1em; padding-bottom:0; }
.trunks li h4 a { color:#1C1C1C; }
.trunks li img { margin-right:30px; }

.tabs { font-size:1.5em; }
.tabs * { float:left; }
.tabs dt { margin-right:6px; }
.tabs h3 { font-size:.778em; }
.tabs a { color:#484747; padding:2px 10px 5px; }
.tabs .current a { background:#fff; }

.attr { padding:13px 0 9px; }
.attr li { float:left; padding-right:6px; }
.attr li label { display:block; font-size:.917em; color:#565455; }
.attr li select { width:43px; }
.attr li.cl select { width:140px; }

.price { padding-bottom:12px; font-size:.917em; color:#565455; }
.price dt { padding-bottom:5px; }
.price dd { display:inline; }
.price dd .type-text { width:35px; font-size:1em; }

.select-on-auto dt { font-size:1.5em; padding-bottom:6px; }

.sale dt { padding:17px 0 24px; }
.sale dd { padding:0 0 13px 17px; }


/*---  New Block Formatting Context --- */
#page, #header, #footer, #content, .main, .aside, .extra, .wrap, .address, .holder, form, ul, dl { overflow:hidden; }

/*--- Clearing -------------------------- */
.clear, .clearing:after { content:'.'; width:100%; display:block; height:0; clear:both; font-size:0; line-height:0; overflow:hidden; visibility:hidden }







.rec {clear:both}


/*    boxes */
.blockt,.blockw,.blockt_big,.blockw_big {
            position:relative;
            float:left;
            height:170px;
            text-align:center;
            margin:10px;
            padding:0px;
            border:1px solid #cccccc;
            background:#ffffff;            
           }
.blockw { height:140px; width:100px;}
.blockt_big,.blockw_big {clear:both;height:auto;width:auto;float:none;margin:0px;}




/*    logos */
.blockt .logo, .blockw .logo, .blockt_big .logo,.blockw_big .logo {
          position:absolute;
          left:0px;top:53px;
          height:18px;
          background:#ffffff;
          border:none;
          text-align:center;
          color:#000000;
          width:100%;
          font-size:12px
          }


.blockw .logo {height:14px;top:58px;border:1px solid #cccccc;background:#ffffff}

.blockt_big .logo,.blockw_big .logo {top:47%;height:23px;padding-top:3px;background:#ffffff;border-top:1px solid #000000;border-bottom:1px solid #000000; font-size:14px}
.blockw_big .logo {top:74%;}

/*    other */
.blockw img {clear:both;border-bottom:1px solid #ffffff}
.blockt .name, .blockw .name {text-align:center;width:100%;border:1px solid #eeeeee;background:#e8f1e9}
.blockt a, .blockw a  {text-decoration: none;}




.navigator {padding:5px 10px 10px 30px; text-align:left;color: #8D4322; font-weight: bold;}
.navigator #navtxt {background:#DDD; border:1px solid #ccc;padding:2px 4px 2px 4px;}
.navigator a {text-decoration:none;border:1px solid #ccc;padding:2px 4px 2px 4px;font-size; 12px; color:#8D4322;font-weight: bold;}
.navigator a:hover {background:#ced4da;color:#8D4322;}

table.tbl td {padding:2px;vertical-align:top; border:1px solid #ccc}
table.tbl td#first {font-weight:bold;text-align:right}
table caption {background:#ccc;font-size:16px; padding:3px}
table.tbl th {padding:3px;text-align:center;background:#eee;}
span#cost {color:#8D4322;font-weight:bold;font-size:22px; border:0px;padding:0px;text-align:center;}



#buybutt {background:url('../ext/basket.png') no-repeat;width:60px;height:23px; background-color:transparent;border:0px;padding:0px;cursor:pointer}


.list-trucks li {
float:left;
padding:0pt 10px 10px 0pt;
width:274px;
list-style-type:none !important;
}
.list-trucks li h4 {
padding-bottom:3px;
}
.list-trucks li h5 {
font-size:12px;
font-weight:bold;
padding-bottom:7px;
}
.list-trucks li p {
line-height:1.19;
padding-bottom:0pt;
}
.photo {
display:block;
float:left;
height:150px;
margin-right:9px;
overflow:hidden;
padding-top:13px;
text-align:center;
width:110px;
}

.list-trucks a {position:relative;text-decoration:none}
.list-trucks a div.tblank {position:absolute;height:20px;left:0px;top:66px;background:#fff; vertical-align:middle;width:100%; font-weight:normal}


dl.news dt { padding:5px 0px;clear:both}
dl.news dd { padding:5px 0px;}
small {font-size:11px}

#block_tire, #block_wheels {clear:both}

#box,#box #boxtop, #box #boxbot {width:217px; }
#box  {background:url(../ext/boxbg.jpg) repeat-y; clear:both; margin:10px 0px ; padding:0px; margin-left:-22px }
#box #boxtop {background:url(../ext/boxtop.jpg) no-repeat left top; }
#box #boxbot {background:url(../ext/boxbot.jpg) no-repeat left bottom; padding:65px 20px 25px 20px; overflow:hidden; text-align:left;}
#box #boxbot img {margin:0px;}
#box #boxbot a {text-decoration:none;color:#fff;font-family:Arial; font-size:12px}
#box #boxbot div {background:#000;padding:2px 4px; width:170px}



div.main ol,div.main ul, div#newscont ol,div#newscont ul, div.content ul.list  {clear:both; padding:20px}
div.main ul li,div#newscont ul li, div.content ul.list li {list-style-type:circle; padding:2px}
div.main ol, div#newscont ol{list-style-type: decimal}

.battery {padding:0px;border:1px solid #CCC; margin:5px; overflow:hidden}
.battery  ul li {list-style-type:none !important;}
.battery  ul {padding:0px; margin:0px}
.battery  input.buy {width:80px !important}

table.sm {border:1px solid #eee; width:400px}
table.sm td,table.sm th {padding:1px; border:1px solid #eee;font-size:11px; text-align:center}
table.sm th {background:#e1e1e1; font-weight:bold}