@charset "UTF-8";
/* CSS Document */

/* slider specific CSS */
        .sliderGallery {
            background: url(images/productbrowser_background_20070622.jpg) no-repeat;
            overflow: hidden;
            position: relative;
            padding: 10px;
            height: 160px;
            width: 660px;
        }
        
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
        }
        
        .sliderGallery UL LI {
            display: inline;
        }
        
        .sliderg {
            width: 542px;
            height: 17px;
            margin-top: 140px;
            margin-left: 5px;
            padding: 1px;
            position: relative;
            background: url(images/productbrowser_scrollbar_20070622.png) no-repeat;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 17px;
            width: 181px;
            top: 0;
            background: url(images/productbrowser_scroller_20080115.png) no-repeat;
            z-index: 100;
        }
        
        .sliderg span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        
        .sliderg .slider-lbl1 {
            left: 50px;
        }
        
        .sliderg .slider-lbl2 {
            left: 107px;
        }
        
        .sliderg .slider-lbl3 {
            left: 156px;
        }

        .sliderg .slider-lbl4 {
            left: 280px;
        }

        .sliderg .slider-lbl5 {
            left: 455px;
        }

#slider {
	width: 700px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background-color: #CCCCCC;
}

.scroll {
	height: 420px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	overflow: hidden;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(images/content_pane-gradient.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	margin: 0px;
	width: 700px;
	text-align: left;
}

.scrollContainer div.panel {

	width: 670px; /* change to 560px if not using JS to remove rh.scroll */
	padding: 15px;
	text-align: justify;
	vertical-align:	 text-top;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}


#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}