/* ---------------------------------------------------
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;
   }

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

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

.company #carousel.prejs div.csw .panel div p {
left: -400px;
   }

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

#carousel.prejs div.csw div.panel {
   height: 500px;
   }

#carousel.prejs {
width: 537px;
   }

#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;
   overflow: hidden; 
   margin: auto;
   width: 100%; /* Also specified in  .stripViewer .panelContainer .panel  below */
   clear: both;
   background: #fff;
   border-bottom: 30px solid #005295;
   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: 20000px;
   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;
   position: relative;
   margin-left: 0;
   padding-left: 0;
   width: 20%; /* Also specified in  .stripViewer  above */
   margin: 0px;
   margin-bottom: 2px;
   }

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

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;
   }

.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;
   opacity: 1 !important;
   }

body.company .panel .wrapper p {
   top: 0px;
   font-size: 100%;
   width: 230px;
   left: 140px;
   position: relative;
   top: 50px;
   }

.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;
   }

div.stripNavL a, div.stripNavR a {
   padding: 8px !important;
   color: #fff !important;
   display: block;
   }

div.navvy {
   float: right;
   height: 30px;
   position: relative;
   top: 134px;
   z-index: 1;
   padding-right: 20px;
   }

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

.wrdp div#carousel {
   height: 164px;
   width: 100%;
   overflow: hidden;
   }

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

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


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

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

.wrdp 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;
   }

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

.wrdp div#carousel a:hover {
   color: #fff !important;
   }


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

.wrdp div#carousel ul li a {
   color: #fff;
   }