
.casestudy-block-item .customer-name,
.casestudy-block-item .customer-rating,
.casestudy-block-item .customer-town
{
    float: left;
    line-height: 1em;
    vertical-align: middle;
}

.casestudy-block-item .customer-name {
    margin-right: 8px;
    font-weight:bold;
}


.casestudy-clear-fix {
    content: "";
    display: table;
    clear: both;  
}

.casestudy-block-text {
    height: 75px;
    margin-top: 10px;
}

.casestudy-block-date {
    font-size:13px;
    float:left;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}

.remsto-casestudy-landscape-widget .casestudy-carousel-items .casestudy-block-item
{
    height:300px;
    border-bottom:0px;
}

.casestudy-carousel-items .casestudy-block-item {
    width: 100%;
    height: 239px;
    margin-top: 10px;
    border-bottom: 2px solid #ccc;
    padding-bottom:15px;
}

.casestudy-block-title
{
    font-size:1.1em;
    font-weight:bold;
}

.casestudy-block-item .remsto-btn
{
    padding:5px 13px;
}

.casestudy-block-item .tpp-field-logo
{
    margin-top:10px;
}

.casestudy-block-item .tpp-field-logo img
{
    height:60px;
}

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.casestudy-carousel-items {
    position: relative;
    overflow: hidden;
}


.remsto-scroller.casestudy-portrait-carousel-items {
    height: 800px;
    margin-left: 0px;
    margin-right: 0px;
}

.remsto-static.casestudy-portrait-carousel-items {
    height: 825px;
    margin-left: 0px;
    margin-right: 0px;   
}


/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.casestudy-portrait-carousel-items ul {
    height: 10000em;
    width: 100%;
    position: relative;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.casestudy-portrait-carousel-items ul > li {
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-type: none;
    overflow: hidden;
}


/*
Landscape scroller
*/
.casestudy-landscape-carousel-items {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}


/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.casestudy-landscape-carousel-items ul {
    width: 10000em;
    position: relative;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.casestudy-landscape-carousel-items ul > li {
    float: left;
    width: 389px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-type: none;
    overflow: hidden;
}

@media (min-width: 0px) and (max-width:350px)
{

.casestudy-block-text
{
    height:auto;
}

}