/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   
   --------------------------------------------------------------------------------------------------------------------------
   FILE INFO
   Last updated:     2010/07/02
   Last updated by:  Matt Wilcox
   ----------------------------------------------------------------------------------------------------------------------- */

/* =global_reset ---------------------------------------------------------------------------------------------------------
   NOTE:       Get browsers to the same baseline styles, based on (but not the same as) Eric Meyer's browser reset.
   REFERENCE:  http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
   ----------------------------------------------------------------------------------------------------------------------- */
   
   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, font, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0; padding: 0; border: 0; outline: 0;
     font-size: 100%; vertical-align: baseline; background: transparent; }
   body {
     line-height: 1; }
   ol, ul {
     list-style: none; }
   blockquote, q {
     quotes: none; }

   /* turn off outline for clicked links, whilst leaving it on for keyboard navigation */
   a:active { outline: none; }

   /* remember to highlight inserts somehow! */
   ins {
     text-decoration: none; }
   del {
     text-decoration: line-through; }

   /* tables still need 'cellspacing="0"' in the markup */
   table {
     border-collapse: collapse; border-spacing: 0; }

/* =typography -----------------------------------------------------------------------------------------------------------
    NOTE:       Found that margin-top applied to everything is a pain - it often messes up layout and requires jumping
                through hoops to fix, so I've stopped doing this as a default and now add top margin manually when required.
    NOTE:       Using px for type is bad for people using IE6, but good for my brain. IE6 is dying, so I think that's OK.
                Feel free to tut if you're a purist. I'm a pragmatist. By default IE6 doesn't get CSS anyway in my config.
    REFERENCE:  Based on http://alistapart.com/articles/settingtypeontheweb/
                         http://24ways.org/2006/compose-to-a-vertical-rhythm/
   ----------------------------------------------------------------------------------------------------------------------- */
   
   /* custom fonts
    * The following fonts included are copyrighted by the vendor listed below.
    * @vendor:     Ralph Oliver du Carrois
    * @vendorurl:  http://www.carrois.com
    * @licenseurl: http://www.fontsquirrel.com/license/Colaborate */

   @font-face {
     font-family: 'TitilliumText22LThin';
     src: url('../fonts/TitilliumText22L001-webfont.eot');
     src: url('../fonts/TitilliumText22L001-webfont.eot?#iefix') format('eot'),
          url('../fonts/TitilliumText22L001-webfont.woff') format('woff'),
          url('../fonts/TitilliumText22L001-webfont.ttf') format('truetype'),
          url('../fonts/TitilliumText22L001-webfont.svg#webfontY46BzlYn') format('svg');
     font-weight: normal;
     font-style: normal;
   }

   @font-face {
     font-family: 'TitilliumText22LLight';
     src: url('../fonts/TitilliumText22L002-webfont.eot');
     src: url('../fonts/TitilliumText22L002-webfont.eot?#iefix') format('eot'),
          url('../fonts/TitilliumText22L002-webfont.woff') format('woff'),
          url('../fonts/TitilliumText22L002-webfont.ttf') format('truetype'),
          url('../fonts/TitilliumText22L002-webfont.svg#webfontWLF9Q09S') format('svg');
     font-weight: normal;
     font-style: normal;
   }

   @font-face {
     font-family: 'TitilliumText22LRegular';
     src: url('../fonts/TitilliumText22L003-webfont.eot');
     src: url('../fonts/TitilliumText22L003-webfont.eot?#iefix') format('eot'),
          url('../fonts/TitilliumText22L003-webfont.woff') format('woff'),
          url('../fonts/TitilliumText22L003-webfont.ttf') format('truetype'),
          url('../fonts/TitilliumText22L003-webfont.svg#webfontiXtJn0Qu') format('svg');
     font-weight: normal;
     font-style: normal;
   }

   @font-face {
     font-family: 'TitilliumText22LMedium';
     src: url('../fonts/TitilliumText22L004-webfont.eot');
     src: url('../fonts/TitilliumText22L004-webfont.eot?#iefix') format('eot'),
          url('../fonts/TitilliumText22L004-webfont.woff') format('woff'),
          url('../fonts/TitilliumText22L004-webfont.ttf') format('truetype'),
          url('../fonts/TitilliumText22L004-webfont.svg#webfontd3ljp2K0') format('svg');
     font-weight: normal;
     font-style: normal;
   }

   @font-face {
     font-family: 'TitilliumText22LBold';
     src: url('../fonts/TitilliumText22L005-webfont.eot');
     src: url('../fonts/TitilliumText22L005-webfont.eot?#iefix') format('eot'),
          url('../fonts/TitilliumText22L005-webfont.woff') format('woff'),
          url('../fonts/TitilliumText22L005-webfont.ttf') format('truetype'),
          url('../fonts/TitilliumText22L005-webfont.svg#webfontZL0yA7s8') format('svg');
     font-weight: normal;
     font-style: normal;
   }

   @font-face {
     font-family: 'TitilliumText22LXBold';
     src: url('../fonts/TitilliumText22L006-webfont.eot');
     src: url('../fonts/TitilliumText22L006-webfont.eot?#iefix') format('eot'),
          url('../fonts/TitilliumText22L006-webfont.woff') format('woff'),
          url('../fonts/TitilliumText22L006-webfont.ttf') format('truetype'),
          url('../fonts/TitilliumText22L006-webfont.svg#webfontDGZcY3kb') format('svg');
     font-weight: normal;
     font-style: normal;
   }
    
   body {
     font : 100%/1.5 Helvetica, Arial, Verdana, sans-serif; color : #444; }
   html > body {
     font-size : 13px; line-height : 20px; }
   div, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   address, img, dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
     margin-bottom : 1.5em; }
   h1 { font-size : 36px; line-height: 36px; margin-bottom: 18px; font-weight : normal; }
   h2 { font-size : 26px; line-height: 36px; margin-bottom: 18px; font-weight : normal; }
   h3, h4, h5, h6 {
     font-size : 18px; line-height: 18px; margin-bottom: 18px;
     font-weight : normal; }
   h1, h2, h3, h4, h5, h6 { font-family : 'TitilliumText22LBold', Arial, sans-serif; }
   
   #content_main h2 { font-size : 32px; line-height : 32px; color : #b2ca13; }
   #content_main h3 { font-size : 18px; line-height : 24px; color : #b2ca13; }
   
   /* optimise legibility by using advanced kerning and ligatures in modern browsers (firefox does this by default)
      http://www.aestheticallyloyal.com/public/optimize-legibility/ */
   body { text-rendering: optimizeLegibility; }
   
   /* fix safari to stop it rendering text too fat in some cases
      http://orderedlist.com/our-writing/blog/articles/webkit-font-smoothing/
   body { -webkit-font-smoothing: antialiased; } */
   
/* =external_library_reset -----------------------------------------------------------------------------------------------
   NOTE:       We use external libraries for some things, e.g., colorbox. Their style-sheets have issues with the
               one I use, but for easier upgrading I over-ride their styles here
   ----------------------------------------------------------------------------------------------------------------------- */
   div#colorbox img { margin-bottom : 30px;}
   div#colorbox div { margin : 0; }
   
/* =basic_design ---------------------------------------------------------------------------------------------------------
   NOTE:  The basic design section styles "default" elements, that is, how a <p> or <em> etc look by default, without
          any page or class specific over-rides.
   ----------------------------------------------------------------------------------------------------------------------- */
   
/* =patch old browsers for new HTML5 tags, just in case we're using HTML5 */
   header, footer, nav, article, section, aside {
     display : block; }
     
/* =html =body */
   html { background : url(../images/background-1.jpg) 50% 50% fixed no-repeat; /* footer graphic */ }
   body { /* header graphic */ }

/* =h1 */
   h1 {  }
   
/* =h2 */
   #nav_main h2 {
     display : none; }
     
/* =h3 */
   h3 {  }
     
/* =h4 */
   h4 {  }

/* =p */
   /* 
   This is in case the client insists on skip-links. They shouldn't.
   p.accessibility {
     position : absolute;
     margin : -3.5em 0 0 0;
     z-index : 2; } */
     
   .attributed p {
     margin-bottom : 0; }
     
   #content_main > h2 + p,
   #content_main > h1 + p,
   #content_main > h2 + a + p {
     font-weight : bold; }
     
   label p.error {
     padding : .5em; color : #fff;
     background : #c00; text-align : left; }
     
/* =em =strong =del =ins =abbr =acronym =code */
   em          { font-style : italic; }
   strong      { font-weight : bold; }
   del         { text-decoration : line-through; }
   ins         { text-decoration : none; color : #006; }
   del[title],
   ins[title]  { cursor : help; }
   acronym,
   abbr        { text-decoration : none; border-bottom : none; font-style : italic; cursor : help; }
   code        { font-family : dialogue, 'Courier New', courier, serif; }
   sup         { vertical-align : super; font-size : .8333em; }
   sub         { vertical-align : sub; }
   
/* =address */
   address {  }

/* =dl =dt =dd */
   dl {  }
   dt {
     margin-bottom : 0;
     font-weight : bold; font-style : italic; }
   dd {
     margin-top : 0;
     border-left : .3em solid #ddd; padding : .5em 0 0 .7em; }
   
/* =ul */
   #content ul {
     margin-left : 1em;
     list-style : disc outside; }
   #content_main ul {
     margin-left : 0; }
   #content_main ul ul {
     margin-bottom : 0; }
   #content_main ul li {
     padding-left : 20px;
     list-style : none; list-style-position : outside;
     background : url(../images/li.png) 0 3px no-repeat; }
   
/* =ol */
   #content ol {
     margin-left : 1.6em;
     list-style : decimal outside; }

/* =li */
   li {
     margin : .5em 0; }
     
/* =img */
   img,
   img a { border : none; }
   .attributed img {
     margin : 0; }
   #target_hilight {
     position : absolute; }
   
/* =hr */
   hr { display : none; }

/* =a */
   a:link    { color : #b2cc00; text-decoration : none; }
   a:visited { color : #b2cc00; text-decoration : none; }
   a:hover   { text-decoration : underline; }
   a:focus   { outline : 1px solid #b2cc00; }
   a:active  { background-color : #ff6; color : #000; outline : none; }
   :target   { background-color : #ff6; }
   
   /* 
   This is in case the client insists on skip-links. They shouldn't.
   p.accessibility a {
     margin : 0; padding : 0; line-height : 1em; }
   p.accessibility a:focus {
     position : absolute; left : 1em;
     margin-top : 2.5em;
     background-color : #ffff99; } */
     
/* =table */
   table {
     width : 100%; border : 1px solid #ddd; }

/* =caption */
   caption {  }

/* =thead */
   thead {
     text-align : left; background : #ddd; }

/* =tfoot */
   tfoot {
     background-color : #ddd; }
   
/* =tbody */
   tbody {  }
   
/* =tr */
   tbody tr:hover { background-color : #f6f6f6; }
   
/* =th */
   th {
     font-weight : bold; padding : 2px; }

/* =td*/
   td {
     border : 1px dotted #ddd; padding : 2px; }

/* =form */
   form {
     position : relative;
     width : 100%;
     overflow : hidden; }
     
   #nav_main form {
     margin : 0; }
   
/* =fieldset */
   fieldset {  }

/* =legend */
   legend {
     margin : 0; }
   
   #nav_main legend {
     display : none; }

/* =label */
   label {
     position : relative; /* so we can absolutely position errors */
     display : block;
     overflow : hidden; /* so no collapsing float issues */ }
   
/* =input */
   input[type="text"],
   input[type="password"],
   textarea {
     border : 1px solid #999; }
   input[type="text"]:focus,
   input[type="password"]:focus,
   textarea:focus {
     background-color : #ffd; }
     
   label input {
     width : 97%; }
   .boolean input {
     width : auto; margin-right : .5em; }
   
/* =textarea */
    textarea {
      width : 99%; height : 8em; }

/* =select */
   label select {
     width : 100%; }
   select:focus {
     background-color : #ff9; }
     
/* =div */
   #container {
     position : relative;
     width : 1038px; margin : 0 auto; }
     
/* =span */
   label span {
     display : block; }
   label.boolean span {
     display : inline; }
     
/* =modules --------------------------------------------------------------------------------------------------------------
   NOTE:       Flirting with a CSS Object Orientated approach; use classes to define the styles rather than page-based 
               cascades. This helps ensure that "widgets" and things can be used on ANY page and still look correct.
               I have a number of reservations with the "full" approach though, hence this watered down version.
   REFERENCE:  http://wiki.github.com/stubbornella/oocss/faq
   ----------------------------------------------------------------------------------------------------------------------- */
   
/* =pullquotes */
   div.pullquote {
     width : 180px; margin : 0 0 18px 0;
     font-family : TitilliumText22LRegular; font-size : 20px; line-height : 30px; color : #b9c30c; }
   div.pullquote.float-left { margin-right : 20px; }
   div.pullquote.float-right { margin-left : 20px; }
   div.pullquote blockquote {
     margin : 0; }
   div.pullquote blockquote p:before {
     content : "\201d "; }
   div.pullquote blockquote p:after {
     content : "\201d"; }
   div.pullquote blockquote p:last-child {
     margin-bottom : 0; }
   div.pullquote cite {
     font-family : TitilliumText22LBold; font-size : 13px; line-height : 20px; color : #444; font-style : normal; }
     
/* embeded images */
   #content_main div.image {
     border-bottom : 1px solid #ccc; margin-bottom : 0; }
   #content_main div.image img {
     display : block; margin : 0 0 4px 0; }
   #content_main div.image span {
     font-family : TitilliumText22LBold; font-size : 13px; line-height : 20px; color : #444; }
   #content_main div.image a:hover {
     text-decoration : none; }
     
/* related products */
   #content_supp > div.related > div.related_product {
     float : left; margin-right : 20px; }
   #content_supp > div.related > div.related_product img {
     display : block; margin : 0; }
     
/* =header */
   #page_context,
   #site_context {
     position : relative;
     height : 110px; margin-bottom : 40px;
     background : #869109 url(../images/header.jpg) 0 0; }
   #page_context .company,
   #site_context .company {
     margin : 0; }
   #page_context .company a,
   #site_context .company a {
     position : absolute; left : 30px; top : 37px;
     display : block; width : 464px; height : 43px; padding : 5px; }
   #page_context .company a span,
   #site_context .company a span {
     position : absolute; top : 0; left : 0;
     width : 100%; height : 100%;
     background : url(../images/company.jpg) 0 0 no-repeat; }
   #page_context .tagline,
   #site_context .tagline {
     position : absolute; left : -999em;
     overflow : hidden; }
     
/* =nav_main */
   #nav_main {
     position : absolute; top : 110px; left : 0;
     width : 100%; height : 40px; margin : 0;
     background : url(../images/menu.jpg) 0 0 no-repeat; z-index : 100; }
   #nav_main a {
     color : #5b5a5f; }
   #nav_main > ul {
     margin : 0; padding-left : 10px; }
   #nav_main > ul > li {
     position : relative; float : left;
     display : block; margin : 0 15px; padding : 5px; height : 30px; line-height : 30px;
     font-family : TitilliumText22LRegular; font-size : 14px; }
   #nav_main > ul > li > ul {
     position : absolute; left : -40px; top : 39px;
     display : none; width : 143px; padding-top : 20px;
     text-align : center; background : url(../images/drop-menu.png) 0 0 no-repeat;
     font-family : TitilliumText22LBold; }
   #nav_main > ul > li > ul > li {
     padding : 0 3px; }
   #nav_main > ul > li > ul > li > a {
     display : block;
     color : #fff; }
   #nav_main > ul > li > ul > li > a:hover {
     display : block; margin : 0 3px;
     background-color : #d2e13a; }
   #nav_main > ul > li:hover {
     cursor : default; }
   #nav_main > ul > li:hover > ul {
     display : block; }
     
/* =site_info */
   #site_info {
     padding : 40px 73px 0 114px; margin : 0;
     overflow : hidden; background-color : #2e2e2e; color : #fff;
     font-family : TitilliumText22LBold; font-size : 12px; line-height : 18px; }
   #site_info h2 {
     color : #b2cc00; }
   #site_info h3 {
     position : absolute; left : -999em; overflow : hidden; }
   #site_info h4 {
     margin-bottom : 0;
     font-family : TitilliumText22LBold; font-size : 12px; line-height : 18px; }
   #site_info h4 a {
     color : #b2cc00; }
   #site_info ul {
     padding-bottom : 10px; margin-bottom : 20px;
     background-image : url(../images/siteinfo-ul.png) 0 100% no-repeat; }
   #site_info .col_1 ul {
     background : none; }
   #site_info .col_1 ul a {
     color : #b2cc00; }
   #site_info a {
     color : #fff; }
   #site_info .col_1,
   #site_info .col_2,
   #site_info .col_3 {
     float : left;
     width : 138px; margin-right : 30px; }
   #site_info .col_4 {
     float : left;
     width : 138px; margin-right : 13px; }
   #site_info .contact {
     float : left;
     width : 176px; padding : 10px;
     font-family : TitilliumText22LLight; font-size : 12px; line-height : 18px;
     background : #B2CC00 url(../images/siteinfo-contact.png) 100% 100% no-repeat; color : #fff; }
   #site_info .contact h2 {
     font-size : 22px; margin-bottom : 10px; color : #2e2e2e; }
   #site_info .contact p { margin-bottom : 0; }
   #sitemap {
     float : left; }

/* =layout-classes */
   .float-left {
     float : left;
     margin-right : 30px; }
   .float-right {
     float : right;
     margin-left : 20px; }
   .float-left.last {
     margin-right : 0; }
   .clear {
     clear : both; }
   
/* =display-classes */
   .attributed {
     padding : 9px; border : 1px solid #eee;
     background-color : #f6f6f6; }
     
/* =cta.carousel_1 */
   .cta.carousel_1 {
     position : relative; }
   .cta.carousel_1 > div {
     width : 870px; height : 379px; margin : 0 84px;
     overflow : hidden; }
   .cta.carousel_1 h2 {
     margin-bottom : 0;
     font-size : 24px; line-height : 32px; color : #b2cc00; }
   .cta.carousel_1 ul {
     margin : 0; }
   .cta.carousel_1 ul li {
     display : block;
     width : 870px; height : 379px; margin : 0;
     overflow : hidden; list-style-type : none;
     font-family : TitilliumText22LLight; font-size : 24px; line-height : 32px; }
   .cta.carousel_1 img {
     float : left;
     width : 420px; height : 379px; margin : 0;
     overflow : hidden; }
   .cta.carousel_1 li div {
     float : right;
     width : 420px; height : 299px; margin : 0; padding-top : 80px;
     overflow : hidden; }
   .cta.carousel_1 > span {
     position : absolute; top : 0; right : 30px;
     display : block; width : 54px; height : 379px;
     background : #869109 url(../images/carousel_1-buttons.jpg) -108px 0; cursor : pointer; }
   .cta.carousel_1 span.next {
     right : auto; left : 30px;
     background-position : -54px 0; }
   .cta.carousel_1 > span:hover {
     background-position : -162px 0; }
   .cta.carousel_1 > span.next:hover {
     background-position : 0 0; }
   .cta.carousel_1 p {
     margin-bottom : 16px; }
   .cta.carousel_1 p.more a {
     position : relative;
     display : block; width : 109px; height : 17px; padding : 2px;
     font-size : 16px; line-height : 16px; }
   .cta.carousel_1 p.more a span {
     position : absolute; top : 0; left : 0;
     width : 100%; height : 100%;
     background : url(../images/discover_more.png); }
   .cta.carousel_1 p.more a:hover span,
   .cta.carousel_1 p.more a:focus span {
     background-position : 0 -21px; }
     
/* =pages ----------------------------------------------------------------------------------------------------------------
   NOTE:       layout for specific pages 
   ----------------------------------------------------------------------------------------------------------------------- */
   
/* =page ----------------------------------------------------------------------------------------------------------------- */
   body.page #content {
     padding : 60px 114px 40px; margin : 0;
     overflow : hidden; background-color : #f1f1f1; }
   body.page #content_intro {
     float : left;
     width : 390px; margin-bottom : 0; }
   body.page #content_main {
     float : right;
     width : 390px; margin-bottom : 0; }
   body.page #content_supp {
     float : left;
     width : 390px; margin-bottom : 0; }
     
   body.page #content h1 {
     font-family : TitilliumText22LRegular; font-size : 32px; line-height : 32px; color : #b2cc00; }
   body.page #content h2 {
     margin-bottom : 8px;
     font-family : TitilliumText22LRegular; font-size : 22px; line-height : 32px; color : #3b3b3b; }
   body.page #content_main h3 {
     clear : both; /* helps with avoiding odd formatting next to floated elements like pullquotes */ }
   
   body.page div.download {
     overflow : hidden; }
   body.page div.download img {
     float : left; }
   body.page div.download div {
     float : right;
     width : 325px; margin-bottom : 0; }
   body.page div.download div h3 {
     margin-bottom : 6px; }
   body.page div.download div p:last-child {
     margin-bottom : 0; }
     
   body.page div#gallery {
     overflow : hidden; margin-bottom : 40px; }
   body.page div#gallery a,
   body.page div#gallery img {
     display : block; margin : 0; }
   body.page div#gallery ul {
     margin : 0 0 0 -15px; }
   body.page div#gallery ul li {
     float : left;
     display : block; margin : 15px 0 0 15px;
     list-style-type : none; }
     
/* =page-type2 ----------------------------------------------------------------------------------------------------------- */
   body.page2 #content {
     padding : 0 114px 40px; margin : 0;
     overflow : hidden; background-color : #f1f1f1; }
   body.page2 #content_intro {
     margin-bottom : 0;
     overflow : hidden; }
   body.page2 #content_main > div {
     overflow : hidden; }
     
   body.page2 #content_intro {
     margin-bottom : 0;
     background-color : #f1f1f1; }
   body.page2 #content_intro.no-header {
     padding : 60px 114px 0; }
   body.page2 #content_intro img {
     position : absolute;
     display : block; margin : 0; }
   body.page2 #content_intro > div {
     height : 429px; margin-bottom : 0; }
     
   body.page2 #content_main > div {
     border-top : 1px solid #ccc; padding-top : 40px;
     overflow : hidden; }
   body.page2 #content_main > div > div.sfull {
     border-bottom : 0; }
   body.page2 #content_main > div img {
     border-bottom : 0; }
   body.page2 h1 {
     font-family : TitilliumText22LRegular; font-size : 32px; line-height : 32px; color : #b2cc00; }
   body.page2 #content h2 {
     margin-bottom : 8px;
     font-family : TitilliumText22LRegular; font-size : 22px; line-height : 32px; color : #3b3b3b; }
   
/* =home ----------------------------------------------------------------------------------------------------------------- */
   body.home #home_cta {
     width : 1038px; height : 465px; margin-bottom : 70px;
     background : #f1f1f1 url(../images/carousel_1.jpg) 0 0 no-repeat; }
   body.home #content_main .row_1,
   body.home #content_main .row_2 {
     padding : 0 114px;
     overflow : hidden; }
   body.home #content_main .row_1 .left,
   body.home #content_main .row_2 form {
     float : left;
     width : 220px; }
   body.home #content_main .row_1 #products {
     float : right;
     width : 558px;
     background : url(../images/module_products.png) 0 0 no-repeat; }
   body.home #content_main h2 {
     font-size : 32px; line-height : 32px; color : #b2ca13; }
     
   body.home #content_main #products .intro {
     padding : 20px 20px 0 20px; margin-bottom : 0; height : 71px; }
   body.home #content_main #products .intro h3 {
     margin : 0; }
   body.home #content_main #products .details {
     height : 225px; width : 100%; margin : 0;
     overflow : hidden; }
   body.home #content_main #products .product {
     height : 225px; width : 100%; margin : 0;
     overflow : hidden; }
   body.home #content_main #products .product img {
     float : left;
     margin-left : 20px; }
   body.home #content_main #products .product div {
     float : right; margin-right : 20px;
     width : 207px; padding-top : 12px; }
   body.home #content_main #products .product div h4 {
     margin-bottom : 4px;
     color : #b2ca13; }
   body.home #content_main #products > ul {
     margin : 0; padding-bottom : 12px;
     background : url(../images/module_products-bottom.png) 100% 100% no-repeat; overflow : hidden; }
   body.home #content_main #products > ul > li {
     margin : 0;
     list-style : none; list-style-position : outside; }
   body.home #content_main #products > ul > li a {
     float : left; margin : 10px 0 0 10px; }
   body.home #content_main #products > ul > li img {
     display : block; margin : 0; }
     
   body.home #content_main .row_2 h2 {
     font-family : TitilliumText22LRegular; font-size : 22px; line-height : 22px; color : #3b3b3b;
     border-bottom : 1px solid #acc500; padding-bottom : 15px; }
   body.home #content_main .row_2 h2 a {
      color : #3b3b3b; }
     
   body.home #content_main .row_2 form {
     margin : 0 29px 0 0; }
   body.home #content_main .row_2 form fieldset {
     margin-bottom : 0; }
   body.home #content_main .row_2 .updates {
     float : left;
     width : 390px; margin-right : 29px; }
   body.home #content_main .row_2 .publications {
     float : left;
     width : 140px; }
   body.home #content_main .row_2 form label span {
     font-family : TitilliumText22LBold; font-size : 14px; line-height : 20px; }
     
   body.home #keep-in-touch div input {
     float : left; margin-right : 10px;}
   body.home #keep-in-touch ul {
     float : left; }
   body.home #keep-in-touch ul li {
     float : left;
     display : block; margin : 0; padding : 0;
     list-style-type : none; background-image : none; }
   body.home #keep-in-touch ul li a {
     float : left;
     display : block; width : 25px; height : 25px; margin : 0 0 0 5px;
     overflow : hidden; background : url(../images/icon_social.png) 0 0 no-repeat; text-indent : -999em; }
   body.home #keep-in-touch ul li.facebook a {
     background-position : 0 -25px; }
   body.home #keep-in-touch ul li.linkedin a {
     background-position : 0 -50px; }
   body.home #keep-in-touch ul li a:hover {
     background-position : -25px 0; }
   body.home #keep-in-touch ul li.facebook a:hover {
     background-position : -25px -25px; }
   body.home #keep-in-touch ul li.linkedin a:hover {
     background-position : -25px -50px; }
     
   body.home #content_main div.updates > ul {
     margin : 0; }
   body.home #content_main div.updates > ul > li {
     clear : both;
     display : block; margin-left : 0; padding-left : 0;
     list-style-type : none; overflow : hidden; background-image : none;
     font-family : TitilliumText22LRegular; }
   body.home #content_main div.updates > ul > li h3 {
     font-family : TitilliumText22LRegular; margin-bottom : 0;}
   body.home #content_main div.updates > ul > li h3 a {
     color : #b2cc00; }
   body.home #content_main div.updates > ul > li span {
     display : block;
     font-family : TitilliumText22LLight; }
   body.home #content_main div.updates > ul > li > a,
   body.home #content_main div.updates > ul > li > img {
     display : block; color : #404040; }
   body.home #content_main div.updates > ul > li > div {
     float : right; width : 304px; }
   body.home #content_main div.updates > ul > li > img {
     float : left; margin-right : 10px; border-right : 5px solid #b2cc00; }
     
   body.home #content_main div.publications > ul {
     margin : 0; }
   body.home #content_main div.publications > ul > li {
     clear : both;
     display : block; margin-left : 0; padding-left : 0;
     list-style-type : none; overflow : hidden;
     font-family : TitilliumText22LRegular; background-image : none; }
   body.home #content_main div.publications > ul > li span {
     font-family : TitilliumText22LBold; }
   body.home #content_main div.publications > ul > li > a,
   body.home #content_main div.publications > ul > li > a img {
     display : block; color : #404040; }
   body.home #content_main div.publications > ul > li > a > img {
     float : left; margin-right : 10px; }
   body.home #content_main div.publications > a {
     position : relative;
     display : block; width : 120px; height : 16px; line-height : 20px; padding : 2px; }
   body.home #content_main div.publications > a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 100%; height : 100%;
     background : url(../images/button_more-publications.png) 0 0 no-repeat; }
   body.home #content_main div.publications > a:hover span {
     background-position : 0 -20px; }
     
   body.home #content_main div.image {
     border-bottom : 0; }
     
/* =news.archive --------------------------------------------------------------------------------------------------------- */
   body.news.archive #content {
     padding : 60px 114px 0; margin-bottom : 0;
     overflow : hidden; background-color : #f1f1f1; }
   body.news.archive #content_main {
     float : left;
     width : 558px; }
   body.news.archive #content_supp {
     float : right;
     width : 140px; margin-top : 11px; }
   body.news.archive #content_main h1 {
     font-family : TitilliumText22LRegular; font-size : 32px; line-height : 32px; color : #59575a;
     border-bottom : 1px dotted #59575a; padding-bottom : 15px; }
   body.news.archive #content_main h2 {
     margin-bottom : 8px;
     font-family : TitilliumText22LRegular; font-size : 22px; line-height : 32px; color : #3b3b3b; }
   body.news.archive #content_main h2 a {
     color : #b2cc00; }
   
   body.news.archive #content_main .article {
     border-bottom : 1px dotted #3b3b3b;
     overflow : hidden;
     font-family : TitilliumText22LRegular; font-size : 14px; line-height : 20px; }
   body.news.archive #content_main .article > img {
     float : left; display : block; margin-bottom : 0; }
   body.news.archive #content_main .article > div {
     float : right;
     width : 390px; margin-bottom : 0; }
   body.news.archive #content_main .article p.meta {
     font-family : TitilliumText22LRegular; font-size : 16px; line-height : 20px; color : #8a8b8d; }
   body.news.archive #content_main .article p.meta a {
     color : #8a8b8d; }
     
   body.news.archive #content_supp h2 {
     border-bottom : 1px dotted #3b3b3b; padding-bottom : 14px;
     font-size : 14px; line-height : 20px; }
   body.news.archive #content_supp ul {
     margin : 0; }
   body.news.archive #content_supp ul li {
     list-style-type : none;
     padding : 0 0 0 20px; }
   body.news.archive #content_supp ul li.current {
     background : url(../images/li.png) 0 2px no-repeat; }
     
/* =news.item ------------------------------------------------------------------------------------------------------------ */
   body.news.item #content {
     padding : 60px 114px 0; margin : 0;
     overflow : hidden; background-color : #f1f1f1; }
   body.news.item #content_main {
     float : right;
     width : 390px; margin-bottom : 0; }
   body.news.item #content_supp {
     float : left;
     width : 390px; margin-bottom : 0; }
     
   body.news.item #content h1 {
     font-family : TitilliumText22LRegular; font-size : 32px; line-height : 32px; color : #b2cc00; }
   body.news.item #content h2 {
     margin-bottom : 8px;
     font-family : TitilliumText22LRegular; font-size : 22px; line-height : 32px; color : #3b3b3b; }
   
   body.news.item div.download {
     overflow : hidden; }
   body.news.item div.download img {
     float : left; }
   body.news.item div.download div {
     float : right;
     width : 325px; margin-bottom : 0; }
   body.news.item div.download div h3 {
     margin-bottom : 6px; }
   body.news.item div.download div p:last-child {
     margin-bottom : 0; }
     
   body.news.item div#gallery {
     overflow : hidden; margin-bottom : 40px; }
   body.news.item div#gallery a,
   body.news.item div#gallery img {
     display : block; margin : 0; }
   body.news.item div#gallery ul {
     margin : 0 0 0 -15px; }
   body.news.item div#gallery ul li {
     float : left;
     display : block; margin : 15px 0 0 15px;
     list-style-type : none; }
     
   body.news.item .news_item .meta p {
     display : inline; }
   body.news.item #content_supp h2 {
     position : absolute; left : -999em; overflow : hidden; }
     
/* =product.overview ----------------------------------------------------------------------------------------------------------------- */
   body.product.overview #content {
     padding : 60px 114px 0; margin : 0;
     overflow : hidden; background-color : #f1f1f1; }
   body.product.overview #content_intro {
     margin-bottom : 0; }
   body.product.overview #content_intro img {
     position : absolute;
     display : block; margin : 0; }
   body.product.overview #content_intro > div {
     height : 429px; margin-bottom : 0; }
   body.product.overview #content_main > div {
     border-top : 1px solid #ccc; padding-top : 40px;
     overflow : hidden; }
   body.product.overview #content_main > div > img {
     float : left; }
   body.product.overview #content_main > div > div {
     float : right;
     width : 390px; }
   body.product.overview #content_main > div.odd > img {
     float : right; }
   body.product.overview #content_main > div.odd > div {
     float : left;
     width : 390px; }
   body.product.overview #content_main > div > div p.more a {
     position : relative;
     display : block; width : 113px; height : 21px; }
   body.product.overview #content_main > div > div p.more a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 100%; height : 100%;
     background : url(../images/discover_more.png) 0 0 no-repeat; }
   body.product.overview #content_main > div > div p.more a:hover span,
   body.product.overview #content_main > div > div p.more a:focus span {
     background-position : 0 -21px; }
   
   body.product.overview #content_intro.no-header h1 { position : absolute; left : -999em; overflow : hidden; }


/* =product.detail ----------------------------------------------------------------------------------------------------------------- */
   body.product.detail #content {
     padding : 60px 114px 0; margin : 0;
     overflow : hidden; background-color : #f1f1f1; }
   body.product.detail #content_main {
     float : right;
     width : 390px; margin-bottom : 0; }
   body.product.detail #content_supp {
     float : left;
     width : 390px; margin-bottom : 0; }
     
   /* headings in content_main */
   body.product.detail #content h1 {
     font-family : TitilliumText22LBold; font-size : 32px; line-height : 32px; margin-bottom : 8px; color : #b2cc00; }
   body.product.detail #content h1 + h2 {
     margin-bottom : 16px;
     font-family : TitilliumText22LThin; font-size : 32px; line-height : 32px; color : #9e9ea2; }
   body.product.detail #content h1 + h2 strong {
     font-family : TitilliumText22LRegular; }
   body.product.detail #content_main h3 {
     border-bottom : 1px dotted #9e9ea2;
     font-size : 20px; }
     
   /* headings in content_supp */
   body.product.detail #content_supp h2 {
     font-size : 20px; margin-bottom : 0; }
     
   body.product.detail div.download {
     overflow : hidden; }
   body.product.detail div.download img {
     float : left; }
   body.product.detail div.download div {
     float : right;
     width : 325px; margin-bottom : 0; }
   body.product.detail div.download div h3 {
     margin-bottom : 6px; }
   body.product.detail div.download div p:last-child {
     margin-bottom : 0; }
     
   body.product.detail div#gallery {
     overflow : hidden; margin-bottom : 40px; }
   body.product.detail div#gallery h2 {
     margin-top : 24px; }
   body.product.detail div#gallery a,
   body.product.detail div#gallery img {
     display : block; margin : 0; }
   body.product.detail div#gallery ul {
     margin : 0 0 0 -15px; }
   body.product.detail div#gallery ul li {
     float : left;
     display : block; margin : 15px 0 0 15px;
     list-style-type : none; }
     
/* =contact.page
------------------------------------------------------------------------------------------------------------ */

	form label span {margin-bottom: 5px;}
	form label input {width: 90%; padding: 6px; }
	form label select {width: 94%;}
	form input[type="submit"] {
	  width: auto; padding: 10px 8px;
	  background: #B2CC00; border: none;
	  color: #2E2E2E; font-family: 'TitilliumText22LBold',Arial,sans-serif; font-size: 14px;}
	
	body.page.contact ul#map_nav {margin:10px 0 4px 0;}
	body.page.contact ul#map_nav li {
	  position: relative; display: inline;
	  color: #2E2E2E; font-family: 'TitilliumText22LBold',Arial,sans-serif; }
	body.page.contact ul#map_nav li a {
		padding: 6px 8px;
		font-size: 12px;}
    body.page.contact ul#map_nav li a.enabled {background: #B2CC00; color: #2E2E2E;}
	body.page.contact ul#map_nav li a span {
	width: 80px; height: 27px; 
	position: absolute; top: 0; left: 0;
	background: transparent; }
		
	body.page.contact #address-2 {display: none;}


/* =404.page
------------------------------------------------------------------------------------------------------------ */

	body.error #content {
	  min-height : 650px; }