/*
# ------------------------------------------------------------------------
# Ja Kyanite II template for Joomla 1.5
# ------------------------------------------------------------------------
# Copyright (C) 2004-2010 JoomlArt.com. All Rights Reserved.
# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,
# bound by Proprietary License of JoomlArt. For details on licensing,
# Please Read Terms of Use at http://www.joomlart.com/terms_of_use.html.
# Author: JoomlArt.com
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# Redistribution, Modification or Re-licensing of this file in part of full,
# is bound by the License applied.
# ------------------------------------------------------------------------
*/

.ja-slidewrap {
    margin: 0;
    padding: 0;
    height: 340px;
    position: relative;
    border: none
}

.ja-slide-main-wrap {
    position: relative;
    overflow: hidden;
}

.ja-slide-main {
    z-index: 1;
}

.ja-slide-item {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0;
}

.ja-slide-item img {
    background: none;
    border: none;
    padding: 0;
}

/* Slide Thumbnail ---*/
.ja-slide-thumbs-wrap {
    clear: both;
    overflow: hidden;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 101;
}

.ja-slide-thumbs,
.ja-slide-thumbs-mask,
.ja-slide-thumbs-handles {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 5000px;
}

.ja-slide-thumbs-mask {
    display: none;
}

.ja-slide-thumb,
.ja-slide-thumbs-handles span {
    background: url(/templates/DT-transteknik/images/circle-bg.png) no-repeat center center;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: bold;
    float: left;
    margin: 0;
    text-indent: -300%;
}

.ja-slide-thumbs-handles span.active {
    background: url(/templates/DT-transteknik/images/circle-active.png) no-repeat center center;
}

.ja-slide-thumbs-mask-left,
.ja-slide-thumbs-mask-right,
.ja-slide-thumbs-mask-center {
    float: left;
}

.ja-slide-thumbs-mask-left,
.ja-slide-thumbs-mask-right {
    background: #000000;
}

/* Mask of Description ---*/
.maskDesc {
    background: url(/templates/DT-transteknik/images/sl-mask.png) no-repeat left top;
    display: block;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

* html .maskDesc {
    background: url(/templates/DT-transteknik/images/sl-mask1.gif) no-repeat left top;
}

.maskDesc .ja-slide-desc {
    float: right;
    display: block;
    margin-top: 1px;
    margin-right: 5px;
    padding: 0;
    width: 380px;
    height: 336px;
}

.maskDesc .ja-slide-desc p {
    margin: 15px 0;
}

.maskDesc .ja-slide-desc-inner {
    padding: 30px;
}

.maskDesc .ja-slide-desc br {
    display: none;
}

.maskDesc .ja-slide-desc h3 {
    font-size: 250%;
    margin: 0 0 10px;
}

/* Read more button ---*/
.maskDesc a.readon {
    background: url(/templates/DT-transteknik/images/topsl-readon.png) no-repeat left top;
    bottom: 35px;
    color: #ccc;
    display: block;
    font-weight: bold;
    font-size: 125%;
    height: 29px;
    position: absolute;
    padding: 6px 15px 0 35px;
    right: 200px;
    width: 108px;
    text-decoration: none;
}

.maskDesc a.readon:hover,
.maskDesc a.readon:active,
.maskDesc a.readon:focus {
    background: url(/templates/DT-transteknik/images/topsl-readon.png) no-repeat left bottom;
    color: #fff;
}

/* Control buttons ---*/
.ja-slide-buttons {
    z-index: 900;
    position: absolute;
    bottom: 10px;
    right: 5px;
}

.ja-slide-buttons span {
    background: #000;
    color: #999;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 92%;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 5px;
}

.ja-slide-buttons span.ja-slide-prev:hover,
.ja-slide-buttons span.ja-slide-playback:hover,
.ja-slide-buttons span.ja-slide-play:hover,
.ja-slide-buttons span.ja-slide-stop:hover,
.ja-slide-buttons span.ja-slide-next:hover {
    background: #BF0000;
    color: #fff;
}