/*-----------------------------------------
	 CONTENT PAGE
-------------------------------------------
	 1. BXSLIDER NEWSFEED NAV (Newsfeed)
	 2. BXSLIDER PAGER
	 3. BXSLIDER ("Banner") HEADER & CAPTIONS
	 4. BXSLIDER BTNS (Carousel1 & 1-2)
	
	 Carousel1 & 1-2 is bottom "allies" buttons
	 Carousel2 is Newsfeed bar
 -----------------------------------------*/

.bx-wrapper .bx-controls-direction a {	
	/* Next & Prev Button at the highest */
	z-index: 5;
}

/*----------------------------------------------------------------------
 	1. BXSLIDER NEWSFEED NAV (Newsfeed)
 ----------------------------------------------------------------------*/
#carousel1 {
	margin: 0 auto;
}

#carousel2 {
	white-space: nowrap;
}

#carousel2 li, .carousel2sib {
	background-image: url('../images/newsfeed_bg.jpg');
	background-position: center;
	height: 40px;
	padding: 13px;
	text-align: center;
}

.carousel2 .bx-wrapper .bx-next {
	/* Button Next */
	right: -7px;
	background: url("../images/arrow_right.png") no-repeat 0px -8px !important;
	height: 100%;
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	transition: 0.3s;
}

.carousel2 .bx-wrapper .bx-prev {
	/* Button Previous */
	left: -7px;
	background: url("../images/arrow_left.png") no-repeat 0px -8px !important;
	height: 100%;
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	transition: 0.3s;
}

.carousel2sib {
	color: #0C4C83;
	font-weight: bold;
	border-left: 0px;
}

.carousel2 {
	overflow: hidden;
}

#carousel2 li a {
	margin-top: 40px !important;
	color: #000;
	font-weight: bold;
}

#carousel2 li a:hover {
	text-decoration: none;
	color: #666;
}


/*----------------------------------------------------------------------
 	2. BXSLIDER PAGER
 ----------------------------------------------------------------------*/
.bx-wrapper .bx-pager.bx-default-pager a {
	-moz-box-shadow: inset 1px 0 2px #595959;
	-webkit-box-shadow: inset 1px 0 2px #595959;
	box-shadow: inset 1px 0 2px #595959;
	background: #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a:active {
	-moz-box-shadow: inset 1px 0 2px #595959;
	-webkit-box-shadow: inset 1px 0 2px #595959;
	box-shadow: inset 1px 0 2px #595959;
	background: #ec9300;
}

.bx-wrapper .bx-default-pager.bx-pager a {
    /* For IE */
	background-color: #666 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a:active {
	background-color: #ec9300 !important;
}


/*----------------------------------------------------------------------
 	3. BXSLIDER ("Banner") HEADER & CAPTIONS
 ----------------------------------------------------------------------
#headerslider img{
	width: 100%;
}

#headerslider-captions {
	margin-top: -25px;
}

#headerslider-captions > .caption {
	min-height: 50px;
	overflow: hidden;
}

.caption-header {
	min-height: 45px;
}

#headerslider-captions > .caption-header a, 
#headerslider-captions > .caption-header a:hover {
	font-size: 16px;
	font-weight: bold;
	color: #003663;
	text-decoration: none;
}

#headerslider-captions > .caption-header a:hover {
	color: #002040;
}
*/

/*----------------------------------------------------------------------
 	4. BXSLIDER BTNS (Carousel1 & 1-2)
 ----------------------------------------------------------------------*/
.carousel1 {
	width: 87%;
	margin: auto;
}

.carousel1 .bx-wrapper .bx-next {
	right: -45px;
	background: url("../images/arrow_right2.png") no-repeat 0px 0px !important;
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	transition: 0.3s;
}

.carousel1 .bx-wrapper .bx-prev {
	left: -35px;
	background: url("../images/arrow_left2.png") no-repeat 0px 0px !important;
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	transition: 0.3s;
}

.carousel1-2 {
	width: 100%;
	margin: auto;
}

.carousel1-2 .bx-wrapper .bx-next {
	right: -40px;
	background: url("../images/arrow_right2.png") no-repeat 0px 0px !important;
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	transition: 0.3s;
}

.carousel1-2 .bx-wrapper .bx-prev {
	left: -30px;
	background: url("../images/arrow_left2.png") no-repeat 0px 0px !important;
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	transition: 0.3s;
}