@charset "utf-8";
/* --- RYCarousel CSS Document, Carousel specific styles --- */
/* --- Creator: Andrew Tennison --- */
/* --- Creation Date: 28/04/2009 --- */
/* --- For: Radley Yeldar --- */

/* --- Modified by: ## --- */
/* --- Modified on: ## --- */

/* --- LEAVE: Default / Non JS Accordion styling --- */
.RYcarousel {}
.RYcarousel .RYC_inner {}
.RYcarousel .RYC_inner .RYC_slide {}
.RYcarousel .RYC_inner .RYC_pad {padding:10px;}

/* --- LEAVE: JS enabled specific styling --- */
.jsEnabled .RYcarousel {position:relative; display:inline; float:left; width:550px; height:422px; overflow:hidden; background:#DFF926;}
.jsEnabled .RYcarousel .RYC_inner {position:relative; display:inline; float:left; width:2200px; left:0px;}
.jsEnabled .RYcarousel .RYC_inner .RYC_slide {position:relative; display:inline; float:left; clear:none; height:422px; width:550px;}

/* nav is generated by JS so does not need .jsEnabled prefix */
.RYcarousel .prev,
.RYcarousel .next,
.RYcarousel .beginning,
.RYcarousel .end,
.RYcarousel .play {
	position:absolute; display:block; 
	top:0; width:30px; height:30px; 
	background:#ccc; overflow:hidden; cursor:pointer
}
.RYcarousel .prev:hover,
.RYcarousel .next:hover,
.RYcarousel .beginning:hover,
.RYcarousel .end:hover,
.RYcarousel .play:hover,
.RYcarousel .play.on {
	background:#ff0000;
}
.RYcarousel .prev.disable,
.RYcarousel .next.disable,
.RYcarousel .beginning.disable,
.RYcarousel .end.disable,
.RYcarousel .play.disable {
	background:#000; color:#ccc; text-decoration:none; cursor:default
}


.RYcarousel .prev {left:40px;}
.RYcarousel .next {right:40px;}
.RYcarousel .beginning {left:0px;}
.RYcarousel .end {right:0px;}
.RYcarousel .play {left:200px;}

.RYcarousel .miniNav {
	position:absolute; display:none;
	top:0px; left:240px; height:20px; background:#efefef;
	padding:5px 0 5px 5px;
}
.RYcarousel .miniNav li {position:relative; display:inline; float:left; clear:none; margin-right:5px; width:20px; height:20px; background:#ccc; text-align:center; line-height:20px; cursor:pointer}
.RYcarousel .miniNav li.hover {background:#ff0000;}
.RYcarousel .miniNav li.on, .RYcarousel .miniNav li.on.hover { background:#FFFF00}

/* --- EDIT: Default / Non JS Accordion styling --- */
#homeCarousel {
	width:550px; position:relative; display:inline; float:left;
	-webkit-border-top-right-radius:1em; -moz-border-radius-topright:1em; border-radius-topright: 1em;
	-webkit-border-top-left-radius:1em; -moz-border-radius-topleft:1em; border-radius-topleft: 1em;
}
#homeCarousel .RYC_inner .RYC_slide {position:relative; display:inline; float:left; clear:none; height:422px; width:550px;}

#homeCarousel .RYC_slide h2 {padding:5px 10px 0 10px; height:1.2em; /*overflow:hidden; margin-top:360px; */ position:absolute; top:372px; right:130px;}
#homeCarousel .RYC_slide h2 img {width:auto;}
#homeCarousel .RYC_slide p {padding:0 10px; height:1.2em; overflow:hidden}
#homeCarousel .RYC_slide img {position:absolute; display:block; top:0px; left:0px;}

#homeCarousel .prev,
#homeCarousel .next,
#homeCarousel .beginning,
#homeCarousel .end,
#homeCarousel .play {display:none;}

#homeCarousel .miniNav {
	bottom:0px; top:auto; left:0px; width:550px; height:90px;
	background:url(../../../images/global/black.png) 0px 0px repeat;
	-webkit-border-bottom-right-radius:1em; -moz-border-radius-bottomright:1em; border-radius-bottomright: 1em;
	-webkit-border-bottom-left-radius:1em; -moz-border-radius-bottomleft:1em; border-radius-bottomleft: 1em;
}
#homeCarousel .miniNav li {width:130px; height:78px; border:1px solid #000; margin-right:4px; overflow:hidden;}
#homeCarousel .miniNav li.hover { border:1px solid #fff}
#homeCarousel .miniNav li.on { border:1px solid #ccff00}


.jsEnabled .miniHomeCarousel {
	position:relative; display:inline; float:right; background:#f2f2f2; border:1px solid #e5e5e5; width:460px;
	-webkit-border-radius:1em; -moz-border-radius:1em; border-radius: 1em;
	padding:20px 30px;
}
.jsEnabled .miniHomeCarousel .RYC_inner .RYC_slide 
{
	width:150px; 
	height:109px; 
	position:relative; 
	display:inline; 
	float:left;
	background:url(../../../images/global/bg_home_miniCarousel.png) 3px 0px no-repeat;
}
.miniHomeCarousel .RYC_inner .RYC_slide span {
	margin:6px 0 0 10px; position:relative; display:block;
	width:129px; height:96px; overflow:hidden;
}

.jsEnabled .miniHomeCarousel .miniNav,
.jsEnabled .miniHomeCarousel .beginning,
.jsEnabled .miniHomeCarousel .end,
.jsEnabled .miniHomeCarousel .play {display:none;}

.jsEnabled .miniHomeCarousel .prev {
	width:34px; height:208px; left:0px; text-indent:-999px;
	background:#f2f2f2 url(../../../images/global/bg_home_miniCarousel_arrowLeftMini.png) -31px center no-repeat;
}
.jsEnabled .miniHomeCarousel .prev:hover { background-position:-64px center;}
.jsEnabled .miniHomeCarousel .prev.disable { background-position:2px center;}


.jsEnabled .miniHomeCarousel .next {
	width:34px; 
	height:208px; right:0px; text-indent:-999px;
	background:#f2f2f2 url(../../../images/global/bg_home_miniCarousel_arrowRightMini.png) -31px center no-repeat;
}
.jsEnabled .miniHomeCarousel .next:hover { background-position:-64px center;}
.jsEnabled .miniHomeCarousel .next.disable { background-position:2px center;}

#superCarousel 
{
	position:relative; 
	display:inline; 
	float:left;
	background:#000066;
	-webkit-border-radius:2.4em; 
	-moz-border-radius:2.4em; 
	border-radius: 2.4em;
}
#superCarousel .RYcarousel 
{
	position:relative; 
	display:block; 
	clear:both;
	width:690px; 
	background:none;
}
#superCarousel .RYcarousel .RYC_inner .RYC_slide { width:690px;height:405px; position:relative; display:block; clear:both; }
#superCarousel .RYcarousel .beginning, #superCarousel .RYcarousel .end, #superCarousel .RYcarousel .play {display:none;}
#superCarousel .RYcarousel .prev { left:10px; top:50%; }
#superCarousel .RYcarousel .next { right:10px; top:50%; }
#superCarousel .RYcarousel .miniNav { top:auto; bottom:10px; }
#superCarousel .RYcarousel h2 
{
	position:relative; 
	display:inline; 
	float:left;
	width:60px; 
	margin:10px 0; 
	padding:0 20px;
	border-right:1px solid #4d4d94;
 	
}
#superCarousel .RYcarousel h3 
{
	position:relative; 
	display:inline; 
	float:left; 
	clear:right; 
	width:540px;
	padding:6px 20px 0 20px;
 
}
#superCarousel .RYcarousel p 
{
	position:relative; 
	display:inline; 
	float:left; 
	width:545px;
	padding:5px 0px 10px 20px;
 
}
#superCarousel .RYcarousel li img {position:absolute; display:block; bottom:0px; left:0px;}

/* --- EDIT: JS enabled specific styling --- */
.jsEnabled .miniHomeCarousel { height:168px;}
.jsEnabled .miniHomeCarousel .RYC_inner {width:5000px;  height:109px; top:30px;}
.jsEnabled .miniHomeCarousel .RYC_inner { height:120px;}

.jsEnabled #superCarousel .RYcarousel .RYC_inner .RYC_slide {position:relative; display:inline; float:left; clear:none}

.jsEnabled #superCarousel .RYcarousel {position:absolute; display:block; top:0px; left:0px;height:405px;}

.jsEnabled #superCarousel {height:476px;}
.jsEnabled #superCarousel #c60,
.jsEnabled #superCarousel #c70,
.jsEnabled #superCarousel #c80,
.jsEnabled #superCarousel #c90,
.jsEnabled #superCarousel #c00  {display:none;}

.jsEnabled #superCarousel .RYcarousel .RYC_inner {width:2200px;}

#superCarousel .RYcarousel .miniNav {background:none; left:10px; height:8px;}
#superCarousel .RYcarousel .miniNav li {
	background:#999; text-indent:-999px; height:8px; border:1px solid #BCE70E;
	-webkit-border-radius:.3em; -moz-border-radius:.3em; border-radius: .3em;
}
#superCarousel .RYcarousel .miniNav li.hover {background:#666;}
#superCarousel .RYcarousel .miniNav li.on {background:#BCE70E;}

#superCarousel .RYcarousel .prev {width:55px; height:55px; background:url(../../../images/global/bg_about_carousel_arrowLeft.png) -120px -3px no-repeat; text-indent:-999px}
#superCarousel .RYcarousel .prev:hover {background-position:-61px -3px}
#superCarousel .RYcarousel .prev.disable { background-position:-3px -3px}

#superCarousel .RYcarousel .next {width:55px; height:55px; background:url(../../../images/global/bg_about_carousel_arrowRight.png) -61px -3px no-repeat; text-indent:-999px}
#superCarousel .RYcarousel .next:hover {background-position:-120px -3px}
#superCarousel .RYcarousel .next.disable {background-position:-179px -3px}