#exampleContainer {
    background-color: #E9E9E9;
}

#mainContentWrapper {
    height: 408px;
	overflow: hidden;
}

div h2.demoTitle {
    margin:0 0 10px 5px;
}

.button {
    margin-left:5px;
}

#scrollArea {
    overflow-x: hidden;
	overflow-y: scroll;
    height: 100%;
    position: relative;
}

.item {
    width: 550px;
    height: 140px;
    color: #333333;
	background: #e8eeef;
    font-size: 13px;
    padding: 6px 6px 13px;
    cursor: default;
    margin-bottom: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .item:hover {
        background: white;
        -moz-box-shadow: 0 1px 2px #cccccc;
        -webkit-box-shadow: 0 1px 2px #cccccc;
        box-shadow: 0 1px 2px #cccccc;
    }

    .item .content {
        padding-top: 5px;
        padding-left: 10px;
    }

        .item .content h3 {
            height: 19px;
            overflow: hidden;
            font-size: 13px;
            font-weight: 800;
            margin: 0 0 5px;
            color: #333333;
        }

    .item .image-holder {
        width: 120px;
		float:left;
		display: inline-block;
    }

    .item .details {
		float:left;
        color: #666666;
    }

.demo-container {
    max-width: 625px;
}