/* global styles */

body{
margin:0px;
padding:0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background-color:#e6e6e6;
color:#4a5969;}

.main{
display:block;
width:900px;
height:auto;
margin:0px auto;
padding:0px;}

.header{
display:block;
float:left;
width:900px;
height:180px;
margin:0px;
padding:0px;
background-image:url(../images/top_back.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#ffffff;}

a{color:#000000;font-weight:bold;}

h1{
font-size:18px;
font-weight:bold;
color:#de801e;
height:50px;
margin-top:0px;
margin-bottom:6px;}

h2{
font-size:18px;
font-weight:bold;
color:#b03d48;
border-bottom:2px dotted #b03d48;
margin-top:0px;
margin-bottom:20px;}

h3{
font-size:14px;
font-weight:bold;
background-color:#e6e6e6;
color:#2d3947;
border-bottom:1px solid #2d3947;
padding:4px;
margin-bottom:6px;}

h4{
height:20px;
font-size:16px;
font-weight:bold;
color:#de801e;
margin:0px;
padding:0px;
margin-bottom:6px;}

h5{
font-size:12px;
font-weight:bold;
font-style:italic;
color:#333333;
margin:0px;
padding:0px;
text-align:left;
border-bottom:1px dashed #333333;
margin-bottom:6px;}

h6{
height:20px;
font-size:16px;
font-weight:bold;
color:#de801e;
margin:0px;
padding:6px;
margin-bottom:6px;
border-bottom:2px dotted #bfbfbf;}

.close{
display:block;
width:120px;
background-color:#d10901;
border:1px solid #4a0b08;}

.close a{
display:block;
text-align:center;
padding:6px;
color:#FFFFFF;
padding-top:4px;
font-size:14px;}

.close a:hover{
display:block;
padding:6px;
background-color:#FF9900;
padding-top:4px;
font-size:14px;
color:#666666;}

.linkTop{
font-size:11px;
margin-bottom:30px;
display:block;
float:right;}

.linkTop a{
color:#FFFFFF;
background-color:#FF6600;
text-decoration:none;
padding:1px;
border:1px solid #bababa;}

.linkTop a:hover{
color:#FF6600;
background-color:#FFFFFF;
text-decoration:none;
padding:1px;
border:none;}

.logo{
width:188px;
display:block;
float:left;
height:97px;
padding-left:24px;
margin:0px;}

.linksbar{
width:900px;
height:32px;
margin:0px;
padding:0px;
background-image:url(../images/links_back.gif);
background-repeat:repeat-x;
display:block;
float:left;}

.linksbar ul{
display:inline;
width:860px;
height:32px;
margin:0px;
padding-top:4px;
float:left;
padding-left:24px;}

.linksbar li{height:28px;}

.tabs{
display:block;
float:left;
width:117px;
list-style:none;
height:28px;
margin:0px;
padding:0px;
margin-right:4px;
background-image:url(../images/tab_hover.gif);
background-repeat:no-repeat;}

.tabs a{
display:block;
height:28px;
font-family:Arial;
font-size:13px;
font-weight:bold;
text-decoration:none;
color:#7A7A7A;
text-align:center;
padding-top:5px;}

.tabs a:hover{
background-image:url(../images/tab_main.gif);
background-repeat:no-repeat;
width:117px;
height:28px;
background-repeat:no-repeat;
background-position:top;
color:#ffffff;
margin:0px;
padding:0px;
display:block;
padding-top:5px;}

.tabText{height:28px;margin:0px;display:block;}

#tabsActive{
background-image:url(../images/tab_main.gif);
background-repeat:no-repeat;
background-position:top;
padding:0px;
padding-top:4px;
display:block;
color:#000000;}

.sublinks{
display:block;
float:left;
width:100%;
height:30px;
background-color:#FFFFFF;
margin:0px;
padding:0px;
padding-bottom:8px;}

.sublinks li{
list-style:none;
display:inline;
padding-right:4px;}

.sublinks a{
background-color:#CC0000;
color:#FFFFFF;
text-decoration:none;
padding:4px;}

.sublinks a:hover{
background-color:#ffffff;
text-decoration:none;
color:#CC0000;}

#sublinksActive{
background-color:#FFFFFF;
color:#CC0000;
text-decoration:none;
padding:4px;}

#newsli{margin-top:40px; margin-left:20px;}

#newsli li{margin-bottom:12px;}

.faqLi{
margin:0px;
padding:0px;
list-style:none;
border-bottom:1px solid #888888;
padding-bottom:4px;}

#fa, #fb, #fc, #fd, #fe, #fg, #fh, #fi, #fj, #fk, #fl, #fm, #fn, #fo, #fp, #fq, #fr, #fs, #ft, #fu, #fv, #fw, #fx, #fy a{
text-decoration:none;
padding-bottom:2px;
margin:0px;
cursor:pointer;
padding-left:14px;
background-image:url(../images/bullet01.gif);
background-position:left top;
background-repeat:no-repeat;}

.content{
display:block;
float:left;
width:900px;
height:auto;
margin:0px;
padding:0px;
background-image:url(../images/page_back.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;}

.content a{
cursor:pointer;}

.contentInner{
display:block;
float:left;
width:900px;
height:auto;
margin:0px;
padding:0px;
background-color:#ffffff;}

.leftcol{
width:650px;
margin-left:26px;
margin-top:2px;
margin-right:0px;
text-align:justify;
float:left;
display:block;}

.leftcol li{
font-size:12px;
color:#4a5969;
margin-bottom:8px;
}

.leftcol ul{
margin-bottom:20px;}

.rightcol{
display:block;
float:left;
width:170px;
margin-left:16px;
margin-top:2px;
text-align:justify;}

#rightLinks{
margin-left:8px;
width:148px;
margin-top:4px;
display:block;
float:left;
border:2px dotted #bfbfbf;}

#rightLinks ul{
display:block;
width:100%;
margin:0px;
padding:0px}

#rightLinks li{
list-style:none;
border-bottom:1px solid #bfbfbf;
margin:0px;
padding:0px;}

#rightLinks a{
display:block;
margin:0px;
padding:0px;
width:100px;
text-decoration:none;
font-weight:bold;
padding:8px;}

#rightLinks a:hover{
display:block;
width:100px;
margin:0px;
padding:0px;
text-decoration:none;
font-weight:bold;
padding:8px;
color:#990000;}

img{border:0px;}

ul{
margin:0px;
padding:0px;
padding-left:16px;}

li{margin-bottom:2px;}

.bubble1{
width:318px;
height:312px;
display:block;
float:left;
background-image:url(../images/bubble01.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
font-weight:bold;
color:#000000;}

.bubble1 ul{
color:#000000;
margin:0px;
margin-bottom:8px;}

.bubble1 li, .bubble2 li{
color:#000000;
margin:0px;}

.bubble2{
width:318px;
height:312px;
display:block;
float:left;
background-image:url(../images/bubble02.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
font-weight:bold;}

.bubble1img{
width:318px;
height:381px;
display:block;
float:left;
background-image:url(../images/bubble01_img.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
font-weight:bold;
color:#000000;}

.bubble2img{
width:318px;
height:381px;
display:block;
float:left;
background-image:url(../images/bubble02_img.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
font-weight:bold;
text-align:center;}

.bubble3img{
width:318px;
height:256px;
display:block;
float:left;
background-image:url(../images/bubble02_img3.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
font-weight:bold;
text-align:center;}

/* Styles for main tabs on home page starts here */

.alltabs{
width:855px;
height:480px;
display:block;
float:left;
padding:0px;
padding-left:23px;
padding-top:0px;
margin:0px;}

.tab1, .tab2{
margin:0px;
margin-right:10px;
display:block;
float:left;
width:274px;
height:472px;}

.tab1 a{
display:block;
float:left;
width:274px;
height:472px;
background-image:url(../images/tab_products.jpg);
background-repeat:no-repeat;
text-decoration:none;}

.tab1 a:hover{
display:block;
width:274px;
height:472px;
background-image:url(../images/tab_products_hover.jpg);
background-repeat:no-repeat;}

.tab2 a{
display:block;
float:left;
width:274px;
height:472px;
background-image:url(../images/tab_demo.jpg);
background-repeat:no-repeat;
text-decoration:none;}

.tab2 a:hover{
display:block;
width:274px;
height:472px;
background-image:url(../images/tab_demo_hover.jpg);
background-repeat:no-repeat;}

.tab3, tab4{
margin:0px;
margin-right:10px;
display:block;
float:left;
width:274px;
height:229px;}

.tab3 a{
display:block;
float:left;
width:274px;
height:229px;
background-image:url(../images/tab_news.jpg);
background-repeat:no-repeat;
text-decoration:none;}

.tab3 a:hover{
display:block;
width:274px;
height:229px;
background-image:url(../images/tab_news_hover.jpg);
background-repeat:no-repeat;}

.tab4 a{
display:block;
float:left;
width:274px;
height:229px;
background-image:url(../images/tab_download.jpg);
background-repeat:no-repeat;
text-decoration:none;}

.tab4 a:hover{
display:block;
width:274px;
height:229px;
background-image:url(../images/tab_download_hover.jpg)}

.productDetail{width:252px; height:auto; margin:10px; margin-top:44px; color:#455464;}

.productDetail ul{
width:220px;
display:block;
margin:0px;
padding:0px;
padding-left:20px;}

.productDetail li{margin-bottom:2px;}

.productDetail p{text-align:justify; line-height:16px;}

#textGrey{list-style:none; font-weight:bold; border-bottom:2px dotted #f29a28; color:#2d3947; font-size:14px; text-align:justify;}

#textRed{color:#CC0000;}

#buttonView{
display:block;
width:158px;
height:40px;}

#buttonView a{
display:block;
width:158px;
height:40px;
background-image:url(../images/view_map.jpg);
background-repeat:no-repeat;}

#buttonView a:hover{
display:block;
width:158px;
height:40px;
background-image:url(../images/view_map_hover.jpg);
background-repeat:no-repeat;}

/* Styles for main tabs on home page ends here */

.tableOne{font-size:14px;font-weight:bold;}

.tableOne td{height:24px;}

.tableOne a{
font-size:14px;
font-weight:bold;
color:#495868;
text-decoration:none;
height:40px;}

.tableOne a:hover{
font-size:14px;
font-weight:bold;
color:#b03d48;
text-decoration:underline;}

.copyright{
height:30px;
width:900px;
display:block;
float:left;
background-image:url(../images/bottom_back.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px;
padding-top:10px;
font-size:10px;
color:#FFFFFF;
text-align:center;
color:#b7c0c9;}

.copyright a{
color:#FFFFFF;
text-decoration:none;
letter-spacing:1px;}

.copyright a:hover{
color:#FFFFFF;
text-decoration:none;
letter-spacing:1px;
text-decoration:underline;}

.linkBlue a{color:#3366CC;}

.linkBlue a:hover{color:#000000;text-decoration:underline;}

/* menu testing*/

#popitmenu{
display:block;
float:left;
position:absolute;
height:40px;
z-index:200;
line-height:18px;
top:220px;
left:200px;
visibility:hidden;
padding:2px;
margin-top:0px;
margin-left:0px;}

#popitmenu a{
font-weight:bold;
text-decoration: none;
width:110px;
height:24px;
display:block;
float:left;
color:#364452;
margin:2px;
text-align:center;
padding-left:4px;
background-color:#e6e6e6;}

#popitmenu a:hover{background-color: #bababa;}

/* scroller css*/

#pscroller1{
width:240px;
padding:5px;
margin:0px}

.pscroller1{width:240px;}

#pscroller2 a{
text-decoration:none;
height:30px;
display:block;}

#datacontainer{
position:absolute;
display:block;
float:left;
margin:0px;
padding:0px;
margin-left:20px;
width:300px;
height:220px;}

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow:hidden;
width:auto;
margin:0;
padding:0;
list-style-type:none;}

.tabsmenuclass li{float:left;}

.tabsmenuclass a{
display:block;
padding:5px 7px;
background:#E8E8E8;
color:black;
margin-right:1px;
text-decoration:none;
font:bold 13px Arial;}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{background: black;color: white;}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear:left;
width:90%;
height:34px;
padding:2px;}

.tabsmenucontentclass ul{
margin:0;
padding:0;
list-style-type: none;}  

.tabsmenucontentclass li{float:left;margin-right:2px;}

.tabsmenucontent{
width:896px;
display:block;
float:left;
background-color:#FFFFFF;
border-bottom:2px dotted #bababa;}

.tabsmenucontent ul{
margin:0px;
padding:0px;
background-color:#FFFFFF;}

.tabsmenucontent li{
margin:0px;
padding:0px;
padding-left:20px;
padding-right:8px;}

.tabsmenucontent a{
font-weight:bold;
font-size:13px;
margin-right:12px;
text-decoration:none;}

.tabsmenucontent a:hover{margin-right:12px;color:#b03d48;}

.tabsProduct{
width:896px;
height:18px;
display:block;
float:left;
background-color:#FFFFFF;
border-bottom:2px dotted #bababa;}

.tabsProduct ul{
margin:0px;
padding:0px;
background-color:#FFFFFF;
padding-top:2px;}

.tabsProduct li{
margin:0px;
padding:0px;
padding-left:20px;
padding-right:8px;
display:block;
float:left;}

.tabsProduct a{
font-weight:bold;
font-size:13px;
margin-right:12px;
text-decoration:none;}

.tabsProduct a:hover{
margin-right:12px;
color:#b03d48;}

#tabsProductActive{
font-weight:bold;
font-size:13px;
margin-right:12px;
text-decoration:none;
color:#CC6600;}

.button{
color:#FFFFFF;
display:block;
width:158px;
height:40px;
margin:4px;
padding:0px;
text-align:center;
margin-left:auto;
margin-right:auto;}

.button a{
background-image:url(../images/button_active.gif);
background-repeat:no-repeat;
color:#FFFFFF;
width:158px;
height:40px;
display:block;
text-decoration:none;
font-weight:bold;
font-size:18px;
margin:0px;
padding:0px;
padding-top:6px;}

.button a:hover{
background-image:url(../images/button_hover.gif);
background-repeat:no-repeat;
font-size:18px;
color:#848484;
width:158px;
height:40px;
display:block;
margin:0px;
padding:0px;
padding-top:6px;}