/* ---------------------------------------------------
CVS: $ $
Title: slider.css
Copyright: (c) 2008
Author: Phil Renaud
Company: Rhino Internet
Description: Slider styles for BDN Aerospace Marketing
--------------------------------------------------- */

/* ---------------------------------------------------
=Slider
--------------------------------------------------- */

#carousel.prejs {
   height: auto !important;
   float: left;
   clear: both;
   }

#carousel.prejs div.csw {
   height: auto !important;
   overflow: hidden;
   background-color: transparent;
   }

#carousel.prejs div.csw .panel {
position: relative;
}

#carousel.prejs div.csw .panel div {
background-repeat: no-repeat;
}

.company #carousel.prejs div.csw .panel div p {

}

#carousel.prejs div.csw a.contactlink {
left: 360px;
}

#carousel.prejs div.csw li.panel {
width: 100%;
margin: 0px;
border-bottom: 1px solid #999;
padding-top: 10px;
   }

#carousel.prejs {
}


#carousel.prejs .stripNav ul li {
   width: 537px;
   clear: both;
   }

#carousel.prejs .stripNav {
   height: 165px !important;
   }

#carousel noscript { display: none; }

#carousel.prejs noscript {
   background-color: #ffc;
   color: #c00;
   display: block;
   padding: 10px;
   }

noscript ol li {
   margin-top: 15px;
   margin-left: 15px;
   list-style-type: disc;
   }


/* =Inherited */
.stripViewer .panelContainer .panel ul {
   text-align: left;
   margin: 0 15px 0 30px;
   }

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
   position: relative;
   width: 101%;
   }

/* These 2 lines specify style applied while slider is loading */
.csw {
   width: 100%;
   height: 460px;
   background: #fff;
   overflow: scroll;
   }

.csw .loading {
   margin: 200px 0 300px 0;
   text-align: center;
   }

.stripViewer { /* This is the viewing window */
   position: relative;
/* Turn to "hidden" to go to scrolling slider */   overflow: visible; 
   margin: auto;
   width: 100%; /* Also specified in  .stripViewer .panelContainer .panel  below */
   clear: both;
   top: -30px;
   }

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
   position: relative;
   left: 0; top: 0;
   width: 100%;
   float: left;
   list-style-type: none;
   /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
   }

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
   float:left;
/* Turn to "relative" to go to scrolling slider */   position: absolute;
   margin-left: 0;
   padding-left: 0;
   width: 20%; /* Also specified in  .stripViewer  above */
   margin: 0px;
   margin-bottom: 2px;
   margin-right: 10px;
   top: 0px !important;
   left: 0px !important;
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
   background: transparent no-repeat 0% 0%;
   width: 100%;
   }

body.company .stripViewer .panelContainer .panel .wrapper,
body.company .stripViewer .panelContainer .panel,
body.company .stripViewer {
   }

body.company .stripViewer .panelContainer .panel .wrapper {
   }

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
   margin: auto;
   overflow: hidden;
   width: auto !important;
   z-index: 1000;
   float: left;
   xdisplay: none !important;
   }

.stripNav ul { /* The auto-generated set of links */
   list-style: none;
   width: auto;
   float: left;
   padding-left: 12px;
   }

.stripNav ul li {
   list-style-type: none !important;
   padding-left: 0 !important;
   }

.stripNav ul li {
   float: left;
   margin-right: 5px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
   padding-right: 0px;
   margin: 0px;
   }

.stripNav a { /* The nav links */
   text-align: center;
   color: #0d003d;
   text-decoration: none;
   display: block;
   padding: 0px;
   font-size: 100%;
   text-transform: uppercase;
   float: left;
   padding-left: 0px !important;
   line-height: 100%;
   margin: 0px;
   padding: 9px;
   }

.stripNav li a.current {
   color: #000 !important;
   font-weight: bold !important;
   }

.panel .wrapper a.cross-link {
   position: absolute;
   right: 0px;
   bottom: 0px;
   height: 75px;
   background-color: #fff;
   width: 70px;
   text-indent: -9999px;
   background: transparent url(../../../../../../../images/carouselnext.png) top left no-repeat;
   cursor: pointer;
   }

.panel .wrapper p span {
   display: none;
   color: #06c;
   text-transform: uppercase;
   font-size: 150%;
   margin-bottom: -10px;
   }

div.stripNavL, div.stripNavR {
   z-index: 1;
   float: left;
   width: auto !important;
   }

div.stripNavL a, div.stripNavR a {
   padding: 8px !important;
   color: #906 !important;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 105%;
   display: block;
   }

div.navvy {
   float: left;
   height: 30px;
   position: relative;
   top: 134px;
   border-top: 1px solid #888;
   z-index: 1;
   width: 100%;
   }

/* ---------------------------------------------------
=Headline Carousel
Styling and Aesthetic for WRDP's rotating headline
module.
--------------------------------------------------- */

div#carousel {
   height: 164px;
   width: 100%;
   overflow: hidden;
   color: #000;
   }

div#carousel h2 {
   text-transform: capitalize;
   font-size: 220%;
   margin-bottom: 0em;
   width: 100%;
   height: 132px;
   }

/*\*/
* html  div#carousel h2 a {
   background-repeat: no-repeat;
   }
/**/


 div#carousel div.headlinenav {
   width: 10% !important;
   float: left;
   clear: both !important;
   }

 #content div#carousel ul.carouselnav {
   width: auto !important;
   float: right;
   }

 div#carousel h2 a {
   color: #fff;
   font-weight: normal;
   padding-right: 20px;
   display: block;
   background: transparent url(../../../../../../../wrdp/headlinebg.png) top left repeat;
   padding-left: 100px;
   padding-bottom: 5px;
   cursor: pointer;
   }

 div#carousel h2 a span {
   text-transform: uppercase;
   font-size: 50%;
   margin-top: 0em;
   clear: both;
   display: block;
   position: static !important;
   }

 div#carousel h3 a {
   color: #fff;
   font-weight: normal;
   }

 div#carousel ul {
   float: left;
   line-height: 30px;
   margin: 0 10px 0 0;
   }

 div#carousel ul li {
   float: left;
   list-style-type: none !important;
   }

 div#carousel ul li a {
   color: #906;
   }

 div#carousel ul li h5 a {
   color: #990066;
   background-color: #fff !important;
   }

 div#carousel ul li p {
   background-color: #fff !important;
   }

 div#carousel ul li.prev a {
   padding-left: 10px;
   background: transparent url(../../../../../../../wrdp/carousellaquo.png) 0% 50% no-repeat;
   }

 div#carousel ul li.next a {
   padding-right: 10px;
   background: transparent url(../../../../../../../wrdp/carouselraquo.png) 100% 50% no-repeat;
   }

 span.prev,  span.next {
   color: #fff;
   cursor: pointer;
   }

.feat div {
width: 100%;
}