html, body {
margin:0pt;
padding:0pt;
}
html {
background:#2D3831 url(../images/page_top.gif) repeat-x scroll left top;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:76%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:center;
}
body {
line-height:1em;
margin:0pt auto;
text-align:left;
width:925px;
}
p, div, h1, h2, h3, h4, h5, ul, li {
margin:0pt;
padding:0pt;
}
img {
border:0pt none;
margin:0pt;
padding:0pt;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
a:link, a:visited, a:active {
color:#0E7FC7;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.clear {
clear:both;
font-size:0px;
height:0px;
line-height:0pt;
}
.hide {
display:none;
}
.textfield {
width:195px;
}
.left {
float:left;
}
.right {
float:right;
}
#masthead {
margin:0 auto;
text-align:right;
width:925px;
position:absolute;
z-index:100;
}
#masthead li {display:inline; font-size:11px; list-style-type: none; padding: 0.4em 0.9em 0 1.9em}
#masthead ul {margin-top:18px; margin-right:5px}
#tophome {background: url(../images/topbar_home.gif) no-repeat}
#topcontact {background: url(../images/topbar_contact.gif) no-repeat}
#topcareers {background: url(../images/topbar_careers.gif) no-repeat}
#topsitemap {background: url(../images/topbar_sitemap.gif) no-repeat}
#masthead li a:link, #masthead li a:visited {color:#D5E4BF}
#masthead li a:hover {text-decoration:none; color:#FFFFFF}
.logo_tag_normal, .logo_tag_shadow {
position:absolute;
font-family:Verdana;
font-weight:bold;
font-size:11px;
}
.logo_tag_normal {
color:#B4C0C7;
top:60px;
left:1px;
}
.logo_tag_shadow {
color:#000;
top:61px;
left:2px;
}
#header {
clear:both; margin-bottom:10px; position: relative;
}
#siteNav {
background:#1D2D23 url(../images/nav_bg.gif) no-repeat scroll left top;
}
#siteNav a {
display:block;
text-decoration:none;
}
#siteNav ul {
margin-left:15px;
padding-top:4px;
}
#siteNav li {
background:transparent url(../images/nav_hover_bg.gif) no-repeat scroll right bottom;
float:left;
font-size:12px;
position:relative;
text-align:center;
}
#siteNav li a {
background:transparent url(../images/nav_normal_bg.gif) no-repeat scroll right bottom;
padding:8px 12px;
}
#siteNav li a:link, #siteNav li a:visited {
color:#FFF;
}
#siteNav li a:hover {
background:transparent none repeat scroll 0%;
color:#FFF;
}
#home #homenav a, #news #newsnav a, #support #supportnav a, #products #productsnav a, #partners #partnersnav a, #solution #solutionnav a, #careers #careersnav a, #aboutus #aboutnav a, #client #clientnav a {
margin-bottom:-1px;
}
#home #homenav a:link, #home #homenav a:hover, #home #homenav a:visited, #news #newsnav a:link, #news #newsnav a:hover, #news #newsnav a:visited, #support #supportnav a:link, #support #supportnav a:hover, #support #supportnav a:visited, 
#products #productsnav a:link, #products #productsnav a:hover, #products #productsnav a:visited, #partners #partnersnav a:link, #partners #partnersnav a:hover, #partners #partnersnav a:visited, #solution #solutionnav a:link, #solution #solutionnav a:hover, #solution #solutionnav a:visited, 
#careers #careersnav a:link, #careers #careersnav a:hover, #careers #careersnav a:visited, #aboutus #aboutnav a:link, #aboutus #aboutnav a:hover, #aboutus #aboutnav a:visited, #client #clientnav a:link, #client #clientnav a:hover, #client #clientnav a:visited {
background:transparent url(../images/nav_corner2.gif) no-repeat scroll right top;
border-bottom:1px solid #FFF;
color:#37454E;
cursor:default;
}
#home #homenav, #news #newsnav, #support #supportnav, #products #productsnav, #partners #partnersnav, #solution #solutionnav, #careers #careersnav, #aboutus #aboutnav, #client #clientnav {
background:#FFF url(../images/nav_corner1.gif) no-repeat scroll left top; font-weight:bold;
}
#home #homenav ul, #news #newsnav ul, #support #supportnav ul, #products #productsnav ul, #partners #partnersnav ul, #solution #solutionnav ul, #careers #careersnav ul, #aboutus #aboutnav ul, #client #clientnav ul {
padding-bottom:1px;
}
#wrapperWit #pageNav {
float:right;
width:256px;
}
#pageNav {
padding-top:30px;
}
#pageNav h3 {
color:#587788;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
line-height:25px;
padding-left:25px;
}
#pageNav ul {
background:transparent url(../images/sidemenu_item_border.gif) no-repeat scroll left top;
padding-top:2px;
}
#pageNav li {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:40px;
}
#pageNav li a:link, #pageNav li a:visited, #pageNav li a:hover {
text-decoration:none;
}
#pageNav li a:hover {
background:#ECF6F6 url(../images/sidemenu_hover_border.gif) repeat-y scroll left top;
color:#265E97;
}
#pageNav li.current a {
background:#FFF url(../images/sidemenu_current_border.gif) repeat-y scroll left top;
}

#wrapperWit {
background:transparent url(../images/wrapper_page.gif) repeat-y scroll left top;
border-top:1px solid #FFF;
}
#white #wrapperWit {
background-color:#FFF;
background-image:none;
border-top:1px solid #FFF;
}
#wrapperWit #content {
float:left;
width:auto;
}
#wrapperWit #gooey {
background:transparent url(../images/wrapper_page_bottom.gif) no-repeat scroll left bottom;
}
#white #wrapperWit #gooey {
background:transparent url(../images/wrapper_bottom.gif) no-repeat scroll left bottom;
}
/*page content*/
#aboutus #wrapperWit #content, #solution #wrapperWit #content, #products #wrapperWit #content, #news #wrapperWit #content, #partners #wrapperWit #content, #news #wrapperWit #content, #careers #wrapperWit #content, #support #wrapperWit #content, #client #wrapperWit #content {
float:left;
padding-left:25px;
width:620px;
}
#white #wrapperWit #gooey #content{
float:left;
padding-left:25px;
width:870px;
}
#content {
color:#444444;
padding-top:1px;
}
#content p {
line-height:19px;
padding:0pt 0pt 10px;
}
#content h1, #content h2 {
color:#1D2D23;
font-family:Arial,Verdana,sans-serif;
font-weight:bold;
letter-spacing:-0.01em;
line-height:1em;
margin:0pt 0pt 5px;
padding:25px 0pt 10px;
text-align:left;
}
#content h1 {
font-size:30px;
}
#content h2 {
font-size:25px;
}
#content h3 {
color:#333333;
font-size:15px;
line-height:19px;
margin:0pt;
padding:10px 0pt 5px;
}
#content h4 {
font-weight:bold;
color:#000;
font-size:13px;
line-height:19px;
}
.flash-replaced .alt {display: block; height: 0;position: absolute;overflow: hidden;width: 0;}
#home h1 {
font-size: 22px;
margin:0 0 10px 0;
padding:0;
}
#content li {
list-style:square;
margin-left:2em;
line-height:18px;
}
#sidebar {
float:right;
padding:0;
width:256px;
}
#sidebar_head {
height:40px;
background: url(../images/sidebar_h3_bgd.gif) repeat-x;
position:relative;
bottom:3px;
}
#sidebar #sidebar_head a {
text-decoration:none;
font-weight:bold;
position:relative;
font-size:19px;
font-weight:bold;
color:#48503c;
left:14px;
top:2px;
}
#sidebar #sidebar_head h3.shadow {
font-size:19px;
position:relative;
left:15px;
top:15px;
color:#fff;
}

#sidebar #menubox ul li {
margin:0 0 15px 0;
}
#sidebar #menubox ul{
font-size:11px;
color:#000;
padding:0px;
line-height:15px;
width:222px;
margin:0 0 0 14px;
}

#sidebar #menubox a:link, #sidebar #menubox a:visited {
color:#4a760a;
font-weight:bold;
text-decoration:none;
font-size:11px;
} 

#sidebar #menubox a:hover {
text-decoration:underline;
font-size:11px;
}
#sidebar #menubox span {
display:block; font-size:9px;  
}
#quote_top {
width:100%;
background:url(../images/quote_c.gif) repeat-x bottom;
font-size:1px;
height:20px;
}
#quote_top ul {
margin:0;
padding:0;
list-style:none;
background: url(../images/quote_c2.gif) no-repeat right bottom;
height:20px;
  }
#quote_top li {
background:url(../images/quote_c1.gif) no-repeat left bottom;
margin:0;
padding:0;
height:20px;
list-style:none;
  }
#quote_body {
margin:0;
padding:0;
line-height:normal;
background:url(../images/quote_c.gif);
  }
#quote_body p {
font-size:14px;
color:#fff;
font-weight:bold;
padding:0 10px 0 15px;
line-height: 18px;
}
.quotetxt {
font-size:11px;
color:#fff;
font-weight:bold;
line-height: 8px;
}
#quote_bot {
width:100%;
background:url(../images/quote_c.gif) repeat-x bottom;
font-size:1px;
height:20px;
}  
#quote_bot ul {
margin:0;
padding:0;
list-style:none;
background: url(../images/quote_c4.gif) no-repeat right bottom;
height:20px;
}
#quote_bot li {
background:url(../images/quote_c3.gif) no-repeat left bottom;
margin:0;
padding:0;
height:20px;
list-style:none;
}
#fact_header {
width:100%;
background:#3D6196 url(../images/fact_box_m.gif) repeat-x top;
font-size:13px;
line-height:normal;
height:30px;
}
#fact_header ul {
margin:0;
padding:0;
list-style:none;
background:url(../images/fact_box_r.gif) no-repeat right top;
height:30px;
}
#fact_header li {
list-style:none;
float:left;
background:url(../images/fact_box_l.gif) no-repeat left top;
margin:0;
padding:0;
}
#fact_header a {
text-decoration:none;
font-weight:bold;
color:#fff;
position:relative;
top: 8px;
left: 10px;
}
#fact_body {
background-color:#FFF;
width:100%;
background:url(../images/fact_box_side_r.gif) repeat-y right top;
}  
#fact_body ul {
margin:0;
padding:10px 20px 0 35px;
background:transparent url(../images/fact_box_side_l.gif) repeat-y left top;
color:#000;
}
#fact_body li {
margin:8px 0 0 0;
padding:0;
list-style:square url(../images/fact_box_bullet.gif) outside;
line-height:normal;
}
#fact_bot {
width:100%;
background:url(../images/fact_box_bot_m.gif) repeat-x bottom;
font-size:13px;
line-height:normal;
height:30px;
}
#fact_bot ul {
margin:0;
padding:0;
list-style:none;
background: url(../images/fact_box_bot_r.gif) no-repeat right bottom;
height:30px;
}
#fact_bot li {
background:url(../images/fact_box_bot_l.gif) no-repeat left bottom;
margin:0;
padding:0;
height:30px;
list-style:none;
}  

#fixed {/*position:fixed;*/} 

/*side menu*/ 
#s_menu, #s_submenu, #s_menu2 {
background-image:url(../images/s_menu_bg.gif);
position:relative;
top:-3px;
width:255px;
font-size:13px;
line-height:normal;
}
#s_menu, #s_menu2 {
font-size:13px;
}
#s_submenu {
font-size:11px;
}
#s_submenu img{
position:relative;
right:10px;
top:-1px;
}
#s_menu ul, #s_submenu ul, #s_menu2 ul{
width:255px;
margin:0;
padding:0;
list-style:none;
}
#s_menu li, #s_submenu li, #s_menu2 li{
margin:0;
padding:0;
}
#s_menu a, #s_submenu a, #s_menu2 a {
display:block;
background:url(../images/s_menu_bg.gif);
text-decoration:none;
color:#2D3831;
width:255px;
height:38px;
}
#s_menu a span, #s_submenu a span, #s_menu2 span{
position:relative;
top:11px;
cursor:pointer;
display:block;
}
#s_menu a span, #s_menu2 a span{
left:15px;
}
#s_submenu a span {
left:35px;
font-style:italic;
}
#s_menu a:link, #s_menu a:visited, {
color:#2D3831;
cursor:default;
}
#s_submenu a:link, #s_submenu a:visited, {
color:#2D3831;
cursor:default;
}
#s_menu2 a:link, #s_menu2 a:visited, {
color:#2D3831;
cursor:default;
}
#s_menu a:active, #s_submenu a:active, #s_menu2 a:active {
background:transparent;
}
#s_menu a:hover, #s_submenu a:hover, #s_menu2 a:hover {
background:url(../images/s_menu_bg_on.gif) repeat-x scroll right top;
color:#2D3831;
cursor:default;
width:256px;
height:38px;
}
#s_menu #current, #s_menu2 #current {
background-image:url(../images/s_menu_bg_on.gif);
}
#s_submenu #current {
background-image:url(../images/s_submenu_bg_on.gif);
font-weight:bold;
} 
/*misc*/
.pdf {
background:#eee url(../images/icon_pdf.gif) no-repeat 30% 50%;
padding:0;
text-align:center;
margin: 10px 0 0 0;
width:100%;
}
.pdf a:link, .pdf a:visited, .pdf a:hover {
color:#599500;
position:relative;
top:5px;
}
.news_date {
color:#8fc73d;
font-weight:bold;
font-size:13px;
margin-top:15px;
}
.news_top { margin-top:20px}
.green {color:#8fc73d}
.img_right { border:5px solid #ccc; padding:10px; margin:0 0 10px 20px; float:right}
.img_left { border:5px solid #ccc; padding:10px; margin:0 20px 10px 0; float:left}

.caption_left {padding:10px; margin:0 20px 2px 0; float:left}
.caption_right {padding:10px; margin:0 0 2px 20px; float:right}
.caption {font-size:9px; color:#666; float:left; }
.img_caption { border:5px solid #ccc; padding:10px; margin:0 0 5px 0}

/*how it works, solutions_drivers, solutions_highlights*/
#table_header {
width:100%;
background:#6BB203 url(../images/quote_c.gif) repeat-x top;
font-size:1px;
height:30px;
}
#table_header  ul {
margin:0;
padding:0;
list-style:none;
background: url(../images/quote_c2.gif) no-repeat right top;
height:30px;
}
#table_header  li {
background:url(../images/quote_c1.gif) no-repeat left top;
margin:0;
padding:0;
height:30px;
}
#table_header  h3 {
color:#fff;
position:relative;
top:-3px;
left: 10px;
}
#table_body1 {
padding:10px 10px 12px 12px;
background-color:#eeeeee;
}  
#table_body2 {
padding:10px;
background-color:#f8f8f8;
}  
#table_body1 p, #table_body2 p {
font-weight:normal; font-size:12px;
}
#table_body1 h4, #table_body2 h4 {
padding:8px 0 0 0; color:#000;
}
/* Partner page*/
#cs	{margin: 0; padding: 0;}
#cs li {list-style-type: none;}
#cs h2	{font-size: 16px;}
#cs ul {width: 580px;}
#cs ul li {
border-top: none;
padding: 0; 
background: url(../images/css-dotted.gif) repeat-x top;
margin: 0px 0px 12px 160px;
text-align: left;
font-size: 11px;
}
.cstop	{margin: 0 0 -120px -20px; float: left; padding-top: 20px;}
#cs li span	{display: block;}
.textgrey	{color: #999999;}

/* support/contact us page*/
.block span {display: block;}
.block	{display: block;}
.borderbtm {background:url(../images/separator.gif);background-repeat : repeat-x}
.popupmap {
background: url(../images/map.gif) no-repeat 0 1px ;
margin: 2px 0 0 0;
padding: 0 0 0 1.7em;
}
/* download datasheet page*/
.datasheet	{margin: 10px 0 10px 0; list-style-type:none;}
.datasheet li {list-style-type:none;}
.formright	{margin: 0 0 8px 20px;font-family:Arial,Helvetica,sans-serif}
.formleft	{width: 130px; float: left;}
.smallfield, .input{font-size:12px;}
.red {color: #FF0000}
.grey {color: #48503C}
/* events page */
#floattable	{margin:10px 0 10px 15px; float:right; position:relative; right:-10px}
.eventTable	{width: 420px; margin:0; padding: 10px; border-collapse:collapse; background-color: #E9ECD9; text-align: left;}
.eventTable	td {font-size: 11px; margin: 0px; padding: 10px; border-collapse:collapse; vertical-align:top;}
.eventTableimg	{width:420px; height:120px;}
.edgbastonimg td {margin: 0px; padding: 0px; border-collapse:collapse;}

/* footer */
#footer {
background:#FFFFFF url(../images/footer_bottom.gif) no-repeat scroll left bottom;
font-size:11px;
margin-top:16px;
}

#copyright {
color:#C2CAC5;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:18px;
margin:20px 0pt;
text-align:center;
}
#copyright a:link, #copyright a:visited {
color:#FFFFFF;
}
#copyright sup {font-size:8px}

.careerbox { height:132px;overflow:auto;font-size:11px;}
#careerbox table {
border-collapse: collapse;
width: auto;
}
#careerbox col {
border-right: 1px solid #E4E4E4; background-color:#E4E4E4;
}
col#LocCol {
width: 150px;
}
col#VacCol {
width:450px;
}
.date {font-size:11px; font-weight:bold;}
#careerbox thead {
background-color: #C1D8A0;
color:#548c01;
}
#careerbox thead tr:hover {
background-color: #2D3831;
color: #8FC73D;
}
#careerbox th {
font-weight: normal;
text-align: left;
} 
#careerbox th, #careerbox td {
padding: 0.3em 1em;
font-size:12px;
}
.odd {
background-color:#E4E4E4;
}
#careerbox tr:link, #careerbox tr:visited, #careerbox tr:active {
text-decoration:none;
}
#careerbox tr:hover {
background-color:#2D3831;
color: #fff; cursor:pointer;
}
/*site map*/
.pagenav {margin:0}
.pagenav li {
display: inline;
list-style-type: none;
padding:0 5px 0 0;
line-height:10px;
font-weight:bold;
}
.pagenav li a{
position:relative;
left:-5px
}
.pagenav li.divide {border-right:1px dotted #00407B}
.borderbtm2 a {
float:right;
width:11px;
height:11px;
display:block;
background: transparent url(../images/top.gif) no-repeat;
text-indent:-1000em;
position:relative;
top:5px;
}
.borderbtm2	{border-bottom: 1px black dotted; padding: 0; margin-top:15px}
.sitemap li {
background: url(../images/sitemapfolderbullet.gif) no-repeat 0 3px ;
list-style-type: none;
margin: 0.2em 0 0 -1em;
padding: 0 0 0 1.2em;
}
#content .sitemap li {list-style-type:none}
.code_box {background:#eee;padding:10px 10px 0 10px}

.bold{font-weight:bold}
.green1{color:#1D2D23}
.print{display:none}


/*submenu*/
#submenu_solutions{background:#fff url(../images/backsubmenu.gif) repeat-x bottom; }
#submenu_solutions ul{padding:15px 0 15px 10px;text-align:left}
#submenu_solutions ul li {display:inline; background:url(../images/submenuicon.gif) no-repeat right; padding:0 5px;}
#submenu_solutions ul li a{padding:5px 10px; color:#3e4f44;font-size:12px; text-decoration:underline;}
#submenu_solutions ul li a#current{font-weight:bold; text-decoration:none;}
#submenu_solutions ul li a:hover{color:#000;}
.bread_bar{padding:8px; border-bottom:1px dotted #d7d7d7; margin:0 0 0px 0;background-color:#FFFFFF;padding-left:25px;font-size:11px;}
.bread_bar a{text-decoration:underline;}
.bread_bar a:hover{color:#000;text-decoration:none;}
#table_coliz{float:left;width:68%;}
.floatder{float:right;border:solid 1px #ccc;margin:40px 0 15px 15px;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#menu_cassolutions{background-image:url(../images/s_menu_bg.gif);position:relative;width:255px;font-size:13px;line-height:normal;}
#menu_cassolutions a span.subsub {left:45px;font-style:italic;}
#menu_cassolutions ul{width:255px;margin:0;padding:0;list-style:none;}
#menu_cassolutions ul li{margin:0;padding:0;}
#menu_cassolutions ul li a#title{display:block;background:#1d2d23;color:#fff;font-weight:bold;width:255px;height:38px;}
#menu_cassolutions ul li a#title:hover{background:#303c34;color:#fff;}

#menu_cassolutions ul li a{display:block;background:url(../images/s_menu_bg.gif);text-decoration:none;color:#2D3831;width:255px;height:38px;}
#menu_cassolutions ul li a#title span{left:8px;}
#menu_cassolutions ul li a span{position:relative;top:11px;cursor:pointer;display:block;left:14px;}
#menu_cassolutions ul li a{color:#2D3831;cursor:default;}
#menu_cassolutions ul li a:hover{background:url(../images/s_menu_bg_on.gif) repeat-x scroll right top;color:#2D3831;cursor:default;width:256px;height:38px;}
#menu_cassolutions ul li a#current{background-image:url(../images/s_menu_bg_on.gif);}
#menu_cassolutions ul li #s_submenu ul li a span{padding-left:10px;}
.text_banner_index{margin:140px 0 0 40px;font-family:Arial, Helvetica, sans-serif;}
.text_banner_index h2{font-size:48px;color:#28413f;margin:10px 0 40px 0;font-weight:normal; text-indent:-4000px; display:block;}

#button {
float:left;
line-height:normal;
text-align:center;
}
#button ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#button li {
background:transparent url(../images/button1a.png) no-repeat scroll left top;
float:left;
margin:0;
padding:0 0 0 20px;list-style-type:none;

}
#button a {
font-family:Arial, Helvetica, sans-serif;
background:transparent url(../images/button1c.png) no-repeat scroll right top;
color:#fff;
display:block;
float:left;
font-weight:bold;
padding:6px 20px 7px 0px;
text-decoration:none;
width:auto;
font-size:12px;
}
#button > ul a {
width:auto;
}
#button a {
float:none;
}
#button a:hover {
color:#15231B;
}
#button #selected{
background-position:0 -31px;
}
#button #selected a {
background-position:100% -31px;
color:#15231B;
padding:6px 20px 7px 0px;
}
#button li:hover, #button li:hover a {
background-position:0 -31px;
color:#fff;
}
#button li:hover a {
background-position:100% -31px;
}

