/*  
 
 RoyalSlider
 
 */
.royalSlider {	
	position:absolute;
	/* set width and height of slider here, in px, % or em*/
	/*min-width: 1215px;*/
	width:100%;
	height:100%;
	/* Used to prevent content "jumping" on page load. this property is removed when javascript is loaded and slider is instanciated */
	overflow:hidden;
}



/**
*  Slides area (set background here)
*/

.royalSlider .royalWrapper {
	overflow:hidden;	
	position:relative;
	width:100%; 
	height:100%;
}
.royalSlider .royalSlide,
.royalSlider .royalWrapper {
	/* Bakground behind slides */
	background:none; 
	/*background: -moz-linear-gradient(top, #111111 0%, #242424 100%); 	
	background: -webkit-linear-gradient(top, #111111 0%,#242424 100%); 
	background: -o-linear-gradient(top, #111111 0%,#242424 100%);
	background: -ms-linear-gradient(top, #111111 0%,#242424 100%); 	
	background: linear-gradient(top, #111111 0%,#242424 100%);*/
}
/* slides holder, grabbing container */
.royalSlider .royalSlidesContainer {
	position: relative;
	left: 0;
	top: 0 !important;
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	border: 0 !important;
}


/* slide item */
.royalSlider .royalSlide {
	padding: 0 !important;
	margin: 0 !important;	
	border: 0 !important;
	list-style: none !important;
	position:relative;
	float:left;	
	
	overflow:hidden;	
}

/* 

	Direction Navigation (arrows) 

*/
.royalSlider .arrow
{	
	/*background:url(/img/controlsSprite.png) no-repeat 0 0;*/
	background-color: #C00;
	background-repeat: no-repeat;
	background-position: 0 0;

	/* change arrows size here */
	width: 45px;
	height: 90px;
	
	top:50%;
	margin-top:-45px;	
	
	cursor: pointer;
	display: block;
	position: absolute;		
	
	z-index:25;
	
}
.royalSlider .arrow:hover {
	
}
.royalSlider .arrow.disabled {
	
}
/* left arrow */
.royalSlider .arrow.left {
	background-position: top left;
	left: 0;	
}
/* right arrow */
.royalSlider .arrow.right {
	background-position: top right;
	right: 0;
}




/* Control navigation container (bullets or thumbs) */
.royalSlider .royalControlNavOverflow {
	width:100%;
	height:90px;
	overflow:hidden;
	position:absolute;
	margin-top:-20px;
	z-index:25;
	background:url(/images/controls-bottomgradient.png);
}
/* This container is inside ".royalControlNavContainer"  
   and is used for auto horizontal centering */
.royalSlider .royalControlNavCenterer {	
	float: left;
	position: relative;
	left: -50%;
	margin-top:20px;
}
/* Control navigation container*/ 
.royalSlider .royalControlNavContainer {
	float: left;
	position: relative;
	left: 50%;	
}


/* Scrollable thumbnails containers */
.royalSlider .royalControlNavThumbsContainer {		
	left:0;
	position:relative;
}
.royalSlider .thumbsAndArrowsContainer {
	overflow:hidden;
	width: 100%;
	position: relative;
}
.royalSlider .royalControlNavOverflow.royalThumbs {	
	width: auto;
	position: relative;
	overflow: hidden;
	margin-top:4px;	
}






/* 

	Control navigation (bullets, thumbnails)
	
*/
.royalSlider .royalControlNavOverflow a{	
	background:#0C0 none no-repeat scroll 0 0;
	
	width:20px;
	height:20px;	
	
	float:left;	
	cursor:pointer;	
	
	position:relative;
	display:block;
	
	text-indent: -9999px;	
}
/* Current control navigation item */
.royalSlider .royalControlNavOverflow a.current {	
	background-color: #C00;	
}
/* Hover state navigation item */
.royalSlider .royalControlNavOverflow a:hover {	
	background-color: #00C;
}

/* Thumbnails */
.royalSlider .royalControlNavOverflow a.royalThumb{	
	/*background: none no-repeat 0 0;*/
	/*background-color: ;*/
	width:144px;
	height:60px;	
	/* thumbnails spacing, use margin-right only */	
	margin-right:5px;
	
}
.royalSlider .royalControlNavOverflow a.royalThumb.current {	
	background-position: -3px -3px  !important;
	border:3px solid #C00 !important;
	width:138px;
	height:54px;
}
.royalSlider .royalControlNavOverflow a.royalThumb:hover {	
	background-position: -3px -3px;	
	border:3px solid #00C;
	width:138px;
	height:54px;
}



/* 

	Thumbnails navigation arrows 
	
*/
.royalSlider .thumbsArrow {	
	width: 38px;
	height: 68px;	
	
	cursor: pointer;
	display: block;
	position: relative;		
	z-index: 25;
	
	background: #C99;
	
}
.royalSlider .thumbsArrow.left {	
	float: left;
}
.royalSlider .thumbsArrow.right {	
	float: right;
}
.royalSlider .thumbsArrow:hover  {
	
}
.royalSlider .thumbsArrow.disabled {
	
}






/* Captions container */
.royalSlider .royalCaption {
	z-index:500;
	display:block;
	width:270px;
	height:40px;
	position:absolute;	
	left:560px;
	top:300px;
	/*font: normal normal normal 1em/1.5em Georgia, serif;
	color:#FFF;		*/
}
/* Caption item */
.royalSlider .royalCaptionItem {
	position:absolute;	
	left:0;
	top:0;
	margin: 0;
	padding: 0;
}



/* Loading (welcome) screen */
.royalSlider .royalLoadingScreen {
	background:#FFF;
	width:100%;
	height:100%;
	position:absolute;
	z-index:99;	
}
/* Loading screen text ("Loading.") */
.royalSlider .royalLoadingScreen p {		
	width:100%;
	position:absolute;	
	margin:0 auto;
	top: 45%;
	text-align:center;
}

#slider-ajax-container {
}

/* single slide image preloader */
.royalPreloader {	
	position:absolute;
	width:32px;
	height:32px;
	left:50%;
	top:50%;
	margin-left:-16px;
	margin-top:-16px;	
	z-index:0;	
	background-image:url(/images/preloader.gif);
}

.imageId {
	display:none;
}





/*
.royalSlider .grab-cursor{cursor:move;}
.royalSlider .grab-cursor{cursor:url("/img/cursors/grab.png") 8 8,-moz-grab;}
.royalSlider .grab-cursor{*cursor:url(/img/cursors/grab.cur);}
.royalSlider .grab-cursor{cursor:move\0/;}  ie8 hack */

/*
.royalSlider .grabbing-cursor{cursor:move;}
.royalSlider .grabbing-cursor{cursor:url("/img/cursors/grabbing.png") 8 8,-moz-grabbing;}
.royalSlider .grabbing-cursor{*cursor:url(/img/cursors/grabbing.cur);} */


/* Cursor used if mouse dragging is disabled */
.royalSlider .auto-cursor{cursor:auto;}

.royalSlider .royalHtmlContent {
	position: absolute;
	top: 0;
	left: 0;
}
.royalSlider .non-draggable {
	cursor: auto;
}
.royalSlider .fade-container .royalSlide{
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 10;
}
.royalSlider .royalImage {
	max-width:none;
	margin:0;
	padding: 0 !important;
	border: 0 !important;	
}


/* Slider itself */
.royalSlider.default {	
	
}
/* Slider with thumbs (used to add padding based on thumbnails size)*/
.royalSlider.default.with-thumbs {
	padding-bottom: 68px;
}

/* 
	Left and right navigation arrows 	
*/
.royalSlider.default .arrow
{	
	background: rgb(50, 50, 50);
	background: rgba(0, 0, 0, 0.5);
	
	background-image:url(/images/controls-sprite.png);

	/* change arrows size here */
	width: 30px;
	height: 30px;
	margin-top:-15px;	
	
	-moz-border-radius: 4px; 
  	-webkit-border-radius: 4px; 
 	border-radius: 4px;
 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
}
/* arrow position in slider with thumbs */
.royalSlider.default.with-thumbs .arrow {
	margin-top:-49px;
}
/* Arrow down state */
.royalSlider.default .arrow:active {	
	background-color: rgba(0,0,0,0.6);
}
/* Arrow hover state */
.royalSlider.default .arrow:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}
/* Arrow disabled state */
.royalSlider.default .arrow.disabled {	
	background-color: rgba(0,0,0,0.0) !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
	filter: alpha(opacity=0) !important;
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;	
}
/* left arrow */
.royalSlider.default .arrow.left {
	background-position: top left;
	left: 5px;	
}
/* right arrow */
.royalSlider.default .arrow.right {
	background-position: top right;
	right: 5px;
}





/* 
	Bullets and thumbnails navigation	
*/
.royalSlider.default .royalControlNavOverflow a {	
	background-color: transparent;
	background-image: url(/images/controls-sprite.png);
	background-position: -18px -164px;
	
	width:18px;
	height:18px;	
	padding:0 3px;		
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/* Current bullet */
.royalSlider.default .royalControlNavOverflow a.current {	
	background-position: -18px -182px !important;
}
/* Bullet hover state */
.royalSlider.default .royalControlNavOverflow a:hover {		
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* Bullets nav sub-container */
.royalSlider.default .royalControlNavCenterer {	
	padding:3px 5px;
	width:100%;
	/*background: rgb(50, 50, 50);	
	background: rgba(0,0,0,0.5);
	
	-moz-border-radius: 4px; 
  	-webkit-border-radius: 4px; 
 	border-radius: 4px;*/
}
/* Bullets nav or thumbnails main container */
.royalSlider.default .royalControlNavOverflow {
	margin-top:-90px;
}
/* Thumbnails main container */
.royalSlider.default .royalControlNavOverflow.royalThumbs {	
	margin-top:4px;	
}

/* Thumbnails */
.royalSlider.default .royalControlNavOverflow a.royalThumb{	
	background-color: transparent;	
	background-position: 0 0;
	
	width:144px;
	height:60px;	
	/* thumbnails spacing, use margin-right only */	
	margin-right:6px;
		
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	-khtml-opacity: .40;
	opacity: .40;	
}
/* Current thumbnail */
.royalSlider.default .royalControlNavOverflow a.royalThumb.current {	
	background-position: -1px -1px  !important;
	border:1px solid #AAA !important;
	width:142px;
	height:58px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}
/* Thumbnail hover state*/
.royalSlider.default .royalControlNavOverflow a.royalThumb:hover {	
	border: none;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;	
}

.royalSlider.default .royalControlNavOverflow a.royalThumb.current:hover {	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}




/* 
	Thumbnails navigation arrows 	
*/
.royalSlider.default .thumbsArrow {
	background:url(/images/controls-sprite.png) no-repeat 0 0;
	width: 28px;
	height: 68px;	
	
	
	-moz-opacity: 0.8;	
	opacity: 0.8;	
}
.royalSlider.default .thumbsArrow.left {
	background-position: -116px -132px;
	left: 0;	
}
.royalSlider.default .thumbsArrow.right {
	background-position: -156px -132px;
	right: 0
}
.royalSlider.default .thumbsArrow:hover  {	
	-moz-opacity: 1;	
	opacity: 1;	
}
.royalSlider.default .thumbsArrow.disabled {	
	-moz-opacity: 0;	
	opacity: 0;	
}
.royalSlider.default .thumbsArrow.left.disabled {	
	background-position: -36px -132px;
}
.royalSlider.default .thumbsArrow.right.disabled {	
	background-position: -76px -132px;
}


#image-gallery {
	/*-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.30);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.30);box-shadow:0 1px 3px rgba(0,0,0,0.30);
	background:#F5F5F5;	
	max-width: 1750px;
	min-width: 1215px;*/
	width:100%;
	/*height: 613px;*/
}

/* Custom */
a.grayRollover { display:block; float:left; height:54px; background-image:url(/images/logos/logo_banner-rollover.gif); background-repeat:no-repeat;}
#alhambra {width:90px; background-position:0px 0px;} #alhambra:hover {background-position:0px -54px;}
#athena {width:78px; background-position:-90px 0px;} #athena:hover {background-position:-90px -54px;}
#belmont {width:73px; background-position:-168px 0px;} #belmont:hover {background-position:-168px -54px;}
#crystal {width:65px; background-position:-241px 0px;} #crystal:hover {background-position:-241px -54px;}
#deeprock {width:78px; background-position:-306px 0px;} #deeprock:hover {background-position:-306px -54px;}
#hinckley {width:73px; background-position:-384px 0px;} #hinckley:hover {background-position:-384px -54px;}
#kentwood {width:70px; background-position:-457px 0px;} #kentwood:hover {background-position:-457px -54px;}
#mtolympus {width:86px; background-position:-527px 0px;} #mtolympus:hover {background-position:-527px -54px;}
#nursery {width:75px; background-position:-613px 0px;} #nursery:hover {background-position:-613px -54px;}
#sierra {width:68px; background-position:-688px 0px;} #sierra:hover {background-position:-688px -54px;}
#sparkletts {width:87px; background-position:-756px 0px;} #sparkletts:hover {background-position:-756px -54px;}
#coffee {width:75px; background-position:-843px 0px;} #coffee:hover {background-position:-843px -54px;}

a.rotatorlink {
	display:block;
	width:auto;
	height:613px;
	text-align:center;
}
	a.rotatorlink div {
		display:inline-block; 
		width:980px; 
		text-align:right; 
		padding-top:160px; 
		color:#fff;
	}
		a.rotatorlink div h6 {
			text-transform:uppercase;
			font-weight:bold;
			margin:0;
			padding:0;
			font-size:22px;
			line-height:20px;
		}
		a.rotatorlink div h5 {
			text-transform:uppercase;
			font-weight:bold;
			margin:0;
			padding:0;
			font-size:37px;
			line-height:35px;
			letter-spacing:-0.5px;
		}
		a.rotatorlink div p {
			font-weight:normal;
			font-size:18px;
			line-height:20px;
			margin:10px 0 30px;
			padding:0;
			letter-spacing:0.1px;
		}
		a.rotatorlink div span {
			background-color:#2ec200;
			font-size:14px;
			color:#fff;
			text-transform:uppercase;
			border-radius:5px;
			padding:10px 30px;
		}
		
	a.rotatorlink div.region-crystal h6, a.rotatorlink div.region-crystal h5, a.rotatorlink div.region-crystal p {color:#fff;}
	a.rotatorlink div.truck h5 {font-size:58px; line-height:49px;}
	a.rotatorlink div.truck h6, a.rotatorlink div.truck h5, a.rotatorlink div.truck p {color:#0b4b83;}
	a.rotatorlink div.zerocal h6, a.rotatorlink div.zerocal h5 {color:#0098d9;}
	a.rotatorlink div.zerocal p {color:#00498f;}
	a.rotatorlink div.coffee h6, a.rotatorlink div.coffee h5, a.rotatorlink div.coffee p {color:#5f311d;}
	a.rotatorlink div.nurse h6, a.rotatorlink div.nurse h5, a.rotatorlink div.nurse p, a.rotatorlink div.nurse sub {color:#2d5d88;}
	a.rotatorlink div.athena h6, a.rotatorlink div.athena h5, a.rotatorlink div.athena p, a.rotatorlink div.athena sup {color:#575757;}
	a.rotatorlink div.aquacafe h6, a.rotatorlink div.aquacafe h5, a.rotatorlink div.aquacafe p {color:#785f5c;}
	a.rotatorlink div.sparkling h6, a.rotatorlink div.sparkling h5, a.rotatorlink div.sparkling p {color:#06377b;}

/* Localized */