ul, li, img { padding:0; margin:0; list-style:none }
#text-block { width:554px; height:52px; margin:5px 0 0 0; padding:10px; line-height:140%; border:1px solid #fec500; overflow:auto; background:#ffe600 url("images/kmg-rideDialog-background.jpg") repeat-x }
#text-block p { margin-top:0px }
#text-block p:last-child { margin:0px }
#text-block a { text-decoration:underline }
#images-block { margin:10px 0 0 0; padding:0 }
#large-image-block { float:left; display:block; position:relative; width:440px; height:440px; border:1px solid #e18000; margin:0 0 0 0px; background-color:#f9b838 }
#small-images-block { position:absolute; display:inline; float:left; height:440px; width:124px; margin:0 0 0 10px; background-color:#f9b838 }
#small-images-block .down, #small-images-block .up {
	/*position:relative;*/
	width:122px; height:24px;
	cursor:pointer;
	border:1px solid #e18000;
	padding:0; margin:0;
}
#small-images-block .up { background-image:url("images/kmg-rideDialog-up.jpg") }
#small-images-block .down { background-image:url("images/kmg-rideDialog-down.jpg") }

#slideshow{
	overflow:hidden; height:390px;
	border-top:none;
	border-bottom:none;
	border-right:1px solid #e18000;
	border-left:1px solid #e18000;
}
#slideshow ul{ height:3900px; padding:0px 0 0 5px; margin:0 }
#slideshow li{
    margin: 5px 0 0 0;
	float:left; cursor:pointer; width:110px; height:110px;
	text-align:center; border:1px solid #777;
    background-color: #f9b838;	    
}
#slideshow li.first { background-color:#ff9900; }

img { border:0px; padding:0; margin:0 }

img.small-landscape {
    width:100px; height:75px; margin:18px 0 0 0;
}

img.small-portrait {
    width:75px; height:100px; margin:5px 0 0 0;
}

img.large-landscape {
    width:420px; height:315px; margin:60px 0 0 10px;
}

img.large-portrait {
    width:315px; height:420px; margin:10px 0 0 60px;
}