/* root element for scrollable */
.vertical {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollers have typically larger height than width */
	height: 350px;
	width: 640px;
	border-top:1px solid #ddd;
}
/* root element for scrollable items */
.items {
	position:absolute;
	text-align:center;
	/* this time we have very large space for height */
	height:2em;
	margin:0px;
}
#head {
    height:25px;
    background-color:gray;
}
/* single scrollable item */

div.items a {
	
        text-align:left;
	display:block;
	padding:12px 15px;
	height:80px;
	width:635px;
	font-size:24px;
	border:1px outset #ccc;
	text-decoration:none;
	color:white;
        font-family: 'Futura-Medium', 'Futura', 'Trebuchet MS', sans-serif;
}

div.items a span {
	display:block;
	font-size:14px;
        text-align:left;
        width:600px;
        color:white;
        font-family: 'Futura-Medium', 'Futura', 'Trebuchet MS', sans-serif;
}

div.items img {
	float:left;
	margin-right:20px;
	height:90px;
	width:90px;
}
div.items a:hover {
	background-color:gray;
}


a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(pics/up.png) no-repeat;
	margin:5px 0 5px 0;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;
}

a.go.down {
	background-image:url(pics/down.png);
}

div.petrol a.go {
	background-image:url(pics/up_dark.png);
}

div.petrol a.go.down {
	background-image:url(pics/down_dark.png);
}

a.go.disabled {
	visibility:hidden;
}