/* 
 * 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.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

   article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
   audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
   audio:not([controls]) { display: none; }
   [hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

 html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

 body { margin: 0; padding:0; font-size: 13px; line-height: 1.231; }

 body, button, input, select, textarea { line-height:1.5em; height: auto; color: #222; padding:1px 4px; font-size:0.9em;}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

 ::-moz-selection { background: #54CDF9; color: #fff; text-shadow: none; }
 ::selection { background: #54CDF9; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

   a { color: #ee3a42; text-decoration: none; }
   a:visited { color: #ee3a42; }
   a:hover { color: #ee3a42; text-decoration: underline; }
   a:focus { outline: none; }

   /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
   a:hover, a:active { outline: 0; }


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

   abbr[title] { border-bottom: 1px dotted; }

   b, strong { font-weight: bold; }

   blockquote { margin: 1em 40px; }

   dfn { font-style: italic; }

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

   ins { background: #ff9; color: #000; text-decoration: none; }

   mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

   /* Redeclare monospace font family: h5bp.com/j */
   pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

   /* Improve readability of pre-formatted text in all browsers */
   pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

   q { quotes: none; }
   q:before, q:after { content: ""; content: none; }

   small { font-size: 85%; }

   /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
   sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
   sup { top: -0.5em; }
   sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

   ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
   dd { margin: 0 0 0 40px; }
   nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

 img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

 svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

   figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

   form { margin: 0; font-size:0.9em;}
   fieldset { border: 0; margin: 0; padding: 0; }

   /* Indicate that 'label' will shift focus to the associated form element */
   label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

 legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

 button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

 button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

 table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

 button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

 input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
 input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
 input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

 button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

 textarea { overflow: auto; vertical-align: top; resize: vertical; height: 4em; }




/* =============================================================================
   Tables
   ============================================================================= */

   table { border-collapse: collapse; border-spacing: 0; }
   td { vertical-align: top; }

/* =============================================================================
   Twitter Bootstrap
   ============================================================================= */

   select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
      display: inline-block;
      height: auto;
      padding: 4px;
      margin-bottom: 9px;
      font-size: 13px;
      line-height: 18px;
      color: #555;
   }

   textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
      background-color: white;
      border: 1px solid #CCC;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
      -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
      -o-transition: border linear 0.2s, box-shadow linear 0.2s;
      transition: border linear 0.2s, box-shadow linear 0.2s;
   }

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

   .content_image_box {
      background:0 none;
      width:auto;
   }

/* =============================================================================
   Structure
   ============================================================================= */

   body {
      margin: 0;
      padding: 0;
      background: url('../graphics/layout/bg_body.jpg') repeat top left; 
      font-family: Helvetica, Arial, "Lucida Grande", sans-serif; 
      font-weight: 300;
   }

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

   .left{
      float: left;
   }

   .right{
      float: right;
   }

   #container {
      width: 975px;
      margin: 0 auto;
   }

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

   h1, h2, h3, h4, h5, h6 { margin-top: 0; }

   h1 { font-size: 30px; }
   h2 { font-size: 21px; }
   h3 { font-size: 18px; }
   h4 { font-size: 16px; }

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

   header {
      height: 80px;
   }

   #logo {
      padding: 0; 
      margin: 0 auto;
   }
   #logo img { padding: 0; margin: 0; }

   header .portal_login {
      margin: 0;
      width: 515px;
      float:right;
   }

   header .portal_login .content_login_portal_username, header .portal_login .content_login_portal_password { width: 185px !important; }

   header .portal_login_username, header .portal_login_password { float: left; padding-right: 10px; }

   header .portal_login div.form_row_submit {
      background: none;
      width: 69px;
      height: 33px;
      float: left;
      line-height: 80px;
      margin: 0;
      padding: 0;
   }

   .portal_login div.form_row_submit INPUT {
      background: url('../graphics/layout/loginbtn.png'); 
      border: none;
      width: 69px;
      height: 33px; 
      text-indent: -9999px; 
      font-size:0.1em;
      line-height: 0.1em;
   }

   header .form_label {
      font-weight: 300;
      font-size: 12px;
      line-height: 14px;
      padding-top: 10px; 
      color:#ffffff
   }

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

         #top_nav {
            float: left;
            height: 80px;
            font-size: 14px; 
            color: #ffffff;
         }

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

         #top_nav ul li {
            height: 80px;
            width: auto;
            padding: 0 12px 0 0;
            float: left;
         }

         #top_nav a { font-size: 14px; }
         #top_nav a:link, #top_nav a:visited { color: #ffffff; text-decoration: none; }
         #top_nav a:hover, #top_nav a:active {}

         #top_nav .content_image_box { 
            float: left; 
            height: 80px;
            width: 30px !important;
            overflow: hidden;
            padding: 0;
         }
         #top_nav .content_image img { padding: 25px 0 0 0; }

         #top_nav .collection_item_label { 
            font-weight: 300; 
            float: left;
            white-space: nowrap;
            padding-left: 8px;
            line-height: 84px;
         }
         #top_nav .collection_item_description { display: none; }

         nav.dropdown ul li ul li {
            position: relative;
         }

         nav.dropdown ul.fdpc_level_1 li.fdpc_section:hover, nav.dropdown ul.fdpc_level_2 li.fdpc_section:hover {
            margin-right: 0px;
         }

         nav.dropdown ul.fdpc_level_2 {
          left: auto;
          right: -242px;
          top: 0;
          background: #FFD51D;
          position: absolute;
       }

       nav.dropdown ul.fdpc_level_2 li:hover {
         background: transparent;
      }

      nav.dropdown ul.fdpc_level_2 li {
       position: relative;
    }


    nav.dropdown ul.fdpc_level_2 li a {
       color: #231f20;
       background: transparent;
    }

    nav.dropdown ul.fdpc_level_3 {
       position: absolute;
       left: auto;
       right: -242px;
       top: 0;
    }

    nav.dropdown ul.fdpc_level_3 li a{
       color: #ffffff;
    }

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

nav {
   height: 50px;
   padding-top: 45px;
   z-index: 9998;
   position: relative;
   white-space: normal;
}

body.blank nav {
	height: 185px;
}

nav ul li {
   display: inline-block;
   position: relative;
   line-height: 50px;
   background: #FFD51D;
   padding: 0 25px;
   margin-right: 5px;
}

nav ul li a:link, nav ul li a:visited { color: #231f20; font-size: 16px; }
nav ul li a:hover, nav ul li a:active { text-decoration: none; }

nav ul li:hover { background: #ee3a43; padding-bottom: 4px; }

nav ul li ul {
   position: absolute;
   left: 0;
   visibility: hidden;
   width: 242px;
   background: #EE3A43;
   top: 54px;
   padding: 10px 0;
}

nav ul li ul li {
   background: none; 
   line-height: 20px;
   display: block;
   padding: 9px 22px 10px;
}

nav ul li ul li a:link, nav ul li ul li a:visited {
   color: #FEFEFF;
   background: url('../graphics/layout/raquo.gif') no-repeat center right;
   padding-right: 10px;
   line-height: 20px;
}
nav ul li ul li a:hover, nav ul li ul li a:active {}

nav ul li ul li:hover { padding-bottom: 10px; }

nav ul li.nodrop:hover { padding-bottom: 0px; }


/* =============================================================================
   Spotlight
   ============================================================================= */
   #spotlight {
      height: 258px;
   }

   #spotlight_content {
      height: 232px;
      width: 655px;
      border: 8px solid #101010;
      margin-top: 13px;
      position: relative;
   }

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

   #spotlight_content ul li { display: none; }

   #spotlight_content .content_image img { margin: 0; }
   #spotlight_content .collection_item_label, #spotlight_content .collection_item_description { display: none; }



   #spotlight_nav {
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 655px;
      text-align: center;
      z-index: 2000;
   }

   #spotlight_nav a {
      background: url('../graphics/layout/spotlight_nav.png') top left no-repeat;
      height: 11px;
      width: 11px;
      text-indent: -9999px;
      padding: 0 4px;
      display: inline-block;
      outline:0 none;
   }

   #spotlight_nav a.activeSlide {
      background: url('../graphics/layout/spotlight_nav_h.png') top left no-repeat;
   }

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

   #main {
      border: 8px solid #181818;
      background: #ffffff;
   }

   .col1 {
      padding: 31px 43px;
      width: 156px;
   }

   #custutil { line-height: 27px; letter-spacing: 0.2px; font-size: 13px; text-align: center; padding: 25px 0; }
   #custutil ul { list-style: none; padding: 0; }
   #custutil ul li { padding-bottom: 10px; }
   #custutil .collection_item_label { font-weight: 500; }
   #custutil .collection_item_description { display: none; }

   .col2 {
      width: 670px;
      padding-right: 42px;
   }

   #tagline {
      font-size: 16px;
      line-height: 27px;
   }

   #boxes {
      background: url('../graphics/layout/bg_featured.jpg') top left repeat;
      height: 244px;
      padding: 23px 5px 19px 17px; 
   }

   .box {
      width: 222px;
      height: 244px;
      background: #fff;
      margin-right: 12px;
      overflow: hidden;
      text-align: center;
   }
   .box h4 {
      background: #8FC4FA;
      margin: 0 0 13px 0;
      padding: 12px;
      border-bottom: 8px solid #68ABF2;
      font-size: 21px;
      text-align:left;
   }
   .box p {
      width: 196px;
      padding: 0 13px;
      text-align: left;
   }
   .box .content_image { padding: 0; }
   /*.box .content_image img { margin: 0; }*/

   #news .news_articles {
      width: 196px;
      padding: 0 13px;
      text-align: left;
   }

   #news .news_articles h3.content_news_article_headline {
      font-weight: 300;
      font-size: 14px;
      line-height: 18px;
   }

   #news .news_articles ul li span.content_news_article_by_line {
      font-style: normal;
      color: #A5A5A5;
      font-size: 12px;
      font-weight: 300;
   }

   #news .news_articles ul li { margin: 0 0 1em; }

   #video .content_video { margin: 0; }

   #products ul {
      list-style: none;
      padding: 0 0 0 20px;
      margin: 0;
      text-align:left;
   }
   #products ul li { padding: 2px 0; }

   #products .collection_item_label, #products .collection_item_gallery_label { font-weight: 300; }

/* =============================================================================
   Footer
   ============================================================================= */
   
   footer {
      background: #191919;
      color: #F4F4F4;
      font-size: 12px;
      height: 86px;
      line-height: 18px;
   }

   footer a:link, footer a:visited { color: #fff;}

   #footlogo {
      height: 86px;
      line-height: 86px;
      padding-left: 45px;
      padding-right: 5px;
   }

   #location {
      float: left; 
      height: 86px;
   }
   #location .location { height: 44px; padding: 25px;}
   #location .location_address { float: left; padding-right: 5px; }
   #location .location_address1::after { content: url('../graphics/layout/footer_bullet.gif'); }

   #location .locations_website_title, #location .location_phones, #location .location_info { display: none; }

   #phonenumbers {
      float: left; 
      height: 86px;
      line-height: 86px;
      font-size: 16px;
      color: #F4F4F4;
      padding-left: 50px;
      font-weight: 300;
   }

   #phonenumbers .location_phone { float: left; }

   #phonenumbers .location_phone1 { background: url('../graphics/layout/bg_phone.png') no-repeat left center; padding-left: 30px; padding-right: 60px; }
   #phonenumbers .location_phone2 { background: url('../graphics/layout/bg_fax.png') no-repeat left center; padding-left: 30px; }

   #phonenumbers .locations_website_title,
   #phonenumbers .location_addresses,
   #phonenumbers .location_email,
   #phonenumbers .location_info { display: none; }

   #copyright {
      color: #C3C2C4;
      font-size: 13px;
      font-style: italic;
      text-align: center;
      padding: 5px 0 20px 0;
   }

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

   .internal #content {
      padding: 35px 0;
      font-size: 15px;
      color: #010101;
      line-height: 27px;
   }

   .internal #content .content_image img { margin: 0; border: 5px solid black; }

   .internal #sidenav {
      margin-left: -43px;
      margin-top: 34px;
   }

   .internal #sidenav ul li:last-child {
      border-bottom: 1px solid #e1e1e1;
   }
   .internal #sidenav ul li a:link, .internal #sidenav ul li a:visited {
      color: #2c8bbb;
      font-size: 15px;
   }
   .internal #sidenav ul li a:hover, .internal #sidenav ul li a:active { text-decoration: none; }

   .blank .col1 {
      padding: 31px 22px;
   }

   .blank #content {
      width: 894px;
      margin-left: -215px;
      padding-top: 50px;
   }

/* =============================================================================
   Sidenav QA
   ============================================================================= */

   .internal #sidenav nav.subnav ul { list-style: none; padding: 0; }

   .internal #sidenav ul li {
      border-top: 1px solid #e1e1e1;
      padding: 6px 25px 6px 15px;
      /*background: url("../graphics/layout/bg_sidenav.png") no-repeat scroll right 7px transparent;*/
      background: transparent;
      display: block;
      line-height: inherit;
      margin-right: 0;
      position: relative;
   }
   .internal #sidenav ul ul li {
    padding-left: 0px;
 }
 .internal #sidenav nav.subnav ul.fdpc_level_0 > li > a:after {
  right: 0px;
  top: 16px;
}
.internal #sidenav ul > li > a:after {
   font-family: FontAwesome;
   content: "\f054";
   color: #c0c0c0;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
}
.internal #sidenav ul > li:hover > a:after {
   font-family: FontAwesome;
   content: "\f054";
   color: #4a4a4a;
}
.internal #sidenav nav.subnav ul li:last-child {
   border-bottom: 1px solid #e1e1e1;
}
.internal #sidenav nav.subnav ul li a:link, .internal #sidenav nav.subnav ul li a:visited {
   color: #2c8bbb;
   font-size: 15px;
}
.internal #sidenav nav.subnav ul li a:hover, .internal #sidenav nav.subnav ul li a:active { text-decoration: none; }

   /*.internal #sidenav nav.subnav ul li:hover {
      background: url("../graphics/layout/bg_sidenav_h.png") no-repeat scroll right 7px transparent 
      };*/

      .internal #sidenav nav.subnav {
         height: auto;
         padding-top: 0px;
         z-index: 0;
         position: relative;
         white-space: normal;
      }

      .internal #sidenav nav.subnav ul ul {
       position: relative;
       visibility: visible;
       top: 0;
       background: transparent;
       width: auto;
       margin: 10px 0 0 0;
    }

    .internal #sidenav nav.subnav ul ul a {
     background: transparent;
  }

  .internal #sidenav nav.subnav ul ul ul {
    left: 0px;
    margin: 10px 0 0 0;
 }

 .internal #sidenav nav.subnav ul ul ul li {
    padding-left: 0px;
    width: 100px;
 }

 .internal #sidenav nav.subnav ul.fdpc_level_1 > li:last-child {
    border-bottom: 0px;
 }

 .internal #sidenav nav.subnav ul ul li:last-child {
    border-bottom: 0px;
    margin-bottom: -5px;
 }

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


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

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

   

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

   .ie .locations .location_email { margin-top: -20px; clear: left; }

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


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

   .ie8 footer { height: 85px; }

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

   

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

   .ie7 nav ul li { float: left; margin-right: 5px; }
   .ie7 nav ul li ul li { float: none; }
   .ie7 #footlogo { height: auto; padding-top: 22px; }
   .ie7 #spotlight_content ul li { background: none !important; }
   .ie7 #spotlight_nav a { text-indent: 0; line-height: 0; font-size: 0; }
   

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

   div.portal_login div.form_row_submit {
      background: none;
   }


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

   /* For image replacement */
   .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
   .ir br { display: none; }

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

   /* Contain floats: h5bp.com/q */ 
   .clearfix:before, .clearfix:after { content: ""; display: table; }
   .clearfix:after { clear: both; }
   .clearfix { zoom: 1; }

   /* Design Classes */

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


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

   @media only screen and (min-width: 480px) {
     /* Style adjustments for viewports 480px and over go here */

  }

  @media only screen and (min-width: 768px) {
     /* Style adjustments for viewports 768px and over go here */

  }



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

   @media print {
     * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
     a, a:visited { text-decoration: underline; }
     a[href]:after { content: " (" attr(href) ")"; }
     abbr[title]:after { content: " (" attr(title) ")"; }
     .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
     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; }
  }

  .internal #content .content_image img {
    border: 0px solid black;
 }

 #footlogo .content_image_box, #top_nav .content_image_box {
  border: 0px solid #959595;
}

table.express_order tr.category, table.express_order tr.category td, table.express_order p.category_title {
   background: white;
   color: #222;
}


/* removing border on the spotlight image box - AS */
#spotlight_content .content_image_box { border: none; }

.content_image_wrapper {
	width: 100%;
}