div#topCap { height: 50px; width: 560px; padding: 5px; background: url('../../videos/img/bg-cap.gif') no-repeat; }
div#topCap h3 { float: left; width: 50%; }
div#topCap p span { font-weight: bold; color: #fdb40c; }
div#topCap p { width: 100%; }
div#topCap p * { float: none; } /** Included because IE6 doesn't allow div#topCap > * in common.css. **/
div#topCap div * { float: none; } /** Without this line the paging breaks in IE6. **/

div.paging { float: right !important; padding: 2px 10px 2px 10px; }
div.paging * { float: none; text-align: left; }
div.paging a { color: #fdb40c; }
div.paging a.active { color: #505050; }

div.video { height: 120px; width: 550px; padding: 15px 10px 15px 10px; background: url('../../videos/img/bg-item.gif') no-repeat; }
div.video * { margin: 0px; padding: 0px; }
div.video span { float: left; height: 100%; width: 110px; margin-right: 10px; } /** Should use child selector here... **/
div.video * img { width: 110px; height: 110px; }
div.video h5 { font-size: 18px !important; width: 400px; color: #00529B; margin-bottom: 12px; }
div.video h5 a { color: #00529B; }
div.video h5 a:hover { color: #FDB40C !important; text-decoration: underline !important; }
