/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   
   --------------------------------------------------------------------------------------------------------------------------
   FILE INFO
   Revision number:  1.1.1
   Last updated:     2008/10/14
   Last updated by:  Matt Wilcox
   ----------------------------------------------------------------------------------------------------------------------- */

/* =global_reset | based on 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; }

   /* remember to define focus styles! */
   :focus {
     outline: 0; }

   /* 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 | based on http://alistapart.com/articles/settingtypeontheweb/
                          http://24ways.org/2006/compose-to-a-vertical-rhythm/
                          
    NOTE: found that margin-top applied to everything is be a pain - it often messes up layout and requires jumping through
          hoops to fix, so have stopped doing this as a default and now add top margin manually when required instead.
    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.
   ----------------------------------------------------------------------------------------------------------------------- */
   body {
     font : 75%/1.5 Helvetica, Arial, Verdana, sans-serif; }
   html > body {
     font-size : 12px; }
   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,
   .home h2 { font-size : 24px; line-height: 36px; margin-bottom: 18px; font-weight : normal; }
   h2 { font-size : 20px; 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; }
     
   @font-face {
     font-family: "Journal";
     src: url("../fonts/journal.ttf");
   }

   
/* =design | now the browser reset and basic typographic layout is done, lets get designing
   ----------------------------------------------------------------------------------------------------------------------- */
   
/* =html =body */
   html {
     background : #fff url(../images/html.png) 0 20px repeat-x; color : #3e3d40; font-family: helvetica, arial, sans-serif;}
   body { font-family: helvetica, arial, sans-serif;
     background : url(../images/line-top.png) 0 0 repeat-x; }
   
/* =h1 */
   
/* =h2 */
   h1, h2, h3, h4, h5, h6 { color : #f60; }
   #content_supp h2 {
     background-color : #eee; }
     
   #nav_main h2,
   #sitemap h2,
   #site_info h2,
   #module_products h2,
   form#newsletter-signup h2,
   form#newsletter-signup h3,
   form#newsletter-signup h4,
   #wrapper h2,
   #nav_product h2 {
     position : absolute; left : -999em;
     overflow : hidden; }
     
    #content_main h2.rss a,
    #content_main h2.rss a:link,
    #content_main h2.rss a:visited,
    #content_main h2.rss a:hover,
    #content_main h2.rss a:active {    
      padding: 0 18px 0 0; 
      text-decoration: none; background: transparent url(/assets/images/feed-icon-14x14.png) no-repeat 100% 50%;}
     
/* =h3 */
   #nav_task h3 {
     position : absolute; left : -999em;
     overflow : hidden; }
     
   #sitemap li h3 {
     border-bottom : 1px solid #e9e9e9; margin-left : 0;
     font-size : 12px; font-weight : bold; color : #9f9f9f; }
     
/* =h4 */
   body.page #content_main h4 {
     font-size : 12px; font-weight : bold; }

/* =p */
   p.pagination {
     display: block; margin-top: 20px !important;
     text-align: center; font-size: 10px;
   }
   p.accessibility {
     position : absolute;
     margin : -3.5em 0 0 0;
     z-index : 2; }
     
   blockquote p:before {
     content : "\201c"; }
   blockquote p:after {
     content : "\201d"; }
   blockquote p.author {
     color : #a8bf40; }
   blockquote p.author:before,
   blockquote p.author:after {
     content : ""; }
     
   .attributed p {
     margin-bottom : 0; }
     
   label p.error {
     padding : .5em; color : #fff;
     background : #c00; text-align : left; }
     
   #site_info p {
     position : relative;
     margin-top : 12px; width : 920px;
     font-size : 13px; }
   #site_info p span {
     position : absolute; right : 0; }
     
   p.emphasis {
     font-size : 17px; color : #005e81; }
     
   body.home #site_context p {
     position : absolute; left : -999em; overflow : hidden; }
     
   body.page p.intro { 
     font-size: 18px; line-height: 18px; margin-bottom: 18px; color: #999;}
     
   p.rss {
 	   padding: 0 0 0 18px;
     background: transparent url(/assets/images/feed-icon-14x14.png) no-repeat 0 50%; line-height: 14px; }
   }
     
/* =blockquote */
   blockquote {
     clear : both; }

/* =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; }
   #nav_main ul,
   #sitemap ul {
     margin : 0; list-style-type : none; }
   #content_main ul {
     margin-left : 1.2em; }
   
/* =ol */
   #content ol {
     margin-left : 1.6em;
     list-style : decimal outside; }

/* =li */
   li {
     margin : .5em 0; }
   #nav_main li {
     display : inline; }
   #sitemap li {
     list-style-type : none; margin : 0; font-size : 10px; }
     
   #sitemap li.item_1 {
     float : left;
     width : 140px; margin-right : 15px; }
   #sitemap li.item_2 {
     float : left;
     width : 300px; margin-right : 15px; }
   #sitemap li.item_3 {
     float : left;
     width : 140px; margin-right : 15px; }
   #sitemap li.item_4 {
     float : left;
     width : 140px; }
   #sitemap li.item_5 {
     float : left;
     width : 140px; margin-right : 15px; }
     
   #sitemap li.item_2 ul {
     float : left;
     width : 140px; }
     
   #sitemap ul li ul li {
     margin-bottom : 2px; }
   
   #content_main ul li {
     padding-left : 18px;
     list-style-type : none; background : url(../images/content_main-li.png) 0 4px no-repeat; }

   ul.longlist {
   	width: 50%;
   	float: left;
   	height: auto;
   }

/* =img */
   img,
   img a { border : none; }
   .attributed img {
     margin : 0; }
     
   #site_info .item_1 {
     position : relative; top : 14px; }
   #accreditations img {
     margin-left : 10px; }
     
   #register_member_form img.validation_icon,
   #register_member_form img#loader {
     z-index: 100; position: absolute; right: 3px !important; top: 11px !important; }
     
   .col2 div {
     overflow:hidden; }
   .col2 div img {
     float: left; margin-right: 9px; margin-bottom: 0pt; }
   
/* =hr */
   hr { display : none; }

/* =a */
   a:link    { color : #FF6600; text-decoration : none; }
   a:visited { color : #FF6600; text-decoration : none; }
   a:hover   { text-decoration : none; }
   a:focus   {  }
   a:active  { outline : none; }
   :target   {  }
   
   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; }
     
   #site_context a,
   #page_context a {
     position:relative; top : 10px;
     display : block; width : 450px; height : 51px; }
   #accreditations a {
     margin-left : 20px; }
     
   #sitemap li a {
     color : #9f9f9f; }
     
   #content_main a { text-decoration: none; }
   #content_main a:hover,
   #content_main a:focus { color : #000000; }
       
/* =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 : auto;
     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; font-family: helvetica, arial, sans-serif; }

/* =select */
   label select {
     width : 100%; }
   select:focus {
     background-color : #ff9; }
     
/* =div */
   #container {
     position : relative;
     width : 920px; margin : 0 auto; padding-top : 36px; background : url(../images/container.png) 0 143px no-repeat; }
   body.home #container {
     background-image : none; }
   #page_context,
   #site_context  {
     height : 122px; }
   #nav_main {
     position : absolute; top : 113px; left : 0;
     display : block; width : 949px; height : 29px; margin : 0; }
   #content {
     margin-top : 66px;
     overflow : hidden; }
   body.product #content {
     margin-top : 96px; }
  
   #content_main {
     float : left;
     width : 620px; }
   #content_sub {
     float : left;
     margin-left : 40px; width : 260px; }
     
   #nav_task {
	   position : absolute; top : 0; right : 0;
	   display : block; width : 600px; height : 27px; margin : 0; }
	 #non-semantic-1 {
	   background : url(../images/non-semantic-1.png) 0 0 repeat-x; }
	 #non-semantic-2 {
	   width : 920px; margin : 0 auto;
	   overflow : hidden; border-top : 1px solid #666; }
	 #sitemap {
	   padding : 96px 0 20px 0; }
	 #site_info {
	   color : #9f9f9f; }
	 #accreditations {
	   position : absolute; top : 10px; left : 392px; width : 505px; }
	   
	 div.image {
	   display : block; width : 188px; height : 118px; padding : 11px;
	   background : url(../images/screenshot.jpg) 0 0 no-repeat; }

   body.home #site_context,
   body #page_context {
     position : relative;
     display : block; width : 450px; height : 56px; margin : 0; }
   body #page_context {
     height : 122px; }
     
/* =span */
   label span {
     display : block; }
   label.boolean span {
     display : inline; }
   
   #site_context a span,
   #page_context a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 450px; height : 51px;
     background : url(../images/logo.png) 0 0 no-repeat; }
   
/* =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; }
     
   /* full width portions */
   .one-third {
     width : 300px; text-align : justify; /* text align to show column bounds */ }
   .two-thirds {
     width : 630px; text-align : justify; /* text align to show column bounds */ }
   .half {
     width : 465px; text-align : justify; /* text align to show column bounds */ }
     
   /* portions inside a two-third parent portion */
   .two-thirds .one-third {
     width : 190px; }
   .two-thirds .two-thirds {
     width : 410px; }
   
/* =display-classes */
   .attributed {
     padding : 9px; border : 1px solid #eee;
     background-color : #f6f6f6; }
     
/* main navigation */

   /* place and size the anchors in their default state */
   #nav_main li {
     display: inline; padding : 0; margin : 0; }
   #nav_main a {
     float : left;
     display : block; height : 28px; line-height : 28px; padding : 0 17px; margin : 0;
     border : 1px solid #ddd; border-bottom-color : #eee;
     -moz-border-radius : 3px 3px 0 0; -webkit-border-radius : 3px 3px 0 0; border-radius : 3px 3px 0 0;
     text-align : center; background : #fff url(../images/tab-gradient.png) repeat-x; color : #000; }
     
   #nav_main a:hover {
     color : #fff; }
   #nav_main li#nav- a { border-bottom : 0; }
     
   /* make the current page a "selected" tab.
      This requires increasing the anchor size by a pixel on the left so it masks the vertical seperator. */
   #nav_main .current a {
     background-color : #666; background-image : none; border-color : #666; color : #fff; }
    
/* sub navigation */
   #nav_sub {
     position : absolute; top : 143px; left : 0;
     width : 920px; -moz-border-radius : 0 0 3px 3px; -webkit-border-radius : 0 0 3px 3px; border-radius : 0 0 3px 3px;
     background-color : #666; }
   #nav_sub h2 {
     position : absolute; left : -999em;
     overflow : hidden; }
   #nav_sub ul {
     margin : 0;
     list-style-type : none; }
   #nav_sub li {
     display : inline; }
   #nav_sub li a {
     padding : 4px; margin : 6px; line-height : 34px; color : #fff; }
   #nav_sub li.current a {
     -moz-border-radius : 3px; -webkit-border-radius : 3px; border-radius : 3px;
     background-color : #c60; }

/* contextual navigation (top right) */
   /* There's no way to gracefully degrade if JS isn't enabled as this is a simulated drop-down, so just hide the content in CSS here */
   #nav_task > ul > li {
     display : inline; }
   #nav_task p {
     position : absolute; top : 20px; right : 270px;
     font-size : 11px; }
   #nav_task p a {
     margin : 0 3px;
     color : #999; }
   #nav_task p a:hover {
     color : #f60; }
   #nav_task li.item_5 ul {
	   position : absolute; left : -999em;
	   -webkit-box-shadow: 0 20px 20px rgba(0,0,0,.25); -moz-box-shadow: 0 20px 20px rgba(0,0,0,.25); box-shadow: 0 20px 20px rgba(0,0,0,.25);
	   overflow : hidden; }
	   
	 #nav_task li.item_5 h4 {
	   position : absolute; top : 15px; right : 1px;
	   display : block; width : 261px; height : 27px; padding-top : 0px;
	   text-align : center; font-size : 12px; }
	   
	 /* place the spans over the anchor so we can put the graphic over the top of the text */
	 #nav_task li.item_5 h4 span {
	   position : absolute; top : 0; left : 0px;
	   display : block; width : 261px; height : 27px;
	   background : url(../images/nav_task.jpg) 0 0 no-repeat; }
	   
	 /* give them some hover/focus interaction */
	 #nav_task li.item_5 h4:hover span,
	 #nav_task li.item_5.hover h4 span {
	   background-position : 0 -27px; }
	   
	 /* this behaves as a drop down, and needs styling accordingly */
	 #nav_task li.item_5 li {
	   margin : 0; }
	 #nav_task li.item_5:hover,
	 #nav_task li.item_5.hover {
	   cursor : pointer; }
   #nav_task li.item_5:hover ul,
   #nav_task li.item_5.hover ul {
	   top : 40px; left : auto; right : 0;
	   width : 259px; border : 1px solid #e7e7e7;
	   background-color : #fff; }
	 #nav_task li.item_5 a {
	   display : block; padding : 6px 14px; }
	 #nav_task li.item_5 a:hover {
	   background-color : #f60; color : #fff; text-decoration : none; }
	   
/* product navigation */
   #nav_product {
     position : absolute; top : 146px; }
   #nav_product ul {
     list-style-type : none; }
   #nav_product ul li {
     display : inline; }
     
   /* place and size the anchors in their default state */
   #nav_product a {
     position : absolute; top : 0; left : 0;
     display : block; width : 88px; height : 36px;
     text-align : center; }
   #nav_product .item_1 a {
     left : 0px;
     width : 73px; }
   #nav_product .item_2 a {
     left : 73px;
     width : 133px; }
   #nav_product .item_3 a {
     left : 206px;
     width : 118px; }
   #nav_product .item_4 a {
     left : 324px;
     width : 71px; }
   #nav_product .item_5 a {
     left : 395px;
     width : 77px; }
   #nav_product .item_6 a {
     left : 471px;
     width : 74px; }
   
   /* spans */
   #nav_product span {
     position : absolute; top : 0; left : 0;
     display : block; width : 100%; height : 100%;
     background : url(../images/nav_product.png) 0 0 no-repeat; }
   #nav_product .item_2 span {
     background-position : -73px 0; }
   #nav_product .item_3 span {
     background-position : -206px 0; }
   #nav_product .item_4 span {
     background-position : -324px 0; }
   #nav_product .item_5 span {
     background-position : -395px 0; }
   #nav_product .item_6 span {
     background-position : -471px 0; }
     
   /* spans hover */
   #nav_product a:hover span,
   #nav_product a:focus span {
     background-position : 0 -36px; }
   #nav_product .item_2 a:hover span,
   #nav_product .item_2 a:focus span {
     background-position : -73px -36px; }
   #nav_product .item_3 a:hover span,
   #nav_product .item_3 a:focus span {
     background-position : -206px -36px; }
   #nav_product .item_4 a:hover span,
   #nav_product .item_4 a:focus span {
     background-position : -324px -36px; }
   #nav_product .item_5 a:hover span,
   #nav_product .item_5 a:focus span {
     background-position : -395px -36px; }
   #nav_product .item_6 a:hover span,
   #nav_product .item_6 a:focus span {
     background-position : -471px -36px; }
     
   /* make the current page a "selected" tab.
      This requires increasing the anchor size by a pixel on the left so it masks the vertical seperator. */
   body.overview #nav_product .item_1 span {
     background-position : 0 -72px; }
     
   body.why-bacsactive-ip #nav_product .item_2 a {
     left : 72px; width : 134px; }
   body.why-bacsactive-ip #nav_product .item_2 span {
     background-position : -73px -72px; }
     
   body.web-professional #nav_product .item_3 a {
     left : 204px; width : 120px; }
   body.web-professional #nav_product .item_3 span {
     background-position : -207px -72px; }
   
   body.business #nav_product .item_4 a {
     left : 323px; width : 73px; }
   body.business #nav_product .item_4 span {
     background-position : -326px -72px; }
     
   body.enterprise #nav_product .item_5 a {
     left : 393px; width : 77px; }
   body.enterprise #nav_product .item_5 span {
     background-position : -398px -72px; }
    
   body.total-bacs #nav_product .item_6 a {
     left : 470px; width : 76px; }
   body.total-bacs #nav_product .item_6 span {
     background-position : -476px -72px; }
     
/* homepage */
   body.home #content_main {
     width : 920px; margin-bottom : 0;}
   body.home #content_supp {
     clear : both; }
     
   body.home #splash {
     float : left;
     width : 290px; margin-left : 20px; }
   body.home #splash h2 {
     color : #f60; font-size : 20px; font-weight : normal; margin-bottom : 6px; }
   body.home #col-left {
     float : left; width : 606px; margin-bottom : 0; }
   body.home #content_main img {
     border : 3px solid #f60;
     width : 600px; height : 346px; }
   body.home #splash p {
     font-size : 11px; line-height : 14px; }
   body.home #splash ul {
     position : absolute; bottom : 10px; left : 0px; margin : 0; }
   body.home #splash ul li {
     display : inline; padding : 0; background : none; }
   body.home #splash ul li a {
     float : left;
     display : block; width : 197px; height : 36px; padding : 0 10px; line-height : 36px; margin-left : 10px; -moz-border-radius : 6px; -webkit-border-radius : 6px; border-radius : 6px;
     background : url(../images/home-buttons.png) 0 0 no-repeat; color : #fff; font-size : 18px; text-decoration : none; }
   body.home #splash ul li.item_2 a {
     background-position : 0 -36px; }
   body.home #splash ul li.item_3 a {
     background-position : 0 -72px; }
   body.home #splash ul li.item_4 a {
     background-position : 0 -108px; }
   body.home #splash ul li a:hover,
   body.home #splash ul li a:focus {
     text-decoration : underline; }
     
   body.home #content_supp h2 {
     margin : 0; height : 22px;
     background : transparent url(../images/choose-a-solution.png) 0 0 no-repeat; text-indent : -999em; overflow : hidden; }
     
   body.home #areas {
     clear : both;
     margin : 0 0 0 -48px; overflow : hidden; }
   body.home #areas li {
     display : inline;
     list-style-type : none; list-style-position : outside; }
   body.home #areas li a {
     display : block; float : left; width : 145px; margin-left : 48px;
     text-align : center; overflow : hidden; font-size : 15px; color : #666; }
   body.home #areas li a:hover {
     text-decoration : none; }
   body.home #areas img {
     display:block; width : 141px; height : 77px; margin : 0 0 6px 0; border : 2px solid #ccc; }
   body.home #areas li a:hover img {
     border-color : #f60; }
     
   /* style the product module as though jQuery is not available */
   #module_products {
     position : relative; float : left;
     width : 620px; margin-bottom : 40px; padding-bottom : 1px;
     background : url(../images/home_module-products.png) 0 100% no-repeat; font-size : 14px; }
   #module_products div {
     position : relative;
     margin : 0 20px 40px 30px; padding-top : 20px; border-top : 1px solid #ddd; }
   #module_products ul {
     position : relative;
     display : block; width : 620px; height : 250px; margin : 0;
     list-style-type : none; background : url(../images/home_products.jpg) 0 0 no-repeat; }
   #module_products ul li {
     float : left;
     display : block; margin : 0; padding : 0; height : 190px;
     background-color : #005; }
   #module_products ul li.item_1 {
     width : 110px; }
   #module_products ul li.item_2 {
     width : 130px; }
   #module_products ul li.item_3 {
     width : 125px; }
   #module_products ul li.item_4 {
     width : 125px; }
   #module_products ul li.item_5 {
     width : 130px; }
   
   #module_products ul li a {
     position : relative;
     display : block; width : 100%; height : 100%;
     text-align : center; font-size : 14px; }
   #module_products ul li a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 100%; height : 100%;
     background : url(../images/home_products.jpg) 0 0 no-repeat; }
     
   #module_products ul li.item_2 span {
     background-position : -110px 0; }
   #module_products ul li.item_3 span {
     background-position : -240px 0; }
   #module_products ul li.item_4 span {
     background-position : -365px 0; }
   #module_products ul li.item_5 span {
     background-position : -490px 0; }
     
   #module_products #mp_overview {
     margin-top : -50px; }
   #module_products div em {
     font-size : 16px; color : #005e81; font-style : normal; }
     
   /* hover state */
   #module_products ul li a:hover,
   #module_products ul li a:focus {
     background-color : #33b; }
   #module_products ul li.item_1 a:hover span {
     background-position : 0 -250px; }
   #module_products ul li.item_2 a:hover span {
     background-position : -110px -250px; }
   #module_products ul li.item_3 a:hover span {
     background-position : -240px -250px; }
   #module_products ul li.item_4 a:hover span {
     background-position : -365px -250px; }
   #module_products ul li.item_5 a:hover span {
     background-position : -490px -250px; }
     
     /* Flash banner on homepage */
          
	#splash object {
    	width: 940px;
    	height: 330px;
    	display: block;
   	 	float: left;
    	margin: -20px 0px 0px -40px
	}
   
     /* content area */
     #module_products h3 {
       font-family : "Myriad Pro", Helvetica, Arial; font-size : 26px; letter-spacing : -1px; color : #005e81; }
     #module_products h3 a {
      color : #005e81; }
   
   /* style the product module as though jQuery is available */
	 #module_products.jquery-available {
	   width : 620px; height : 456px; }
	   
	 /* advert section */
	 #advert {
	   float : left;
	   margin : 0 34px 0 0;
	   background-color : #eee; }
	 #advert,
	 #advert a,
	 #advert a span {
	   position : relative;
	   display : block; width : 286px; height : 220px; }
	 #advert a {
	   position : absolute; top : 0; left : 0;
	   height : 120px; padding-top : 100px; }
	 #advert a span {
	   position : absolute; top : 0; left : 0;
	   background : url(/images/c02.jpg) 0 0; }
	   
	 /* news */
	 #module_news {
	   float : left; position : relative;
	   width : 283px; margin-bottom : 0; border : 1px solid #dedede; padding-bottom : 10px;
	   -moz-border-radius : 0 0 3px 3px; -webkit-border-radius : 0 0 3px 3px; border-radius : 0 0 3px 3px; }
	 #module_news h2 {
	   position : relative;
	   display : block; width : 285px; height : 31px; margin : 0 0 12px 0; padding : 0;
	   font-size : 14px; line-height : 28px; }
	 #module_news h2 a {
	   position : absolute; top : 17px; right : 103px;
	   font-size : 11px; line-height : 11px; font-family : Helvetica, Arial; }
	 #module_news h2 span {
	   position : absolute; top : -1px; left : -1px;
	   display : block; width : 285px; height : 32px;
	   background : url(../images/latest-news-top.png) 0 0 no-repeat; }
	 #module_news h3 {
	   margin : 10px 18px 0;
	   font-size : 11px; line-height : 14px; }
	 #module_news h3 a {
	   color : #000; font-weight : bold; }
	 #module_news h3 a span { color: #00446B; }
	 #module_news p {
	   font-size : 10px; margin : 0 18px; }
	 #module_news p.rss a {
	   position: absolute; right: 7px; top: 4px;
	   padding: 0 0 0 18px;
	   background: transparent url(/assets/images/feed-icon-14x14.png) no-repeat 0 50%; line-height: 14px; }
	 #module_news p.more {
	   text-align : right; font-weight : bold; }
	 #module_news p.more.line {
	   border-bottom: 1px solid rgb(222, 222, 222); text-align: right; padding-bottom: 6px; }
	   
	 /* calls to action */
	 div#calls-to-action {
	   position : relative; float : left;
	   width : 290px; margin : 0 25px 0 0; }
	 div#calls-to-action ul {
	   list-style-type : none; margin : 0 0 0 0;
	   overflow : hidden; }
	 div#calls-to-action li,
	 div#content_main #calls-to-action li {
	   display : inline; list-style-type : none; padding-left : 0; }
	 div#calls-to-action a {
	   float : left; position : relative;
	   display : block; width : 140px; height : 50px;
	   text-align : center; background : #000; }
	 div#calls-to-action .item_1 a {
	   margin-right : 10px; }
	 div#calls-to-action a span {
	   position : absolute; top : 0; left : 0;
	   display : block; width : 140px; height : 50px; }
	 div#calls-to-action .item_1 a span {
	   background : url(../images/calls-to-action.png) 0 0 no-repeat; }
	 div#calls-to-action .item_2 a span {
	   background : url(../images/calls-to-action.png) -160px 0 no-repeat; }
	   
	 div#calls-to-action .item_1 a:hover span {
	   background-position : 0 -50px; }
	 div#calls-to-action .item_2 a:hover span {
	   background-position : -160px -50px; }
	   
	 /* newsletter signup */
	 form#newsletter-signup {
	   position : relative; float : left;
	   width : 280px; height : 154px;
	   background : #eee url(../images/newsletter-bg.jpg) 0 0 no-repeat; }
	 .home form#newsletter-signup { 
	 	height : 144px; }
	 form#newsletter-signup p {
	   position : relative;
	   width : 260px; height : 34px; margin : 0; overflow : hidden; }
	 body.home form#newsletter-signup p { width : 280px; }
	 form#newsletter-signup p span {
	   position : absolute; top : 0; left : 0;
	   display : block; width : 100%; height : 100%;
	   background : url(../images/newsletter-small-bg.jpg) 0 0 no-repeat; }
	 body.home form#newsletter-signup p span {
	   background-image : url(../images/newsletter-bg.jpg);}
	 form#newsletter-signup a.privacy { text-align: left; width: 40px; background: none; position: relative;
		top: -86px; left: 168px; }
	 body.home form#newsletter-signup a.privacy { 
	 	background: none; position: relative;
		top: -86px; left: 206px; }	 
	 #newsletter-signup fieldset {
	   margin : 0 12px; }
	 #newsletter-signup label {
	   width : 100%; margin : 0; }
	 #newsletter-signup label input {
	   width : 180px; height : 20px; line-height : 14px; border : 0; margin : 0; padding : 4px 6px 0;
	   background : #ccc url(../images/newsletter-input.png) 0 0 no-repeat; font-size : 12px; color : #888; }
	 form#newsletter-signup a {
	   position : absolute; top : 145px; left : 20px;
	   display : block; width : 97px; height : 13px;
	   font-size : 10px; }
	 form#newsletter-signup a span {
	   position : absolute; top : 0; left : 0;
	   display : block; width : 100%; height : 100%;
	   background : url(../images/newsletter-bg.jpg) -20px -145px no-repeat; }
	 form#newsletter-signup input.submit {
	   float : right; }
	   
	   /* jquery enabled */
	   form#newsletter-signup.jquery-available label {
	     margin-top : 10px; }
	   form#newsletter-signup.jquery-available input.submit {
	     float : none; position : absolute; top : 113px; left : 215px;
	     background: url("/assets/images/submit.png") no-repeat scroll 0 0 transparent;
	     text-indent: -9999px; border: none;
    /* height: 40px;
    width: 90px; */ }
	     
  body.page form#newsletter-signup {
    width : 240px;
    background : url(../images/newsletter-small-bg.jpg) 0 0 no-repeat; }
  body.page form#newsletter-signup p {
    width : 220px; }
  body.page #newsletter-signup label {
    width : 150px; }
  body.page #newsletter-signup label input {
    width : 138px; background-image : url(../images/newsletter-small-input.png); }
  body.page form#newsletter-signup.jquery-available input.submit {
    left : 177px; }
	     
  /* demo/case-study widget */
  #wrapper {
    width : 260px; height : 206px;
    background : url(../images/home-module-demo-bg.png) 0 0 no-repeat; overflow : hidden; }
  .product #wrapper {
    background-image : url(../images/product-module-demo-bg.png);}
  #wrapper #controls {
    display : block; width : 260px; height : 43px; }
  #controls #c_demo {
    float : left;
    display : block; width : 130px; height : 34px;
    cursor : pointer; }
  #controls #c_case-study {
    float : left;
    display : block; width : 130px; height : 34px;
    cursor : pointer; }
  #module_case-study,
  #module_request-a-call {
    margin : 20px 20px 0 20px;}
    
/* interior page */
  body.page #content {
    margin-top : 20px; padding-top : 20px; }
  body.page #splash {
    position : relative;
    width : 920px; height : 256px; margin-top : -20px;
    overflow : hidden; }
  body.page.signup-complete #splash {
    position : relative;
    width : 920px; height : 100px; margin-top : -20px;
    overflow : hidden; }
  body.page #splash span {
    position : absolute; top : 0; left : 0;
    width : 920px; height : 256px; -moz-border-radius : 6px; -webkit-border-radius : 6px; border-radius : 6px;
    background : url(../../images/splash-1.jpg) 0 0 no-repeat; }
  body.page #splash.thin,
  body.page #splash.thin span {
    height : 100px; }
    
  body.page #content_main {
    float : left;
    width : 650px; }
  body.page #content_supp {
    float : right;
    width : 240px; }
  
  body.page #content_main div.col1 {
    float : left;
    width : 400px; }
    
    body.page #content_main a, body.page #content_main a:visited, body.page #content_main a:active,
	body.page #content_main div a, body.page #content_main div a:visited, body.page #content_main div a:active {
		text-decoration: none; color: #666; border-bottom: 1px dotted #666; }	
	body.page #content_main div a:hover {
		text-decoration: none; color: #000000; border-bottom: 1px solid #000000; }    
    
	body.page #content_main div.col1 a, body.page #content_main div.col1 a:visited, body.page #content_main div.col1 a:active {
		text-decoration: none; color: #666; border-bottom: 1px dotted #7B8B21; }	
	body.page #content_main div.col1 a:hover {
		text-decoration: none; color: #000000; border-bottom: 1px solid #000000; }
		
		body.page #content_main div.col1 h3 a, body.page #content_main div.col1 h3 a:visited, body.page #content_main div.col1 h3 a:active, body.page #content_main div.col1 h3 a:hover {
			border-bottom: 0px !important; text-decoration: none !important; }

	body.page #content_main div.col2 a, body.page #content_main div.col2 a:visited, body.page #content_main div.col2 a:active {
		text-decoration: underline; color: #666; border-bottom: 1px dotted #666 !important; text-decoration: none; }
		
		body.page #content_main div.col2 a:hover { color: #000000; border-bottom: 1px solid #000000 !important; text-decoration: none; }
    
    body.page a:link img, body.page a:visited img, body.page a:active img, body.page a:hover img, .imagelink { border-width: 0px; text-decoration: none; }
    
  body.page #content_main div.col2 {
    float : right;
    width : 230px; }
  body.page #content_main div.col2 > div {
    width : 210px; padding : 9px; border : 1px solid #dedede; -moz-border-radius : 3px; -webkit-border-radius : 3px; border-radius : 3px;
    background-color : #f6f6f6; font-size : 11px; line-height : 14px; }
  body.page #content_main div.col2 ul { margin: 0 0 1em 0; padding: 0px; }
  body.page #content_main div.col2 ul li { background-position : 0 2px; }
  body.page #content_main div.col2 h2,
  #resources h2 {
    font-family : Journal, Helvetica, Arial, Verdana, sans-serif; font-size : 28px; line-height : 24px; margin-bottom : 12px; color : #444; border-bottom : 0; background-color : transparent; }
  body.page #content_main h2 {
    border-bottom : 0; font-size: 22px; color : #f60; }
    
  .user-profile {
    border-top : 1px solid #dedede; border-bottom : 1px solid #dedede; padding : 12px 0 0 0; margin : 12px 0; }
  .user-profile h2 {
    margin-bottom : 6px;}
  .user-profile img {
    float : left;
    margin : 0 12px 0 0; }
    
    p.callus a {
    display : block; width : 320px; height : 45px; padding : 11px 10px 0 70px;
    background : url(../images/call-us.png) 0 0 no-repeat; margin: 11px 0px 0px 0px;
    border-bottom: none !important; }
        
  p.trust-in-transactions {
    padding : 70px 12px 12px 12px;
    border : 1px solid #dedede; -moz-border-radius : 3px; -webkit-border-radius : 3px; border-radius : 3px;
    background : url(../images/trustintransactions.png) 0 0 no-repeat; }
    
  /* calls to action */
	body.page div#calls-to-action {
	  float : none;
	  width : 240px; margin-right : 0; }
	body.page div#calls-to-action ul {
	  list-style-type : none; margin : 0 0 20px 0;
	  overflow : hidden; }
	body.page div#calls-to-action li {
	  display : inline; }
	body.page div#calls-to-action a {
	  float : left; position : relative;
	  display : block; width : 112px; height : 39px;
	  text-align : center; background : #000; }
	body.page div#calls-to-action .item_1 a {
	  margin-right : 16px; }
	body.page div#calls-to-action a span {
	  position : absolute; top : 0; left : 0;
	  display : block; width : 112px; height : 39px; }
	body.page div#calls-to-action .item_1 a span {
	  background : url(../images/calls-to-action-small.png) 0 0 no-repeat; }
	body.page div#calls-to-action .item_2 a span {
	  background : url(../images/calls-to-action-small.png) -128px 0 no-repeat; }
	   
	body.page div#calls-to-action .item_1 a:hover span {
	  background-position : 0 -40px; }
	body.page div#calls-to-action .item_2 a:hover span {
	  background-position : -128px -40px; }
	  
	 /* advert section */
	 body.page .advert {
	   float : left;
	   margin : 0 0 24px 0;
	   background-color : #eee; }
	 body.page .advert,
	 body.page .advert a,
	 body.page .advert a span {
	   position : relative;
	   display : block; width : 240px; height : 185px ; }
	 body.page .advert a {
	   position : absolute; top : 0; left : 0;
	   height : 85px; padding-top : 100px; }
	 body.page .advert a span {
	   position : absolute; top : 0; left : 0;
	   background : url("/files/banners/co2-banner2.jpg") repeat scroll 0 0 transparent; }
	   
	 #resources {
	   border : 1px solid #dedede; -moz-border-radius : 3px; -webkit-border-radius : 3px; border-radius : 3px;
	   padding : 0 12px; }
	 #resources h2 {
	   margin : 6px 0 9px 0; }
	 #resources ul {
     margin-left : 0; /* border-top : 1px solid #dedede; padding-top : 12px; */
     list-style-type:none; }
	 #resources li a {
     background:#666 url(../images/documents-a-top.png) no-repeat 0 0;
     color:#FFFFFF;
     display:block; }
   #resources li a:hover, #resources li a:focus {
     background-color : #b60; }
   #resources li a span {
     background: transparent url(../images/documents-a-bottom.png) no-repeat 0 100%;
     display:block; padding:3px 0 2px 26px; }
     
	 /* second style of content page */
	 #content_main .wrapper {
	   overflow : hidden; }
	 body.page #content_main .wrapper div.col1 {
    width : 315px; }
   body.page #content_main .wrapper div.col2 {
    width : 315px; padding : 0; border : 0px;
    background-color : transparent; font-size : inherit; line-height : inherit; }
	 body.page #content_main .wrapper div.col2 h2 {
    font-family : Helvetica, Arial, Verdana, sans-serif; font-size : 20px; color : #00446b; }
   body.page #content_main .wrapper .col1 h2 {
    border-bottom-width : 0px; }
    
	 .flash-demo {
	   height : 40px; width : 570px; padding : 10px 10px 0 70px;
	   background : url(../images/flash-demo.png) 0 0 no-repeat; }
	   
/* contact page */
   body.contact .col1 span {
     float : left;
     width : 125px; line-height : 25px; }
   body.contact .col1 input {
     width : 267px; padding : 3px; font-size : 14px; }
   body.contact .col1 div input {
     width : auto; }
   body.contact .col1 textarea {
     padding : 3px; width : 392px; font-size : 14px; }
   body.contact .col1 fieldset.enquiry span {
     display : none; }
              
/* E-newsletters and events page style */ 

 	h1.article-title { 
 		line-height : 1.4em; font-size: 18px; 
   		padding: 0 0 0 30px !important; background: transparent url(../images/document.png) no-repeat 0px 2px; }

	body.e-newsletters #content_main .col1 h1, { 
		margin: 0 0 10px 0; padding: 0 0 0 0;
		border-bottom: 1px solid #dedede; }
	
	body.blog #content_main .col1 ul,
	body.blog #content_main .col1 ul li, 
	body.blog #content_main .col1 ol,
	body.blog #content_main .col1 ol li { 
		margin: 0; padding: 0; }
	
	body.news-events #content_main .col1 h1,
	body.blog #content_main .col1 h1, 
	body.events #content_main .col1 h1 { 
		border-bottom: none; margin: 0; padding: 0; }
	
	body.news-events #content_main .col1 h2,
	body.blog #content_main .col1 h2,
	body.e-newsletters #content_main .col1 h2,
	body.events #content_main .col1 h2 { 
		padding: 10px 0 0 30px; font-size: 16px !important; margin: 10px 0 6px 0; 
		border-top : 1px solid #dedede; border-bottom: 0px !important; line-height: 1.4em; 
		background: transparent url(../images/document.png) no-repeat 2px 12px; }
		
	body.news-events #content_main .col1 h2 a,
	body.blog #content_main .col1 h2 a,
	body.e-newsletters #content_main .col1 h2 a,
	body.events #content_main .col1 h2 a { 
		text-decoration : none; border-width: 0px !important; } 
	
	body.e-newsletters #content_main h2 a, body.e-newsletters #content_main h2 a:hover
	body.events #content_main h2 a, body.events #content_main h2 a:hover { 
		border-bottom: none !important; }
		
	body.e-newsletters #content_main .col1 h3 {
		padding: 0 0 4px 0; font-size: 13px; font-weight: bold; }

	body.blog #content_main .col1 h3 { 
		padding: 0 0 6px 30px; font-size: 13px; font-weight: bold; }

  body.events #content_main div.col1 { width : 100%; }
	body.events #content_main .col1 h3 { padding: 0 0 0 30px; }
	
	body.blog #content_main .col1 h3.archivedate { 
		padding: 0 !important; margin: 0 !important; 
		font-weight: normal; color: #777777; }
	
	body.news-events #content_main .col1 p,
	body.blog #content_main .col1 p,
	body.events #content_main .col1 p { 
		margin: 0; padding: 0px 0 12px 30px; }
	
	body.news-events #content_main .col1 p.meta,
	body.blog #content_main .col1 p.meta, 
	body.e-newsletters #content_main .col1 p.meta,
	body.events #content_main .col1 p.meta { 
		margin: -6px 0 0 0; padding: 0 0 6px 30px; color: #777777; } 
			
	body.e-newsletters #content_main .col1 p {
		padding: 0 0 6px 0; } 
		
	body.e-newsletters #content_main .col1 p.extrapadding {
		padding: 0 0 6px 30px; }		
	
		body.e-newsletters #content_main .col1 p.extrapadding a {
			position: relative; left: 0px; top: 6px; }
	
	body.events #content_main .col1 p a { 
		display: relative; left: 4px; }
		
	body.blog #content_main .col1 h4 { 
		font-weight: normal; font-size: 16px; 
		padding: 12px 0 0 30px; margin: 5px 0 10px 0; 
		color: #666666; border-top: 1px solid #D3D3D3; }	
		
	#comment_form label textarea { 
			margin: 10px 0px; font-size: 12px; 
			padding: 2px; width: 350px; }
	
	#comment_form div { margin: 20px 0 0 0; }
	#comment_form div input { margin: 0 6px 0 0; }
	
	div.comment p { 
		padding: 8px !important; margin: 0 0 0 22px !important;
		background: #F9F9F9; font-size: 11px; color: #666666; }
		
		div.comment p.commentmeta { 
			border-top: 1px solid #D3D3D3;
			padding: 8px 0 0 8px !important; margin: 0px 0 0 22px !important;
			background: #FFFFFF !important; font-size: 11px; color: #444444 !important; }
			
/* Image styes */
	
	img.left { float : left; margin-right : 12px; margin-top: 3px; margin-bottom : 6px; }
	img.right { float : right; margin-left : 12px; margin-top: 3px;  margin-bottom : 6px; }

/* The col2 on news & events, events, blog and e-newsletters */

	body.events #content_main .col2 div a,
	body.e-newsletters #content_main .col2 div a,
	body.blog #content_main .col2 div a, 
	body.news-events #content_main .col2 div a { 
		color: #666 !important; 
		border-bottom: 1px dotted #666 !important; }
	
	body.events #content_main .col2 div a:hover,
	body.e-newsletters #content_main .col2 div a:hover,
	body.blog #content_main .col2 div a:hover, 
	body.news-events #content_main .col2 div a:hover { 
		color: #000000 !important; border-bottom: 1px solid #000000 !important; }
		
	body.events #content_main .col2 h2 a, 
	body.events #content_man .col2 h2 a:hover,	
	body.e-newsletters #content_main .col2 h2 a, 
	body.e-newsletters #content_man .col2 h2 a:hover,
	body.blog #content_main .col2 h2 a, 
	body.blog #content_main .col2 h2 a:hover,
	body.news-events #content_main .col2 h2 a, 
	body.news-events #content_main .col2 h2 a:hover {
		border-width: 0px !important; 
		font-size: 24px !important; }
   	
   	body.events #content_main .col2 h3,
   	body.e-newsletters #content_main .col2 h3, 
   	body.blog #content_main .col2 h3, 
   	body.news-events #content_main .col2 h3 { 
   		border-bottom: 1px solid #CCCCCC; margin: 0 0 4px 0; padding: 0 0 4px 0; }
   		
   	body.events #content_main .col2 h3 a:link, 	
   	body.e-newsletters #content_main .col2 h3 a:link, 	
   	body.blog #content_main .col2 h3 a:link, 
   	body.news-events #content_main .col2 h3 a:link { 
   		border-bottom: 0px !important; } 

	body.events #content_main .col2 h3 a:visited, 	
   	body.e-newsletters #content_main .col2 h3 a:visited, 	
   	body.blog #content_main .col2 h3 a:visited, 
   	body.news-events #content_main .col2 h3 a:visited { 
   		border-bottom: 0px !important; } 
   		
/*Specific blog page styles */
	
		/* The comment form */ 
   
		#comment_form { padding: 0 10px 0 30px; margin: -10px 0 0 0; }
		#comment_form label { margin: 0 0 6px 0; padding: 0; } 
		#comment_form label span { width: 100px; height: auto; display: block; float: left; }
		   
		#comment_form label input { 
			width: 251px; padding: 2px; font-size: 12px; }
			
		#comment_form label textarea { margin: 10px 0px; }
		#comment_form .boolean input { width: auto; padding: 2px; }
		
		#comment_form label textarea { 
			margin: 10px 0px; font-size: 12px; 
			padding: 2px; width: 350px; }
	
		#comment_form div { margin: 20px 0 0 0; }
			#comment_form div input { margin: 0 6px 0 0; }
			
		/* Image styes */
		   
		img.left { float : left; margin-right : 12px; margin-top: 3px; }
		img.right { float : right; margin-left : 12px; margin-top: 3px; }	   
		
		/* Blogpost */ 
		
		.blogpost { padding: 12px 0 0 30px }
				
		.blogpost h1, .blogpost h2, .blogpost h3, .blogpost h4, .blogpost h5, 
		.blogpost p, .blogpost span, .blogpost div { 
			padding-left: 0px !important; margin-left: 0px !important; }
		
			.blogpost h2 { 
				background: none !important; border-top: none !important; 
				padding: 0 !important; margin: 0 0 8px 0 !important; }
		
		.blogpost ul, .blogpost ol { margin: 0; padding: 0; }
		.blogpost ul li, .blogpost ol li { margin: 10px 0 10px -20px !important; padding: 0 0 0 20px !important; }
		   		     
/* calculators */
   #content_main input.number_of_invoices {
	   width : 138px; height : 20px; line-height : 14px; border : 0; margin : 0; padding : 4px 6px 0;
	   background : #ccc url(../images/newsletter-small-input.png) 0 0 no-repeat; font-size : 12px; color : #888; }
	 .green-calculator #content_main input.submit {
	   position: absolute; margin-top: -40px; margin-left: 160px; }
	 div.calc-result {
	   padding: 12px 12px 1px; background-color: rgb(204, 221, 204); -moz-border-radius : 9px; -webkit-border-radius : 9px; border-radius : 9px; }
	 div.calc-result ul {
	   font-size: 14px; }
	   
   ul.longlist {
	   float : left; width : 300px;}
	   
   body.green-calculator #content_main form,
   body.cost-saving-calculator #content_main form {
     height : 560px;
     background : #f2f2f2 url(../images/calc-co2-bottom.jpg) 0 100% no-repeat; }
   body.green-calculator #content_main form fieldset,
   body.cost-saving-calculator #content_main form fieldset {
     padding : 24px 24px 0 24px; margin : 0; }
   body.green-calculator #content_main form .fieldset-1,
   body.cost-saving-calculator #content_main form .fieldset-1 {
     height : 120px; margin-bottom : 0;
     background : url(../images/calc-co2-top.jpg) 0 0 no-repeat; }
   body.green-calculator #content_main form .fieldset-1 h3,
   body.cost-saving-calculator #content_main form .fieldset-1 h3 {
     color : #fff; }
   body.green-calculator #content_main input.submit,
   body.cost-saving-calculator #content_main input.submit {
     position : absolute; margin-top : -40px; margin-left : 160px }
   body.green-calculator #content_main form div#calc-result,
   body.cost-saving-calculator #content_main form div#calc-result {
     padding : 0 24px 12px 24px; }
   body.green-calculator #content_main ul,
   body.cost-saving-calculator #content_main ul {
     margin-left : 0; }
   body.green-calculator #content_main ul li,
   body.cost-saving-calculator #content_main ul li {
     height : 37px; padding-left : 60px; line-height : 16px; margin-bottom : 6px;
     list-style-type : none; background : url(../images/calc-icon-carbon.png) no-repeat 0 0; color : #6e7d22; }
   body.green-calculator #content_main ul li.item_trees,
   body.cost-saving-calculator #content_main ul li.item_trees {
     background-image : url(../images/calc-icon-tree.png); line-height : 37px; }
   body.green-calculator #content_main ul li.item_water,
   body.cost-saving-calculator #content_main ul li.item_water {
     background-image : url(../images/calc-icon-water.png); }
   body.green-calculator #content_main ul li.item_waste,
   body.cost-saving-calculator #content_main ul li.item_waste {
     background-image : url(../images/calc-icon-waste.png); }
     
   body.green-calculator #content_main .item_co2 span.enbiggen,
   body.cost-saving-calculator #content_main .item_co2 span.enbiggen {
     font-size : 18px; line-height : 14px; display : block; }
   body.green-calculator #content_main .item_co2 span.enbiggen a,
   body.cost-saving-calculator #content_main .item_co2 span.enbiggen a {
     font-size : 10px; line-height : 14px; }
     
   body.cost-saving-calculator #content_main form {
     background-image : url(../images/calc-cost-bottom.jpg); }
   body.cost-saving-calculator #content_main form p.hilight {
     font-size: 16px; line-height: 18px; margin-right: 140px; }
	   
/* Logged in products datasheets & brochures */

.product-datasheets #content_main div h2 { margin: 0; padding: 0; }

.product-datasheets #content_main div ul li h3 {
    text-decoration: none;
    font-size: 14px;
    margin: 0 0 6px 0 !important; padding: 0 !important;
}

.product-datasheets #content_main div ul li {
    padding: 0px 0px 0px 30px;
    margin: 0px 0px 0px 0px;
    background: url(../images/document.png) no-repeat top left;    
}

.product-datasheets #content_main div p {
    padding: 0px 0px 0px 30px;
    background: url(../images/compress.png) no-repeat top left; 
}	   
	   
/* resources log-in and registration form */

div#login-form p, div#registration-form p, .checkboxes p, .resourcesintro {
	background: none !important;
	padding: 0px !important;
}
	   
div#login-form, div#registration-form {
    width: 100%; height: 100%;
    float: left; clear: both; }

div#login-form,
div#registration-form {
	background: url(../images/login_form_background.png) no-repeat top left; }

div#registration-form .left {
   float: left; margin: 0px; }

div#registration-form .right {
   float: left; margin: 0px 0px 0px 20px; }

div#registration-form {
    margin: -90px 0px 0px 0px; padding-top : 20px; }

	div#login-form legend, div#registration-form legend {
	    font: normal 20px helvetica, arial, sans-serif;
	color: #333; }

	div#login-form form, div#registration-form form {
    	margin: 0px 0px 40px 20px; }

div#login-form form fieldset, div#registration-form form fieldset {
   background: transparant !important; }

div#login-form label, div#registration-form label {
    color: #3e3d40; margin: 0px; 
    padding: 0px; }

div#login-form label span, div#registration-form label span {
    color: #3e3d40; display: block;
    width: 115px; height: auto;
    float: left; padding: 13px 0px 0px 0px; }

div#login-form label span.checkboxlabel, div#registration-form label span.checkboxlabel {
    float: left; width: 280px;
    height: auto; margin: 1px 0px 0px 16px;
    color: #666666; font-size: 12px; }

div#login-form #username.input,
div#login-form #password.input,
div#registration-form #first_name,
div#registration-form #last_name,
div#registration-form #company_name,
div#registration-form #direct_tel,
div#registration-form #member_email,
div#registration-form #reg_username,
div#registration-form #reg_password,
div#registration-form #how_found, 
div#registration-form #reg_password_confirm,
div#registration-form #what_interested {
    border: 1px solid #d1d1d1; background: #FFFFFF;
    color: #666; padding: 3px 24px 3px 6px;
    margin: 10px 0px 0px 0px; font-size: 11px;
    float: left; height: auto;
    width: 156px !important; }
span#un_message {margin-left:116px;color:red;width:187px;display:block;margin-top:4px;line-height:14px;font-size:11px;}
div#login-form form .checkbox, div#registration-form form .checkbox,
div#registration-form #bacstell, div#registration-form #eippinsights {
    display: block; width: auto;
    height: auto; float: left;
    margin: 15px 0px 0px 0px; }
    
#registration-form .boolean input { 
    width : auto; float : left; margin-right : 15px; margin-left: 115px; }
#registration-form .boolean span { 
    display : inline; padding : 0;}
#registration-form fieldset.what_interested h3 {
    color : #3E3D40; font-size : 1em; margin : 20px 0 2px 0; }    

/*div#registration-form #how_found,*/ div#login-form textarea, div#registration-form textarea {
    font-size: 12px;
    height: 75px; }
div#registration-form #how_found,    
div#registration-form #what_interested{
      padding-right : 3px; }

div#login-form p a {
    color: #00446b; position: relative;
    top: -1px; left: 112px;
    text-decoration: none; }

div#login-form p.ctaregister {
    font: normal 16px helvetica, arial, sans-serif;
    color: #7d7c7e; width: 300px;
    position: relative; top: -141px;
    left: 329px; }

div#login-form p input, div#registration-form .submit {
    display: block; float: left;
    clear: both; width: auto;
    height: auto; border: 0px;
    text-decoration: none;
    background: #FF6600 no-repeat top left;
    color: #FFFFFF; text-transform: capitalize;
    font-size: 12px; margin: 14px 0px 0px 0px;
    padding: 3px 12px 3px 6px; }

div#registration-form .submit {
    margin: -15px 0px 12px 0px; }
span.frm_message {
  float : left; clear: both;
  display: inline-block; padding : 3px 6px; width : auto;
  background-color : red; color : #fff; }
    
    div#login-form p a:hover {
        text-decoration: underline; }            

.checkboxes p {
    padding: 0px 0px 0px 0px; 
    margin: 10px 0px 20px 0px;
    }

.checkboxes label {
    position: relative; top: -20px; }   
     
/* contact form */

#freeform fieldset.details,
#freeform fieldset.address,
#freeform fieldset.enquiry {
    border-bottom: 1px solid #e4e4e4; padding: 0px 0px 20px 0px; 
    margin: 20px 0px 0px 0px; width: 390px; }

    #freeform fieldset.enquiry { border-bottom: 0px; }

#freeform fieldset.details h3,
#freeform fieldset.address h3,
#freeform fieldset.enquiry h3 {
    padding: 0px; margin: 0px 0px 20px 0px; }

#freeform fieldset.details label, #freeform fieldset.details label input, #freeform fieldset.details label span,
#freeform fieldset.address label, #freeform fieldset.address label input, #freeform fieldset.address label span,
#freeform fieldset.enquiry label, #freeform fieldset.enquiry label textarea, #freeform div input {
    padding: 0px; margin: 0px; }

#freeform fieldset.details label, 
#freeform fieldset.address label, 
#freeform fieldset.enquiry label {
    margin: 0px 0px 4px 0px; }

#freeform fieldset.details label input, #freeform fieldset.address label input, #freeform fieldset.enquiry label textarea {
    font: normal 12px helvetica, arial, sans-serif;
    color: #999999; border: 1px solid #d1d1d1;
    padding: 3px; width: 255px; }

#freeform fieldset.enquiry label textarea { width: 380px; }
 
#freeform div > input {
    border: 0px; text-decoration: none;
    background: url(../images/resources_submit_background.png) no-repeat top left;
    color: #FFFFFF; text-transform: capitalize;
    font-size: 12px; margin: 0px 0px 0px 0px;
    padding: 2px 6px;
    width : 61px; }

/* resources page */

.resources #content_main div ul { width: 630px; }

.resources #content_main div h2, .resources #content_main div ul, .resources #content_main div ul li, 
.resources #content_main div ul li h3, .resources #content_main div ul li p, col2 div .screenshot {
    margin: 0px; padding: 0px; }

.resources #content_main div h2 { margin: 0px 0px 4px 0px; }

.resources #content_main div ul { margin: 0px 0px 30px 0px; }
    
.resources #content_main div ul li {
    padding: 0px 0px 10px 40px; margin: 10px 0px 10px 0px;
    background: url(../images/document.png) no-repeat 6px 2px !important; }

.resources #content_main div ul li h3 { margin: 0px 0px 4px 0px; font-size: 14px; }
.resources #content_main div ul li h3 a { text-decoration: none; }
.resources #content_main div ul li p { padding: 0px 0px 0px 0px; color: #666666; }

/* Case studies and quotes */

.testimonials #content_main div h3, .testimonials #content_main div p, .testimonials #content_main div .quotesource,
.case-studies #content_main div h3, .case-studies #content_main div p, .case-studies #content_main div .case-study {
	padding: 0px 0px 4px 40px; margin: 0px 0px 0px 0px; }

.case-studies #content_main div .case-study, .testimonials #content_main .quotesource { padding: 0px 0px 20px 40px }
.case-studies #content_main h2, .testimonials #content_main h2 { font-size: 22px; margin: 0px 0px 10px 0px !important; }
.case-studies #content_main div h3, .testimonials #content_main div h3 { font-size: 16px; font-weight: normal; }

	.case-studies #content_main div h3 { background: url(../images/document.png) no-repeat 3px 1px; }
	.testimonials #content_main div h3 { background: url(../images/quotemarks.jpg) no-repeat 3px 1px; }

.testimonials #content_main div p {
	font-style: italic; font-style: italic;        
	color: #666666; line-height: 1.6em; }

.testimonials #content_main div .quotesource {
    background: #FFFFFF; font-style: normal;
    font-weight: bold; font-size: 12px;
    color: #666666; margin: 0px 0px 10px 0px; }

    .testimonials #content_main div .quotesource:before { content: "- "; }

.case-studies #content_main div .case-study { border-left: 0px; background: #FFFFFF; }
         
/* Social */
  
  div#social { position: absolute; top: 200px; right: 15px; }
  div#social a.youtube { margin : 0 12px; }
  
/* Susans most recent changes */

body.news-events div#content div.col2 div a { color: #286182; }
    
body #content_main .col1 h3,
body.customers #content_main h3 { margin-bottom: 4px; font-size : 16px;  }
  
body.demos #content_main h3 { margin-bottom: 4px; margin-top : 12px; font-size : 16px; }
body #content_main ul li { margin: 0; }
    
/* Call me page */

#frm_call_me fieldset label { 
    display: block; width: 100%; 
    height: auto; float: left; 
    clear: both; padding: 6px 0px; 
    margin: 0px; }

#frm_call_me fieldset label span { 
    display: block; width: 140px; height: auto; 
    float: left; padding: 5px 0px 0px 0px; }

#frm_call_me fieldset label span abbr { font-style: normal; border-bottom: 1px dotted #999999; }
#frm_call_me fieldset label span abbr:hover { border-bottom: 1px solid #333333; }

#frm_call_me fieldset label input, #frm_call_me fieldset label select {
    display: block; width: 250px; 
    height: auto; float: left; 
    padding: 4px; color: #333333; }

#frm_call_me fieldset label select { 
	width: 260px; 
	padding: 2px 0px; }

#frm_call_me fieldset label#sep { 
	border-bottom: 1px solid #CCCCCC; 
	padding: 0px 0px 15px 0px; 
	margin: 0px 0px 9px 0px; }

#frm_call_me p input {
    border: 0px; text-decoration: none;
    background: url(../images/submit_background_callme.png) no-repeat top left;
    color: #FFFFFF; text-transform: capitalize;
    font-size: 12px; margin: 0px 0px 0px 0px;
    padding: 3px 12px 2px 9px; }

body.sitemap #content_main ul#sitemap { margin-bottom: 0; padding: 0; font-size: 14px; }
body.sitemap #content_main ul#sitemap li { font-size: 14px; }

#social-links a img { float: left; display: block; margin: 0 12px 0 0; }
#site_info a { color : #666; }

#member_nav { 
  position: absolute; top: 39px; right: 274px;
  border-top: 1px solid #666; padding-top: 5px;
  font-size: 12px; }
  
  .news #content_main #additional h2.rss { padding-left : 20px; background : url(../images/feed-icon-14x14.png) 0 50% no-repeat; } 


form#newsletter-signup a.newsletters {position: absolute; top: 0 !important; left: 0 !important; display: block; width: 220px; height: 34px; }
form#newsletter-signup a.newsletters span {position: absolute; left: -9999em;}

body.resource_article #splash {
  position : relative;
  padding : 20px 490px 0 30px; height : 310px; -moz-border-radius : 6px; -webkit-border-radius : 6px; border-radius : 6px;
  background : #000 url(/files/header_panels/new-documents-2.jpg) 0 0 no-repeat; color : #fff; }

/* ebilling customer survey */
body.ebilling-customer-survey #content_main h3 {
  margin-bottom : 14px; padding : 3px 6px;
  background-color : #4E99B4; color : #fff; }
body.ebilling-customer-survey input[type="text"] {
  font-size:14px;padding:3px;width:267px; }
  
body.ebilling-customer-survey form strong {
  font-size : 14px; }
body.ebilling-customer-survey #about_you label {
  overflow : hidden; }
body.ebilling-customer-survey #about_you label span {
  float : left; width : 120px; }
body.ebilling-customer-survey #about_you label input {
  float : left; width : 270px; }
body.ebilling-customer-survey textarea {
  width : 270px; padding : 3px;}
  
body.ebilling-customer-survey .q9 { border-bottom : 1px solid #ccc; padding-bottom : 18px;}
body.ebilling-customer-survey .q9 textarea,
body.ebilling-customer-survey .q3 textarea {
  width : 392px; }
  
.multipart,
.multipart2 { overflow : hidden; border-bottom : 1px solid #ccc; }
.multipart div { margin-left : -60px; }
.multipart label {
  float : left; width : 32px; margin-left : 60px; text-align : center; }
  
.multipart2 label {
  float : left; width : 100px; margin-left : 0px; text-align : center; }
  
.q14 label span { float : left; width : 120px;}

/* event_registration */
body.event_registration #content_main h3 {
  margin-bottom : 14px; padding : 3px 6px;
  background-color : #4E99B4; color : #fff; }
body.event_registration input[type="text"] {
  font-size:14px;padding:3px;width:267px; }
  
body.event_registration form strong {
  font-size : 14px; }
body.event_registration #about_you label,
body.event_registration #work label {
  overflow : hidden; }
body.event_registration #about_you label span,
body.event_registration #work label span {
  float : left; width : 120px; }
body.event_registration #about_you label input
body.event_registration #work label input {
  float : left; width : 270px; }
body.event_registration textarea {
  width : 270px; padding : 3px; }
  
  
  
body.event_registration #events label {
  margin-bottom : 6px; }


/* homepage now has 2 adverts not one */
   .home #advert {
      background-color : transparent; }
   .home #advert a {
      position : relative; padding : 0; margin-bottom : 10px; }

#chat {position:absolute; top:58px; right:11px;}