/*===Top content slider==*/

.sliderwrapper
{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 670px; /*width of featured content slider*/
	min-height:220px;
}

.sliderwrapper1
{
	min-height:145px;
}

.sliderwrapper2
{
	min-height:183px;
}
.sliderwrapper2
{
	min-height:183px;
}

.sliderwrapper .contentdiv
{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  			/*leave as is*/
	top: 0;  			/*leave as is*/
	width: 670px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pagination
{
	width: 670px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: right;
}

.pagination a
{
	text-decoration: none; 
}

.contentPic
{
	float:right;
	width:471px;
	height:183px;
}

.contentText
{
	float:left;
	background-color:black;
	color:#FFF;
	width:179px;
	min-height:193px;
	padding:20px 10px 10px 10px;;
	text-align:left;
}

.colour1
{
	background-color:#01466D;
	color:#FFF;
	width:156px;
	margin-top:2px;
	margin-right:3px;
	padding:3px 3px 5px 5px;
	float:left;
	text-align:left;
	display:block;
}

.colour1.selected
{
	background-color:#01466D;
	color:#FFF;
	width:159px;
	float:left;
	text-align:left;
	padding:5px;
	margin:0px 3px 0px 0px;
	display:block;
}

.colour2
{
	background-color:#479FC5;
	color:#FFF;
	width:156px;
	margin-top:2px;
	margin-right:3px;
	padding:3px 3px 5px 5px;
	float:left;
	text-align:left;
}

.colour2.selected
{
	background-color:#479FC5;
	color:#FFF;
	width:159px;
	float:left;
	text-align:left;
	padding:5px;
	margin:0px 3px 0px 0px;
	display:block;
}

.colour3
{
	background-color:#7998AA;
	color:#FFF;
	width:156px;
	margin-top:2px;
	margin-right:3px;
	padding:3px 3px 5px 5px;
	float:left;
	text-align:left;
}

.colour3.selected
{
	background-color:#7998AA;
	color:#FFF;
	width:159px;
	float:left;
	text-align:left;
	padding:5px;
	margin:0px 3px 0px 0px;
	display:block;
}

.colour4
{
	background-color:#9BC8DB;
	color:#FFF;
	width:156px;
	margin-top:2px;
	padding:3px 3px 5px 5px;
	float:left;
	text-align:left;
}

.colour4.selected
{
	background-color:#9BC8DB;
	color:#FFF;
	width:158px;
	float:left;
	text-align:left;
	padding:5px 6px 5px 5px;
	margin:0px 0px 0px 0px;
}

/*===INFINITE CAROUSEL===*/

/*
#paginate-slider4
{
	margin-top:-40px;
}
*/
.infiniteCarousel 
{
    width: 225px;
    position: relative;
}

.infiniteCarousel .wrapper 
{
    width: 193px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
    overflow: auto;
    min-height: 3em;
    margin: 0 15px;
    position: absolute;
}

.infiniteCarousel ul a img 
{
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul 
{
    width: 9999px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
    top: 0;
}

.infiniteCarousel ul li 
{
    display:block;
    float:left;
	width: 65px;
    height: 34px;
}

.infiniteCarousel ul li a img 
{
    display:block;
}

.infiniteCarousel .arrow 
{
   display: block;
   height: 13px;
   width: 13px;
   background: url(np.png) no-repeat 0 0;
   text-indent: -999px;
   position: absolute;
   top:10px;
   cursor: pointer;
   overflow:hidden;
}

.infiniteCarousel .forward 
{
   background-position: 0 0px;
   right:0;
}

.infiniteCarousel .back
{
	background-position:0 -13px;
}
		
.infiniteCarousel .forward:hover 
{
   /*background-position: 0 -26px;*/
	 background-position: 0 0px;
}

.infiniteCarousel .back:hover 
{
     background-position: 0 -13px;
}
