@charset "UTF-8";
/* carousel stylee */

/* Controls for carousel */
#pagecont h3.time {
	
	display:block;
	padding-bottom:11px;
	
}


#goback {
	text-align:left;
	padding-top:25px;
	float:left;

	margin-left:10px;
}

#goback a,#goforward a {
	font-weight:bold;
	
	height:20px;
	color:#C34931;
	background-color:#fff;
	text-decoration:none;
	border:1px solid #000;
	padding:6px;
	
}

#goforward a {
	margin-right:23px;
}

#goback a{
	margin-left:23px;
}


#goforward {
	margin-left:-20px;
	float:right;
	text-align:right;
	padding-top:25px;

}

/* stepcont encapsulates the carousel so a left float doesn't initiate the horiz scroll bar, which looks bad in Opera*/

#stepcont {float:left;margin-top:10px;
}

.stepcarousel{
	position:relative; /*leave this value alone*/
	overflow:scroll; /*leave this value alone*/
	width:690px;
	height:290px; /*Height should enough to fit largest content's height*/
	background-color:#f1f1f1;
	background:#eeeeee url('/newcastlecollection/if/h3timebg.gif') top left no-repeat;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 0;
	background:transparent url('/newcastlecollection/if/timeline.gif') bottom left no-repeat;
	border-top:1px solid #ccc;
	height:290px;
}


.stepcarousel .panel{
	float:left; 
	width:200px;
	text-align:left;
	border-left:1px solid #ccc;
	height:260px;
	margin-left:20px;
}
.stepcarousel .panel p {
	margin:0 15px;
}

.stepcarousel .panel span {
	font-weight:bold;
	color:#C34931;
}


.stepcarousel .home {
	width:140px;
	border:0;
}

.stepcarousel .ad122 {width:1730px}
.stepcarousel .ad122 p{width:400px}

.stepcarousel .ad399 {width:4380px}
.stepcarousel .ad399 p{width:400px}

.stepcarousel .ad1080 {width:300px}

.stepcarousel .ad1172 {width:490px}

.stepcarousel .ad1248 {width:140px}

.stepcarousel .ad1265 {width:1690px}
.stepcarousel .ad1265 p{width:400px}

.stepcarousel .ad1539 {width:675px}
.stepcarousel .ad1539 p{width:400px}

.stepcarousel .ad1646 {width:630px}
.stepcarousel .ad1646 p{width:400px}
.stepcarousel .ad1646 p.p1650{margin-left:60px;}

.stepcarousel .ad1741 {width:1100px}
.stepcarousel .ad1741 p{width:400px}
.stepcarousel .ad1741 p.p1771{margin-left:180px;}
.stepcarousel .ad1741 p.p1772{margin-left:185px;}
.stepcarousel .ad1741 p.p1797{margin-left:300px;}

.stepcarousel .ad1771 {width:930px}


.stepcarousel .ad1771 p.p1797{margin-left:60px;}
.stepcarousel .ad1880 {width:420px}
.stepcarousel .ad1823 {width:350px}
.stepcarousel .ad1835 {width:350px}

.stepcarousel .ad1847 {width:220px}
.stepcarousel .ad1853 {width:290px}

.stepcarousel .ad1862 {width:420px}

.stepcarousel .ad1876 {width:140px}
.stepcarousel .ad1880 {width:1550px}
.stepcarousel .ad1880 p{width:500px}

.stepcarousel .ad1928 {width:360px}
.stepcarousel .ad1941 {width:460px}

.stepcarousel .ad1955 {width:790px}
.stepcarousel .ad1955 p{width:500px}

.stepcarousel .ad1980 {width:630px}

.stepcarousel .ad2000 {width:800px}
.stepcarousel .ad2000 p{width:500px}


#textlist {
	display:block;
	clear:right;
	padding-top:10px;
}

#textlist ul{
	list-style-type:none;
}

#textlist ul li{
	float:left;
	display:block;
	padding:3px 6px;
}