* { margin:0 }
html, body { background-color:#F5F5F5; margin:0; margin-bottom:20px; font-size:90%; font-family:arial; line-height:135% }
p { margin-bottom:20px; }
a { color:#00E }
#outer { width:100%; background:url(../../images/public/outer-bg.gif) repeat-x top }
#container { width:980px; margin:0 auto }
/* HEADER - LOGO AND SEARCH */
#header { height:115px; }
#header-form { width:100%; height:33px; }
#header-form a { float:right; width:224px; height:33px; background:url("../../images/public/getintouch.gif") right top no-repeat; }
#header-form span { display:none; }
#header-logo { float:left; margin-top:0px;}
#header-logo img { border:0 }
#header-contact { float:right; margin-top:38px; font-size:155%; color:#004A95; }
#header-contact .small { font-size:60%; color:#7A9FC5; margin-left:13px; font-weight:normal; margin-bottom:4px }
#header-contact a { color:#004A95; text-decoration:none }
/* Contact form */
#contactform { background:#3D414A; font-size:95% }
#contactform h1 { margin:0px; color:#FFF; padding:20px; }
#contactformframe { width:965px; margin:0px auto 0px auto; text-align:left; color:#ADB2B8; padding:15px 0px; }
#contactform .large { width:95%; }
#contactform td { color:#ADB2B8; }
.contactdivider { background:url('../../images/public/public/bg.contactdivider.gif') 50% 0% no-repeat; }
#contactform h2 { background:url('../../images/public/contactform.gif') no-repeat; width:237px; height:22px; margin-left:21px; }
#contactform h2 span { display:none; }
#contactform th { color:#FFF; text-transform:uppercase; text-align:left; }
#contactform input img { margin:1px 0px 0px 5px }
#contactname { background:url('../../images/public/alert.gif') top right no-repeat #FFF; }
.contactcheck { margin:2px; }
/* MAIN HORIZONTAL NAVIGATION */
#navigation { height:34px; width:100%; text-transform:uppercase; font-size:95%; padding-top:2px; background:url(../../images/public/navigation-bg.gif) repeat-x }
#navigation ul { list-style-type:none; margin:0; padding:0 }
#navigation ul li { float:left; height:34px; line-height:34px; margin:0; padding:0 }
#navigation ul .separator { width:2px; background:url(../../images/public/navigation-separator.gif) no-repeat }
#navigation ul a { display:block; padding:0 15px; color:#FFF; text-decoration:none; /*background:url(../../images/public/navigation-bg-tab.gif) no-repeat right*/ }
#navigation ul a:hover,
#navigation ul a.active { background:url(../../images/public/navigation-bg-on.gif) repeat-x }
/* BANNERS ON HOMEPAGE */
#homepage-banners { height:320px; width:100% }
/* THICK GREY BAR ON CONTENT PAGES CONTAINING PAGE TITLE */
#page-title { width:100%; height:60px; line-height:60px; background:url(../../images/public/page-title-bg.jpg) repeat-x }
#page-title h1 { float:left; color:#FFF; font-size:190%; font-weight:normal; margin-left:23px; }
#page-title .buttons { float:right; margin-top:8px; margin-right:8px; }
*:first-child+html #page-title .buttons { float:right; margin-top:0px; margin-right:8px; }
#page-title .buttons a { margin:0 5px; }
/* 2 COLUMN LAYOUT */
#inner { width:100%; background:url(../../images/public/inner-bg.gif) repeat-y; }
#inner.wide { background:url(../../images/public/inner-bg-wide.gif) repeat-y;}
#inner .bottom { width:100%; height:5px; border-bottom:1px solid #D9D9D9;}
#inner .bottom .left { float:left; width:5px; height:6px; background:url(../../images/public/carousel-bottom-left.gif) no-repeat bottom }
#inner .bottom .right { float:right; width:5px; height:6px; background:url(../../images/public/carousel-bottom-right.gif) no-repeat bottom }
/* 1 COLUMN LAYOUT */
#inner-full { width:978px; background-color:#FFF; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9 }
#inner-full .bottom { width:980px; height:5px; margin-left:-1px; margin-right:-1px; border-bottom:1px solid #D9D9D9;}
#inner-full .bottom .left { float:left; width:5px; height:6px; background:url(../../images/public/carousel-bottom-left.gif) no-repeat bottom }
#inner-full .bottom .right { float:right; width:5px; height:6px; background:url(../../images/public/carousel-bottom-right.gif) no-repeat bottom }
/* CONTENT COLUMN WHEN USING 2 COLUMN LAYOUT */
#main { float:left; padding:25px; width:650px; }
#inner.wide #main { width: 930px;}
#main ul { list-style-image:url(../../images/public/bullet-blue-circle.gif) }
#main label { float:left; width:170px; margin:6px 0; margin-left:30px }
#main .input { float:left; border:1px solid #AAA; width:380px; margin:2px 0; padding:4px }
#main .submit { background-color:#1B5289; margin:6px 0; color:#FFF; border:0; padding:5px 7px; }
/* News */
.news-item { margin-bottom:25px; }
.news-item .image { float:left; width:120px; }
.news-item .text { float:left; width:470px; }
.news-item .text .title { font-size:140%; margin-bottom:5px; }
.news-item .text .title a { color:#0D397D }
/* Blog */
.blog { overflow:hidden; width:100%; margin-top:15px; }
.blog-avatar { float:left; width:72px; margin-right:15px; }
.blog img { border:solid 1px #CCC; padding:4px; }
.blog-tags { height:20px; margin-top:10px; color:#666; margin-bottom:5px; }
.blog-tags img { border:0; padding:0; margin-right:5px; }
.blog-content { border-bottom:1px dashed #CCC; padding-bottom:15px; margin-bottom:15px; }
.blog-content h1 { margin-bottom:-15px; }
.blog-title { font-size:140%; color:#0D397D; margin-bottom:5px; }
.blog-grey { margin-top:10px; color:#999 }
/* RIGHT COLUMN (INCLUDING SUBNAVIGATION) WHEN USING 2 COLUMN LAYOUT */
#right { float:left; width:280px; }
#right ul { list-style-type:none; margin:0; margin-bottom:25px; padding:0; }
#right ul li { list-style-type:none; height:32px; line-height:32px; margin:0; padding:0; }
#right ul a { display:block; color:#000; text-decoration:none; padding-left:10px; border-bottom:1px solid #D3D4D5; }
#right ul a:hover,
#right ul a.active { background-color:#EEE }
#right .banner img { display:block; margin:0 auto; margin-bottom:15px }
#right .component { width:243px; height:64px; padding:11px; background:url(../../images/public/right-component-bg.jpg) no-repeat; margin-bottom:10px; margin-left:20px; }
#right .icon { vertical-align:middle; margin-right:7px; }
#right .component .content { float:left; width:146px; font-size:85%; margin-top:5px }
#right .component .content-full { float:left; width:230px; font-size:85%; margin-top:3px; margin-bottom:4px }
#right .component .input { border:1px solid #DDD; font-size:85%; color:#CCC; padding:2px; width:150px; }
#right .component .submit { vertical-align:middle; margin-top:-2px; margin-left:3px; }
#right .component .button { float:left; margin-top:5px; margin-left:5px; padding-top:8px; }
/* CONTENT AREA WHEN USING ONE COLUMN LAYOUT */
#product { padding:20px; }
#product .product-menu { width:100%; margin-top:10px; margin-bottom:25px; font-weight:bold }
#product .product-menu ul { margin:0; margin-left:10px; font-size:105%; padding:0; list-style:none }
#product .product-menu ul li { float:left; margin:0; padding:0; margin-right:28px; padding-left:13px; background: url(../../images/public/red-bullet.gif) left center no-repeat; }
#product .product-menu ul a { color:#B22119; text-decoration:none }
#product .product-menu ul a:hover,
#product .product-menu ul a.active { padding-bottom:3px; border-bottom:2px solid #CCC; }
#product .product-info { float:left; width:600px; }
#product .product-info .large { font-size:200%; margin:15px 0; }
#product .product-info .large { font-size:200%; margin:15px 0; }
#product .product-image { float:right; }
/* THREE COLUMN ROW CONTAINING CAROUSELS */
.carousel-row { width:100%; margin-top:15px; font-size:85%; background:url(../../images/public/carousel-middle-bg.gif) repeat-y }
.carousel-row h2 { font-size:115%; font-weight:normal; }
.carousel-row h3 { font-size:120%; margin-bottom:10px; }
.carousel-row h4 { font-size:115%; color:#666; margin-bottom:7px }
.carousel-row .inner { padding:15px; }
.carousel-row .top { width:100%; height:28px; line-height:28px; font-size:100%; text-align:center; background-color:#1B5289; color:#FFF }
.carousel-row .top .left { float:left; height:28px; width:326px; background:url(../../images/public/carousel-top-left.gif) no-repeat left }
.carousel-row .top .center { float:left; height:28px; width:326px; }
.carousel-row .top .right { float:right; height:28px; width:326px; background:url(../../images/public/carousel-top-right.gif) no-repeat right }
.carousel-row .middle { width:100%; }
.carousel-row .middle .left { float:left; width:325px; padding-bottom:0px }
.carousel-row .middle .left li { height:150px }
.carousel-row .middle .left p:last-child { margin-bottom:-10px }
.carousel-row .middle .center { float:left; width:326px; padding-bottom:0px }
* html .carousel-row .middle .center { float:left; width:323px; }
.carousel-row .middle .right { float:right; width:325px; padding-bottom:0px }
* html .carousel-row .middle .right { float:right; width:320px; }
.carousel-row .middle .right { margin-bottom:-20px; padding:0 }
.carousel-row .bottom { width:100%; height:5px; border-bottom:1px solid #D9D9D9 }
.carousel-row .bottom .left { float:left; width:5px; height:6px; margin-bottom:-1px; background:url(../../images/public/carousel-bottom-left.gif) no-repeat bottom }
.carousel-row .bottom .right { float:right; width:5px; height:6px; background:url(../../images/public/carousel-bottom-right.gif) no-repeat bottom }
.carousel-row .image { float:left; width:130px; }
.carousel-row .text { float:left; width:130px; margin-top:10px; }
.carousel-row ul img { float:left; margin-right:13px; }
#carousel-survey-software { float:left; width:260px; }
.carousel-row .carousel-survey-software-prev { padding-top:65px; }
.carousel-row .carousel-survey-software-next { padding-top:65px; }
#carousel-examination-software { float:left ;width:260px; }
.carousel-row .carousel-examination-software-prev { padding-top:65px; }
.carousel-row .carousel-examination-software-next { padding-top:65px; }
#carousel-hardware { float:left; width:260px; }
.carousel-row .carousel-hardware-prev { padding-top:65px; }
.carousel-row .carousel-hardware-next { padding-top:65px; }
/* CAROUSEL OF LOGOS */
#carousel-logos { width:100%; height:91px; margin-top:15px; background-color:#FFF; border-bottom:1px solid #D9D9D9; }
#carousel-logos .inner { width:100%; padding:0px; padding-top:15px; }
#carousel-logos .left { float:left; width:5px; height:92px; background:url(../../images/public/carousel-logo-left.gif) no-repeat }
#carousel-logos .center { float:left; width:970px; height:92px; border-top:1px solid #D9D9D9; }
* html #carousel-logos .center { float:left; width:940px; height:92px; border-top:1px solid #D9D9D9; }
#carousel-logos .right { float:right; width:5px; height:92px; background:url(../../images/public/carousel-logo-right.gif) no-repeat }
#carousel-logos .logo { float:left; padding:0; }
#carousel-logos .carousel-logos { float:left; }
#carousel-logos ul li { padding:0; }
#carousel-logos .carousel-logos-prev { padding-top:22px; }
#carousel-logos .carousel-logos-next { padding-top:22px; }
/* CAROUSEL PREVIOUS AND NEXT BUTTON DIVS */
.carousel-prev { float:left; }
.carousel-prev img { border:0 }
.carousel-next { float:right; }
.carousel-next img { border:0 }
/* TESTIMONIALS ON HOMEPAGE */
.testimonials { padding:5px; font-size:105% }
/* FOOTER NAVIGATION */
#footer-navigation { width:100%; margin-top:15px; background:url(../../images/public/footer-navigation-bg.gif) repeat-y }
#footer-navigation .inner { padding:15px; }
#footer-navigation .title { width:100%; font-weight:bold; border-bottom:1px dotted #BBB; padding-bottom:10px; margin-bottom:10px; }
#footer-navigation ul { margin:0; margin-left:18px; font-size:85%; padding:0; list-style-image: url(../../images/public/footer-navigation-bullet.gif); }
#footer-navigation ul li { line-height:22px; }
#footer-navigation ul a { color:#666; text-decoration:none }
#footer-navigation .top { width:100%; height:5px; border-top:1px solid #D9D9D9 }
#footer-navigation .top .left { float:left; width:5px; height:5px; margin-top:-1px; background:url(../../images/public/rounded-top-left.gif) no-repeat }
#footer-navigation .top .right { float:right; width:5px; height:5px; margin-top:-1px; background:url(../../images/public/rounded-top-right.gif) no-repeat }
#footer-navigation .middle { width:100%; }
#footer-navigation .middle .col1 { float:left; width:356px; }
#footer-navigation .middle .col1 .col1 { float:left; width:182px; }
#footer-navigation .middle .col1 .col2 { float:left; width:134px; }
#footer-navigation .middle .col2 { float:left; width:391px; }
#footer-navigation .middle .col2 .col1 { float:left; width:173px; }
#footer-navigation .middle .col2 .col2 { float:left; width:180px; }
#footer-navigation .middle .col3 { float:left; width:220px; }
#footer-navigation .bottom { width:100%; height:5px; border-bottom:1px solid #D9D9D9 }
#footer-navigation .bottom .left { float:left; width:5px; height:6px; background:url(../../images/public/carousel-bottom-left.gif) no-repeat bottom }
#footer-navigation .bottom .right { float:right; width:5px; height:6px; background:url(../../images/public/carousel-bottom-right.gif) no-repeat bottom }
/* FOOTER - COPYRIGHT, CONTACT DETAILS AND LINKS */
#footer { margin-top:20px; color:#666; font-size:85%; border-top:2px solid #000; border-bottom:1px solid #CCC; padding:10px 0; }
#footer p { margin:0 }
#footer a { color:#666; text-decoration:none; }
#footer .ball { float:left; width:46px; }
#footer .copyright { float:left; }
#footer .links { float:right; text-align:right; }
.clr { clear:both }
.blue { color:#1b5289; font-weight:bold; margin-bottom:0 }