/* Text Style */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border:0;outline:0;font-family:Arial,Verdana,Tahoma,sans-serif;color:#333333;}
/* General */
Body {background:#ffffff;padding: 0px;text-align: center;font-size: 11px;color:#000000;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
Body.home {background: url(../images/back_home.jpg) top repeat-x #ffffff;padding: 0px;text-align: center;font-size: 11px;color:#000000;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
Body.inside{background: url(../images/back.jpg) top repeat-x #ffffff;padding: 0px;text-align: center;font-size: 11px;color:#000000;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
Body.sitemap{background: url(../images/bg_sitemap.jpg) top repeat-x #ffffff;padding: 0px;text-align: center;font-size: 11px;color:#000000;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
#container {margin:0 auto;text-align: left;width:980px;}
a {color: #3C7A9D;text-decoration: none;}
a:hover{color: #76BA33;text-decoration: underline;}
a.selected{color: #76BA33;text-decoration: underline;}
a.selected:hover{color: #76BA33;text-decoration: underline;}
/* Text Style */
h1 {font-size: 16px;font-style: bold;font-weight:bold;color: #003F70;}
h2 {font-size: 12px;font-style: normal;font-weight:normal;color: #8B8B8B;}
h3 {font-size: 12px;font-style: normal;font-weight:bold;color: #6C6B6B;}
h4 {font-family: "Times New Roman", Times, serif;font-size: 23px;font-style: normal;font-weight:normal;color: #000000;margin:0;}
h5 {font-size:12px;font-style: normal;font-weight:bold;color:#003366;padding:5px 0 12px 0;margin:0;}
h6 {font-family: "Times New Roman", Times, serif;font-size: 17px;font-style: normal;font-weight:normal;color: #006699;padding:0;margin:0;border-bottom:1px dotted #999999;}
.h7 {font-family: "Times New Roman", Times, serif;font-size:17px;font-style: normal;font-weight:normal;color:#66CC33;padding:5px 0 2px 0;margin:0 0 6px 0;;display:block;border-bottom:1px dotted #999999;}
.stynav {font-size: 11px;font-weight: bold;color: #848584;}
.stynav1 {font-size: 12px;font-weight: bold;color: #0093CB;}
.styorg {font-size: 11px;font-weight: bold;color:#3C7A9D;}
.stygrn {font-size: 16px;font-weight:bold;color:#88D71E;}
.styorg2 {font-size: 16px;font-weight:bold;color: #FF6600;}
.stybot {font-size: 10px;font-weight: normal;color:#ffffff;}
.product {font-size: 11px;font-weight: bold;color:#000000;}
.form {font-size: 11px;font-style: normal;font-weight:normal;color: #8B8B8B;}
.tl02 {font-family: "Times New Roman", Times, serif;font-size: 13px;font-style: italic;font-weight:bold;color: #8AD010;}
/* navigation */
.navi {padding:35px 0 0 0;}
.navigation {font-size:11px;}
.snavi {margin:0;padding:0;}
ul.sidenavi {list-style:none;padding:1px 0 0 2px;margin:0;text-align:left;width:257px;}
ul.sidenavi li {margin:3px;padding:3px 0 4px 0;list-style:none;color:#FFCC00;vertical-align:middle;border-bottom:1px dotted #666666;font-weight:bold;color:#000000;font-size:11px;}
ul.sidenavi li a {font-size:11px;font-weight:bold;color:#0093CB;}
ul.sidenavi li a.selected {font-size:11px;font-weight:bold;color:#000000;padding:0 0 0 10px;background:url(../images/arrowblue.jpg) left no-repeat; text-decoration:none;}
ul.sidenavi li ul {list-style-position:outside;padding:2px 0 0 0px;margin:0 0 0 22px;}
ul.sidenavi li ul li {border-bottom:none;padding:0 0 3px 0;list-style: disc;color:#0093CB;}
ul.sidenavi li ul li a {font-weight:bold;font-size:11px;color:#0093CB;}
ul.sidenavi li ul li a.selected {font-weight:bold;font-size:11px;color:#8b8b8b;background:none;padding:0;}
ul.forsitemap {list-style:none;padding:1px 0 0 2px;margin:0;text-align:left;width:160px;}
ul.forsitemap li {margin:3px;padding:3px 0 4px 0;list-style:none;color:#FFCC00;vertical-align:middle;border-bottom:1px dotted #D6D6D6;font-weight:bold;color:#000000;font-size:11px;}
ul.forsitemap li a {font-size:11px;font-weight:bold;color:#0093CB;}
ul.forsitemap li a.selected {font-size:11px;font-weight:bold;color:#000000;padding:0 0 0 10px;background:url(../images/arrowblue.jpg) left no-repeat; text-decoration:none;}
ul.forsitemap li ul {list-style-position:outside;padding:2px 0 0 0px;margin:0 0 0 22px;}
ul.forsitemap li ul li {border-bottom:none;padding:0 0 3px 0;list-style: disc;color:#0093CB;}
ul.forsitemap li ul li a {font-weight:bold;font-size:11px;color:#0093CB;}
ul.forsitemap li ul li a.selected {font-weight:bold;font-size:11px;color:#8b8b8b;background:none;padding:0;}
/* Assets*/
Select {font-size: 11px;letter-spacing:1px;color: #000000;text-decoration: none;}
inputd {font-size: 11px;letter-spacing:1px;text-decoration:none;background: #C8E8F9;border:1px solid #999999;padding:2px;}
/* Footer */
.footerlink {color:#ffffff;font-size:10px;}
.footerlink a {color:#ffffff;font-size:10px;}
.footerlink a:hover {color:#999999;font-size:10px;text-decoration:underline;}
.footerbg {background:#004d77;margin:15px 0 0 0;}
/* Content Area */
.leftcontent {width:257px;}
.contentarea {width:625px;margin:0 0 0 0;padding:0 40px 0 0;color:#333333;font-size:12px;text-align:justify;}
.contentarea1 {width:665px;margin:0 0 0 0;color:#333333;font-size:12px}
.contentarea2 {width:605px;margin:0 0 0 0;padding:0 20px 0 50px;color:#333333;font-size:12px;text-align:justify;}
.gradientline {width:28px;}
#productsdiv {padding:0;margin:8px;}
#productsdiv img {margin:4px 4px 4px 4px;display:block;height:auto;}
#productsdiv ul {padding:0 0 0 15px;list-style:square;}
#productsdiv ul li {margin:0 0 0 12px;}
#productsdivleft {padding:0;margin:8px;float:left;display:block;width:310px;}
#productsdivleft img {padding:4px;display:block;}
/* Important Style */
.clearfloat { clear:both;height:0px;font-size: 1px;line-height: 0px;/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */}
/* Hides from IE-mac \*/
* html .clearfloat {height:1%;} .clearfix {display:block;}
/* End hide from IE-mac */
/* other */
#sbox {width:252px;padding:9px 0 0 0;}
#sbox .head {width:252px;height:43px;padding:0;background:url(../images/bg_toolboxtop.jpg) bottom no-repeat #ffffff;}
#sbox .head h1 {padding:12px 12px 0 15px;margin:0;}
#sbox .sbody {width:250px;padding:0;margin:0;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:url(../images/bg_toolboxgrn1.jpg) bottom repeat-x #d2efa0;}
#sbox .sbody .sform {padding:10px 2px 12px 2px;border-top:1px dotted #666666;}
#sbox1 {width:252px;padding:9px 0 0 0;}
#sbox1 .head1 {width:252px;height:43px;padding:0;background:url(../images/bg_toolboxtop.jpg) bottom no-repeat #ffffff;}
#sbox1 .head1 h1 {padding:12px 12px 0 15px;margin:0;}
#sbox1 .sbody1 {width:250px;padding:0;margin:0;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#ffffff;}
#sbox1 .sbody1 h2 {margin:0;padding:5px 0 0 0;}
#itembox {width:185px;display:block;float:left;margin:10px;text-align:left;}
#itembox h5 {width:100%;background: #CFE2F1;color:#000000;margin:0 0 8px 0;padding:4px;}
#itembox ul {padding:0 0 0 15px;margin:0;list-style:disc;}
#itembox ul li {padding:0 0 3px 1px;margin:0;}
.videobar {width:100%;padding:5px;background: url(../images/bg_video.jpg) repeat-x bottom #f2f6f8;border-top:1px solid #666666;border-bottom:0px solid #666666;text-align:left;}
#videobox {width:135px;display:block;float:left;margin:10px;text-align:left;text-align:center;}
#videobox img {border:1px solid #333333;background:#cccccc;}
#videobox a:hover {color:#000000;}
#onvideobox {width:135px;display:block;float:left;margin:10px;text-align:left;text-align:center;}
#onvideobox img {border:2px solid #66CC33;background:#cccccc}
#onvideobox a:hover {color:#000000;}
#testibox {padding:10px;margin:10px 0 10px 0;border-top:1px solid #666666;border-bottom:1px solid #666666;background: #F5FBFC;}
#testibox2 {padding:10px;margin:10px 0 10px 0;border-top:1px solid #666666;border-bottom:1px solid #666666;background: #F5F5F5;}
.picbox {width:100px;padding:0 12px 8px 12px;float:left;display:block;font-size:12px;font-family:Times New Roman;color:#73B41B;}
.picbox img {border:2px solid #CCCCCC;}
.picbox2 {width:100px;padding:0 12px 8px 12px;float:right;display:block;font-size:12px;font-family:Times New Roman;color:#73B41B;}
.picbox2 img {border:2px solid #666666;}
#productsbox {width:120px;display:block;float:left;margin:2px;text-align:left;border:1px solid #CFE2F1;background: url(../images/bg_p.jpg) repeat-x top #ffffff;}
#productsbox h5 {width:112px;margin:0 0 8px 0;padding:4px;height:45px;font-size:11px;text-align:center;}
#productsbox ul {padding:2px;margin:0;list-style:none;}
#productsbox ul li {padding:3px 0 3px 1px;margin:0;border-bottom:1px dotted #CFE2F1;text-align:center;}
#twocolumebox {width:280px;display:block;float:left;margin:10px;padding:0px;text-align:left;}
#twocolumebox h1 {padding:1px;margin:16px 1px 1px 1px;border-bottom:1px dotted #3366FF;}
#twocolumebox ul {padding:0;margin:0 0 0 12px;list-style:none;}
#twocolumebox ul li {padding:0;margin:0;}
.faqbox {margin:15px 0 15px 0;}
.boxtl a {color: #5EABD0;font-size:14px;font-weight:bold;width:625px;display:block;background:#ffffff;padding:2px 0 2px 10px;border-bottom:1px solid #CFE2F1;}
.boxtl a:hover {color:#000000;font-size:14px;font-weight:bold;text-decoration:none;width:100%;background: #F0F0F0;padding:2px 0 2px 10px;border-bottom:1px solid #F0F0F0;}
.videothumbbox {float:left;width:110px;height:80px;padding:4px;}
.videothumbbox a {font-size:11px;}
#scolume {padding:0;margin:0;}
#scolume td {padding:2px;margin:0;}
#scolume td.sqleft {width:10%;color:#FF3300;font-size:14px;font-weight:bold;text-align:center;vertical-align:top;}
#scolume td.sqright {width:90%;color:#000000;font-size:12px;font-weight:bold;text-align:left;}
#scolume td.saleft {width:10%;color:#1E88DF;font-size:14px;font-weight:bold;text-align:center;vertical-align:top;border-bottom:1px dotted #CCCCCC;}
#scolume td.saright {width:90%;color:#000000;font-size:12px;font-weight:normal;text-align:left;border-bottom:1px dotted #CCCCCC;}
.spacer {padding:10px 12px 12px 12px;}
.spacercntl {padding:10px 12px 12px 12px;text-align:center;}
.spacercnt2 {padding:10px 12px 12px 12px;text-align:left;}
.spacerrgt {padding:10px 12px 12px 12px;text-align:right;}
.goright {float:right;}
.goleft {float:left;margin:10px 30px 10px 10px;}
.pspec {display:block;height:35px;border-bottom:1px dotted #C9E3ED;background:none;width:310px;padding:6px 0 0 0;}
.pspec2 {display:block;background:none;float:left;padding:6px 0 0 0;width:400px;}
.listing {display:block;border-bottom:1px dotted #66CC33;padding:10px;}
.listing h5 {padding:0;margin:0;}
.olspacing {font-weight:bold;}
.olspacing li {padding:2px;}