.foo { }


/* Homepage content styles */

/* headers & columns */
.HomeLeftCol_header, .HomeCentreCol_header, .HomeRightCol_header { color: #fb6d21; font-family: Tahoma Bold,Arial,Helvetica; font-weight: bold; float: left; display: block; width: 168px; margin: 0px; padding: 0px; }
.HomeCentreCol_header { font-size: 22px; width: 390px; margin-left: 20px; }
.HomeRightCol_header { width: 148px; margin-left: 10px; }
.HomeLeftCol_header, .HomeRightCol_header { margin-top: 5px; font-size: 16px; }
.HomeLeftCol_header { margin-left: 10px; }
* html .HomeLeftCol_header { margin-left: 8px; }
* html .HomeRightCol_header { margin-left: 22px; }
* html .HomeCentreCol_header { margin-left: 3px; }
.subContent_titles { text-indent: -9999px; padding: 0; margin: 0; height: 1px; }


/*flexi box  */
.FlexiBox { width: 170px; background: url(images/homepage/FlexiBottom.gif) no-repeat bottom left; margin-bottom: 10px; clear: both; overflow: hidden; }
.FlexiBox h2 { margin: 0; width: 170px; display: block; padding: 4px 12px 4px 8px; font-size: 1em; color: #fff; background: url(images/homepage/orangetop.gif) no-repeat top left; }

.FlexiBox a { color: #64A0DA; font-size: 0.95em; font-weight: bold; float: right; padding-top: 7px; padding-bottom: 10px; line-height: 1.3em; }
.FlexiBox a:hover { color: #64A0DA; }
.FlexiBox p { width: 143px; padding: 0 0 15px 15px; color: #666; font-size: 0.90em; font-weight: bold; line-height: 1.3em; clear: both; }
.FlexiBox p img { float: left; padding-bottom: 15px; }
/*---*/





/* Features bullets */
.mainFeatures H3 { color: #fb6d21; font-size: 22px; }
.mainFeatures ul { display: block; float: left; width: 400px; padding: 0px; margin: 0px 0 0 10px; }
.mainFeatures ul li { display: block; float: left; width: 170px; list-style: none; padding-left: 30px;padding-bottom:7px; line-height: 1.6em; font-family: Arial, Helvetica, sans-serif; }
.mainFeatures ul li a strong { font-weight: bold !important; }
.mainFeatures ul li a:link, .mainFeatures ul li a:visited, .mainFeatures ul li a:active, .mainFeatures ul li a:hover { text-decoration: none; }
/*targets each list item with a unique class to display a different bullet point arrow graphic */
.orange { background: transparent url(images/homepage/orangeArrow.gif) no-repeat left top; }
.red { background: transparent url(images/homepage/redArrow.gif) no-repeat left top; }
.blue { background: transparent url(images/homepage/blueArrow.gif) no-repeat left top; }
.green { background: transparent url(images/homepage/greenArrow.gif) no-repeat left top; }
.purple { background: transparent url(images/homepage/purpleArrow.gif) no-repeat left top; }
.black { background: transparent url(images/homepage/blackArrow.gif) no-repeat left top; }
.pink { background: transparent url(images/homepage/pinkArrow.gif) no-repeat left top; }
.olive { background: transparent url(images/homepage/oliveArrow.gif) no-repeat left top; }

/*== divider  */
.divider { height: 30px; border: 0; background: #fff url(images/divider.gif) no-repeat bottom left; display: block; clear: both; width: 579px; }
.homepage .divider { background: transparent url(images/divider_homepage.gif) no-repeat bottom left; width: 400px; height: 30px; }
.divider hr { display: none; }


/* Case Studies  */
.caseStudies { }
.caseStudies H3 { color: #fb6d21; font-size: 22px; }
.caseStudies p { margin: 0px; }
.holder { width: 400px;  float: left; }/*background: url(images/homepage/orangeGradient.gif) no-repeat;*/

.thumbimages { padding: 0; margin: 0; }
.sitelinks { }
.thumbsbox { }
.pics { }
.thumbimages li { list-style: none; display: block; width: 130px; float: left; }
.thumbimages li a { text-decoration: none; border: none !important; }
.thumbimages li a img { padding-left: 10px; border: none; }
.sitelinks { width: 400px; margin: 0; padding: 0 0 0 10px; }
.sitelinks li { list-style: none; display: block; width: 110px; float: left; padding-left: 20px; background: transparent url(images/template/Bullet.gif) no-repeat left; }
.sitelinks li a { font-weight: bold; }

.redboxIntro { background: url(images/homepage/redbox.png) no-repeat; width: 100%; height: 9em; margin-top: -15px; }
.redboxText { color: #fff; padding: 10px 0px 0px 5px; background-color: transparent; }



@media print {
#outer,
.wrapper,
.contentPane,
.contentPane div,
.contentPane div div,
.contentPane div div div,
.contentPane div div div div,
.FlexiBox,.FlexiBox p,
.LeftColumn,.mainContent,.cms-text,.cms-textandimage,
.contentPane_wide,
.contentPane_wide div,
.contentPane_wide div div,
.contentPane_wide div div div,
.contentPane_wide div div div div,p,ul,li,
blockquote, H1,H2,H3,H4,H5
{display:block !important;background:transparent none  !important;font-size:12pt;color:#000  !important; width:20cm  !important;float:none  !important; border:none  !important;text-align:left !important;padding:0 !important;margin:0 !important;line-height:auto !important}
.PrintLogo { display: block; }
.breadcrumb,.brandingList,
.utilities,
.branding,
.logo,
.flashBanner,
.Nav-x,
.contentPane .flashContent, a.adobe, a.mediaplayer, a.realplayer
.contentPane_wide .flashContent,
.leftPane,
.RightPane,.TopPane,
.bottomPane,H3.hide,H2.hide,.flashholder,.pagebanner,.pagefooter,
object,
blockquote .qstart,
blockquote .qend,
#outer .cms-flash, #outer .cms-flash-text,
.footer {display:none !important; float:none !important;}
img{clear:both;text-align:left;float:none;}
H1{font-size:24pt !important; margin: 10pt 0 !important}
H2{font-size:20pt !important; margin: 8pt 0 !important}
H3{font-size:18pt !important; margin: 6pt 0 !important}
H4{font-size:16pt !important; margin: 3pt 0 !important}
H5{font-size:14pt  !important; margin: 5pt 0 !important}
body{font-size:11pt !important }

#outer a:link:after, #outer a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }
span, ul, ol, li, fieldset, a{float:none !important;margin:0 !important;padding:0 !important;text-align:left !important;}
}