/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 519px;
}
.tia-rent .jcarousel-clip {
    left: 5px;
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 500px;
}
.content-gallery .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 260px;
}
.tia-entries .content-gallery .jcarousel-clip {
    z-index: 2;
    padding: 0 0 0 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 260px;
}
.tia-entries .content-gallery .tia-big-slideshow .jcarousel-clip {
    z-index: 2;
    padding: 0 0 0 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 520px;
}
.tia-wallpapers .jcarousel-clip,
.tia-albums .jcarousel-clip {
    z-index: 2;
    padding: 0 0 0 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 530px;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.home .jcarousel-list li,
.home .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 173px;
    height: 231px;
}
.tia-slide a {
   display: table-cell;
   vertical-align: middle;
   width: 100%;
   #display: block;
   #position: relative;
}
.home .tia-slide a {
    text-align: center; 
    background: #f1f1f1;
    height: 231px;
    width: 173px;
}


.gallery .jcarousel-list li,
.gallery .jcarousel-item {
    float: left; 
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 170px;
    height: 195px;
    padding-right: 5px;
}
.gallery .tia-slide a {
    text-align: center;	
    background: #f1f1f1;
    height: 128px;
    width: 170px;
}


.tia-rent .jcarousel-list li,
.tia-rent .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 122px;
    height: 220px;
    padding-right: 4px;
}

.content-gallery .jcarousel-list li,
.content-gallery .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 260px;
    height: 260px;
    /*padding: 0 33px 0 32px;*/ 
}

.content-gallery .tia-slide {
    text-align: center;	
}
.content-gallery .tia-slide a {
    text-align: center;
    background: #f1f1f1;
    height: 260px;
    width: 260px;
    #display: block;
    #position: relative;
}
.content-gallery .tia-big-slideshow .tia-slide a {
    text-align: center;
    background: #f1f1f1;
    height: 520px;
    width: 520px;
    #display: block;
    #position: relative;
	cursor: default;
}

.tia-entries .content-gallery .jcarousel-list li,
.tia-entries .content-gallery .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 260px;
    height: 260px;
    /*padding: 0 65px 0 65px;*/
    padding: 0;
}

.tia-entries .content-gallery .tia-big-slideshow .jcarousel-list li,
.tia-entries .content-gallery .tia-big-slideshow .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 520px;
    height: 520px;
    /*padding: 0 65px 0 65px;*/
    padding: 0;
}

.tia-wallpapers .jcarousel-list li,
.tia-wallpapers .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 520px;
    height: 700px;
    padding: 15px 5px 0 5px; 
}
.tia-albums .jcarousel-list li,
.tia-albums .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 520px;
    height: 700px;
    padding: 0 5px 0 5px; 
}
.tia-albums .jcarousel-item .tia-slide {
	display: table;
   width: 520px;
}
.tia-albums .jcarousel-item .tia-slide .tia-slide-img {
    position: relative;
    width: 520px; height: 390px;
    display: table;
    text-align: center;
    background: #f1f1f1;
}
.tia-albums .jcarousel-item .tia-slide .tia-slide-img div {
   position: relative;
   display: table-cell;
   vertical-align: middle;
}
.tia-control-slide {
   position: relative;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   border:0;
   width:auto;
   height:auto;
}

div#tia-inner-content .tia-wallpapers .tia-dynamic-slideshow {
    background: #000;
    width: 530px;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.home .jcarousel-next {
    position: absolute;
    width: 24px;
    top: 100px; right: 1px;
    z-index: 3;
    display: none;
    cursor: pointer;
}

.home .jcarousel-prev {
    position: absolute;
    width: 24px;
    top: 100px; left: 0;
    z-index: 3;
    display: none;
    cursor: pointer;
}
.gallery .jcarousel-next {
    position: absolute;
    width: 24px;
    top: 49px; right: 1px;
    z-index: 3;
    display: none;
    cursor: pointer;
}

.gallery .jcarousel-prev {
    position: absolute;
    width: 24px;
    top: 49px; left: 0;
    z-index: 3;
    display: none;
    cursor: pointer;
}
.content-gallery .jcarousel-next {
    position: absolute;
    width: 24px;
    top: 114px; right: -5px;
    z-index: 3;
    display: none;
    cursor: pointer;
}

.content-gallery .jcarousel-prev {
    position: absolute;
    width: 24px;
    top: 114px; left: -5px;
    z-index: 3;
    display: none;
    cursor: pointer;
}
.tia-entries .content-gallery .jcarousel-next {
    position: absolute;
    width: 24px;
    top: 114px; right: -5px;
    z-index: 3;
    display: none;
    cursor: pointer;
}
.tia-entries .content-gallery .jcarousel-prev {
    position: absolute;
    width: 24px;
    top: 114px; left: -5px;
    z-index: 3;
    display: none;
    cursor: pointer;
}

.tia-entries .content-gallery .tia-big-slideshow .jcarousel-next {
    position: absolute;
    width: 24px;
    top: 244px; right: -5px;
    z-index: 3;
    display: none;
    cursor: pointer;
}

.tia-entries .content-gallery .tia-big-slideshow .jcarousel-prev {
    position: absolute;
    width: 24px;
    top: 244px; left: -5px;
    z-index: 3;
    display: none;
    cursor: pointer;
}

.tia-albums .jcarousel-next {
    position: absolute;
    width: 24px;
    top: 399px; right: 0;
    z-index: 3;
    display: none;
    cursor: pointer;
}
.tia-albums .jcarousel-control {
    position: relative;
    width: 525px; height: 190px;
    margin: 0 0 30px 0;
    overflow: hidden;
}
.tia-albums .jcarousel-control a {
    position: relative;
    display: block;
    width: 120px; height: 90px; 
    float: left;
    margin: 0 7px 7px 0;
    background: #f1f1f1;
    text-align: center;
}
.tia-albums .jcarousel-control a.active-pic div {
    position: absolute;
    top: 0; left: 0;
    width: 112px; height: 82px;
    border: 4px solid #e2001a;	
}
.tia-albums .jcarousel-prev {
    position: absolute;
    width: 24px;
    top: 399px; left: 0;
    z-index: 3;
    display: none;
    cursor: pointer;
}
.tia-wallpapers .jcarousel-next {
    display: none;
}

.tia-wallpapers .jcarousel-prev {
    display: none;
}
.tia-rent .jcarousel-prev {
    position: absolute;
    width: 24px;
    top: 70px; left: 5px;
    z-index: 3;
    display: none;
    cursor: pointer;
}
.tia-rent .jcarousel-next {
    position: absolute;
    width: 24px;
    top: 70px; right: 15px;
    z-index: 3;
    display: none;
    cursor: pointer;
}
.tia-rent .tia-slide a {
    text-align: center;
    background: #3f3e3c;
    height: 163px;
    color: #4f4f4f;
    width: 122px;
}