/*Calls To Action horizontal carousel styling */
/*
Calls To Action slider
*/
/* 1.1 BEGIN sliderHolder------------------------------*/

.sliderHolder {	position: relative;	width: 996px;	height: 528px;	margin: 0 auto;}

.sliderHolder .slider {	overflow: hidden;	position: absolute;	left: 0px;	top: 0px;	z-index: 1;}

.sliderHolder .images {	position: relative;	width: 996px;	height: 528px;	float: left;}
.sliderHolder .images div.image {	position: absolute;	top: 0;	left: 0;	height: 528px;display:none;} /*display:none stops the image and text from flashing before cycle plugin runs*/

.sliderHolder .sliderText {	width: 355px;	position: absolute;	right: 60px;	top: 20px;}
.sliderHolder .sliderText h2 {	font-size: 70px;	line-height: 65px;	font-family: 'TheoremRegular';	padding: 20px 0 0 0; /*letter-spacing: -1px;*/ }
.sliderHolder .sliderText, .sliderHolder .sliderText p, .sliderHolder .sliderText a {font-size: 13px;	line-height: 20px; font-weight:bold;}
.sliderHolder .sliderText p {	width: 355px;	padding: 0 0 0 0;margin:-40px 0 0 0;}
.sliderHolder .sliderText a.more {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 12px 15px 0 0;
	float: left;
	clear: both;
	text-transform: uppercase;
}

.sliderHolder .sliderTextInner a.more span.cta-image { background: url('../../images/design/elem/sprite-concierge-arrow.png') no-repeat 0px 0px;height:12px;width:8px;margin:-19px 0 0 115px; display:block;}
.sliderHolder .sliderText a.more:hover { text-decoration: underline; }
.sliderHolder .sliderTextInner h2 { text-shadow: 2px 2px 0 #aaa; text-transform:lowercase; }
.sliderHolder .sliderTextInner p, .sliderHolder .sliderTextInner a { text-shadow: 1px 1px 0 #aaa; }
.sliderHolder .sliderTextInner.White p, .sliderHolder .sliderTextInner.White a { /* text-shadow: transparent; */ text-shadow: none; }
.sliderHolder .sliderTextInner.Brown p, .sliderHolder .sliderTextInner.Brown a { text-shadow: none; }
.sliderHolder .sliderText a.innerColor { background: url('../../images/design/elem/arrowBrown.png') no-repeat right 6px; }
.sliderHolder .slidetabs {clear: both;position: absolute;right: 15px;bottom: 19px;z-index:20;}

/* These colors map to the "Title Color" setting in the Call To Action Page Layout property */
.sliderHolder .sliderText.White, .sliderHolder .sliderText.White a.more{color:#ffffff;}
.sliderHolder .sliderText.White a.more span.cta-image { background: url('../../Images/design/elem/sprite-concierge-arrow.png') no-repeat 0px 0px;}
.sliderHolder .sliderText.Brown, .sliderHolder .sliderText.Brown a.more{color:#574319;}
.sliderHolder .sliderText.Brown a.more span.cta-image { background: url('../../Images/design/elem/sprite-concierge-arrow.png') no-repeat 0px -13px;}
.sliderHolder .sliderText.Yellow, .sliderHolder .sliderText.Yellow a.more{color:#ffd457;}
.sliderHolder .sliderText.Yellow a.more span.cta-image { background: url('../../Images/design/elem/sprite-concierge-arrow.png') no-repeat 0px -26px;}
.sliderHolder .sliderText.Blue, .sliderHolder .sliderText.Blue a.more{color:#5091cd;}
.sliderHolder .sliderText.Blue a.more span.cta-image { background: url('../../Images/design/elem/sprite-concierge-arrow.png') no-repeat 0px -39px;}
.sliderHolder .sliderText.Light.Tan, .sliderHolder .sliderText.Light.Tan a.more{color:#f7eed4;}
.sliderHolder .sliderText.Light.Tan a.more span.cta-image { background: url('../../Images/design/elem/sprite-concierge-arrow.png') no-repeat 0px -52px;}

.sliderHolder .slidetabs a {	background: url('../../Images/design/bg/bg-slidetabs.png') no-repeat left top;	width: 11px;	height: 11px;	display: block;	float: left;	margin: 0 0 0 4px;}
.sliderHolder .slidetabs a:hover, .sliderHolder .slidetabs a.current { background-position:0 -11px; }
.sliderHolder .forward, .sliderHolder .backward {display: block;
	width: 29px;
	height: 36px;
	position: absolute;
	top: 264px;
	text-indent: -9999px;
	z-index: 9999;
	cursor: pointer;
}

.sliderHolder .backward {	background: url('../../Images/design/elem/slider-left.png') no-repeat left top;	left: 0px;}
.sliderHolder .forward {	background: url('../../Images/design/elem/slider-right.png') no-repeat left top;	right: 0px;}
.sliderHolder .forward:hover, .sliderHolder .backward:hover { background-position: left bottom; }