html, body {
    margin:0;
    padding:0;
    font-family: arial,helvetica,clean,sans-serif;    
}

#scrollheader {
    background-color:#6d83a1;
    border:1px solid #000;
    margin:10px 10px 0 10px;

    height:44px;
    width:400px;

    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#d8dee6),
        color-stop(0.01, #b0bccc),
        color-stop(0.49, #889bb3),
        color-stop(0.50, #8094ae),
        to(#6d83a1)     
    );

    float:left;
}

#scrollheader.horiz {
    width:320px;
}

#scrollheader h1 {
	color: #fff;

    margin:0;
	padding:10px 0;

	text-align:center;

	font-size:150%;
	font-weight:bold;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.7);    
}

#scrollable.horiz {
    height:auto;
    white-space: nowrap;
    text-align: center;
}

#scrollable.horiz li {
    border-bottom: 0;
}

#scrollable.horiz img {
    border-width:2px;
    border-style:solid;
}

#scrollable li {
    border-bottom: 1px solid #ccc;
}

#scrollable li div {
    padding: 8px;
    font-size: 140%;
    font-weight: bold;
}

#scrollable img {
	width: 300px;
	margin: 10px;
    margin-bottom:10px;
    -webkit-transform: translate3d(0, 0, 0); 
}

#scrollable.yui3-scrollview-loading {
    display:block;
    visibility:hidden;
}

#additional-content {
    display:block;
    padding:5px;
}

#pager {
    margin:0 10px 0 10px;
    width:320px;
    clear:left;
    float:left;
}

.yui3-scrollview {
    margin:0 10px 10px 10px;
    border:1px solid #000;
    border-top:0;

    width:400px;

    clear:left;
    float:left;
}