/* Styles for scroller with 1 row */
.scrollerOneRow { float:left; width:955px; height:243px; display:inline; margin: 15px 0 0 0; padding: 0; }
div.contentHolder { position: absolute; margin: 0 auto; width: 953px; height: 241px; border: 1px solid #CCCCCC; }
div.toggleButtons { border: 1px solid white; margin: 0 auto; margin-top: -1px; height: 14px; text-align: center; }
div.toggleButtons img { margin: 0 2px; display: inline-block; cursor: pointer; }

.leftarrow { float: left; width: 54px; height: 200px; }
.leftarrow img, .rightarrow img { margin-top: 96px; }
.leftarrow img { margin-left: 40px; }
.rightarrow img { margin-left: 0; }
.rightarrow { float: right;  width: 55px; height: 200px; }
img.arrow { width: 14px; height: 18px; cursor: pointer;}

div.listContents { position: absolute; width: 800px; height: 213px; left: 54px; margin: 0 22px; overflow: hidden; }
div.listContents ul {position: absolute; list-style-type: none; padding: 0; margin: 0; height: 213px; }
div.listContents ul li {display: inline; float: left; width: 156px; height: 213px; padding: 0; margin: 0 22px; overflow: hidden; }
div.listContents ul a:link,
div.listContents ul a:visited { text-decoration: none; color: #00467f; }
/*div.listContents ul a:hover { color: #5ab1e9; }*/
ul.ulContents { height: 213px; }
ul.ulContents img, ul.ulContentsRowTwo img { width: 156px; height: 91px; border: none; margin-bottom: 17px; }
ul.ulContents .heading, ul.ulContentsRowTwo .heading { text-align: left; display: block; font-size: 12px; font-family: Arial; font-weight: bold; }
ul.ulContents h2, ul.ulContentsRowTwo h2 { text-align: left; display: block; font-size: 12px; font-family: Arial; font-weight: bold; margin: 0; color: #00467f; }
ul.ulContents .text, ul.ulContentsRowTwo .text { text-align: left; display: block; margin-top: 3px; font-size: 11px; font-family: Arial; font-weight: normal; }
ul.ulContents .text a:hover, ul.ulContentsRowTwo .text a:hover { color: #5ab1e9; }

/* ie6 */
* html div.toggleButtons { position: fixed; }
* html div.listContents ul li { text-align: center; }

/* Styles for scroller with 2 rows */
.scrollerTwoRow {float:left; width: 955px; height:478px; display:inline; margin: 15px 0 0 0; padding: 0; }
.scrollerTwoRow div.listContents { height: 444px; }
.scrollerTwoRow div.contentHolder { height: 476px; }
.scrollerTwoRow .leftarrow, .scrollerTwoRow .rightarrow { height: 389px; }
.scrollerTwoRow .leftarrow img, .scrollerTwoRow .rightarrow img { margin-top: 213px; }
div.listContents ul.ulContentsRowTwo { position: absolute; list-style-type: none; padding: 0; margin: 231px 0 0 0; height: 213px; }
ul.ulContentsRowTwo .heading { margin-top: 17px; }
