/* Carousel Styling */
.NAFPImgPadding { padding:0px }
@media only screen and (max-width: 767px) {
.NAFPImgPadding {padding:0px 10px}
}

#carousel-leftcolumn { width:440px; }
#carousel-rightcolumn { width:258px; }
#theCarousel .carousel-inner { height: 267px; max-width: 450px !important;  }
#theCarousel .carousel-slide { height: 267px; }
#theCarousel .carousel-caption{ max-width: 450px; }
#theCarousel .carrousel-thumb { height: 66px;}

#theCarousel { margin:0px; display:table; width:100%;}
#carousel-row{ display:table-row; width:100%; }
#carousel-leftcolumn {display:table-cell; padding-left:0px;padding-right:0px; padding-bottom:0px; vertical-align: top;}
#carousel-rightcolumn {display:table-cell; vertical-align: top; padding-left:0px;padding-right:3px; padding-bottom:0px;}
.carousel-inner {/* max-width:100%;*/ margin-left:3px}

.carousel-slide { background-repeat: no-repeat; background-position: left top;}
.carousel-caption{ position: absolute; bottom: 0px; left: 0px; z-index: 2; background-color: #111; opacity: 0.85; right: 0px; padding: 5px; }
.carousel-caption p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; color:#FFFFFF; display: block; line-height:16px;margin:5px;}

/*removing conflict between old and new carousel styles*/
.CaptionText { background:none; }

#carrouselHeadlines { background-color:#f0f0f0;}
#carrouselHeadlines tr.headline { background-color:transparent;}
#carrouselHeadlines tr.headlineActive{ transition:background-color 1s linear; background-color:#00476f;}
#carrouselHeadlines tr.headline:hover { background-color:#f4f4f4;cursor: pointer;}
#carrouselHeadlines tr.headline td { height:66px; padding:0px 2px 3px 2px; border-top:0px; font-family: arial, verdana; font-style: normal; font-size: 9pt; }
#carrouselHeadlines tr.headlineActive td { height:66px;  padding:0px 2px 3px 2px; border-top:0px; font-family: arial, verdana; font-style: normal; font-size: 9pt; }
#carrouselHeadlines tr.headline div.carrousel-text { text-align:left; color: #4A4849; }
#carrouselHeadlines tr.headlineActive div.carrousel-text { text-align:left; color:#fff;}
#carrouselHeadlines tr.headline div.carrousel-type { text-transform: uppercase; padding:0px; font-size: 11px; font-weight: bold; color: #3366CC; margin:0px;}
#carrouselHeadlines tr.headlineActive div.carrousel-type { text-transform: uppercase; padding:0px; font-size: 11px; font-weight: bold; color: #ccc; margin:0px;}


.carrousel-thumb { width:100%; background-position: center; background-repeat: no-repeat; margin: 0px;}

.carrousel-text { font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#000;margin:3px 0;padding:0;font-weight:light;}


.carousel-indicators { bottom: 2px; }
.carousel-indicators li , .carousel-indicators  li.active  { width: 25px; }

@media only screen and (max-width: 1200px){
#carrouselHeadlines tr.headline td { padding-right: 0px }
}

/*
@media only screen and (max-width: 992px){
#carrouselHeadlines tr.headline td {height:80px;}
}
*/

@media only screen and (max-width: 767px){
/*the shift of 50 should matche JS var captionShift = only for responsive website*/
/*.carousel-caption { width: 100%; padding: 5px 10px 20px 5px; bottom:-50px; }*/
.carousel-caption p{ font-size: 12px; }
.container{ padding-right: 5px; padding-left: 3px; }
}

/**adjusting bootstrap styling because site not responsive for tablets **/
@media screen and (min-width: 768px){
	.container { width: 100%; padding-left:0px; padding-right:0px;}
}

/* End of Carousel Styling */