/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   @import url('../css/normalize.css');
   @import url('../css/bootstrap.css');

   html,
   button,
   input,
   select,
   textarea {
    color: #222;
  }

  body {
    font-size: 1em;
    line-height: 1.4;
  }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

 ::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

 hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

 img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

 fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

 textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

   .chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
  }

/* =============================================================================
   FDP Resets
   ============================================================================= */

   .content_image_box {
    border-color: transparent;
    border-width: 0;
    background-image: none;
    background-color: transparent;
    width: auto;
  }

  .oldie .content_image_box {
    display:inline;
  }

/* =============================================================================
   Structure
   ============================================================================= */
   html { overflow-x: hidden; }

   body {
    margin: 0;
    padding: 0;
    background: url('../graphics/layout/bg_body.gif') center top repeat-x;
  }

  a:link, a:visited {  color: #00aced; }
  a:hover, a:active {  color: #173c64; }

  .group {
    margin: 0 auto;
    padding: 0;
    width: 960px;
    position: relative;
  }
  .group:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
 }

 .clear { clear:both; height: 0; }

 .wrap { width: 960px; margin: 0 auto; }

 /* Helper Classes */

 .left { float: left; }
 .right { float: right; }
 .clear {clear: both; }

 .block li { display: block; }
 .inline li { display: inline; }
 .inline-block li { display: inline-block; }

 .helper_block { display: block; }
 li.helper_inline { display: inline; }
 .helpder_iblock { display: inline-block; }

 .testing {display: none;}


/* =============================================================================
   Typography                                                                 
   ============================================================================= */

   body {
    font-family: "HelveticaNeue","Helvetica", "Arial Narrow", "Arial", sans-serif;
    font-size: 14px;
    color: #4d4d4f;
  }

  button, input, select, textarea {
    font-family: 'Helvetica', 'Arial', sans-serif;
  }

/* =============================================================================
   Header
   ============================================================================= */

   header {
    background: url('../graphics/layout/bg_header.png') left top no-repeat;
    position: relative;
    padding-top: 95px;
    width: 960px;
    margin: 0 auto;
    z-index: 9999;
    padding-left: 42px;
  }

  header #logo {
    background: url('../graphics/layout/bg_logo.png') no-repeat top left;
    height: 136px;
    width: 133px;
    position: absolute;
    top: 0;
    left: 29px;
    padding: 54px 0 0 26px;
  }

  header #logo img {
    height: auto;
    width: auto;
    background: none; 
    padding: 0;
    position: relative;
    left: 0; 
  }

/* =============================================================================
   QuickLinks
   ============================================================================= */

   #quicklinks {
    position: absolute;
    top: 3px;
    left: 192px;
    width: 800px;
  }

  #quicklinks ul {
    margin: 0;
    padding: 0 0 0 25px;
    float: left;
  }

  #quicklinks ul li {
    display: inline-block;
  }

  #quicklinks ul li {
    text-align: center;
    padding: 0 46px 0 0;
  }

  #quicklinks ul li.last { padding: 0; }

  #quicklinks a {
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, .5);
    moz-text-shadow: 1px 1px 0px rgba(255, 255, 255, .5);
    -webkit-text-shadow: 1px 1px 0px rgba(255, 255, 255, .5);
    font-size: 14px;
    font-family: "Arial Narrow", Arial, sans-serif;
  }
  #quicklinks a:link, #quicklinks a:visited {
    color: #142d51;
  }
  #quicklinks a:hover, #quicklinks a:active {}

  #quicklinks .collection_item_description { display: none; }

  #quicklinks .content_image img { margin: 0 5px; }


  #quicklinks div.donate {
    background: url('../graphics/layout/bg_donate.png') no-repeat bottom left;
    height: 78px;
    width: 231px;
    position: absolute;
    bottom: -15px;
    right: -5px;
  }

  #quicklinks div.donate a {
    position: absolute;
    top: 44px;
    left: 66px;
    font-weight: 800;
  }


/* =============================================================================
   Navigation
   ============================================================================= */

   nav {
    z-index: 9001;
    background: url('../graphics/layout/bg_nav.png') no-repeat top left;
    width: 1006px;
    height: 75px;
    margin-left: -46px;
  }

  nav ul { padding: 0 0 0 211px; margin: 0; height: 57px; }

  nav ul li {
    display: inline-block;
    position: relative;
    padding: 0px 9px;
    text-shadow: 0px 1px #555;
    border-left: solid 1px #F5545A;
    border-right: solid 1px #C42026;
  }

  nav ul li.first {
   border-left: none;
   border-top: none; 
   margin-right: 0px;
 }

 nav ul li.last {
   border-right: none;
 }

 nav ul li.here, nav ul li:hover {
   background: transparent url('../graphics/layout/nav_hover_bg.jpg') repeat-x;
 }

 nav ul li a, nav ul li a:link, nav ul li a:visited {
  font-family: "Georgia", serif;
  font-size: 16px;
  color: #fff;
  display: block;
  line-height: 57px;
  height: 57px;
  text-decoration: none;
}

nav ul li a:hover, nav ul li a:active {}

nav ul li ul {
 visibility: hidden;
 position: absolute;
 background: url('../graphics/layout/nav_ul_drop.jpg') repeat-x top left #213147;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 -moz-border-bottom-left-radius: 5px;
 -moz-border-bottom-right-radius: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 width: 200px;
 z-index: 99999 !important;
 left: 0;
 height: auto;
 padding: 0 0 5px 0;
}

nav ul li ul li {
  border: none;
  font-size: 9px;
  display: block;
  width: 165px;
  text-align: left;
  height: 24px;
  border-bottom: solid 1px #0E1520;
  border-top: solid 1px #2D456A;
  margin-left: 14px;
  padding-bottom: 5px;
  padding-left: 0; 
  position: relative;
}

nav ul li ul li.first { margin-top: 14px; }
nav ul li ul li.last { margin-left: 14px; border-bottom: none; }

nav ul li.first:hover, nav ul li.last:hover, nav ul li ul li:hover {
  background: transparent;
}

nav ul li ul li a:link, nav ul li ul li a:visited {
 color: #bcbcbc;
 font-family: "Helvetica", Arial, sans-serif;
 width: 190px;
 text-transform: none;
 font-size: 11px;
 height: 35px;
 line-height: 32px;
}

nav ul li ul li a:hover, nav ul li ul li a:active {
 color: #fff;
}

nav ul li ul li.drop {
  background: transparent url('../graphics/layout/nav_arrow.png') no-repeat 162px 9px;
}

nav ul li ul li.drop:hover {
  background: transparent url('../graphics/layout/nav_arrow_hover.png') no-repeat 162px 9px;
}

nav ul li ul li ul {
  left: 186px;
  top: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  background: #1a2638;
}

nav ul li ul li ul li.first { margin-top: 0px; }

/* =============================================================================
   Spotlight
   ============================================================================= */

   #spotlight {
    height: 615px;
    margin: -57px auto 0;
    width: 100%;
    position: relative;
  }

  #spotlight ul { 
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100% !important;
    height: 624px;
    background: url('../graphics/layout/spotlight_shadow.png') no-repeat bottom center;
  }

  #spotlight li {
    height: 615px !important;
    width: 100% !important;
  }

  #spotlight .one { background: url('../graphics/spotlight.jpg') no-repeat top center; }
  #spotlight .two { background: url('../graphics/spotlight2.jpg') no-repeat top center; }
  #spotlight .three { background: url('../graphics/spotlight3.jpg') no-repeat top center; }

  #spotlight .image1 { background: url('../graphics/spotlight.jpg') no-repeat top center; }
  #spotlight .image2 { background: url('../graphics/spotlight2.jpg') no-repeat top center; }
  #spotlight .image3 { background: url('../graphics/spotlight3.jpg') no-repeat top center; }


/* =============================================================================
   Content
   ============================================================================= */

   #main { 
    margin-top: -202px;
    z-index: 9999 !important;
    position: relative;
  }   

  #main .wrap { 
    background: url('../graphics/layout/content_boxes.png') no-repeat top center;
    width: 980px;
    padding-left: 20px;
  }

  #main h4 {
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 4px;
    text-shadow: 1px 1px 1px black;
  }

/*
---- Events
*/

#events {
  padding: 33px 14px 20px 24px;
  width: 287px;
  height: 254px;
  overflow: hidden;
  float: left;
  position: relative;
  font-size: 12px;
  color: #B3D4FC;
}

#events .news_articles a:link, #events .news_articles a:visited { 
  color: #FEFEFE;
  font-weight: bold;
  font-size: 16px;
  text-transform: capitalize;
  text-decoration: none;
}

#events ul { margin: 0; padding: 0; list-style: none; }

#events .prev, #events .next { 
  position: absolute; 
  display: block; 
  height: 28px; 
  width: 33px; 
  bottom: 20px; 
  font-size: 0;
  line-height: 0;
}

#events .prev { background: url('../graphics/layout/prev.png') no-repeat top left; left: 25px; }

#events .next { background: url('../graphics/layout/next.png') no-repeat top left; left: 65px; }

#events .collection_item_label, #events .collection_item_label a {
  color: #FEFEFE;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  text-transform: capitalize;
}

#events .collection_item_description {
  color: #A0CDFE;
  font-size: 12px;
  font-style: normal;
  width: 290px;
  line-height: 17px;
}

#events .collection_item_description p { margin-top: 0; }

#events .collection_item_description a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

#events a.calendar {
  color: #A0CDFE;
  font-size: 12px;
  background: url('../graphics/layout/bg_cal.gif') top right no-repeat;
  height: 32px;
  line-height: 40px;
  padding-right: 40px;
  display: block;
  float: right;
  position: absolute;
  bottom: 20px;
  right: 18px;
}

li.fdpc_wizard_step.incomplete.last {
 margin-right: 0;
}

.fdpc_wizard_step {
 margin: 0 18px 0 0;
}

.fdpc_calendar_event_ticket {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: reverse;
 -webkit-flex-direction: row-reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
 position: relative;
}

.fdpc_calendar_event_ticket_title label {
 position: absolute;
 left: 0px;
}


/*
---- Featured
*/

#featured {
  padding: 15px 18px 15px 15px;
  width: 288px;
  height: 288px;
  overflow: hidden;
  float: left;
}

#featured ul { margin: 0; padding: 0; list-style: none; }

#featured ul li+li { display: none; }

#featured .content_image_box { background: #fedc7e; }

#featured .collection_item_label, #featured .collection_item_label a {
  color: #65500F;
  font-size: 16px;
  margin-top: 12px;
  text-decoration: none;
}

#featured .collection_item_description {
  font-style: normal;
  color: #886503;
  font-size: 12px;
  line-height: 19px;
}

#featured .collection_item_description p { margin: 0; }

#featured .collection_item_description a {
  color: #65500f;
  font-weight: bold;

}

/*
---- Hours
*/

#hours {
  padding: 34px 0 20px 0px;
  width: 314px;
  height: 250px;
  overflow: hidden;
  float: left;
  text-align: center;
}

#hours table.content_data_table {
  width: 90%;
  font-size: 12px;
  border: none;
  margin: 0 auto 10px;
  font-weight: bold;
  color: #39600e;
}

#hours table.content_data_table th, #hours table.content_data_table td {
  border-bottom: none;
  padding: 1px 0;
}

#hours td.column1 { color: #39600e; text-align: right; }

#hours td.column2 { color: #fff; padding-left: 30px !important;  }

#hours tr.row_odd { background: transparent; }

#hours tr.row_even { background: #81bc36; }

#hours a {
  color: #0067FE;
  font-size: 12px;
  text-decoration: none;
  background: url('../graphics/layout/blue_arrow.gif') no-repeat right center;
  padding-right: 15px;
}

#hours hr {
  height: 2px;
  border-top: 2px groove #A1E050;
  width: 90%;
  margin-left: 15px;
  margin-bottom: 5px;
}

#hours ul { margin: 0; padding: 0; list-style: 0; }

#hours ul li { display: inline-block; width: 70px; }

#hours .collection_item_label {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}

#hours .collection_item_description {
  color: #39600e;
  font-size: 21px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  text-shadow: 1px 1px 1px #AAF755;
  -moz-text-shadow: 1px 1px 1px #AAF755;
  -webkit-text-shadow: 1px 1px 1px #AAF755;
}

#hours .collection_item_description p { margin: 0; }

/*
--- Content 
*/

#content {
  padding-left: 10px;
  width: 596px;
  margin-top: 40px;
}

#content ul { padding: 0; margin: 0; background: url('../graphics/layout/bg_quote.png') no-repeat 226px top;}

#content ul li .content_image_box {
  float: left; 
  border: 1px solid #e8e8e8;
  margin-top: 15px;
}

#content .collection_item_label {
  padding-left: 244px;
  padding-top: 10px;
  font-family: "Georgia", serif;
  font-size: 16px;
  color: #222f46;
  font-style: italic;
  line-height: 24px;
  font-weight: normal;
}

#content .collection_item_description {
  padding-left: 244px;
  font-family: "Georgia", sans-serif;
  font-size: 16px;
  color: #222f46;
  font-style: italic;
  line-height: 24px;
  font-weight: normal;
}


/*
--- Email Signup 
*/

#email { 
  background: url('../graphics/layout/mailbox.jpg') no-repeat right 20px;
  min-height: 200px;
  width: 305px;
  padding-top: 48px;
  margin-right: -48px;
  padding-right: 48px;
}

#email h4 {
  color: #71BD20;
  text-shadow: none;
  font-size: 21px;
  text-transform: capitalize;
  text-align: left;
}

#email .e2ma_signup_form_label {
  color: #222F46;
  font-style: italic;
  font-size: 12px;
  font-family: "Georgia", serif;
  margin-bottom: 5px;
}

#email .e2ma_signup_form_element { clear: both; }

#email .e2ma_signup_form_element input, #email INPUT.textbox {
  background: #F2F2F2;
  border-radius: 0;
  border-right: none;
  border-bottom: none;
  width: 186px;
}

#email .e2ma_signup_form_row {
  margin-bottom: 0px;
}

#email #e2ma_signup_reset_button { display: none; }

#email #e2ma_signup_submit_button, #email INPUT.submit {
  background: url('../graphics/layout/submit_btn.jpg') no-repeat top left;
  height: 40px;
  width: 196px;
  font-size: 0;
  line-height: 0;
  border: none;
}

#main #logo { text-align: center; }

/* =============================================================================
   Footer
   ============================================================================= */
   
   footer {
    border-top: 3px solid #86C641;
    background: #222F46;
    margin-top: 50px;
    height: 100%;
    min-height: 200px; 
  }

  #tagline {
    background: url('../graphics/layout/bg_tagline.png') no-repeat top left;
    height: 73px;
    width: 525px;
    margin: -50px auto 0;
    text-align: center;
    padding-top: 20px;
    color: #222F46;
    font-family: 'georgia', serif;
    font-size: 14px;
    font-style: italic;
    overflow: hidden;
  }

  #contactinfo {
    color: white;
    font-size: 12px;
    text-align: center;
  }

  #contactinfo a { color: #00aced; }

  #contactinfo .locations_website_title,
  #contactinfo .location_phone2,
  #contactinfo .location_phone_label,
  #contactinfo .location_info { display:none; }

  #contactinfo .location_addresses,
  #contactinfo .location_address1,
  #contactinfo .location_address2,
  #contactinfo .location_address3,
  #contactinfo .location_phones,
  #contactinfo .location_email { display: inline-block; }

  #contactinfo .location_address1,
  #contactinfo .location_address2,
  #contactinfo .location_address3,
  #contactinfo .location_phone_number {padding-right: 3px; }

  #contactinfo .location_address2::before,
  #contactinfo .location_address3::before,
  #contactinfo .location_phone_number::before,
  #contactinfo .location_email_link::before {
    content: url('../graphics/layout/contact_bullet.gif');
    padding: 0 5px 0 0;
  }

  div.locations div.locations_website_title, div.locations div.locations_additional, div.locations div.location {
    padding-bottom: 0; 
  }

  .social_media {
    text-align: center;
    width: 100%;
  }

  .social_media ul { list-style: none; padding: 0; margin: none; }
  .social_media ul li { display: inline-block; }

  .social_media .collection_item_label, 
  .social_media .collection_item_description { display: none; }

  .social_media ul li.first:hover, .social_media ul li+li+li:hover { 
    transform:rotate(5deg); 
    -moz-transform:rotate(5deg);
    -webkit-transform:rotate(5deg); 
    -o-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
  }

  .social_media ul li+li:hover, .social_media ul li+li+li+li:hover { 
    transform:rotate(-5deg); 
    -moz-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg); 
    -o-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
  }

/* =============================================================================
   Internal
   ============================================================================= */

   body.internal {
    background: url('../graphics/layout/bg_body_int.gif') center top no-repeat;
  }

  .internal header { height: 188px; }

  .internal #main {
    margin-top: 0;
    z-index: 0 !important;
    width: 960px;
    padding-left: 0; 
    margin: 0 auto;
  }
  .internal #main .wrap { background: none; width: 941px; }

  #sectiontitle {
    text-align: center;
    font-size: 62px;
    line-height: 60px;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 4px #444;
    -moz-text-shadow: 1px 1px 4px #444;
    -webkit-text-shadow: 1px 1px 4px #444;
    width: 960px;
    margin-left: -20px;
  }

  #grass_overlay { 
    background: url('../graphics/layout/grass.png') no-repeat center top;
    height: 79px;
    position: absolute;
    bottom: 2px;
    width: 100%;
  }


/*
--- Aside / Subnavigation / Hours Box
*/

aside {
  margin-top: -22px; 
}

#subnav {
  width: 281px;
  padding: 0px 9px;
  background: #BDDBEF;
}

#subnav ul { list-style: none; padding: 0; margin: 0; }

#subnav ul li { 
  background: url('../graphics/layout/subnav_star.gif') no-repeat 250px 18px;
  border-bottom: 2px groove #e3f2fb;
}

#subnav ul li:hover, #subnav ul li.current_page {
  background: url('../graphics/layout/subnav_star_h.gif') no-repeat 250px 18px;
}

#subnav ul li a:link, #subnav ul li a:visited {
  color: #247db2;
  font-size:15px;
  font-weight: bold; 
  text-decoration: none;
  padding: 15px 13px;
  display: block;
}
#subnav ul li a:hover, #subnav ul li a:active, #subnav ul li.current_page a {
  color: #21476e;
}


#subnav ul li ul {
  background: #2D9BDC; 
  border-top: 2px groove #e3f2fb;
  margin-top: 5px;
  list-style: disc;
  padding: 10px 0 10px 30px;
  color: #fff;
}

#subnav ul li ul li {
  border-bottom: none; 
  background: none !important; 
} 

#subnav ul li ul li a:link, #subnav ul li ul li a:visited {
  color: #ffffff;
  font-size:12px;
  font-weight: normal; 
  text-decoration: none;
  padding: 2px 0;
  display: block;
}
#subnav ul li a:hover, #subnav ul li a:active, #subnav ul li.current_page a {
  color: #21476e;
}

#subnav ul li.last { border-bottom: none; }


.internal #hours {
  background: #91D045;
  padding: 10px 0px;
  width: 300px;
  margin-top: 20px;
  margin-bottom: 2em;
}

.internal #hours table.content_data_table {
  width: 90%;
}

.internal #hours ul li { width: 67px; }

aside.left #under_nav_section {
  width: 300px;
}

/*
--- Internal Content
*/

.internal #main #content h3 { 
  color: #ED171F;
  font-size: 24px;
  margin: 0;
}

.internal #main #content h4 {
  color: #173C64;
  text-transform: none;
  font-size: 16px;
  text-align: left;
  text-shadow: none;
  margin-bottom: 0;
  margin-top: 10px;
}

.internal #main #content p { margin-top: 0; }

.internal #main #content h3.content_news_article_headline { font-size: 14px; }

.internal #main #content ul { background: none; }

.internal #content {
  color: #576E8F;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.2px;
  width: 588px;
  margin-bottom: 2em;
}

.internal #content .content_image_box { border: none; }

/* =============================================================================
   General QA
   ============================================================================= */

   #sectiontitle, #grass_overlay { display: none; }

   .internal #sectiontitle, .internal #grass_overlay { display: block; }

   #contactinfo .location_email_label { display: none; }

   .internal #content .collection_item_label {
    padding-left: 0;
    padding-top: 0;
    font-size: 13px;
    color: #576E8F;
    font-style: normal;
    line-height: 21px;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosCnRegular', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
  }

  #quicklinks ul li {
    padding: 0 30px 0 0;
  }

  #quicklinks a {
    font-family: Arial,sans-serif;
    font-size: 12px;
  }

  #quicklinks div.donate a {
    font-weight: 600;
  }

  table.collection_gallery_table .left {
    text-align: left;
    padding: 0;
  }


/* =============================================================================
   Browser QA
   ============================================================================= */

   /* Modern =================================================================== */

   @-moz-document url-prefix() { 
    body {  font-weight:300; }
    #hours ul { padding: 5px 0 0 0; }
    #quicklinks div.donate a { left: 68px; }
  }

  .internal #hours ul .collection_item_label { font-size: 11px; }

  /* IE (.ie) ================================================================= */



  /* IE9 (.ie9) =============================================================== */



  /* IE8 (.ie8) =============================================================== */

  .ie8 #quicklinks { top: 3px; }
  .ie8 .internal #hours { padding-bottom: 30px; }

  /* IE8 & IE7 (.oldie) ======================================================= */

  
  .oldie #events ul li { background: transparent !important; }


  /* IE7 (.ie7) =============================================================== */

  .ie7 .clear { height: 1px; }

  .ie7 #quicklinks ul li { display: inline; }

  .ie7 nav ul li { display: block; float: left; white-space: nowrap; }

  .ie7 #hours ul li { display: inline;  }

  .ie7 #tagline { padding-top: 30px; }

  .ie7 .social_media ul li { display: inline; }
  .ie7 .social_media ul li:hover { filter: none; }

  .ie7 #contactinfo { width: 520px; margin: 0 auto; }

  .ie7 #contactinfo .location_addresses,
  .ie7 #contactinfo .location_address1,
  .ie7 #contactinfo .location_address2,
  .ie7 #contactinfo .location_address3,
  .ie7 #contactinfo .location_phones,
  .ie7 #contactinfo .location_email { float: left; }

  .ie7 .internal header #logo { z-index: 9999 !important; }

  .ie7 .internal nav { z-index: 9001; position: relative; }

  .ie7 .internal #hours { float: none; height: auto; }
  
  .ie7 .internal #main { z-index: 1 !important; }

/* =============================================================================
   FDP Styles
   ============================================================================= */

   #catalog {
    margin:1.14em 0;
    position:relative;
  }

  #catalog_order_details th {
    padding:4px 10px;
  }

  #internal div.dlCategoriesContainer h4 {
    color:#edecea;
    font-size:1.1em;
    margin:0;
  }

  #message_details .value {
    padding-left:10px;
  }

  #order_details_cart_actions,.dlItemDetailsFormSubmitContainer,.dlItemDetailsCategory {
    font-size:0.9em;
  }

  .catalog_order_details_section .catalog_order_items_reorder_button {
    bottom:0;
    clear:both;
    margin-top:-1.14em;
    position:relative;
    right:0;
  }

  .column_title,table#content_online_proof tbody tr td {
    padding:4px 10px 4px 0;
  }

  .dlItemDetailsPhotoContainer img.dlDetailsPhoto,.dlPhotoContainer img.dlPhoto {
    border-color:rgba(0,0,0,0.1);
  }

  .dlListHeadingContainer a {
    color:#edecea;
  }

  div.dlSpecifyDetailsLinkContainer a:hover,div.dlSpecifyDetailsLinkContainer a:active {
    background:#edecea;
    color:#B78B90;
  }

  div.form_row_submit,table#content_online_proof thead tr,#internal h5.form_title,div.dlItemDetailsHeading,div.dlSpecifyDetailsLinkContainer a:link,div.dlSpecifyDetailsLinkContainer a:visited,.dlListHeadingContainer,.dlCategoriesTitle {
    background:#e8e8e6;
    color:#edecea;
    font-size:0.9em;
  }

  h5.form_title {
    clear:both;
  }


  table.content_data_table td.row_odd,table.express_order p.category_title,#catalog_order_details th,.catalog_order_details_wrapper .catalog_order_section_row .catalog_order_section .catalog_order_section_title,#message_details .label.online_proof_details_label,table.express_order td.order_details_subtotal_value,table.express_order td.order_details_tax_value,table.express_order td.order_details_total_value,.dlItemDetailsFormHeading,.dlItemDetailsCategory {
    background: transparent;
    color:#555;
    vertical-align:middle;
  }

  table.express_order tr.category,table.express_order tr.category td {
    background:transparent none;
  }




/* =============================================================================
|   Form Reset                                                                 |
============================================================================= */

button, input, select {
 height: 22px;
 font-size: 12px;
 line-height: 14px;
}

button, input { padding: 2px 10px; }

input.content_login_portal_password, input.content_login_portal_username, .form_row_submit {
 width: 100%;
 margin: 0;
 padding: 0;
}

table.calendar tbody td span.day, table.calendar thead th, table.content_data_table th.column_label, div.catalog_display_express p.continue_button, table.express_order th, .dlItemDetailsFormSubmitContainer, div.content_catalog_cart_navigation a:hover {
 background: #E8E8E6;
 color: #333;
}

table.express_order tr.item td { padding: 7px; }

.dlCategoriesTitle h4, .dlListHeadingContainer a,  { color: #333; }

div.form_row_submit, table#content_online_proof thead tr, #internal h5.form_title, div.dlItemDetailsHeading, div.dlSpecifyDetailsLinkContainer a:link, div.dlSpecifyDetailsLinkContainer a:visited, .dlListHeadingContainer, .dlCategoriesTitle {
 background: #E8E8E6;
 color: #333;
}

div.required_form_label { color: #EF3A35; }

div.portal_login { clear: both; }

table.express_order p.category_title a {
  background: none repeat scroll 0 0 #FFBA14;
  color:#000;
}
table.express_order p.category_title {
  padding: 10px;
}
table.calendar tbody td span.day, table.calendar thead th, table.content_data_table th.column_label, div.catalog_display_express p.continue_button, table.express_order th, .dlItemDetailsFormSubmitContainer, div.content_catalog_cart_navigation a:hover {
  background: none repeat scroll 0 0 #FFBA14;
  color: #000000;
}
p.continue_button {
  bckground:#2D9BDC;
}
table.express_order, table.express_order tr, table.express_order td {
  margin-top: 10px;
}
div#versadoc2_preview_buttons, div#order_details_cart_actions {
  background-color: #2D9BDC;
}
div.form_row_submit, table#content_online_proof thead tr, #internal h5.form_title, div.dlItemDetailsHeading, div.dlSpecifyDetailsLinkContainer a:link, div.dlSpecifyDetailsLinkContainer a:visited, .dlListHeadingContainer, .dlCategoriesTitle {
  background: none repeat scroll 0 0 #2D9BDC;
}
table.express_order tr.item td {
  text-align: center;
}



/* =============================================================================
   Sticky Footer -- Comment In If Desired
   ============================================================================= */
/*
*  {
   margin: 0;
   }

html, body {
   height: 100%;
   }

.wrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto (footer-height); /* the bottom margin is the negative value of the footer's height *//*
   background: black url('../graphics/bg.jpg') no-repeat top center;
   }

.push   {
 height: (footer-height); /* .push must be the same height as footer */
}

/*Opera Fix*//*
body:before {
   content:"";
   height:100%;
   float:left;
   width:0;
   margin-top:-32767px;
   }

* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

 .ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

 .hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

 .visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

 .invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

 .clearfix:before,
 .clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

 .clearfix {
  *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

   @media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
  }

  @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
  }

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

   @media print {
    * {
      background: transparent !important;
      color: #000 !important; /* Black prints faster: h5bp.com/s */
      box-shadow:none !important;
      text-shadow: none !important;
    }

    a,
    a:visited {
      text-decoration: underline;
    }

    a[href]:after {
      content: " (" attr(href) ")";
    }

    abbr[title]:after {
      content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

     .ir a:after,
     a[href^="javascript:"]:after,
     a[href^="#"]:after {
      content: "";
    }

    pre,
    blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
    }

    thead {
      display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
      page-break-inside: avoid;
    }

    img {
      max-width: 100% !important;
    }

    @page {
      margin: 0.5cm;
    }

    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }

    h2,
    h3 {
      page-break-after: avoid;
    }
  }