body { font: 12px 'Lucida Grande', Lucida Sans, Verdana, sans-serif; 
font-size: 12px;
color:#666;
cursor:default;
-webkit-user-select: default;
z-index:0;
overflow-y: scroll;
}

p{
text-decoration: none;
}

/* FOR Internet Explorer PNG alpha transparency */
img.alpha { 
  behavior: url("http://www.hansaworld.com/files/42square?file=pngbehavior.htc");
}

a img { border: none; }

a{
text-decoration: none;
border-style:none; 
outline:none;
display:inline;
}

a:hover{
text-decoration:underline;
cursor:pointer;
color:#1E88D3;
}

.error{ 
display:none;
}

.topZ{
z-index:40;
}

.imgshdw {
outline: none; border: 0;
-moz-box-shadow: 0px 1px 2px #808080;
-webkit-box-shadow: 0px 1px 2px #808080;
border: solid 1px #fff;
}

#container {
width:1000px;
margin: auto; 
}

#hwlogo a:visited,
#hwlogo {
}

.hwlogo{
float:left;
margin:27px 0 0 20px;
height:47px;
}

#head {
margin: auto; 
margin-top: -16px;
width: 1000px;
height: 92px;    
border: 1px solid #c2c0bd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #bfbfbf 0px 2px 2px;
-moz-box-shadow: #bfbfbf 0px 2px 2px;
box-shadow: #bfbfbf 0px 2px 2px;
background: #FFF;
margin-bottom:14px;
z-index:0;
}

#slogan{
text-indent:50px; 
float:left;
margin-top:30px;
font-weight:bold;
}

#headermenu{
font-size:12px;
margin:57px 20px 0 0;
padding:0;
color: #666;
}

#countrySelect{
float:right;  
margin-top:22px; 
margin-right:24px;
}

#countrybox{
font-size: 9px;  
float: left;
padding: 2px 4px;
}

#countrybox a{
color: #4399e2; 
display: inline;
}

#langdropdown{
float: left;
}

#greytop {
float:left;
width: 1002px;
height: 38px;
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
background: #818181; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxODE4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODQ4NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #818181 0%, #484848 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#484848)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #818181 0%,#484848 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #818181 0%,#484848 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #818181 0%,#484848 100%); /* IE10+ */
background: linear-gradient(top,  #818181 0%,#484848 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#484848',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: #bfbfbf 0px 2px 2px;
-moz-box-shadow: #bfbfbf 0px 2px 2px;
box-shadow: #bfbfbf 0px 2px 2px;
}

#greytop p {
color: white;
float:left;
font-family: Lucida Grande;
font-weight: bold;
font-size: 14px;
margin-top: 11px;
padding-left: 17px;
}

#frame {
float:left;
margin: 0 auto;
width: 1000px;
border: 1px solid #c2c0bd;
border-top:none;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
-webkit-box-shadow: #bfbfbf 0px 2px 2px;
-moz-box-shadow: #bfbfbf 0px 2px 2px;
box-shadow: #bfbfbf 0px 2px 2px;
background: #FFF;
overflow: hidden;
margin-bottom:6px;
}



#footer {
float:left;
margin: 0 auto;
width: 100%;
text-align: center;
font-size: 10px;
color: #7b7b7b;
margin: 4px 0 24px 0;
}

#footer a {
font-size: 10px;
color: #7b7b7b;
}

#footer a:hover {
color: #414141;
}

.support{
float:right; 
padding:0px 16px 24px 16px;
}

.products{
float:right; 
padding:0px 16px 24px 16px;
}

.mainlink{
float:right; 
padding:0px 16px 24px 16px;
}

.mainlinkLast{
float:right; 
padding:0px 8px 0px 16px;
}

.greylink {

}

a.greylink {
color:#666;
}

a.greylink:hover{
color:black;
text-decoration:underline;
}

.br{
float:right;
border-right: 1px solid #c2c0bd;
height:15px;
}

/*TABS*/
.mainlinklinks{
position:absolute;
max-width:130px;
margin-left:-16px;
margin-top:22px;
padding:10px 5px 10px 5px;
background-color:white;
border: 1px solid #c2c0bd;
border-top:none;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: #bfbfbf 0px 2px 2px;
-moz-box-shadow: #bfbfbf 0px 2px 2px;
box-shadow: #bfbfbf 0px 2px 2px;
z-index:20;
list-style-type:none;
display:none;
}

.tablinks{
width:100%;
float:left;
line-height:20px;
font-size:11px;
padding:0px 10px;
margin:0px 0;
white-space:nowrap;
color:#666;
}

a.tablinks:hover{
color:black;
text-decoration:underline;
}


/*FIRST PAGE MAIN*/
#banner{
width:1000px;
margin: auto;
margin-top:-12px;
height:200px;
z-index:30;
padding:30px 0;
}

#teaserbox{
behavior: url(/css/border-radius.htc);
float:left;
margin: 0 auto;
margin-bottom:14px;
width: 1000px;
border: 1px solid #c2c0bd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #bfbfbf 0px 2px 2px;
-moz-box-shadow: #bfbfbf 0px 2px 2px;
box-shadow: #bfbfbf 0px 2px 2px;
background: #FFF;
padding:20px 0;
}

.teaserSection{
float:left;
width:292px;
padding:0 20px;
}

.teaserSectionMiddle{
float:left;
border-right: 1px solid #c2c0bd;
border-left: 1px solid #c2c0bd;
width:293px;
height:100%;
padding:0 20px;
}

.content{
padding:40px 40px 40px 0;
float:right;
width:740px;
}

.productImg{
position: relative;
float:right;
width:250px;
margin-left:-125px;
margin-right:-125px;
right:150px;
top:30px;
z-index:300;
}

.link{
color:#1E88D3;
}

a.link:hover{
color:#1E88D3;
cursor:pointer;
text-decoration:underline;
}


.roundlogo{
float:left;
width:128px;
height:128px;
}

.hdr1{
background-color:white;
float:left;
font-size:24pt;
font-weight:600;
width:100%;
margin:20px 0 20px 0px;
color:black;
}

#hdr2{
color:black;
float:left;
font-size:16pt;
font-weight:400;
width:100%;
margin:0 0 6px 0px;
}

#hdr3{
float:left;
width:100%;
color:black;
font-size:12pt;
font-weight:400;
margin:0 0 6px 0px;
}

.shdr3{
float:left;
width:100%;
color:black;
font-size:11pt;
font-weight:400;
margin:0 0 6px 0;
}

.shortIntroWidth{
width:400px;
}

.firstPagebullets{
float:left;
width:460px;
padding:0;
margin:0 0 42px 16px;
}

.firstPagebullets li{
margin-top:4px;
}

#hdr4{
float:left;
width:100%;
color:black;
font-size:10pt;
font-weight:400;
margin:25px 0 2px 0px;
}

.text{
width:600px;
float:left;
margin:0 0 30px 0px;
}

#teasertext{
float:left;
}

#sideview{
padding:40px;
float:left;
width:128px;
}

#sideview ul{
float:left;
margin:0px;
padding: 0px;
list-style-type:none;
}


/*SUPPORT*/

.loginlabel{
display:none;
}

#loginbox{
margin-top:-8px;
padding:0;
}

.loginbutton{
background:none;
border:none;
float:left;
color:#1E88D3;
font-size:10pt;
font-weight:400;
margin-top:-5px;
margin-left:-1px;
padding:0;
cursor:pointer;
}
.loginbutton:hover{
text-decoration:underline;
}

#login, #passwd{
float:left;
width:121px;
height:16px;
margin:0 0 8px 0;
}

a.sectionlinks{
float:left;
width:100%;
color:#1E88D3;
font-size:8pt;
margin:8px 0;
}

.toggleAwnser{
float:left;
overflow:hidden;
}

.slideText{
width:500px;
float:left;
margin:0 0 16px 0px;
display:none;
}

.slideText ol{
list-style-type:decimal;
margin:0;
padding:0 0 0 20px;
}

.slideText li{
margin:0 0 12px 0;
}

.slideText p{
margin-top:12px;
}

.slideText2{
width:500px;
float:left;
margin:0 0 16px 0px;
display:none;
}

.slideText2 ol{
list-style-type:decimal;
margin:0;
padding:0 0 0 20px;
}

.slideText2 li{
margin:0 0 12px 0;
}

.slideText2 p{
margin-top:12px;
}

.date{
float:left;
width:100%;
font-size:7pt;
margin:0 0 12px 0;
color:grey;
}

.rounded{
height:14px;
width:116px;
margin-left:-2px;
margin-top:6px;
border:1px solid #888;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow-x: hidden;
overflow-y: hidden;
font-size:10px;
padding:2px 6px;
color:#666;
}

.dateblack{
font-size:7pt;
font-weight:600;
margin:0;
color:black;
}

/*USERGUIDES*/

.ugimg{
    float: left;
    margin-left: -980px;
    margin-top: 260px;
    position: absolute;
}

.userGuide a{
color:#1E88D3;
}

.ugcontent{
float:left;
margin:40px 40px 60px 100px;
}
.ugPart{
float:left;
width:300px;
margin-right:1000px;
}

.ughdr3{
margin:20px 0 2px 0;
color:black;
font-size:12pt;
font-weight:400;
}

.version{
margin-top:2px;
font-size:7pt;
}

.toggled{
display: none;
}

.dropDownArrow {
float:left;
margin: -1px 4px 0 0
}

.languagedropp{
float:left;
margin-top:-4px;
font-size:9pt;
}

.languagedropp:hover{
text-decoration:underline;
cursor:pointer;
}

.languages{
float:left;
margin:2px 0 0 12px;
font-size:7pt;
width:100%;
}

/*FAQ*/

.faqhdr3{
float:left;
width:100%;
color:#1E88D3;
font-size:12pt;
font-weight:400;
margin:0 0 6px 0px;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

#faqsideview{
margin-top:23px;
padding:40px;
float:left;
width:128px;
}

select#langcode{
float: left;
font-size: 9px;
}

.dropdown{
margin-top:6px;
width:128px;
}

select option{
margin: 4px;
}

.faqsorting{
float:left;
padding:0 80px 0 20px;
}

.faqgenerictext{
float:left;
width:400px;
}

form.sort{
margin:6px 0 24px -6px;
font-size:8pt;
}

input.radio{
margin: 4px 4px 4px 5px;
}

.minHeight{
min-height:600px;
}

/*FORUM*/
.fhdr3{
float:left;
width:100%;
color:#888;
font-size:12pt;
font-weight:400;
margin:0 0 26px 0px;
}

#fhdr4{
float:left;
width:138px;
color:black;
font-size:10pt;
font-weight:400;
margin:12px 0 6px 0px;
}

.flogin{
float:left;
color:#1E88D3;
font-size:10pt;
font-weight:400;
margin-top:-4px;
padding:0;
}

.logbox{
float:left;
width:121px;
height:16px;
margin:0 0 8px 0;
}

.logintext{
font-size:8pt;
margin:26px 0 4px 0;
}

.content textarea{
width:400px;
height:200px;
padding:4px;
margin-right:100%;
}

.content .regbutton{
margin:8px 8px 24px 0;
}

.submitcontent .regbutton{
margin:8px 8px 24px 0;
}

.addawnser{
display : none;
}

.forumOdd{
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
width:100%
float:left;
background: #fafafa;
margin:-1px 0 0 0;
padding:16px 20px 42px 20px;
}

.forumEven{
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
width:100%
float:left;
margin:-1px 0 0 0;
padding:16px 16px 42px 16px;
}

/*Submit*/

.submitcontent{
min-height:200px;
width:400px;
margin:40px auto 80px auto;
}

.submitcontent textarea{
min-height:180px;
max-height:180px;
min-width:390px;
max-width:390px;
padding:4px;
color:#666;
border: 1px solid #c2c0bd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.center{
float:left;
width:100%;
margin-top:8px;
text-align:center;
}

#cureg_edit .regbutton {
    width: auto;
    float: right;
    margin: 24px 80px 0 0;
}


/*TUTORIALS*/

.imgbox{
width:200px; 
height:260px; 
margin: 20px 46px 00px 0px;  
float:left;
}

.imgshdw {
outline: none;
-moz-box-shadow: 0px 1px 2px #808080;
-webkit-box-shadow: 0px 1px 2px #808080;
box-shadow: #808080 0px 1px 2px;
border: solid 1px #fff;
}

.imghdr{
font-size: 10pt; 
padding:10px 5px 5px 5px; 
color:black; 
margin:0px;
}

.imgtxt{
text-decoration:none; 
font-size: 8pt; 
padding:0px 5px; 
margin:0px;
}

.timeDate{
margin:0px; 
font-size:7pt; 
padding:5px 5px;
}

.row{
float:left;
width:100%;
}

/*Downloads*/
.leftlink{
color:#1E88D3;
margin:0 10px 0 0;
}

.rightlink{
color:#1E88D3;
margin:0 10px;
}

.appstorebtn{
float:left;
padding:5px 10px;
text-align:center;
font-size:9px;
color:white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #57b8ee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3YjhlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOThjZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #57b8ee 0%, #298cda 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57b8ee), color-stop(100%,#298cda)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #57b8ee 0%,#298cda 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #57b8ee 0%,#298cda 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #57b8ee 0%,#298cda 100%); /* IE10+ */
background: linear-gradient(top,  #57b8ee 0%,#298cda 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b8ee', endColorstr='#298cda',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: #bfbfbf 0px 1px 1px;
-moz-box-shadow: #bfbfbf 0px 1px 1px;
box-shadow: #bfbfbf 0px 1px 1px;
}

a.appstorebtn:hover{
color:white;
text-decoration:none;
}

.appstorebtnmarginpro{
margin:24px 0;
}

.appstorebtnmargindl{
margin:14px 0 0 0;
}

.dlimg{
float:left;
width:100%;
margin-top:24px;
}

.even{
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
float:left;
margin:-1px 0 0 0;
padding:20px 32px 24px 32px;
width:676px;
}

.odd{
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
float:left;
background: #fafafa;
margin:-1px 0 0 0;
padding:20px 32px 24px 32px;
width:676px;
}

.even p{
padding:0;
margin:0;
}

.odd p{
margin:0;
padding:0;
}

.indent{
margin-left:2px;
}
/*Product Pages*/
.bullets{
padding:0;
margin:0 0 12px 16px;
float:left;
line-height:18px;
width:100%;
}

.pphdr3{
float:left;
width:100%;
color:black;
font-size:12pt;
font-weight:400;
margin:12px 0 6px 0px;
}

/*Registration*/

.regtitles{
margin-top:8px;
float:left;
text-align:right;
width:auto;
}

.regtitles li{
margin:3px 4px 15px 0;
height:16px;
list-style-type:none;

}
.regtitles p{
float:right;
margin:3px 4px 15px 0;
height:16px;
width:auto;
list-style-type:none;
}

.regtitles input{
float:right;
width:186px;
height:16px;
margin:0 0 8px 0;
}

.regboxes{
margin-top:8px;
float:left;
}

.regboxes .logbox{
width:168px;
}

.regtitles .regbutton {
float:right;
height:auto;
width:auto;
margin-right:83px;
margin-top:10px;
}

.regtitles .confirm{
position:absolute;
margin-top:42px;
margin-left:59px;
font-size:7pt;
color:grey;
}

 .mandatory{
position:relative;
float:right;
top:-12px;
margin-right:100px;
font-size:7pt;
color:grey;
}

.rhdr3{
float:left;
width:100%;
color:black;
font-size:12pt;
font-weight:400;
margin:20px 0 12px 0px;
}

#cureg_edit{
float:left;
}
#cureg_edit ul{
float:left;
list-style-type:none;
padding:0;
}

#cureg_edit li{
margin:3px 4px 15px 0;
height:16px;
}

#cureg_edit label{
margin-top:9px;
margin-right:4px;
float:right;
width:auto;

}

#cureg_edit input{
width:186px;
margin-top:8px;
float:right;
}
#cureg_edit .confirm{
float:right;
position:absolute;
margin-left:14px;
margin-top:12px;
font-size:7pt;
color:grey;
}

#cureg_edit .button {
float:right;
height:auto;
width:auto;
margin-right:83px;
margin-top:24px;
}

#cureg_edit .mandatory{
position:relative;
float:right;
top:-10px;
margin-right:6px;
font-size:7pt;
color:grey;
}

/*Select Country*/
#scContent{
float:left;
margin:40px 40px 60px 100px;
}

#scContent img{
float:left;
width:56px;
height:56px;
}
#scContent p{
color:#666;
float:left;
margin:0;
padding:20px 0 20px 8px;
}

#scContent a{
margin:12px 0 24px 0;
width:215px;
float:left;
}

.divider{
float:left;
width:100%;
margin:10px 0 10px 0;
border-top:1px solid #ccc;
}

/*Product Page*/
.productPageImg{
width:650px;
padding-bottom:20px;
}

/*About*/
.socialbox{
float:right;
position:fixed;
bottom:4px;
left:8px;
}

iframe{
float:left;
padding:0 4px 0 0;
}

.social{
float:left;
width:24px;
height:24px;
margin-top:-1px;
padding:0 4px 0 0;
}

.marginRight{
margin-right:200px;
}

/*CRM part*/

.crmContent {
text-align:justify;
float:right;
padding:40px 180px 40px 0;
width:600px;
}

.crmContent #hdr2{
margin-bottom:18px;
}