/*----------------------------------------------------------------------------- TOYOTA Screen Stylesheet version: 1.0 date: 04/03/08 author: Alexander Chuprin email: a.s.chuprin@gmail.com website: www.chuprin.com -----------------------------------------------------------------------------*/ /* Global ---------------------------------------------------------- */ #projects ul { position: relative; margin:0px; overflow: hidden; zoom: 1; } #projects ul li { float: left; margin:0; list-style: none; } #projects ul li a { display: block; padding-top: 6px; margin-left:0px;margin-right:30px;margin-bottom:20px } #projects ul li a { text-decoration:none;border:none;cursor:pointer} #projects ul li a span { text-align:center;width:260px;display:block;text-decoration:underline } #projects ul li a:hover span { text-align:center;width:260px;display:block;text-decoration:none } #accessoires {margin-top:16px; margin-left:48px;} #accessoires ul { position: relative; margin:0px; overflow: hidden; zoom: 1; } #accessoires ul li { float: left; margin:0; list-style: none; } #accessoires ul li a { display: block; padding-top: 6px; margin-left:0px;margin-right:30px;margin-bottom:20px } #accessoires ul li a { text-decoration:none;border:none;cursor:pointer} #accessoires ul li a span { text-align:center;width:160px;display:block;text-decoration:underline } #accessoires ul li a:hover span { text-align:center;width:160px;display:block;text-decoration:none } * { padding:0; margin:0; } html, body { height: 100%; height: 100%; } body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000000; background: #FFF; } p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 15px 0; font-size: 1em; } h1, h2, h3, h4, h5, h6 { margin: 25px 0 15px 0; } li, dd, blockquote { margin-left: 30px; } h1 { font-size: 1.5em; font-weight: normal; color: #d30101; } h2 { font-size: 1.2em; } h3 { font-size: 1.1em; } h4 { font-size: 1.0em; } h5 { font-size: 0.9em; } h6 { font-size: 0.8em; } /* Table */ table { border-collapse: collapse; border: 0; } table td { padding: 0px; vertical-align: middle; text-align: left; } /* Inputs */ input { padding-left: 3px; } button { cursor: pointer; margin: 0; padding: 0; } /* Lists */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .last { border-bottom: none !important; border-right: none !important; margin-right: 0 !important; background: none !important; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .middle { vertical-align: middle; } .fleft { display: block; float: left; } .fright { display: block; float: right; } .clears:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clears {display: inline-block;} * html .clears {height: 1%;} .clears {display: block;} /* Links ---------------------------------------------------------- */ a img { border: 0; } a { color: #0294e8; text-decoration: underline; } a:hover, a:focus, a:active { color: #0294e8; text-decoration: none; } :focus { -moz-outline-style: none; } /* Layout ---------------------------------------------------------- */ #page { min-height: 100%; font-size: 1.2em; font-size: 1.2em; } #wrapper { width: 884px; margin: 0 auto; } #header { padding: 43px 0 0 0; } #content { padding: 0 0 20px 0; overflow: hidden; zoom: 1; } #container { float: right; width: 100%; margin: 0 0 0 -200px; } #main { margin: 0 0 0 200px; background: red; } #aside { float: left; width: 200px; background: blue } #footer { padding: 60px 0 25px 0; font-size: 0.85em; overflow: hidden; zoom: 1; } /* Header ---------------------------------------------------------- */ #service-nav { float: left; margin: 0; } #service-nav ul { float: left; margin: 0; overflow: hidden; zoom: 1; } #service-nav ul li { float: left; margin: 0 60px 0 0; list-style: none; } #service-nav ul li a { display: block; padding: 7px 9px; } #service-nav img { display: block; } #service-nav li.active { background: url(../images/corner_red_lt.gif) #fc0000 no-repeat; } #service-nav li.active span { display: block; background: url(../images/corner_red_rb.gif) 100% 100% no-repeat; } #service-nav li.active span span { display: block; padding: 7px 9px; background: url(../images/corner_red_lb.gif) 0 100% no-repeat; } #logo { text-align: right; } #nav ul { margin: 25px 0; text-align: right; } #nav ul li { display: inline; margin: 0 0 0 6px; list-style: none; } #nav li.active { display:-moz-inline-stack; display:inline-block; background: url(../images/corner_red_lt.gif) #fc0000 no-repeat; color: #fff; } #nav li.active span { display: block; background: url(../images/corner_red_rb.gif) 100% 100% no-repeat; } #nav li.active span span { display: block; padding: 4px 7px 5px 9px; background: url(../images/corner_red_lb.gif) 0 100% no-repeat; } #nav li.active { _overflow:hidden; zoom: 1; *display:inline; } * html #nav li.active { vertical-align: middle; } *+html #nav li.active { vertical-align: middle; } .subnav { margin: 20px 0; } .subnav li { float: left; margin: 5px 15px 0 0; list-style: none; white-space: nowrap; } .subnav li.active { margin-top:0; background: url(../images/corner_red_lt.gif) #fc0000 no-repeat; color: #fff; } .subnav li.active span { display: block; background: url(../images/corner_red_rb.gif) 100% 100% no-repeat; } .subnav li.active span span { display: block; padding: 4px 5px 5px 7px; background: url(../images/corner_red_lb.gif) 0 100% no-repeat; } .mainnav li { margin: 5px 30px 0 0; } .mainnav a { text-decoration: none; } .mainnav a:hover { text-decoration: underline; } #models-nav ul { position: relative; margin: 20px 0 20px -9px; overflow: hidden; zoom: 1; } #models-nav ul li { float: left; margin: 0 17px 0 0; list-style: none; } #models-nav ul li a { display: block; color: #d30101; } #models-nav ul li a span span { display: block; padding: 7px 9px; } #models-nav li.active, #models-nav li a:hover { background: url(../images/corner_red_lt.gif) #fc0000 no-repeat; color: #fff; } #models-nav li.active span, #models-nav li a:hover span { display: block; background: url(../images/corner_red_rb.gif) 100% 100% no-repeat; } #models-nav li.active span span, #models-nav li a:hover span span { display: block; padding: 7px 9px; background: url(../images/corner_red_lb.gif) 0 100% no-repeat; } #models-nav2 ul { position: relative; margin: 20px 0 0 -9px; overflow: hidden; zoom: 1; } #models-nav2 ul li { float: left; margin: 0 8px 0 0; list-style: none; } #models-nav2 ul li a { display: block; color: #0294e8; } #models-nav2 ul li a span span { display: block; padding: 7px 9px; } #models-nav2 li.active, #models-nav2 li a:hover { background: url(../images/corner_red_lt.gif) #fc0000 no-repeat; color: #fff; } #models-nav2 li.active span, #models-nav2 li a:hover span { display: block; background: url(../images/corner_red_rb.gif) 100% 100% no-repeat; } #models-nav2 li.active span span, #models-nav2 li a:hover span span { display: block; padding: 7px 9px; background: url(../images/corner_red_lb.gif) 0 100% no-repeat; } #catalog-page #models-nav2 { float: left; width: 200px; margin: 10px 0 0 0; } #catalog-page #models-nav2 li { clear: left; margin: 5px 0 0 0; } #catalog-page #models-nav2 a { color: #0294e8; } #catalog-page #models-nav2 a:hover { color: #fff; } #main-nav ul { position: relative; margin: 14px 0 0 -9px; overflow: hidden; zoom: 1; } #main-nav ul li { float: left; margin: 0 17px 0 0; list-style: none; } #main-nav ul li a { display: block; padding-top: 6px; } #main-nav ul li a span span { display: block; } #main-nav ul li a span span span { display: block; padding: 7px 9px; } #main-nav li.active, #main-nav li a:hover { background: url(../images/corner.gif) 100% 0 no-repeat; color: #fff; padding-top: 6px; } #main-nav li.active span, #main-nav li a:hover span { display: block; background: #fc0000 url(../images/corner_red_rb2.gif) 100% 100% no-repeat; } #main-nav li.active span span, #main-nav li a:hover span span { display: block;} #main-nav li.active span span span, #main-nav li a:hover span span span { display: block; padding: 7px 9px; background: url(../images/corner_red_lt2.gif) 0 0 no-repeat; } #zag { font-weight:bold} #zag_red { font-weight:bold; color:#cc3333} #catalog-page #models-nav { float: left; width: 200px; margin: 10px 0 0 0; } #catalog-page #models-nav li { clear: left; margin: 5px 0 0 0; } #catalog-page #models-nav a { color: #0294e8; } #catalog-page #models-nav a:hover { color: #fff; } #model-big-img { margin: 0; text-align: center; } #section-nav ul { position: relative; margin: 20px 0 20px -9px; overflow: hidden; zoom: 1; } #section-nav ul li { float: left; margin: 0 17px 0 0; padding: 7px 9px; list-style: none; } #section-nav ul li a { display: block; padding: 0 0 1px 0; border-bottom: 1px dashed; text-decoration: none; } #section-nav ul li a span span { display: block; padding: 7px 9px; } #section-nav li.active { padding: 0; background: url(../images/corner_red_lt.gif) #fc0000 no-repeat; color: #fff; } #section-nav li.active span { display: block; background: url(../images/corner_red_rb.gif) 100% 100% no-repeat; } #section-nav li.active span span { display: block; padding: 7px 9px; background: url(../images/corner_red_lb.gif) 0 100% no-repeat; } /* Content ---------------------------------------------------------- */ #insurance { padding: 10px 150px 40px 0; line-height:18px; } #insurance:first-letter { padding-left:10px; } #insurance p { padding-top:5px; } #insurance b { display:block; color:#000; } #insurance ul { padding:0 0 15px 0; } #insurance li { display:block; margin:0; } #insurance li span { display:block; color:#666; } #insurance h3, #insurance h4 { margin: 0; font-size: 1em; font-weight: normal; } #credit { width: 884px; height: 339px; background: #ef3124 url(../images/header_credit.gif) 0 0 no-repeat; } #credit span { display: block; padding: 185px 0 0 120px; color: #fff; font-size: 30px; font-family: Tahoma, Arial; } .comments { font-size: 10px; color: #666; padding: 40px 0; list-style:none; } .comments li { padding: 3px 0; margin: 0; } #banners {background-color:#FF0000;height:186px} #banners ul{overflow: hidden; margin: 0 ; zoom: 1;} #banners li{ float: left; clear: right; width: 50%; margin: 0; list-style: none; line-height: 1.5em;} #ban table { margin:0; padding:0; } #ban { margin:6px 0 0 0; padding:0; height:227px; overflow:visible} #ban td p { text-align:right; padding:0;margin: 0; overflow:visible; zoom:1} #news-short2 {zoom: 1;width:760px;} #news-short2 ul { margin: 0 0 0; zoom: 1; } #news-short2 li { margin:0 0 18px 0; list-style: none; line-height: 1.5em; } #news-short2 .date { margin: 0; font-size: 0.9em; font-weight: normal; color: #a5a5a5; } #news-short2 p { margin: 4px 0;} #news-short h11 { margin:0; padding:0 } #news-short ul { overflow: hidden; margin: 0 -60px 0 0; zoom: 1; } #news-short li { float: left; clear: right; width: 28%; margin: 0 45px 0 0; list-style: none; line-height: 1.5em; } #news-short .date { margin: 0; font-size: 10px; font-weight: normal; color: #a5a5a5; } #news-short p { margin: 4px 0;} #news-short .more { float: right; width: 28%; margin: 15px 0; padding: 0 3px 0 15px; background: url(../images/icon_more.gif) 0 0.3em no-repeat; } #colors ul { position: relative; width: 110%; margin: 60px -80px 0 -45px; zoom:1 } #colors li { float: left; widht: 33%; margin: 0 0 80px; list-style: none; text-align: center;zoom:1 } #colors img { display: block; margin: 0 auto 29px; zoom:1} table.styled { width: 100%; margin: 0 0 20px 0; font-size: 0.9em; } table.styled th { border-bottom: 2px solid #cc3333; font-weight: bold; text-align: left; color: #cc3333; } table.styled th.title { padding-top: 20px; text-transform: uppercase; } table.styled div { height: 100%; margin: -20px 0 -40px; vertical-align: top; padding: 27px 12px 47px; background: url(../images/dots_vert.gif) repeat-y; } table.styled td { overflow: hidden; } table.styled .first { width: 170px; } table.styled .first div { padding-left: 0; background: none; } table.styled td { background: url(../images/dots.gif) 0 100% repeat-x; } table.styled th.subtitle { padding-top: 20px; } .service { margin-top: 30px; } .service table { width: 100%; margin: 0 0 20px 0; font-size: 0.9em; } .service th { border-bottom: 2px solid #cc3333; font-weight: bold; font-size: 14px; text-align: left; color: #cc3333; } .service th div { height: 100%; margin: 0; padding: 0 0 10px 30px; background: url(../images/dots_vert.gif) repeat-y; } .service td { position: relative; overflow: hidden; font-size: 12px; text-align: center; } .service td div { height: 100%; margin: -20px 0 -40px; padding: 27px 12px 47px; background: url(../images/dots_vert.gif) repeat-y; } .service .first { width: 290px; text-align: left; } .service .first div { padding-left: 0; background: none; } .service td { background: url(../images/dots.gif) 0 100% repeat-x; } .three-cols { margin: 0 -66px 0 0; overflow: hidden; zoom: 1; } .three-cols .col { float: left; width: 250px; margin: 0 58px 0 0; } #contacts h2 { margin: 5px 0; } #contacts ul { margin: 30px 0 0 0; } #contacts li { margin: 0 0 30px 0; list-style: none; line-height: 1.4em; } #contacts li h3 { margin: 0; font-size: 1em; font-weight: normal; } #contacts li h4 { margin: 0; font-size: 1em; font-weight: bold; } #contacts form { margin-right: -17px; } #contacts form div { position: relative; margin: 15px 0; zoom: 1; } #contacts form input, #contacts form select, #contacts form textarea { padding: 2px 0; width: 99%; border: 1px solid #b2b2b2; font-family: Tahoma; } #contacts form textarea { overflow: auto; } #contacts form option.label { color: #afafaf; } #contacts form button { float: right; width: 102px; height: 23px; padding: 0px 0 0 0; background: url(../images/b_send_bg.gif) no-repeat; line-height: 23px; color: #fff; text-align: center; border: none; font-family: Tahoma; } label.overlabel { color: #afafaf; } label.overlabel-apply { position:absolute; top: 10px; left:4px; margin-top: -20px; z-index:1; color: #afafaf; } /* Footer ---------------------------------------------------------- */ #copyright { float: left; } #made-in { float: right; } #made-in a { display: block; width: 264px; } #search { position: relative; zoom: 1; margin: 0 371px 0 305px; background: url(../images/search_lt.gif) no-repeat; } #search form { margin: 0; background: url(../images/search_rt.gif) 100% 0 no-repeat; } #search form fieldset { margin: 0; border: 0; background: url(../images/search_lb.gif) 0 100% no-repeat; } #search form fieldset div { overflow: hidden; padding: 3px 8px; background: url(../images/search_rb.gif) 100% 100% no-repeat; } #search input { width: 86%; padding: 2px 3px 2px 20px; border: none; background: url(../images/icon_search_2.gif) 3px 50% no-repeat; font-size: 1.1em; } /* Только для запчастей ---------------------------------------------------------- */ .divZap { ; } .divZap table { width: 100%; border: 1px solid gray; } .divZap td { padding: 6px; } .divZap th { background-color: lightgray; text-align: left; padding: 6px; } .float_img { float:left; margin-right:15px; padding-top:60px } .bban { width:884px; padding:30px 0 30px 0 } .bban h2 { font:normal 48px/52px Tahoma, Geneva, sans-serif; color:#bf0808; display:block; padding:0 0 16px 0; margin:0 } .bban h3 { font:normal 30px/30px Tahoma, Geneva, sans-serif; color:#494949; display:block; padding:0 0 10px 0; margin:0 } .bban h4 { font:bold 18px/30px Tahoma, Geneva, sans-serif; color:#676767; display:block; padding:0 0 5px 0; margin:0 } .bban h5 { font:normal 18px/30px Tahoma, Geneva, sans-serif; color:#676767; display:block; padding:0; margin:0 } .bban h5 a { text-decoration:none; font:normal 18px/30px Tahoma, Geneva, sans-serif; color:#1eb8f1; display:block; padding:0; margin:0 } .skype { float:left; width:125px; margin-right:60px } .icq { float:left } .icq img { display:block; float:left; margin-right:10px } .icq span { font:bold 26px/60px Tahoma, Geneva, sans-serif; color:#090a05; display:block; float:left } .float_text { float:left; } .pad_bot10 { padding-bottom:10px } .pad_top10 { padding-top:10px }