/******************************************************************************/
/** general all site setting **************************************************/
/******************************************************************************/
/* forces a vertical scrollbar to be displayed even on short pages (stops page shifting)*/
:root { overflow-y: scroll; }

html, body {
border: 0;
margin: 0;
padding: 0;
background: #FFF;
font-size: 100%;
height:100%;
}
body{
font-family: Verdana, Geneva, sans-serif;
color: #404040;
text-align: left;
}
img{
border:0;
}
.pdfimg{
position: relative;
top: 4px;
}
sup{
font-size:80%;
vertical-align:super;
line-height: 0%;
}
h1{
font-weight: bolder;
font-size:1.2em;
color: #34abd4;
}
h2{ /*home page use only so far mgnt_left*/
font-weight: bolder;
font-size:1.1em;
color: #4D4D4D;
}
h3{
font-weight: bolder;
font-size:1em;
color: #34abd4;
}
b{
color: #4D4D4D;
}
#document{
margin: 0 50px;
}
.gutterboth {
clear:both;
line-height:4px;
}
.gutterleft {
clear:left;
line-height:4px;
}
.tdgutter{
background-color: #FFF;
width: 4px;
}
.trgutter{
background-color: #FFF;
line-height: 4px;
}
.left{
float: left;
}
.right{
float: right;
}
.middle{
margin-left: auto;
margin-right: auto;
}
.center {
text-align: center;
}
.bold{
font-weight:bolder;
font-size: 1.2em;
}
.bold_coloured{
font-size: 1em;
font-weight:bolder;
color: #34abd4;
}
.hide{
display: none;
}
.more_link{
color: blue;
text-decoration: underline;
cursor: pointer;
}
.smalltext{
font-size:0.8em;
color: #8C8C8C;
}
.close_button{
display:none;
cursor: pointer;
float:right;
}
.under_img_text{
text-align:center;
vertical-align:middle;
width:100%;
clear:both;
color: #8C8C8C;
font-size: 0.8em;
}
.warning{
color: red;
font-weight:bold;
}
.solidline{
border-top: 1px solid #000;
}
#middlebox{
min-height: 530px;
}
#document, #hp_contentbox, #banner, #footer{
margin-left: auto;
margin-right: auto;
width: 1000px;
background-color: #FFF;
}
/******************************************************************************/
/** navigation banner across top of site***************************************/
/******************************************************************************/
#navtable{
width: 100%;
border-collapse: collapse;
}
#navtable td{
border: 1px solid #999;
background-color: #E6E6E6;
text-align: center;
vertical-align: middle;
}
#navtable td a{
color: #000;
text-decoration: none;
font-size: 80%;
position: relative;
bottom: 1px;
width: 100%;
display:block;
}
#navtable td#selected{
background-color: #6BF;
}
#navtable td:hover,
#navtable td#selected:hover{
background-color: #6DF;
color: #CCC;
}
/******************************************************************************/
/** footer setting ************************************************************/
/******************************************************************************/
#footer{
padding: 5px;
}

#footer #copyright{
float: right;
font-size: 0.7em;
padding: 5px;
}
#footerlist a{
text-decoration: none;
font-size: 0.7em;
color: #404040;
border-left: 1px solid #666;
padding-left: 5px;
}
#footer #sitemap a{
border-left: 0;
}
#footerlist img{
position: relative;
top: 1px;
}
#footerlist div{
display: inline;
padding: 0;
}
/******************************************************************************/
/** homepage banner settings **************************************************/
/******************************************************************************/
#hp_bannerbox{
position: relative;
height: 204px;
}
#hp_banner_overlay_links{
position: absolute;
bottom:30px;
left:775px;
font-size: 0.9em;
color: #EBEBEB;
}
#hp_banner_quicklinks_title{
position: relative;
font-weight:bolder;
top: 10px;
left: 20px;	
}
#hp_banner_overlay_links>ul>li{
list-style: none;
position: relative;
right: 10px;
}
#hp_banner_overlay_links a{
color: #EBEBEB;
text-decoration: none;
}
#hp_banner_overlay_links a:hover{
color: #00F;
}
/******************************************************************************/
/** homepage container settings ***********************************************/
/******************************************************************************/
#hp_layout{
width: 1000px;
height: 100%;
font-size: 0.75em;
table-layout: fixed;
border-collapse: collapse;
padding: 0;
}

.hp_layout_td{
vertical-align: top;
}
/******************************************************************************/
/** homepage rounded cellbox settings *****************************************/
/******************************************************************************/
.roundedtable{
border-collapse: collapse;
padding: 0;
margin: 0;
width: 746px;
table-layout: fixed
}
.roundedtd{
width: 6px;
}
.rounded_coloured{
background-color: #41A4DC;
}
.rounded_background{
background-color: #EBEBEB;
}

.top-left-coloured{
background: #41A4DC url(../images/homepage/top-left-coloured.png) no-repeat top left;
}
.top-right-coloured{
background: #41A4DC url(../images/homepage/top-right-coloured.png) no-repeat top right;
}
.top-left{
background: #EBEBEB url(../images/homepage/top-left.png) no-repeat top left;
}
.top-right{
background: #EBEBEB url(../images/homepage/top-right.png) no-repeat top right;
}
.bottom-left{
background: #EBEBEB url(../images/homepage/bottom-left.png) no-repeat bottom left;
}
.bottom-right{
background: #EBEBEB url(../images/homepage/bottom-right.png) no-repeat bottom right;
}

/******************************************************************************/
/** homepage cellbox settings *************************************************/
/******************************************************************************/
#hp_left,
#hp_right{
width: 350px;
vertical-align:top;
}
#hp_left .hp_cellheader,
#hp_right .hp_cellheader{
background-color: #41A4DC;
}
#hp_right p{
padding: 0 20px 0px 20px;
}
.hp_cellheader{
color: #FFF;
height: 24px;
font-weight: bolder;
font-size: 1.2em;
padding-top: 5px;
padding-left: 10px;
}

/******************************************************************************/
/** homepage cell1 feature settings *******************************************/
/******************************************************************************/
#hp_featuretext{
width: 48%;
text-align: center;
vertical-align:middle;
}
#hp_featuretext div{
font-weight: bolder;
font-size: 1.2em;
padding-bottom: 20px;
}
#hp_featuretext div>a{
text-decoration: none;
color: #000;
}
#hp_featureimage{
width: 48%;
text-align: center;
vertical-align:middle;
}
#hp_featureimage img{
margin: auto;
max-width: 150px;
}

/******************************************************************************/
/** homepage newsbox settings *************************************************/
/******************************************************************************/
#hp_newsbox{
background-color: #EBEBEB;
width: 244px;
vertical-align:top;
}
#hp_newsbox .newsitem{
padding: 5px 0px;
}
#hp_newsbox .hp_cellheader{
background-color: #1A2F3D;
height: 26px;
}
#hp_newsbox .newssection{
overflow: auto;
height: auto;
padding: 5px 10px;
background: #EBEBEB;
}
#hp_newsbox .headline>a{
display:block;
font-weight: bolder;
color: #262626;
text-decoration: underline;
}
#hp_newsbox .hp_newscontent{
font-size: 0.9em;
background: #EBEBEB;
text-align:justify;
}

/******************************************************************************/
/** homepage eventbox settings ************************************************/
/******************************************************************************/
#hp_eventsbox{
border-right: solid 6px #FFF;
}
#hp_event_header{
padding-top: 5px;
padding-left: 10px;
}
#hp_event_image{
display: block;
margin-left: auto;
margin-right: auto;
max-width: 650px;
}

/******************************************************************************/
/** section & sub section settings ********************************************/
/******************************************************************************/
#sectionbannerbox{
position: relative;
}
#sectionbannerbox>img{
width: 830px;
height: 150px;
}
.section{
float: right;
width: 63%;
}
.fullsection{
float: right;
width: 80%;
}
.sectionbanner{
float: right;
}
.section_header, .subsection_header{
padding-top: 1em;
padding-bottom: 1em;
font-size: 1.2em;
font-weight:bolder;
color: #404040;
}
.section_content, .subsection_content{
font-size: 0.8em;
}
.subsection{
float: right;
width: 62%;
margin-left: 4px;
}
#subbannerbox img{
width: 150px;
height: 150px;
}

/******************************************************************************/
/** fastlinks settings ********************************************************/
/******************************************************************************/
.fastlinks_placeholder{
width: 20%;
float: right;
margin-top: 15px;
}
.fastlinks{
overflow: hidden;
width: 160px;
float: right;
background: #F2F2F2;
margin-bottom:10px;
}
.fastlinks_title{
height: 15px;
font-weight: bolder;
font-size: 0.75em;
color: #FFF;
background: #A0A0A0;
padding: 2px 10px;
}
.fastlinks_text{
padding: 0 10px;
font-size: 0.65em;
}
.fastlinks_list{
list-style-type: none;
padding: 0;
}
.fastlinks_list li{
padding-bottom: 7px;
}
.fastdocs_list{
list-style-type: none;
padding: 0;
}
.fastdocs_list li{
background: transparent url(../images/misc/pdf.png) 0px 4px no-repeat;
padding-left: 20px;
padding-bottom: 10px;
padding-top: 5px;
}

/******************************************************************************/
/** section sidebar setting ***************************************************/
/******************************************************************************/
.sidebarnav{
float: left;
clear: left;
width: 16%;
}
.sidebarnav .sidebarnav_item_v2{
background: transparent url(../images/misc/arrow.png) 0 5px no-repeat;
padding: 0 0 0 16px;
margin: 4px 0;
position: relative;
}
.background_link {
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
}
.sidebarnav .sidebarnav_item_v3{
background: transparent url(../images/misc/dot.png) 15px 6px no-repeat;
padding: 0 0 0 30px;
}
.sidebarnav>ul{
padding: 0;
}
.sidebarnav>ul>li{
list-style: none;
}
.sidebarnav>ul>li>ul{
display: inline;
padding: 0;
}
.sidebarnav>ul>li>ul>li{
display: none; 
list-style: none;
}
.sidebarnav a{
text-decoration: none;
font-size: 0.7em;
color: #404040;
}
.sidebarnav a:hover{
color: #00F;
}
#show_v3>li{
display: list-item;
}
#hide_v3{
display: none;
}

/******************************************************************************/
/** contact us settings *******************************************************/
/******************************************************************************/
.contact{
width: 100%;
text-align:left;
}
.contact td{
vertical-align:top;
text-align:left;
}
.contactus_el{
width:100%;
line-height:1.5;
}
.contactus_textfield_title{
width:20%;
height:30px;
float:left;
}
.contactus_textfield{
width:80%;
height:30px;
float:right;
}
.contactus_textfield>input{
width:50%;
}
.contactus_textarea{
width: 100%;
}
#google_directions{
width:640px; 
height:440px;
}

/******************************************************************************/
/** sitemap setting ***********************************************************/
/******************************************************************************/
.sitemap{
width: 100%;
text-align:left;
}
.sitemap td{
width: 25%;
vertical-align:top;
text-align:left;
}
.sitemap a{
text-align:left;
text-decoration: none;
font-size: 0.7em;
color: #000;
}
.sitemapnav_sectionheader{
font-weight: bolder;
text-align:left;
}
.sitemap .sidebarnav_item_v2{
width: 200px;
}
.sitemap .sidebarnav_item_v3{
width: 200px;
}

/******************************************************************************/
/** aboutus management setting ************************************************/
/******************************************************************************/
#mgnt{
width:100%;
margin-top: 5px;
}
.mgnt_container{
min-height:150px;
}
.mgnt_pic{
float: right;
height:133px;
width: 100px;
margin-left:2px;
margin-bottom:2px;
}
.mgnt_name{
font-size: 1.1em;
font-weight:bolder;
}
.mgnt_intro{
font-size: 0.9em;
}
.mgnt_extended{
font-size: 0.9em;
margin-bottom: 30px;
}
.mgntlinks{
display:none;
}

/******************************************************************************/
/** partners settings *********************************************************/
/******************************************************************************/
.partners{
width:100%;
}
.partners td{
padding: 3px;
width: 33%;
}
.partners_logos{
text-align: center;
vertical-align: middle;
}
.partners_logos>a>img{
max-height: 26px;
max-width: 120px;
}
.partners_location td{
border: none;
font-weight: bolder;
font-size: 1em;
font-weight:bolder;
color: #34abd4;
}

#partners_opzuid{
vertical-align:top
}

/******************************************************************************/
/** customer settings *********************************************************/
/******************************************************************************/
.customerbox{
padding-top:10px;
padding-bottom:10px;
clear:both;
}
.customer_name{
font-weight: bolder;
}
.customer_story{
float: left;
width: 80%;
}
.customer_logo{
float: right;
width: 18%;
}
.customer_logo img{
max-height: 100%;
max-width: 100%;
}

/******************************************************************************/
/** news setting **************************************************************/
/******************************************************************************/
#newsbox .newsitem{
margin: 15px 0px;
padding-bottom: 10px;
border: solid 1px #d9d9d9;
position: relative;
}
#newsbox .headlinedate{
font-size: 0.75em;
font-style: italic;
padding: 3px;
color:#4D4D4D;
position: absolute;
top:0;
right:0;
}
#newsbox .headline{
padding: 0px 3px;
width: 525px;
}
#newsbox .headline>a{
color: #4D4D4D;
font-weight: bolder;
}
#newsbox .newscontent{
padding: 0px 3px;
color: #737373;
text-align:justify;
}
.news_mainpage_headers{
font-weight: bolder;
font-size: 1.2em;
color: #34abd4;
}
.news_closebutton_box{
height:10px;
}
.newslinks{
display:none;
}
.headline .newslinks{
display: inline;
}
.news_subheader{
font-size:14px; 
font-weight:bold; 
color:#fff; 
background-color:#062e4f; 
padding:4px 6px;
}

/****************************/
.news_image{
max-width: 200px;
max-height:200px;
margin: 3px;
}
.news_padtop{
padding-top: 10px;
}
.news_padright{
padding-right: 30px;
}
.news_p{
width: 100%; 
clear: both;
}
/****************************/

/******************************************************************************/
/** events setting ************************************************************/
/******************************************************************************/
.eventsbox{
margin: 15px 0px;
padding: 3px;
overflow: auto;
border: solid 1px #d9d9d9;
}
.eventsbox .left,
.eventsbox .right{
width:50%;
min-height: 90px;
}
.eventsbox .right{ 
line-height: 90px;
}
.eventsbox img{
max-width: 100%;
vertical-align: middle;
}
.eventsitem{
width: 70px;
vertical-align:top;
}

/******************************************************************************/
/** solutions setting *************************************************************/
/******************************************************************************/
.solutions_img{
width:100%;
}

/******************************************************************************/
/** products setting **********************************************************/
/******************************************************************************/
.product_overview{
clear:both;
padding-top: 10px;
padding-bottom: 1px;
}
.product_overview a{
text-decoration:none;
}
.product_overview_img{
float: left;
}
.product_overview_img img{
height: 100px;
width: 100px;
}
.product_overview_text{
float: right;
width: 80%;
}
.product_table{
clear:both;
width: 100%;
border-collapse: collapse;
text-align: center;
}
.product_table{
border: #B3B3B3 solid 1px;
}
.product_table td{
border: #B3B3B3 solid 1px;
padding:2px;
}
.product_table th{
border: #B3B3B3 solid 1px;
padding:2px;
}
.product_table .border-bottom {
border-bottom: #404040 solid 2px;
}
.product_table .border-left{
border-left: #404040 solid 2px;
}
.product_table .item{
text-align:left;
}
.product_table .item>a{
text-decoration:none;
color: #404040;
}
.product_image{
float: right;
height: 300px;
width: 300px;
margin-bottom: 3px;
margin-left: 3px;
}