#outerFrame
        {
        	width: 880px;
        }
        
        /* get rid of those system borders being generated for A tags */
        a:active
        {
            outline: none;
        }
        :focus
        {
            -moz-outline-style: none;
        }
        /* VERTICAL */
        #wrapperVertical
        {
            float: left;
            background-image: url(/Images/FeaturesPresentationScroll/FeaturesBG.jpg);
            background-repeat: no-repeat;
            width: 289px;
            height: 289px;
            vertical-align: middle;
        }
        .vertical
        {
            /* required settings */
            position: relative;
            overflow: hidden; /* vertical scrollers have typically larger height than width */
            height: 201px;
            width: 284px;
            margin-left: 1px;
        }
        /* root element for scrollable items */
        .items
        {
            position: absolute; /* this time we have very large space for height */
            height: 20000em;
            margin: 0px;
        }
        /* single scrollable item */
        .unselectedItemDiv
        {
        	border-bottom: solid 1px #989898;
            border-top: solid 1px #ffffff;
            background-image: url(/Images/FeaturesPresentationScroll/FeaturesItemsBG.gif);
            text-align: center;
            width: 284px;
        }
        .selectedItemDiv
        {
			border-top: solid 1px #989898;
            border-bottom: solid 1px #ffffff;
            background-image: url(/Images/FeaturesPresentationScroll/FeaturesItemsSelectedBG.gif);
            text-align: center;
            width: 284px;
        }
		/* elements inside single item */
        .items h3
        {
            margin: 0 0 0 0;
            padding: 10px 10px 10px 10px;
        }
        .selectedItem
        {
        	color: #ff3300;
            font-family: Trebuchet MS, Arial;
            font-size: 14px;
            font-weight: normal;
            letter-spacing: 1px;
            text-decoration: none;
            outline: none;
        }
        .unselectedItem
        {
            color: #6a6a6a;
            font-family: Trebuchet MS, Arial;
            font-size: 14px;
            font-weight: normal;
            letter-spacing: 1px;
            text-decoration: none;
        }
        .items a:hover
        {
            color: #ff3300;
        }
        .actionUp
        {
            width: 284px;
            padding: 13px 0 10px 0;
            text-align: center;
            border-bottom: solid 1px #989898;
        }
        .actionDown
        {
            width: 284px;
            padding: 10px 0 10px 0;
            text-align: center;
        }
        .actionUp, .actionDown a
        {
            cursor: pointer;
        }
        .disabled
        {
            visibility: hidden;
        }

        /* HORIZONTAL */
        #wrapperHorizontal
        {
            width: 591px;
            height: 289px;
            background-color: #ccc;
            overflow: hidden;
            float: right;
        }
        #mask
        {
            width: 2000%;
            height: 289px;
            background-color: #eee;
        }
        .item
        {
            width: 5%;
            height: 100%;
            float: left;
            background-color: #ddd;
        }
        .content
        {
            width: 591px;
            height: 289px;
            margin: 0px auto;
            background-color: #ffffff;
        }
        .clear
        {
            clear: both;
        }