<style type="text/css">

h1           { font-size:200%; 
               font-family:verdana; 
               color: #676767;}
               
h2           { font-size:150%; 
               font-family:verdana; 
               color: #676767;}
               
h3           { font-size:125%; 
               font-family:verdana; 
               color: #676767;
               line-height:15px;
               text-align:left;}
               
h4           { font-size:110%; 
               font-family:verdana; 
               color: #676767;}
               
h5, h6       { font-family:sans-serif;  
               color: #676767;}

.wpage	     { background:#ffffff; 
               margin-left:5%; 
               margin-right:5%;
               font-family:Verdana; 
               font-size:10pt; 
               color:#727272;}

.header3      { background-image:url('Images/Website_Header_Gradient.gif');
               font-size:11pt;
               font-weight:normal;
               color: #ffffff;
               text-align:right;
               padding: 0 10px 0 10px;
               height:50px} 

.header4      { background-image:url('Images/Website_Dk_Header_Gradient.gif');
               font-size:11pt;
               font-weight:normal;
               color: #ffffff;
               text-align:right;
               padding: 0 10px 0 10px;
               height:50px}
.hdrmidcell   {font-size:13pt;
               font-weight:normal;
               color: #2b30af;
               text-align:left;
               vertical-align:middle;
               padding: 0 10px 0 10px;
               height:50px}
.hdrrgtcell   {font-size:11pt;
               font-weight:normal;
               color: #ffffff;
               text-align:right;
               padding: 0 10px 0 10px;
               height:50px} 

            
.leftframe    {background-color: #f6f6f6;
               width: 10px;
               vertical-align: top;}

.rightframe   {background-color: #f6f6f6;
               width: 10px;
               vertical-align: top;}


.topleftpnl   { background-color: #f6f6f6;
               color: #2b30af;
               font-size: 16pt;
               font-weight: bold;
               font-style:italic;
               width:410px;
               vertical-align:top;
               text-align:center;
               border-left: 1px solid #bebebe;
               border-top: 1px solid #bebebe;
               border-bottom: 1px solid #bebebe;}

.topmidpanel  { width: 302px;
               background-color: #f6f6f6;
               color: #ffffff;
               text-align: right;}


.toprightpnl { width: 160px;
               background-color: #f6f6f6;
               font-size:12pt;
               color: #ffffff;
               vertical-align:middle;
               text-align:center;
               border-right: 1px solid #bebebe;
               border-top: 1px solid #bebebe;
               border-bottom: 1px solid #bebebe;}  

.ssgtplpnl   { background-color: #bebebe;
               color: #2b30af;
               font-size: 16pt;
               font-weight: bold;
               font-style:italic;
               width:680px;
               vertical-align:top;
               text-align:left;}

.ssgtprpnl {  background-color: #bebebe;
              font-size:12pt;
              color: #ffffff;
              width: 200px;
              vertical-align:middle;
              text-align:center;}  

.txtpnl      { vertical-align:middle;
               text-align:center;
               width:530px;
               font-size:16pt;
               font-weight:bold;}

.imgpnl      { vertical-align:middle;
               text-align:center;
               width:340px;
               font-size:16pt;
               font-weight:bold;}

.cspnll      { width:150px;
               text-align:center;
               vertical-align:middle;}

.cspnlm      { width:390px;
               text-align:center;
               vertical-align:top;
               font-size:16pt;
               font-weight:bold;}

.cfpnl       { width:390px;
               text-align:center;
               vertical-align:top;}

.cspnlr      { width:330px;
               text-align:center;
               vertical-align:middle;}

.pnlspace    { width:10px;}
 

/* columns format and separator  */
.column      { vertical-align:top;
               text-align:left;
               width: 175px;
               padding: 4px 6px 4px 8px;
               background-color: #efefef;}
.leftcolumn  { vertical-align:top;
               text-align:left;
               width: 222px;
               padding: 4px 6px 4px 8px;
               background-color: #efefef;}
.widecolumn  { vertical-align:top;
               text-align:left;
               width: 427px;
               padding: 4px 6px 4px 8px;
               background-color: #efefef;} 
.rightcolumn {  vertical-align:top;
               text-align:left;
               width: 197px;
               padding: 4px 6px 4px 8px;
               background-color: #efefef;}
.widerightcol{ vertical-align:top;
               text-align:left;
               width: 652px;
               padding: 4px 6px 4px 8px;
               background-color: #efefef;}              
             
.spacer	     { border-left: 1px solid #999999;
               padding-right: 2px;} 

.txtarea     {background-color:#f6f6f6;
              color: #727272;
              width: 457px;
              padding:4px 6px 4px 8px;
              vertical-align:top;
              text-align:left;
             }

/*   new column widths etc Oct 2011   */
.ndxcoll     { vertical-align:top;
               width:530px;}

.ndxcolr     { vertical-align:top;
               width:335px;}

.bftcolr     { vertical-align:top;
               width:335px;
               text-align:center;}

.abtcolr     { vertical-align:top;
               width:275px;
               text-align:center;}

.solcoll     { vertical-align:top;
               width:180px}

.solcolr     { vertical-align:top;
               width:680px;}

.sollistcell { background-color:#f6f6f6;
               width:150px;
               border-left:1px solid #c4d3e9;
               border-right: 1px solid #c4d3e9;}
.solbtmcell  {background-image: url('Images/Cell_btm.gif');
              background-repeat: no repeat;
              height:5px;
              width:150px;}
.solsubcoll   {vertical-align:top;
              width:645px;}
.solsubcolr   {vertical-align:top;
              width:200px;}

.formcoll    { vertical-align:top;
               width:515px;}
.formcolr    { vertical-align:top;
               width:335px;}


/* text links on home page */              
.turqnoul    { color:#127bac;
               text-decoration:none;}
.turqnoulb    { color:#127bac;
               text-decoration:none;
               font-weight:bold;}   

pre          { color:green; background:white; font-size:10pt; margin-left:3%;}

/*  Standard table font settings */
td           { font-size:12;
               color:#727272;}
             
th           { color: #727272;}

/* Other table cell settings */

.navy        { background-color: #f6f6f6;
               color:#1d2079;
               font-size:11pt;
               font-weight:bold;
               border-width: 1pt;
               border-style: solid;
               border-color: #1d2079;
               padding: 2px,4px,2px,4px;}

/* Standard paragraph indent */
p            { text-indent: 15pt;} 

/* Other indent classes for divs etc */ 
.indent      { margin-left:5%;
               margin-right:5%;}
               
.medindent   { padding-left:15px;
               padding-right:15px;}               
               
.smallindent { padding-left:15px;
               font-size:10;
               color:#727272;
               background-color:#ffffff;
               padding-right:15px;} 

.webpglist   { padding-left: 20px;
               font-size: 12pt;
               font-weight:bold;} 

.palebg  { background-color: #ffffff;
               border-left:1px solid #800000;
               border-right:1px solid #800000;
               padding-left:5px;
               padding-right:5px;
               width: 205px;}

.paletop { background-image: url('Images/Top_Curved_End_Image.gif');
               background-repeat: no-repeat;
               background-position: center;
               width:205px;
               height:25px;}
.palebtm { background-image: url('Images/Btm_Curved_End_Image.gif');
               background-repeat: no-repeat;
               background-position: center;
               width:205px;
               height:25px;} 

.darkbg  { background-color: #999999;
               border-left:1px solid #ffffff;
               border-right:1px solid #ffffff;
               color: #ffffff;
               padding-left:5px;
               padding-right:5px;
               width: 205px;}

.darktop { background-image: url('Images/Top_Curved_End_Dark.gif');
               background-repeat: no-repeat;
               background-position: center;
               width:205px;
               height:25px;}
.darkbtm { background-image: url('Images/Btm_Curved_End_Dark.gif');
               background-repeat: no-repeat;
               background-position: center;
               width:205px;
               height:25px;}            

/* no bullet points on lists */               
.plain       { list-style-type:none;}

.plaingrey   { list-style-type:none;
               background-color:#e5e5e5;}

/* turquoise triangles on lists */

.turqtglonly { list-style-image: url('Images/TI.gif');}

.turqtgl     { list-style-image: url('Images/TI.gif');
               color: #127bac;} 
.lgturqtgl   { list-style-image: url('Images/TI_5x9.gif');}  

ul.triangle  {list-style-type: none;
              padding:0px;
              margin-left:20px;}

ul.triangle li {background-image: url('Images/TI.gif');
                background-repeat: no-repeat;
                background-position: 0px 4px;
                padding-left: 14px;}



/* Web page horizontal menu background and class */
.navigation  { background:#999999;
               height: 32px;
               width: 900px;
               text-align:left;
               border-top: 1px solid #999999;
               border-left:1px solid #999999;}

ul.nav-main    {list-style-type:none;
                margin:0;
                padding:0;}

ul.nav-main li {display:inline;}

ul.nav-main a  {float: left;
                text-decoration:none;
                color: #f6f6f6;
                background-color: #999999;
                width: 122px;
                height: 30px;
                padding: 5 10px 0 10px;
                font-size: 11pt;
                }

ul.nav-main a:hover {color: #999999;
                     background-color: #f6f6f6;
                    }

/* ul.nav-main a:active {color: #999999;            */
/*                  background-color: #f6f6f6;}     */



/*  Highlight the current menu selection on sub pages */
#thispage       {background-color:#f6f6f6;
                 color:#800000;
                 height:32px;}
#thissubpage    {color: #800000;
                 border-width: 1px;
                 border-style: solid;
                 border-color: #800000;}

#bcrumb        { background:#f6f6f6;
                 height: 15px;
                 width: 900px;
                 font-size:8pt;
                 color:#999999;
                 text-align: center;}



/* Web page vertical menu stuff */

ul.nav-left         {list-style-type:none;
                     margin:0;
                     padding:0;}
ul.nav-left li      {display:block;}

ul.nav-left a:link  {display:block;
                     color:#127bac;
                     background-image:url('Images/Blue_Cell.gif');
                     width:150px;
                     text-align:left;
                     padding-left:2px;
                     padding-top:2px;
                     padding-bottom:3px;
                     text-decoration:none;}
ul.nav-left a:visited  {display:block;
                        color:#127bac;
                        background-image:url('Images/Blue_Cell.gif');
                        width:150px;
                        text-align:left;
                        padding-left:2px;
                        padding-top:2px;
                        padding-bottom:3px;
                        text-decoration:none;}

ul.nav-left a:hover   {color:#127bac;
                       background-color:#ffffff;}
ul.nav-left a:active  {color:#127bac;
                       background-color:#ffffff;}

td.nav-left            {color:#1d2079;
                        font-weight:bold;
                        background-image:url('Images/Blue_Cell_2.gif');
                        text-align:left;}

td.nav-left a:link     {display:block;
                        color:#1d2079;
                        font-weight:bold;

                        width:150px;
                        text-align:left;
                        padding-left:2px;
                        padding-top:2px;
                        padding-bottom:3px;
                        text-decoration:none;}

td.nav-left a:visited  {display:block;
                        color:#1d2079;
                        font-weight:bold;

                        width:150px;
                        text-align:left;
                        padding-left:2px;
                        padding-top:2px;
                        padding-bottom:3px;
                        text-decoration:none;}

td.nav-left a:hover    {color:#1d2079;
                        font-weight:bold;
                        background-image:url('Images/White_Cell.gif');}

td.nav-left a:active   {color:#1d2079;
                        font-weight:bold;
                        background-image:url('Images/White_Cell.gif');}
.question              {color:#1d2079;
                        font-weight:bold;
                        background-image:url('Images/Blue_Cell_2.gif');
                        text-align:center;}


#thisspec              {color:#1d2079;
                        font-weight:bold;
                        background-image:url('Images/White_Cell.gif');}


ul.nav-right         {list-style-type:none;
                     margin:0;
                     padding:0;}
ul.nav-right li      {display:block;}

ul.nav-right a:link  {display:block;
                     color:#676767;
                     font-size:12pt;
                     font-weight:bold;
                     background-color:#efefef;
                     width:150px;
                     text-align:left;
                     padding:2px;
                     text-decoration:none;}
ul.nav-right a:visited  {display:block;
                        color:#676767;
                        font-size:12pt;
                        font-weight:bold;
                        background-color:#efefef;
                        width:150px;
                        text-align:left;
                        padding:2px;
                        text-decoration:none;}

ul.nav-right a:hover   {color:#676767;
                        font-size:12pt;
                        font-weight:bold;
                        background-color:#ffffff;}
ul.nav-right a:active  {color:#676767;
                        font-size:12pt;
                        font-weight:bold;
                        background-color:#ffffff;}


/* Div ids for size, background colour etc */

#contentspace  { background:#f6f6f6;
                 color:#999999;
                 height: 15px;
                 width: 900px;
                 font-size:10pt;
                 text-align:left;}
               
#content       { background-color: #f6f6f6;
                 width: 900px;}
#formcontent   { background-color: #f6f6f6;
                 width: 850px;}

#central     { vertical-align:middle;
               padding-left:10px;
               color:#727272;
               font-size:10pt;}
                 
#selection   { text-indent:20px;
               padding:10px;
               background-color: #f5f5f5;}                 

#footer      { text-align:center;
               font-size: 9px;
               color:#127bac;
               margin-top:20px;}
#solution    { margin-right:15px;}
                


/* Web page bottom menu */
.navbtm       { background:#efefef;
               height: 20px;
               width: 877px;
               text-align:left;
               border-top: 1px solid #efefef;
               border-left:1px solid #efefef;}

ul.nav-btm    {list-style-type:none;
                margin:0;
                padding:0;}

ul.nav-btm li {display:inline;
               float: left;
               vertical-align: middle;}

ul.nav-btm a  {float: left;
                text-decoration:none;
                color: #999999;
                background-color: #efefef;
                width: 150px;
                height: 18px;
                padding: 2 4px 2 4px;
                font-size: 9pt;
                }

ul.nav-btm a:hover {color: #ff9933;
                     background-color: #efefef;
                    }

ul.nav-btm a:active {color: #0068a3;            
                      background-color: #efefef;}    

/* Hyperlink classes for colour and whether underlined or not */             
.nouline2    { color:#666666;
               text-decoration:none;}
              
.nouline3    { color:#ffffff;
               text-decoration:none;}   
              
.uline       { color:#149bcb;
               font-weight:bold;} 

/* no underline on text links */
.nouline     { color:#127bac;
               text-decoration:none;}
.smnouline   { color:#127bac;
               font-size:8pt;
               text-decoration:none;}
.snouline    { color:#999999;
               font-size:8pt;
               text-decoration:none;}
.mnouline    { color:#999999;
               font-size:10pt;
               font-weight:normal;
               text-decoration:none;}


/* List classes */
#turqdisc    { color:#149bcb;}
#turqdisc span
             { color:#808080;}

/* ul span      {color:#727272;}     */               
             
/* Font classes */
               
.whtxt       { font-size:10; color:#ffffff;} 
.smaller     { font-size:8pt;}  
.bigger      { font-size:12pt;}
.bigbold     { font-size:16pt; font-weight:bold;} 
.cross       { color:"#ffffff"; background-color:"#ff9933"; vertical-align: text-middle;}
.screen      { color:#cc6600; font-weight:bold;}
.btn         { color:#ff9933; font-weight:bold;}
.red         { color:#ff3300; font-weight:bold;}
.tquote      { color:#149bcb; font-size:120%;} 
.tquoteb      { color:#149bcb; font-size:120%; font-weight:bold;}
.highlight   { color:#149bcb; font-size:11pt; font-weight:bold;} 
.ssghilight   { color:#149bcb; font-size:11pt; font-weight:bold; text-align:center;}
.navytxt     { color:#1d2079; font-size:11pt; font-weight:bold;} 

/* Image classes */
.bdrfree     { border:0px;}

.withbdr     { border: solid 1px #cccccc;}
                        


/* Classes for table cells to produce tabs */               
.tdbg        { background-image:url('Images/curved_border.gif');
               background-repeat:no-repeat;
               background-position:center;}
              
.tdspacer    { border-bottom:solid 1px #d7d7d3;
               width:2px;
               color:#ffffff;}
                            
              
#tdpara      { border-left: solid 1px #d7d7d3;
               border-right: solid 1px #d7d7d3;
               padding:8px;} 

/* table cell classes for right vertical menu on Tech & User pages  */           
.tblpalegrey { background-color:#f5f5f5;}              
.tblpalegreyc { background-color:#f5f5f5;
               vertical-align:middle;
               text-align:center;}
.tblpalegreyl { background-color:#f5f5f5;
               vertical-align:middle;
               text-align:left;}


.tbldkgrey   { background-color:#c9cdd4;}

/* Tab classes on 2010 web pages - don't think they are needed on 2011 */

#tabbg a     { background-image: url('Images/Tab_Background.gif');
               background-position:center;
               color:#999999;
               text-align:center;
               vertical-align:middle;
               text-decoration:none;
               white-space:nowrap;
               padding-top:5px;
               height:25px;
               border-bottom: solid 1px #d7d7d3;}    
              
#tabbg a:hover
             { background-image:url('Images/Tab_Background.gif');
               background-position:center;
               color:#800000;} 
              
#tabbg a:active
             { color: #149bcb;
               background: #ffffff;}
             
#tabbg a     { display: block;
               float: left;}

/* Hide from IE5-Mac \*/
#tabbg a     { float: none;}
#navigation a {float: none;}
/* End hide */
          
#lnonsel     { background-image:url('Images/Left_Tab_Image.gif');
               background-repeat:no-repeat;
               width:20px;
              height:25px;
              border-bottom: solid 1px #d7d7d3;}
              
#lsel        { background-image:url('Images/Left_Tab_Image_Sel.gif');
               background-repeat:no-repeat;
               width:20px;
               height:25px;}

.hlight      { color:#149bcb;
               text-align:center;
               border-top: solid 1px #d7d7d3;}
                       
.hlightl     { color:#149bcb;
               text-align:center;
               border-top: solid 1px #d7d7d3;
               border-right:solid 1px #d7d7d3;}          
                 
.hlightr     { color:#149bcb;
               text-align:center;
               border-top: solid 1px #d7d7d3;
               border-left: solid 1px #d7d7d3;
               border-right:solid 1px #d7d7d3;}          
                 


/* Classes to add bottom curves on a box */              
.btmlcurve   { background-image:url('Images/Left_Tab_Image_Btm.gif');
               background-repeat:no-repeat;
               height:25px;
               width:20px;}

.btmrcurve   { background-image:url('Images/Right_Tab_Image_Btm.gif');
               background-repeat:no-repeat;
               height:25px;
               width:20px;}
              
                            
.kpqbg       { background-image:url('Images/Keith_Pearce_Quote_bg.gif');
               background-repeat:no-repeat;
               background-position:center;} 
              
.ajqbg       { background-image:url('Images/Arpino_Quote_bg.gif');
               background-position:center;}
              
/* button classes */

.button      { font-weight:normal;
               font-size: 12pt;
               background: #149bcb;
               color: #ffffff;}
               
.btnclick    { font-weight:bold;
               font-size:20pt;
               background: #149bcb;
               color: #ffffff;}

.btnover     { font-weight: normal;
               font-size: 12pt;
               background: #ff9933;
               color: #ffffff;}
              
.pgname      { font-size: 11pt;
               font-weight:bold;
               color: #ff9933;}             
              
.wrapper     { height: 200px;
               width: 400px;}
              
.corner      { padding: 0px;
               float: left;
               height: 15px;
               width: 15px;
               background-image: url('../images/Curved_Corner_1.jpg');
               background-repeat: no-repeat;
               background-position: right bottom;
               margin: 0px;}
              
.leftShdwRepeat
             { background-image: url('../images/Curved_Corner_4.jpg');
               background-repeat: repeat-y;
               background-position: right top;
               margin: 0px;
               padding: 0px;
               float: left;
               height: 160px;
               width: 15px;}
              
.contentWrapper
             { float: right;
               height: 400px;
               width: 440px;}
              
.leftShdwFade 
             { background-image: url('../images/Curved_Corner_5.jpg');
               background-repeat: no-repeat;
               background-position: right top;
               float: left;
               height: 25px;
               width: 15px;
               margin: 0px;
               padding: 0px;}
              
.topShdwRepeat
             { margin: 0px;
               padding: 0px;
               float: left;
               height: 15px;
               width: 335px;
               background-image: url('../images/Curved_Corner_2.jpg');
               background-repeat: repeat-x;
               background-position: left bottom;}
              
.topShdwFade { background-image: url('../images/Curved_Corner_3.jpg');
               background-repeat: no-repeat;
               background-position: left bottom;
               margin: 0px;
               padding: 0px;
               float: left;
               height: 15px;
               width: 50px;}

              
.pgbrafter   { page-break-after : always; }
.pgbrbefore  { page-break-before: always;}


 a:hover     { color :#ff9933;}


.cscell      { background-image: url('Images/cs_cellbg.gif');
               background-repeat: no-repeat;
               background-position:center;
               text-align: center;

               height:170px}

.pc         {  height:20px;
               text-align:left;}

.pca         { background-color: #efefef;
               height: 20px;
               width:200px;}

.pcb         { background-color: #efefef;
               height: 20px;
               text-align:center;}

.pcc         { height:20px;
               text-align:center;}

.pcd         { background-color: #efefef;
               height: 20px;
               text-align:left;}

.pce         { background-color: #efefef;
               padding-top:4px;
               padding-bottom: 4px;}

.pchdr       { font-size:12pt;
               font-weight:bold;
               color: #2b30af;
               text-align:center;
               vertical-align:middle;}

#formbdrs    { padding: 2px;
               border-top: 2px solid #149bcb;
               border-left: 2px solid #149bcb;
               border-right: 2px solid #149bcb;
               border-bottom:2px solid #149bcb;
               background-color: #f9f9f9;}

#video       { padding: 4px;
               border-top: 1px solid #149bcb;
               border-left: 1px solid #149bcb;
               border-right: 1px solid #149bcb;
               border-bottom:1px solid #149bcb;
               background-color: #f9f9f9;}


.privacy     { padding: 10px;
               background-color: #ffffff;
               font-size: 9px;
               width:70%;}


td.ltdofrtl  { background-image: url ('Images/Offer_Curve_Top_Left.gif');}
td.ltdofrtop { background-color: #ffffff;
               border-top: 1px solid #149bcb;
               color: #1d2079;
               font-size:12px;
               font-weight:bold;}
td.ltdofrtr  { background-image: url ('Images/Offer_Curve_Top_Right.gif');}
td.ltdoffer  { background-color: #ffffff;
               font-size: 11px;
               border-left: 1px solid #149bcb;
               border-right: 1px solid #149bcb;}
td.ltdofrbl  { background-image: url ('Images/Offer_Curve_Btm_Left.gif');}
td.ltdofrbtm { background-color: #ffffff;
                border-bottom: 1px solid #149bcb;}
td.ltdofrbr  { background-image: url ('Images/Offer_Curve_Btm_Right.gif');}



</style>                                                         