/* CSS Document */

* {font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }

body {margin: 0px; padding: 0px; color: #666; }

#left {width: 248px; float:left; height: 384px; overflow: hidden; }
	#left div.link {background-color: #DBE1EF; padding: 20px;}
		#left div.link a {color: #004997; font-weight: bold; font-size: 13px; text-decoration: none; }
		#left div.link a:hover {text-decoration: underline;}

#video {width: 512px; height: 384px; float:left; overflow:hidden;}

#bottom {float: left; clear: both; height: 180px; overflow:hidden; margin-top: 25px; padding-top: 10px; width: 100%; border-top: 1px solid #DBE1EF;}

hr {height: 1px; border: 0px; border-top: 1px solid #DBE1EF;}

#scrollContainer {width: 700px; height: 160px; position:relative; overflow:hidden; margin-left: 40px; float:left; }
	#scrollArea { width: 20000px; position:absolute; height: 160px; overflow: hidden; }
        div.scrollItem {width: 150px; height: 160px; float:left; margin-right: 25px; border-top: 5px solid #FFF; cursor:pointer; display:inline;}
		div.scrollItem:hover, .scrollItemActive {border-top: 5px solid #004997; }
			div.scrollItem img {float: left; clear: both; margin-bottom: 10px;}
			
.scrollNext {float: right; width: 25px; height: 113px; margin-top: 5px; background-image:url(icons/scroll_fw.gif); cursor:pointer;}
.scrollPrev {float: left; width: 25px; height: 113px; margin-top: 5px; background-image:url(icons/scroll_bw.gif); cursor:pointer;}