@import "reset.css";
@import "type.css";
@import "pattern.css";
@import "all.css";

/*
10px = .84em
11px = .92em
12px = 1em
13px = 1.08em
14px = 1.17em
16px = 1.33em
18px = 1.50em
20px = 1.67em
22px = 1.83em
*/
/*
.block {

         1. position, z-index
         2. float, clear
         3. width, height, padding, margin
         4. background, border
         5. text-align, list-style
         6. font
         7. color

      } 

*/



.body {position:relative; min-height:100%; background:url(../images/bg/bg-body.png) repeat-x 0 100% #474a4b;}
/*.footer {position:relative; height:142px; margin: -142px 0 0; background:url(../images/bg/bg-footer.png) repeat-x 0 0 #2a2b2c;} /* для прижатия футера к низу */
.footer {position:relative; height:auto; margin: -142px 0 0; background:url(../images/bg/bg-footer.png) repeat-x 0 0 #2a2b2c;} /* для прижатия футера к низу */
.for-footer {height:142px;}
.footer-content {width:990px; padding:28px 0 0; margin:0 auto; color:#7d7d7d;}
.footer-content a {color:#fff;}
.footer-content li {float:left; padding:1px 8px;}
.footer-content .contacts {padding:16px 30px 0 0; text-align:right; line-height:150%;}
.footer-content .contacts a {color:#7d7d7d;}
.footer-content .copy {padding:0 0 0 8px; margin:-6px 0 0;}

/* Кнопки */
.btn {padding:6px 0 10px 22px; background-repeat:no-repeat; background-position:0 0; text-decoration:none; font-size:1.17em; color:#2d2f30;}
.btn span {padding:6px 22px 10px 0; background-position:100% -130px;}
.btn-blue, .btn-blue span {background-image:url(../images/btn/btn-blue-spr.png);}
.btn-orange, .btn-orange span {background-image:url(../images/btn/btn-orange-spr.png);}
.btn-light-orange, .btn-light-orange span {background-image:url(../images/btn/btn-light-orange-spr.png);}
.btn-gray, .btn-gray span {background-image:url(../images/btn/btn-gray-spr.png); color:#d0d0d0;}


/* Хеадер */



.header {min-height:118px; background:url(../images/bg/bg-header.png) repeat-x 0 100% #474a4b;}
.header-content {position:relative; width:990px; margin:0 auto;}
.header .logo {margin-right:5px;}
.header .logo a {display:block; padding:10px 25px 25px 20px;}
.header .mein-menu {width:1050px;  }
.header .mein-menu li {float:left; padding:0 0 32px; line-height:1;}
.header .mein-menu li a {display:block; padding:1px 9px 4px;       color:#ffeb8f;}
.header .mein-menu li.first a {border:none;}
.header .mein-menu li.active {background:url(../images/bg/bg-active.png) no-repeat 1px 100%;}
.header .mein-menu li.active a {text-decoration:none; cursor:default;}
.header .search {position:absolute; top:0; right:18px; padding:0 0 8px; background:url(../images/bg/bg-search-bottom.gif) no-repeat 0 100%;}
.header .search-c {width:285px; padding:10px 0 5px; background:#2e3538;}
.header .search * {display:block; float:left;}
.header .search input.text {width:125px; margin:0 7px 0 0;}
.header .search label {padding:4px 8px 0; font-size:.84em; color:#fff;}

/* Левая и правая колонки */
.content-block {width:980px; padding:28px 5px 60px; margin:0 auto;}
.left-column {float:left; width:664px; margin-right:29px;}
.right-column {float:left; width:286px;}

/* Блок загрузки  */
.load-block {position:relative; width:664px; overflow:hidden; margin:0 0 20px;}
.load-content {position:relative; width:20000em; z-index:1;}
.load-item {position:relative; float:left; width:664px; background:url(../images/bg/bg-load-block.png) no-repeat 0 250px;}

/* Бакграун производителя в блоке загрузки */
.gt-bicycle {min-height:450px; background:url(../images/bg/bg-gt-bicycle.png) no-repeat 0 0;}
.scott-bicycle {min-height:450px; background:url(../images/bg/scott.png) no-repeat 0 0;}
.temp-bicycle {min-height:450px; background:url(../images/bg/bg-temp.png) no-repeat 0 0;}

/* Кнопки переключения */
.load-block .btn-prev, .load-block .btn-next {position:absolute; top:95px; z-index:2; display:block; width:56px; height:120px; }
.load-block .btn-prev {left:15px;}
.load-block .btn-next {right:15px;}
#loadinImage {position:absolute; top:130px; left:50%; z-index:2; display:none; margin-left:-74px;} 

/* Загружаемый контент */
.bicycle-photo {position:relative; height:326px;}
.bicycle-photo img {position:absolute; left:50%; bottom:6px; display:block; margin-left:-235px;}
.bicycle-description {padding:0 6px; font-size:1.17em; color:#b7dde3;}
.bicycle-description h4 {margin:0 0 7px; font-weight:normal;}
.bicycle-description a {color:#7ccddb;}

/* Большой блок с углами */
.big-corner-t {width:286px; padding:8px 0 0; margin:0 0 40px; background:url(../images/bg/bg-big-corner-top.png) no-repeat;}
.big-corner-b {padding:0 0 8px; background:url(../images/bg/bg-big-corner-bottom.png) no-repeat 0 100%;}
.big-corner-c {background:url(../images/bg/bg-big-corner-center.png) repeat-x 0 0 #313b40;}

/* Запчасти */
.spare-parts {width:100%;}
.spare-parts tr {width:100%;}
.spare-parts td {width:30%; padding:0 14px;}
.spare-parts td a {color:#b6b6b6;}
.spare-parts .item a {color:#b6b6b6;}
.spare-parts li {padding:2px 0 5px;}
.all-spare-parts {padding:4px 10px 2px 0; text-align:right;}
.all-spare-parts a.show {padding-right:12px; background:url(../images/bull/bull-arrow-spr.gif) no-repeat 100% 7px; color:#b6b6b6;}
.all-spare-parts a.hide {padding-right:12px; background:url(../images/bull/bull-arrow-spr.gif) no-repeat 100% -37px; color:#b6b6b6;}

.spare-parts ul {padding:0px 15px;}
.spare-parts li.item {width:200px; float:left; height:15px; padding:2px 7px 5px 0px;}

/* Блок каталога */
.catalog-block {} 
.catalog-block .catalog-grid {width:100%;}
.catalog-block .catalog-grid td {padding:0 12px 25px;}
.catalog-block h4 {margin:0 0 5px; font-weight:normal; font-size:1.17em;}
.catalog-block td p {padding:0 2px;}

/* Ораньжевый и синий блоки каталога */
.catalog-block-orange h4, .catalog-block-orange h4 a {color:#f0ef63;}
.catalog-block-blue h4, .catalog-block-blue h4 a {color:#91cbd5;}

/* Блок с фотографией товара */
.cat {width:199px; padding:7px 0 0; margin:0 0 14px; background:url(../images/bg/bg-catalog-block.gif) no-repeat 0 0; text-align:center;}
.cat-c {position:relative; min-height:122px; padding:12px 0 0; background:#fff; font-size:1.17em; font-weight:bold;}

/* Блок прайса */

.pr-t {position:absolute; left:0; bottom:-15px;  width:199px; padding:7px 0 0; background-position:0 0; overflow:visible;}
.pr-b {padding:0 0 6px; background-position:0 100%}
.pr-t, .pr-b {background-repeat:no-repeat;}
.pr-c {display:block; padding:0 3px; text-decoration:none; line-height:1; color:#262626;}
.pr-c span {color:#ff4e00;}
.pr-c em {font-style:normal; text-decoration:line-through; font-weight:normal; font-size:.78em;}

/* Ораньжевый и синий блоки прайса */
.catalog-block-orange .pr-t, .catalog-block-orange .pr-b {background-image:url(../images/bg/bg-price-orange-spr.png);}
.catalog-block-orange .pr-c {background:#ffdc3b;}
.catalog-block-blue .pr-t, .catalog-block-blue .pr-b {background-image:url(../images/bg/bg-price-blue-spr.png);}
.catalog-block-blue .pr-c {background:#c7dfe3;}

/* Все велосипеды */
.all-bike {padding:0 7px 30px 0; text-align:right; font-weight:bold;}

/*** ПРАВАЯ КЛОНКА ***/
/* Лого производителей */
.bike-logo .logo {margin-bottom:5px;}
.bike-logo .logo a {display:block; width:286px; height:64px; background:url(../images/bg/bg-logo-spr.png) no-repeat 0 0;}
.bike-logo .logo a:hover {background-position:0 -126px;}

/* Подбор велосипеда */
.selection-bicycle {margin:0 0 46px;}

.small-corner-t {width:286px; padding:7px 0 0; background:url(../images/bg/bg-small-corner-top.gif) no-repeat 0 0;}
.small-corner-b {padding:0 0 7px; background:url(../images/bg/bg-small-corner-bottom.gif) no-repeat 0 100%;}
.small-corner-c {padding:8px 10px; background:url(../images/bg/bg-small-corner-center.png) repeat-x 0 0 #303b3f;}

.selection-bicycle table {width:100%;}
.selection-bicycle th {padding:0 0 8px; text-align:left;}
.selection-bicycle td {padding:0 3px 0 5px; color:#fff;}
.selection-bicycle td input.checkbox, input.checkboxMy {margin-right:4px; float:left;}
.selection-bicycle td label {display:block; float:left; padding:0 0 6px; width:96px;}
.selection-bicycle td input.text {width:100px; border:1px solid #808080; color:#464d4f;}
.selection-bicycle td.spacer {padding:0;}
.selection-bicycle td.spacer div {height:1px; margin:6px 0 18px; overflow:hidden; background:#646769; border:1px solid #434849; border-width:1px 0; font-size:0; line-height:0;}
.selection-bicycle .pick {padding:26px 17px 12px 0; text-align:right;}


/* Новости */
.news-block {margin:0 0 0 6px;}
.news-block li {padding:0 0 20px;}
.news-block li h4 {display:inline; padding:1px 3px; margin-left:1px; background:#9c9fa0; font-weight:normal; color:#2a2c2c;}
.news-block li p {margin:8px 0 0;}

.all-news {width:286px; height:89px; background:url(../images/bg/bg-all-news.png) no-repeat 0 0;}
.all-news-btn {padding:25px 20px 0 0; text-align:right;}

/* Хлебные крошки */
.bradcrambs-t {padding:7px 0 0; margin-bottom:30px; background:url(../images/bg/bg-bradcrambs-top.png) no-repeat 0 0;}
.bradcrambs-b {padding:0 0 7px; background:url(../images/bg/bg-bradcrambs-bottom.png) no-repeat 0 100%;}
.bradcrambs-c {padding:2px 14px; background:#5b5e5f; color:#b6b6b6;}
.bradcrambs-c a {color:#b6b6b6;}
.bradcrambs-c .raquo {margin:0 5px; font-size:15px;}

.pager {text-align:center; color:#fff;}
.pager a {margin:0 6px; color:#fff;}
.pager .active {padding:2px 5px; background:#b9bdbe; text-decoration:none; cursor:default; color:#2c2f30;}

.btn-back {padding:5px 0; margin:-10px 0 10px; text-align:right;}

/* Фильтер */
.filter-t {padding:8px 0 0; margin:0 0 30px; background:url(../images/bg/bg-filter-top.png) no-repeat 0 0;}
.filter-b {padding:0 0 8px; background:url(../images/bg/bg-filter-bottom.png) no-repeat 0 100%;}
.filter-c {padding:3px 14px; background:url(../images/bg/bg-filter-center.png) repeat-x 0 0 #7c8081;}
.filter-c .filter {margin:0 0 46px;}
.filter-c table {width:100%; font-size:1.17em;}
.filter-c table td {text-align:right;}
.filter-c table td.form {width:240px;}
.filter-c table td.price {width:109px;}
.filter-c table td.slider {padding:0 0 0 12px;}
.filter-c table td.color {width:200px;}
.filter-c .first td {padding:0 3px 14px;}
.filter-c .last td {padding:14px 3px 3px;}
.filter-c table select {width:130px;}
.filter-c table .btn {font-size:1em;}
.filter-c table .search span {padding:1px 4px; background-color:#e7e7e7; font-weight:bold; color:#2c2f30;}

#slider {width:516px; height:16px; background-color:#2c2f30; position:relative; margin:10px 0 0; background:url(../images/bg/lin.gif) no-repeat 0 0; }
.ui-slider-handle {position:absolute; top:-5px; width:70px; height:49px; cursor:pointer;}
.ui-slider-handle .btn-sl {width:23px; height:29px; margin:0 auto; background:url(../images/btn/btn-filter.png) no-repeat 0 0;}
#minResult, #maxResult {padding:2px 3px; margin:2px 0 0; background:#2c2f30; font-size:.84em; text-align:center;}
#valueMin {left:0;}
#valueMax {right:0;}

/* 3 фото */
.sm-photo {margin-bottom:40px;}
/*.sm-photo td {text-align:center; vertical-align:middle;}*/
.sm-photo .big {float:left; width:469px; height:313px; margin:0 6px 0 0; padding:34px 0 0; background:url(../images/bg/bg-3big.png) no-repeat 0 0; text-align:center;}
.sm-photo .small {width:188px; height:127px; margin:0 0 6px; padding:20px 0 0; background:url(../images/bg/bg-3small.png) no-repeat 0 0; cursor:pointer; text-align:center;}
.sm-photo .price {width:188px; height:28px; margin:0 0 6px; padding:12px 0 0; background:url(../images/bg/bg-3price.png) no-repeat 0 0; font-size:1.17em; text-align:center;}
/*.sm-photo .left {border-right:3px solid #474a4b;}
.sm-photo .right {border-left:3px solid #474a4b;}*/
.sm-photo .price a {font-weight:bold; text-decoration:none; color:#262626;}
.sm-photo .price a span {color:#ff4e00;}
.sm-photo .price a em {font-style:normal; text-decoration:line-through; font-weight:normal; font-size:.78em;}

/* Информация о товаре */
.item-info {width:100%; margin:0 0 30px; font-size:1.17em;}
.item-info td {padding:6px 4px 7px; color:#d0d0d0;}
.item-info .bg-b td {background:#303b3f;}
.item-info td.first {width:40%; color:#a7a7a7;}

.two-bott-btn {width:100%;}
.two-bott-btn td {padding:6px 0 24px;}
.two-bott-btn .text-left span {text-decoration: underline;}

/* Комменты */
.comment-spacer {width:664px; height:14px; margin-bottom:24px; background:url(../images/bg/bg-cooment-spacer.png) no-repeat 0 0;}

.comment-input {margin:0 0 30px 70px;}
.comment-input td {padding:5px 12px;}
.comment-input td.label {text-align:right; padding:8px 0 0;}
.comment-input input.text {width:394px;}
.comment-input textarea {width:400px; height:85px; border:1px solid #ccc;}
.comment-input .for-btn {text-align:right; padding:12px 12px 7px;}

.comment-t {padding:5px 0 0; background:url(../images/bg/bg-cooment-top.png) no-repeat 0 0;}
.comment-b {padding:0 0 7px; background:url(../images/bg/bg-cooment-bottom.png) no-repeat 0 100%;}
.comment-c {padding:6px 16px 7px; background:#5b5e5f;}

.comment-c .author {padding:6px 0 0; text-align:right; color:#242525;}
.comment-c .spacer {height:2px; margin:12px 0; font-size:0; line-height:0; overflow:hidden; background-color:#3f4142;}

/* ссылка на митгрупп */
DIV.mit { padding:0 0 0 0; } 
DIV.mit A { color:#7d7d7d; font-size:11px; text-decoration:none; font-weight:normal; } 
DIV.mit A.dev { background-color:#ebebeb; padding:3px 5px; } 
DIV.mit A.dev:hover { color:#ffffff; background-color:#1f8191; padding:3px 5px; }