@charset "UTF-8";
    
	body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
    
    #Carousel {
	position:absolute;
	left:0px;
	top:0px;
	width:580px;
	height:640px;
	z-index:2;
	}
	
	.stepcarousel{
    position: absolute; /*leave this value alone*/
	left:0px;
	top:30px;
	/*background-color:#CCC;
	background-image:url(CSSImages_Style1/QuotePanelBG.jpg);*/
    overflow: scroll; /*leave this value alone*/
    width: 580px; /*Width of Carousel Viewer itself*/
    height: 580px; /*Height should enough to fit largest content's height*/
    }
    
    .stepcarousel .belt{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
    }
    
    .stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 10px; /*margin around each panel*/
    width: 580px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    }

    .stepcarousel .panel a {
	text-decoration:none;
	/*color:#333;
	background-image:url(CSSImages_Style1/Carousel_Item_BG.png);*/
    }

    .stepcarousel .panel a:hover {
	text-decoration:none;
	/*color:#000;
	background-image:url(CSSImages_Style1/Carousel_Item_BG_Over.png);*/
    }

	.item {
	display: block;
	width: 177px;
	height: 177px;
	margin:5px;
	padding:0px;
	float:left;
	}

    .item a {
	display: block;
	width: 177px;
	height: 177px;
	margin:-5px;
	padding:0px;
	float:left;
	background-repeat:no-repeat;
	}
	
    .item a:hover {
	display: block;
	width: 177px;
	height: 177px;
	margin:-5px;
	padding:0px;
	float:left;
	background-repeat:no-repeat;
	}

    #CarouselHeader {
	position:absolute;
	left:0px;
	top:0px;
	width:580px;
	height:30px;
	z-index:2;
	/*background-color: #333333;
	background-image:url(CSSImages_Style1/Carousel_Header.png);
	color:#FFF;*/
	font-weight:bold;
	font-size:14px;
	}
	
	#CarouselHeader_Label {
	padding:5px 10px;
	}
	
    #CarouselFooter {
	position:absolute;
	left:0px;
	top:610px;
	width:580px;
	height:30px;
	z-index:2;
	/*background-color: #333333;
	background-image:url(CSSImages_Style1/Carousel_Footer.png);
	color:#FFF;*/
	/*padding:8px;*/
	}

	#CarouselFooter_Label {
	position:relative;
	top:8px;
	}

    #CarouselFooter a {
	text-decoration:none;
	}

    #CarouselFooter a:active {
	text-decoration:none;
	}
	
    #CarouselFooter a:hover {
	text-decoration:none;
	}

    #Prev {
	display:block;
    position: absolute;
	left:10px;
	top:5px;
	width:41px;
	height:21px;
	cursor:pointer;
	/*background-image:url(CSSImages_Style1/Arrow_Prev.png);*/
	}
	
    #Next {
	display:block;
    position: absolute;
	left:530px;
	top:5px;
	width:41px;
	height:21px;
	cursor:pointer;
	/*background-image:url(CSSImages_Style1/Arrow_Next.png);*/
	}