#title {background: url(../images/sk5.png) #4d4d4d;}
#catalog {width: 100%; float: left;}
#text-block {text-align: center;}

.thumbnails {margin: -2em 0 30px 0; text-align: left;}
.thumbnail {text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 2em 0 0 1.5em;}
.thumbnail .model {width: 140px; padding: 0px 0px 10px 0px; float: left; border: none; line-height: 1; position: relative;}
.thumbnail img {margin-bottom: 7px; padding: 10px; background: #fff;}
.thumbnail img:hover {padding: 9px; border: 1px solid #999;}
.thumbnail .model a {font-size: 80%; text-decoration: none; border-bottom: none; margin-bottom: 5px; line-height: 1.3;}
.thumbnail .model span {font-size: 85%; text-decoration: none; border-bottom: none; line-height: 1.35; display: block;}
.thumbnail .model em {position: absolute; right: 0; bottom: 12px; font-size: 80%; padding: 5px 5px; color: #fff; background: #b93902; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

/* TITLE */
.title {width: 100%; height: 31px; margin-bottom: 15px;}
.title p {width: 100%; line-height: 20px; white-space: nowrap; margin: 0; padding: 4px 0 0 0;font-family: 'Roboto', Arial, Helvetica, 'Trebuchet MS'; font-weight: 400; text-transform: uppercase;}
.title a {border-bottom: none; font-family: 'Roboto', Arial, Helvetica, 'Trebuchet MS'; font-weight: 400; text-transform: uppercase;}

/* CATALOG MENU */
.catalog-menu {width: 100%; margin-left: 0; color: #8C7B6C;}
.catalog-menu ul {margin: 0 0 35px 0; padding: 0; list-style: none;}
.catalog-menu ul li {margin: 0 0 8px 0; padding: 2px 0;}
.catalog-menu ul {position: relative; white-space: nowrap; font-size: 0.9em;}
.catalog-menu .title {white-space: nowrap; margin-bottom: 5px;}
.catalog-menu a.active, .brand-menu a.active {position: relative; text-decoration: none;  border: 1px solid #999; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding: 4px 15px 5px 25px;}
.cross {background: url(../images/chosen-sprite.png) -36px 10px no-repeat;/*background: url(../images/cross.png) 7px 10px no-repeat;*/}

/* TYPE SELECTION */
.type-selection {width: 100%; height: 32px; text-align: left; font-size: 0.9em; margin-bottom: 40px; margin-left: 2em;}
.type-selection a {padding: 2px 0px; line-height: 32px; text-align: center; margin: 0 7px;}
.type-selection .active  {color: #333; text-decoration: none; padding: 7px 12px;  border: 1px solid #999; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.type-selection #sale {padding: 2px 0px;}
.type-selection #sale:hover {color: #B93902; text-decoration: none;}
.type-selection #sale:active {color: #fff; background: #B93902; text-decoration: none;}
.type-selection .active2 {color: #fff; background: #B93902; text-decoration: none;}

@media only screen and (max-width: 767px) {
.catalog-menu {width: 50%; float: left; margin-bottom: 20px;}
.catalog-menu li {width: auto; float: left;}
.catalog-menu ul li {margin: 0 20px 10px 0; padding: 2px 0;}
.type-selection {text-align: center; margin-left: 0;}
.brand-select select {width: 100%;}
.thumbnails {margin: -2em 0 30px -2em; text-align: center;}
} 
@media only screen and (min-width: 768px) {
.brand-select {padding-top: 20px;}
}

/* MODEL DETAIL */
.model-detail {width: auto; padding: 25px 25px 25px 10px; margin: 20px auto; text-align: left; background: #fff;}
.model-info {width: 100%; float: left; display: block; margin-bottom: 0;}
.model-info dt {width: 290px; height: 380px; float: left; color: #666;}
.model-info dd {padding-left: 300px; line-height: 1.35; margin-bottom: 15px; font-size: 100%; color: #333;}
.model-info span {display: block;}
.inf span {color: #BEAB94;}
span strike {color: #B93902; display: block;}
dd.country {font-size: 100%; margin-bottom: 35px;}
dd.price {font-size: 160%;}
dd.discount {font-size: 140%; color: #B93902;}
.name {font-size: 135%; color: #000; display: block; margin: 0 0 20px 20px;}
.place {width: 100%; float: left; display: block; margin-bottom: 0;}
.place dt {width: 280px; height: auto; float: left; text-align: right; color: #beab94;}
.place dd {padding-left: 300px; line-height: 1.35; margin-bottom: 0; font-size: 100%;}
.back {width: 100%; height: 31px; line-height: 30px; float: left; display: block; text-align: center;}

/* MODEL PHOTO SLIDER */
#gallery {padding: 0 20px; margin-top: 5px;}
.ad-gallery {width: 260px;}
.ad-gallery, .ad-gallery * {margin: 0; padding: 0;}
.ad-gallery .ad-image-wrapper {width: 258px; height: 258px; margin-bottom: 10px; position: relative; overflow: hidden; border: 1px solid #bfac95; cursor: pointer;}
.ad-gallery .ad-image-wrapper .ad-loader {position: absolute; z-index: 10; top: 48%; left: 48%;  border: 0 none; display: none; visibility: hidden;}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute; right: 0; top: 0; width: 0; height: 100%; cursor: pointer; display: block; z-index: 200;}
.ad-gallery .ad-image-wrapper .ad-prev {position: absolute; left: 0; top: 0; width: 0; height: 100%; cursor: pointer; display: block; z-index: 200;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {background: none;}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: none; width: 0px; height: 0px; display: none; position: absolute; top: 0px; left: 0px; z-index: -1; visibility: hidden;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: none; width: 0px; height: 0px; right: 0px; left: 0px; visibility: hidden;}
.ad-gallery .ad-image-wrapper .ad-image {position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9;}
.ad-gallery .ad-image-wrapper .ad-image a img {border: 0;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(opa75.png); color: #000;}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;}
.ad-gallery .ad-controls {height: 20px;}
.ad-gallery .ad-info {float: left;}
.ad-gallery .ad-slideshow-controls {float: right;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px; cursor: pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px; font-size: 0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default; font-style: italic;}
.ad-gallery .ad-nav {width: 100%; position: relative;}
.ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute; top: 0; height: 100%; z-index: 10;}
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {height: 100px;}
.ad-gallery .ad-back {cursor: pointer; left: -20px; width: 13px; display: block; background: url(../images/arrow.png) 0px -10px no-repeat #fff;}
.ad-gallery .ad-forward {cursor: pointer; display: block; right: -20px; width: 13px; background: url(../images/arrow.png) -107px -10px no-repeat #fff;}
.ad-gallery .ad-nav .ad-thumbs {overflow: hidden; width: 100%;}
.ad-gallery .ad-thumbs .ad-thumb-list {float: left; width: 9000px; list-style: none;}
.ad-gallery .ad-thumbs li {float: left; padding-right: 7px;}
.ad-gallery .ad-thumbs li a {display: block;}
.ad-gallery .ad-thumbs li a img {border: 1px solid #bfac95; display: block;}
.ad-gallery .ad-thumbs li a.ad-active img {border: 1px solid #8C7B6C;}
.ad-preloads {position: absolute; left: -9000px; top: -9000px;}
a.gallery {cursor: hand;}

/* BRANDS */
.brand-menu {width: auto; margin-left: 0;}
.brand-menu ul {margin: -15px 0 0 0; padding: 0; list-style: none;}
.brand-menu ul li {margin: 0 0 5px 0; padding: 0;}
.brand-menu a {font-size: 0.9em;}

/* BRANDS SCROLL */
.brand-menu {padding-bottom: 30px;}
.scroll-pane, .scroll-pane-arrows {width: auto; min-width: 180px; height: 350px; overflow: auto;}
.horizontal-only {height: auto; max-height: 300px;}
.jspContainer {overflow: hidden; position: relative;}
.jspPane {position: absolute;}
.jspVerticalBar {position: absolute; top: 0; right: 0; width: 12px; height: 100%; background: none;}
.jspVerticalBar * {margin: 0; padding: 0;}
.jspCap {display: none;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {position: relative;}
.jspDrag {position: relative; top: 0; left: 0; cursor: pointer;}
.jspArrow {text-indent: -20000px; display: block; cursor: pointer;}
.jspArrow.jspDisabled {cursor: default;}
.jspVerticalBar .jspArrow {height: 16px;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {background: red; float: left; height: 100%;}
.jspVerticalBar, .jspTrack {background: none; background: #e3e3e3;}
.jspDrag {background: #ccc;}
.jspTrack .jspActive, .jspTrack .jspHover, .jspDrag:hover {background: #999;}
.jspArrow {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.jspVerticalBar .jspArrow {height: 15px;}
.jspArrowUp {background-position: 0 0;}
.jspArrowDown {background-position: -64px 0 !important;}
ul li.abc {margin-top: 15px; font-size: 110%;}
@media screen and (min-width: 968px) {
.scroll-pane, .scroll-pane-arrows {width: 190px; height: 350px; overflow: auto;}
}  
@media only screen and (max-width: 767px) {
.scroll-pane, .scroll-pane-arrows {width: 100%; height: 150px; overflow: auto;}
.brand-menu {margin-bottom: 30px; border-bottom: 2px solid #ccc;}
}