/* 
	Resets defualt browser settings
	reset.css
*/

/*
	Slideshow
*/

#dcss1_container img, #dcss1_container li, #dcss1_container ul, #dcss2_container img, #dcss2_container li, #dcss2_container ul {
    border: 0 none;
    margin: 0;
    padding: 0;
}

#dcss1_container,
#dcss2_container {
	width:938px;
	height:325px;
	z-index:0;
}

#dcss1_container #slides,
#dcss2_container #slides {
	/* z-index:100; */
	position:relative;
}

#dcss1_container .slides-container,
#dcss2_container .slides-container {
	width:938px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

#dcss1_container .slides-container div.slide,
#dcss2_container .slides-container div.slide {
	width:938px;
	height:325px;
	display:block;
	z-index:0 !important;
}

/*
	Next/prev buttons
*/

#dcss1_container #slides .next,#dcss1_container #slides .prev {
	display:none;
}

#dcss2_container #slides .next,#dcss2_container #slides .prev {
	position:absolute;
	top:127px;
	width:59px;/* New Slider changes*/
	height:65px;/* New Slider changes*/
	display:block;
	z-index:101;
}

#dcss2_container #slides .next {
	left:880px; /* New Slider changes*/
}
/*
	Pagination
*/

#dcss1_container .view-content {
	width: 324px;
	position: absolute;
	top: 265px;
	left: 615px;
	height: 35px;
	text-align: center;
}

#dcss1_container .pagination {
	height:35px;
	/* width:233px; New Slider changes*/
/*	position:absolute;
	top:265px;
	right:0px;
	width: 324px; */
	z-index:0;
	padding:0;
/*	background-color: #18496D; /* New Slider changes*/
	border: 1px solid #24618c;/* New Slider changes*/
	display: inline-block;
}

#dcss2_container .pagination {
	height:35px;
	/* width:203px; New Slider changes*/
	position:absolute;
	top:273px;
	left:728px;
	z-index:102;
	background-color: #18496D; /* New Slider changes*/
	border: 1px solid #24618c;/* New Slider changes*/
}

#dcss1_container .pagination li,
#dcss2_container .pagination li {
	float:left;
	margin:0px;/* New Slider changes*/
	list-style:none;
	position:relative;
	font-size:12px;
	background-color:#18496d;/* New Slider changes*/
	padding:0px 4px;
}

#dcss1_container .pagination li.current{
	background-color:#24618C;/* New Slider changes*/
}

#dcss2_container .pagination li.current{
	background-color:#24618C;/* New Slider changes*/
}

#dcss1_container .pagination li a,
#dcss2_container .pagination li a {
	display:block;
	margin-top:9px;
	margin-bottom:8px;/* New Slider changes*/
	background:#18496d;
	color:#7a9fb8;
	float:left;
	overflow:hidden;
	font-size:16px; /* New Slider changes*/
	text-decoration:none;
	padding:3px 5px;
	font-weight:bold;
	-webkit-font-smoothing: subpixel-antialiased;
	line-height: 12px;
}

#dcss1_container .pagination li.current a,
#dcss2_container .pagination li.current a {
	background:#24618c;
	color:#e7f3fb;
}

#dcss1_container .pagination li a .paginationBubble,
#dcss2_container .pagination li a .paginationBubble {
	display:none;
	font-size:10px;
	position:absolute;
	z-index:104;
	height:91px;
	width:113px;
	background:url(../img/slider_preview_bubble_bg.png) no-repeat;
	color:#3d3f41;
	left:-50px;
	bottom:35px; /* New Slider changes*/
	padding:6px;
	text-align:center;
}

#dcss1_container .pagination li a:hover .paginationBubble,
#dcss2_container .pagination li a:hover .paginationBubble {
	display:block;
}

/*
	Caption
*/

#dcss1_container .caption,
#dcss2_container .caption {
	z-index:0;
	position:absolute;
	left:614px;
	bottom:0;
	height:325px;
	background-image:url(../img/slider_opt1_description_bg.jpg);
	width:324px;
	line-height:1.33;
	color:#fff;
	text-shadow:none;
}

#dcss2_container .caption {
	left:0;
	bottom:0;
	height:72px;
	background:url(../img/slider_opt2_description_bg.png) no-repeat;
	width:938px;
}

#dcss1_container .caption .descTitle,
#dcss2_container .caption .descTitle {
	font-size: 18px;
	padding:6px 14px 6px 14px;
	font-weight:200;
	height:50px;
}

#dcss1_container .caption .descTitle{
	background:url(../img/blueTitleBg.jpg) repeat-x;/* New Slider changes*/
	padding:20px 16px 6px 16px;/* New Slider changes*/
	margin: 8px 5px 5px 5px;/* New Slider changes*/


}

#dcss1_container .caption .descTitle a,
#dcss2_container .caption .descTitle a,
#dcss1_container .caption .descTitle a:hover,
#dcss2_container .caption .descTitle a:hover {
	color:#fff;
	text-decoration:none;
}

#dcss2_container .caption .descTitle {
	padding:6px 6px 2px 6px;
	width:680px;
	height:auto;
}

#dcss1_container .caption .descBody {
	padding:0px 18px 0px 18px; /* New Slider changes*/
}

#dcss2_container .caption .descBody {
	padding:0px 6px 0px 6px;
	width:560px;/* New Slider changes*/
}

#dcss2_container .caption .descBody p {
	padding:0;
	margin:0;
}

#dcss2_container .caption .descBody .learnMoreR2 {/* New Slider changes*/
	position:absolute;
	left:575px;
	top:24px;
}
#dcss1_container .caption .learnMoreR1 {/* New Slider changes*/
	position:absolute;
	left:110px;
	top:225px;
	z-index:100px;
}