/* Styles for scroller with 1 row */
.scrollerOneRowVH { float:left; width:560px; height:100px; display:inline; margin: 15px 0px 0px 0px; border:0px solid #ffffff; display:block; position:absolute; top:15px; left:0px; z-index:400; background: url('/Allstate/content/refresh-images/widgets/bg_slide.jpg');
background-repeat: repeat-x;}
div.contentHolderVH { position: relative; margin: 0 auto; width: 545px; height: 100px; border: 0px solid #CCCCCC; }

.leftarrowVH { float: left; width: 30px; height: 100px; }
.leftarrowVH img, .rightarrow img { margin-top: 20px; }
.leftarrowVH img { margin-left: 0px; }
.rightarrowVH img { margin-left: 0; }
.rightarrowVH { float: right;  width: 30px; height: 75px; padding-top:22px ; }
img.arrowVH { width: 30px; height: 29px; cursor: pointer;}

.ie div.listContentsVH { position: relative; width: 460px; height: 100px; overflow: hidden; left:6px; }
div.listContentsVH { position: relative; width: 460px; height: 100px; overflow: hidden; left:17px; }
div.listContentsVH ul {position: relative; list-style-type: none; padding: 0; margin: 0; height: 100px; }
div.listContentsVH ul li {display: inline; float: left; width: 102px; height: 135px; margin: 0px 13px 0px 0px; overflow: hidden;  }
div.listContentsVH ul a:link,
div.listContentsVH ul a:visited { text-decoration: none; color: #00467f; }
/*div.listContents ul a:hover { color: #5ab1e9; }*/
ul.ulContentsVH { height: 100px; }
ul.ulContentsVH img, ul.ulContentsRowTwo img { width: 100px; height: 65px; }
ul.ulContentsVH .heading, ul.ulContentsRowTwo .heading { text-align: left; display: block; font-size: 12px; font-family: Arial; font-weight: bold; }
ul.ulContentsVH h1, ul.ulContentsRowTwo h1 { text-align: center; display: block; font-size: 12px; font-family: Arial; font-weight: bold; margin: 0; color: #00467f; }
ul.ulContentsVH .text, ul.ulContentsRowTwo .text { text-align: left; display: block; margin-top: 3px; font-size: 11px; font-family: Arial; font-weight: normal; }
ul.ulContentsVH .text a:hover, ul.ulContentsRowTwo .text a:hover { color: #5ab1e9; }

/* ie6 */
* html div.listContentsVH ul li { text-align: center; }



