@charset "utf-8";
/* CSS Document */

#content {
   font:normal 12px Verdana, Arial, Helvetica, sans-serif;
   line-height:14px;
   color:#000;
}

#content table, #content table td {
   height:0;
   font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#content h1 {
   font:bold 20px Arial, Helvetica, sans-serif;
   line-height:20px;
   color:#262c99;
   padding:0 0 14px;
}

#content h2 {
   font:bold 16px Arial, Helvetica, sans-serif;
   line-height:16px;
   color:#3d43bf;
   padding:0;
}

#content h3 {
   font:bold 14px Arial, Helvetica, sans-serif;
   line-height:16px;
   color:#262c99;
   padding:0 0 14px;
}

#content p {
   padding:0 0 14px;
}

#content a {
   color:#3d43bf;
}

#content a:hover {
   color:#000;
   text-decoration:none;
}

#content .breadcrumbs {
   color:#999;
   padding:0 0 3px;
   font-size:10px;
   border-bottom:1px dotted #ccc;
   margin:0 0 11px;
}

#content .breadcrumbs a {
   color:#8689c5;
}

#content .centered {
   text-align:center;
}

#content .left {
   float:left;
}

#content .right {
   float:right;
}

#content .thirty ul {
   width:30%;
   float:left;
   margin-right:10px;
}

#content .thirty h2 {
   clear:left;
}

#content .arrow, #content .arrow li {
   margin:0;
   padding:0;
   list-style-type:none;
}

#content .arrow {
   padding:0 0 14px 10px;
}

#content .arrow li {
   padding:0 0 0 15px;
   background:url(../images/arrow.png) 0 3px no-repeat;
}

#content .chart {
   margin:0 0 14px;
   border-top:1px solid #999;
   border-left:1px solid #999;
}

#content .chart th, #content .chart td {
   padding:4px 6px;
   font:normal 11px Verdana, Arial, Helvetica, sans-serif;
   color:#333;
   border-right:1px solid #999;
   border-bottom:1px solid #999;
}

#content .chart th {
   background:#e1e1e1;
   font-weight:bold;
   font-size:13px;
   text-align:left;
}

#content .threecol {
   width:32%;
}

#content .threecolright {
   width:65%;
}

#content .fifty {
   width:48%;
}

/* Homepage Styles */

#content .homebox {
   width:320px;
   _width:360px;
   padding:20px 20px 12px;
   background:#e1e1e1;
}

#content .homebox ul, #content .homebox ul li {
   margin:0;
   padding:0;
   list-style-type:none;
}

#content .homebox ul li {
   border-top:1px solid #b4b4b4;
   padding:10px 0 0;
}

#content .homebox ul li h3 {
   font:bold 15px Arial, Helvetica, sans-serif;
   color:#000;
   padding:0 0 10px 21px;
   line-height:20px;
   background:url(../images/home-arrow.png) 0 2px no-repeat;
}

#content .homebox ul li h3 strong {
   color:#3d43bf;
}

#content .prod-box {
   width:550px;
}

#content .prod-box ul, #content .prod-box ul li {
   margin:0;
   padding:0;
   list-style-type:none;
}

#content .prod-box ul li {
   float:left;
   height:115px;
   _height:123px;
   padding:4px;
   background:#e1e1e1;
   margin:0 0 7px;
   position:relative;
}

#content .prod-box ul li.short {
   width:262px;
   _width:270px;
   margin:0 10px 0 0;
}   

#content .prod-box h2 {
   font:bold 18px Arial, Helvetica, sans-serif;
   color:#fff;
   margin:0 0 4px;
}

#content .prod-box h2 a {
   display:block;
   height:37px;
   color:#fff;
   padding:0 9px;
   background:url(../images/prod-box-header.png) 0 0 repeat-x;
   line-height:37px;
   text-decoration:none;
}

#content .prod-box h2 a:hover {
   color:#fff;
}

#content .prod-box img {
   float:left;
   border:2px solid #1d2172;
   margin:0 4px 0 0;
}

#content .prod-box ul li ul {
   float:left;
   width:116px;
}

#content .prod-box ul li ul li {
   width:116px;
   height:auto;
   _height:0;
   font:normal 10px Arial, Helvetica, sans-serif;
   line-height:10px;
   padding:0 0 2px;
   color:#333;
   background:none;
   margin:0;
   float:left;
}

#content .prod-box ul li ul.shorter, #content .prod-box ul li ul.shorter li {
   width:92px;
}

#content .prod-box ul li p.view {
   padding:0;
   height:0;
}

#content .prod-box ul li p.view a {
   position:absolute;
   display:block;
   width:118px;
   height:16px;
   background:url(../images/view-list.gif) 0 0 no-repeat;
   text-indent:-9999px;
   overflow:hidden;
   right:4px;
   bottom:0;
}

/* Homepage Styles End */

#content .contact {
   padding:15px 15px 0;
   background:#e1e1e1;
   border:1px dotted #ccc;
}

#content .contact input, #content .contact textarea {
   width:175px;
   height:22px;
   padding:3px 4px;
   background:#fff;
   border:1px dotted #999;
}

#content .contact textarea {
   height:85px;
}

/*#content .contact input[type=hidden] { 
   visibility: hidden;
   height:0;
   padding:0;
}*/

#content .contact .sub-button input {
   display:block;
   width:65px;
   height:25px;
   background:url(../images/submit-button.png) 0 0 no-repeat;
   text-indent:-9999px;
   overflow:hidden;
   line-height:0;
   cursor:pointer;
   border:0;
}

#content .contact .sub-button input:hover {
   background-position:0 -25px;
}