@import "base.css";

html{ font-size:70%; }

body { margin:0; padding:0 0 50px 0; color:#463D3D; font-size:1.1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
input, select, textarea{ font-family:Arial, Helvetica, sans-serif; }

/* A few general rules */
a 			{ color:#043A6D; font-weight:bold; text-decoration:none; }
a:hover 	{ color:#043A6D; text-decoration:underline; }
img 		{ border:none; display:block; }
.imgleft	{ float:left; margin:0 10px 0 0; }
.imgright	{ float:right; margin:0 0 0 10px; }
.imgmiddle{ clear:both;  margin:5px auto 0 auto; }
.txtleft	{ text-align:left; }
.txtright	{ text-align:right; }
ol 			{ padding-left:0; margin-left:0; }
ol li 		{ margin:0 0 0 25px; }
fieldset	{ border:0; margin:0; padding:0; }
.right{ float:right; }

p{ padding-top:.4em; line-height:1.3em; }
p.intro{ font-size:110%; }
h3{ color:#FF6600; font-size:1.3em; padding-top:.4em;  }
.blueTxt{ color:#043A6D; font-weight:bold; }




#outerWrapper { width:817px; margin:0 auto; margin-top:10px;text-align:left; padding:0;  }
#main{ padding:0 4px; margin:0; position:relative;  }


/* HEADER AREA */
#contactBox{ background:#2477AB url(../images/contact-bg.gif) bottom left no-repeat; width:183px; position:absolute; top:1px; right:0; text-align:center; color:#FFFFFF; padding:2px 0 5px 0; }
#contactBox a{ color:#FFFFFF; text-decoration:none; }
#header h2{ background:url(../images/slogan.gif) 0 0 no-repeat; position:absolute; right:17px; bottom:0; text-indent:-99999px; width:514px; height:33px; }

/* Navigation */
#mainNav{ background:url(../images/nav-bg.gif) 0 0 repeat-x; height:23px; padding:2px 0; margin:0; }
#mainNav ul{ padding:0;}
#mainNav ul li{ display:inline; float:left; height:23px; overflow:hidden; font-size:9px; background:none; padding:0; }



#mainNav ul li.clients, #mainNav ul li.product, #mainNav ul li.service, #mainNav ul li.events, #mainNav ul li.buy, #mainNav ul li.about{ margin-left:-4px;  }
#mainNav ul li.clients a, #mainNav ul li.product a, #mainNav ul li.service a, #mainNav ul li.events a, #mainNav ul li.buy a, #mainNav ul li.about a{ text-indent:4px; }
  
#mainNav ul li#menuElem_LI_0_1 a, #mainNav ul li#menuElem_LI_0_1 a em{ z-index:9;}
#mainNav ul li#menuElem_LI_0_2 a, #mainNav ul li#menuElem_LI_0_2 a em{ z-index:8; }
#mainNav ul li#menuElem_LI_0_3 a, #mainNav ul li#menuElem_LI_0_3 a em{ z-index:7; }
#mainNav ul li#menuElem_LI_0_4 a, #mainNav ul li#menuElem_LI_0_4 a em{ z-index:6; }
#mainNav ul li#menuElem_LI_0_5 a, #mainNav ul li#menuElem_LI_0_5 a em{ z-index:5; }
#mainNav ul li#menuElem_LI_0_6 a, #mainNav ul li#menuElem_LI_0_6 a em{ z-index:4; }
#mainNav ul li#menuElem_LI_0_7 a, #mainNav ul li#menuElem_LI_0_7 a em{ z-index:3; }

/* active state*/
#mainNav ul li#menuElem_LI_0_1 a, #mainNav ul li#menuElem_LI_0_1 a em{ background:url(../images/nav-home.gif) 0 100% no-repeat; }
#mainNav ul li#menuElem_LI_0_2 a, #mainNav ul li#menuElem_LI_0_2 a em{ background:url(../images/nav-clients.gif) 0 100% no-repeat;  }
#mainNav ul li#menuElem_LI_0_3 a, #mainNav ul li#menuElem_LI_0_3 a em{ background:url(../images/nav-product.gif) 0 100% no-repeat;   }
#mainNav ul li#menuElem_LI_0_4 a, #mainNav ul li#menuElem_LI_0_4 a em{ background:url(../images/nav-service.gif) 0 100% no-repeat;  }
#mainNav ul li#menuElem_LI_0_5 a, #mainNav ul li#menuElem_LI_0_5 a em{ background:url(../images/nav-events.gif) 0 100% no-repeat;   }
#mainNav ul li#menuElem_LI_0_6 a, #mainNav ul li#menuElem_LI_0_6 a em{ background:url(../images/nav-buy.gif) 0 100% no-repeat;   }
#mainNav ul li#menuElem_LI_0_7 a, #mainNav ul li#menuElem_LI_0_7 a em{ background:url(../images/nav-about.gif) 0 100% no-repeat;   }


#mainNav ul li#menuElem_LI_0_1 a, #mainNav ul li#menuElem_LI_0_1 a em{ background:url(../images/nav-home.gif) 0 0 no-repeat; width:80px; height:23px; float:left; overflow:hidden; display:block; }
#mainNav ul li#menuElem_LI_0_1 a:hover, #mainNav ul li#menuElem_LI_0_1 a:hover em{ background:url(../images/nav-home.gif) 0 100% no-repeat;  }
#mainNav ul li#menuElem_LI_0_2 a, #mainNav ul li#menuElem_LI_0_2 a em{ background:url(../images/nav-clients.gif) 0 0 no-repeat; width:93px; height:23px; float:left; overflow:hidden;  }
#mainNav ul li#menuElem_LI_0_2 a:hover, #mainNav ul li#menuElem_LI_0_2 a:hover em{ background:url(../images/nav-clients.gif) 0 100% no-repeat;  }
#mainNav ul li#menuElem_LI_0_3 a, #mainNav ul li#menuElem_LI_0_3 a em{ background:url(../images/nav-product.gif) 0 0 no-repeat; width:103px; height:23px; float:left; overflow:hidden;  }
#mainNav ul li#menuElem_LI_0_3 a:hover, #mainNav ul li#menuElem_LI_0_3 a:hover em{ background:url(../images/nav-product.gif) 0 100% no-repeat;   }
#mainNav ul li#menuElem_LI_0_4 a, #mainNav ul li#menuElem_LI_0_4 a em{ background:url(../images/nav-service.gif) 0 0 no-repeat; width:96px; height:23px; float:left; overflow:hidden;  }
#mainNav ul li#menuElem_LI_0_4 a:hover, #mainNav ul li#menuElem_LI_0_4 a:hover em{ background:url(../images/nav-service.gif) 0 100% no-repeat;  }
#mainNav ul li#menuElem_LI_0_5 a, #mainNav ul li#menuElem_LI_0_5 a em{ background:url(../images/nav-events.gif) 0 0 no-repeat; width:90px; height:23px; float:left; overflow:hidden;  }
#mainNav ul li#menuElem_LI_0_5 a:hover, #mainNav ul li#menuElem_LI_0_5 a:hover em{ background:url(../images/nav-events.gif) 0 100% no-repeat; }
#mainNav ul li#menuElem_LI_0_6 a, #mainNav ul li#menuElem_LI_0_6 a em{ background:url(../images/nav-buy.gif) 0 0 no-repeat; width:115px; height:23px; float:left; overflow:hidden;  }
#mainNav ul li#menuElem_LI_0_6 a:hover, #mainNav ul li#menuElem_LI_0_6 a:hover em{ background:url(../images/nav-buy.gif) 0 100% no-repeat;   }
#mainNav ul li#menuElem_LI_0_7 a, #mainNav ul li#menuElem_LI_0_7 a em{ background:url(../images/nav-about.gif) 0 0 no-repeat; width:103px; height:23px; float:left; overflow:hidden;  }
#mainNav ul li#menuElem_LI_0_7 a:hover, #mainNav ul li#menuElem_LI_0_7 a:hover em{ background:url(../images/nav-about.gif) 0 100% no-repeat;   }


/*Home content*/
.contentHome{ background:url(../images/ta-main-img.jpg) top right no-repeat; height:290px; border-bottom:1px solid #003162;  }
.productOption{ background:url(../images/ta-products.gif) 0 0 no-repeat; height:102px; width:172px; padding-left:97px; }
.productOption ul{ width:177px; display:block; padding-top:18px; }
.productOption ul li{ background:none; padding-left:0; display:block; float:left; font-size:8px; }
.productOption ul li.download a, .productOption ul li.download a em{ background:url(../images/ta-download.gif) 0 0 no-repeat; height:23px; width:177px; float:left; overflow:hidden; }
.productOption ul li.download a:hover, .productOption ul li.download a:hover em{ background:url(../images/ta-download.gif) 0 100% no-repeat; height:23px; width:177px; float:left; overflow:hidden;  }

.productOption ul li.order a, .productOption ul li.order a em{ background:url(../images/ta-order.gif) 0 0 no-repeat; height:31px; width:177px; float:left; overflow:hidden; }
.productOption ul li.order a:hover, .productOption ul li.order a:hover em{ background:url(../images/ta-order.gif) 0 100% no-repeat; height:31px; width:177px; float:left; overflow:hidden; }


.productOptionSmall{ background:url(../images/ta-products-small.gif) 0 0 no-repeat; height:84px; width:112px; padding-left:65px; margin-top:10px; }
.productOptionSmall ul{ width:87px; display:block; padding-top:20px; }
.productOptionSmall ul li{ background:none; padding-left:0; display:block; float:left; font-size:8px; }
.productOptionSmall ul li.download a, .productOptionSmall ul li.download a em{ background:url(../images/ta-download-small.gif) 0 0 no-repeat; height:29px; width:87px; float:left; overflow:hidden; }
.productOptionSmall ul li.download a:hover, .productOptionSmall ul li.download a:hover em{ background:url(../images/ta-download-small.gif) 0 100% no-repeat; height:29px; width:87px; float:left; overflow:hidden;  }

.productOptionSmall ul li.order a, .productOptionSmall ul li.order a em{ background:url(../images/ta-order-small.gif) 0 0 no-repeat; height:25px; width:87px; float:left; overflow:hidden; }
.productOptionSmall ul li.order a:hover, .productOptionSmall ul li.order a:hover em{ background:url(../images/ta-order-small.gif) 0 100% no-repeat; height:25px; width:87px; float:left; overflow:hidden; }


.bottomSection{ background:#F2F5F5 url(../images/separator-y.gif) 50% 0 repeat-y; }
.bottomSection .col1, .bottomSection .col2{ width:360px; float:left; padding:8px 22px;}
.bottomSection .col2 ul{ width:255px}


/* Other pages */
.content{ background:#F2F5F6 url(../images/separator-main-bg.gif) 600px 0 no-repeat; }
.mainCol{ float:left; width:600px; padding-bottom:1em; margin-right:1px; }
.rightCol{ float:left; width:178px; padding:0 15px 1em 15px; overflow:hidden; background:#ffffff url(../images/bg-right-col2.gif) bottom left repeat-x;  }
.rightCol h3{ color:#463D3D; }
.twoCol{ background:#ffffff; width:600px; }
.twoCol .col1{ width:153px; float:left; padding:15px 10px 10px 20px; }
.twoCol .col1 ul{ padding-left:0; }
.twoCol .col1 ul li{ background:none; padding-left:0; }
.twoCol .col2{ float:left; /*width:407px; padding:0 10px 10px 0;*/ width:397px; padding:0 10px 10px 10px;  }
/*.twoCol .col2 p, .twoCol .col2 h3, .twoCol .col2 ul{ padding-left:0; }*/
.oneCol{ display:block; }
.lightgreyBg{ background:#F2F5F6; padding-bottom:1em;  }
.darkgreyBg{ background:#EAE6E6; display:block; }
.darkgreyBg h3{ background:url(../images/separator-x.gif) 0 100% repeat-x;  padding-bottom:4px; }
/*.mainCol p, .mainCol h3, .mainCol ul{ padding-left:20px; padding-right:15px; }*/
.separator{  background:url(../images/separator-x.gif) 0 80% repeat-x; height:10px; display:block; clear:both;  }
hr{ display:none;  }
ul.horizontalList{ float:left; width:260px; padding-left:0; }
.pr20{ padding-right:20px; }
li.biggerLink{ font-size:1.3em; line-height:1.3em; }
.col321{ /*width:313px;*/ width:304px; float:left; }



.innerContent{ padding:10px 20px 10px 20px; display:block; }
.innerContent p, .innerContent h3, .innerCol ul{ padding-left:0; }
.innerContent .separator{ height:15px; background:url(../images/separator-x.gif) 0 50% repeat-x; }
.innerContent h3{ padding-top:0; }
.pageNumber{ text-align:right; clear:both; font-size:.9em; }

/*About page*/
h3.tab{ border-bottom:1px solid #B9B3B3; padding-left:17px; display:block; padding-top:4px; }
h3.tab span{ padding:4px 0 0 10px; background:url(../images/h3-corner-left.gif) 0 0 no-repeat; border-bottom:1px solid #F2F5F6;  }
.aboutInfo{ border-right:1px solid red; border-left:1px solid red; }
h3.tab span span{ padding:4px 10px 0 0; background:url(../images/h3-corner-right.gif) 100% 0 no-repeat; }
body#about .mainCol{ background:#ffffff; padding:0;  }
body#about .oneCol{ padding:0 20px; }
body#about .twoCol .col1{ padding-top:0; }
.aboutInside{ padding:5px 20px; }
.aboutInside p{ padding-left:0; padding-right:0; }
.aboutInside .separator{  background:url(../images/separator-x.gif) 0 50% repeat-x; height:15px; display:block; clear:both;  }
.column1{ float:left; width:135px; padding:5px 5px 5px 0; }
.column2{ float:left; width:135px; padding:5px 0; }
.column3{ float:left; width:285px; padding:5px 0; }


/*Clients page*/
body#clients .content{ background:#ffffff url(../images/bg-right-col.gif) bottom left repeat-x; }
body#clients .mainCol p, body#clients .mainCol h3, body#clients .mainCol ul{ padding-left:0; } 
body#clients .mainCol ul li{ padding:10px 28px 20px 17px; background:url(../images/bg-cross.gif) bottom right no-repeat; display:inline; float:left;  }
body#clients .mainCol ul li.last{ background:none; } 
body#clients .mainCol{ margin-right:0; }
body#clients .oneCol, body#clients .mainCol{ background:#ffffff url(../images/separator-main-bg.gif) 100% 0 no-repeat; }
body#clients .oneCol{ padding:0 15px 0 20px; }
body#clients .rightCol{ background:none;  }


/*Footer*/
#footer{ background:url(../images/footer-bg.png) 0 0 no-repeat; overflow:hidden; width:817px; margin:0 auto; color:#FFFFFF; text-align:left; padding-top:6px;  }
#footer span{  padding:0 0 0 6px;  }



/* Screen styling*/
.graphs{ float:left; padding:0 10px 10px 15px; width:231px; /*display:block;*/ margin:0 0 0 0; overflow:auto; height:455px; /*position:relative;*/  }
.graphs img{ padding-top:12px; }
.graphs p{ padding-left:0; color:#908585; }

body#popupScreen{ width:620px; margin:20px auto; }
.bigScreen{ margin:0 auto; width:600px; background:#ffffff; padding:10px 0;  }
.bigScreen img{  margin:1em auto; }
.bigScreen p{ margin:0 30px; text-align:left; }
.bigScreen p a{ float:right;  }

.screenNav{ width:230px; }
.screenNav ul{ padding:0; margin:0; }
.screenNav ul li{ display:inline; background:none; padding:0; color:#908585; }
.screenNav ul li a{ color:#043A6D; font-weight:bold; text-decoration:none; }
.screenNav ul li a:hover{ color:#043A6D; text-decoration:underline; }
.screenNav ul li.next{ width:115px; text-align:right; float:left; }
.screenNav ul li.previous{ width:115px; float:left; }











ul{ padding:.4em 0 .4em 0; }
ul li{ background:url(../images/arrow-full-blue.gif) 0 .3em no-repeat; padding:0 0 0 15px; line-height:1.5em; }

/* sIFR - Flash replacement */

.sIFR-flash { visibility:visible !important; margin: 0; }
.sIFR-replaced { visibility:visible !important; }
span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }
.sIFR-flash + div[adblocktab=true] { display:none !important; }

.sIFR-hasFlash h1.mainTitle, h1.mainTitle { font-weight: normal; letter-spacing: -.01em; font-size: 1.9em !important; color:#FF6600; font-weight:bold; margin:.4em 0 0 0;  }
.sIFR-hasFlash h2.secondaryTitle, h2.secondaryTitle { font-weight: normal; letter-spacing: -.01em; font-size: 1.3em !important; color:#463D3D; font-weight:bold; margin:.4em 0 0 0; }